@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('../fonts/inter-v20-latin.woff2') format('woff2')}@font-face{font-family: 'Nunito';font-style: normal;font-weight: 200 1000;font-display: swap;src: url('../fonts/nunito-v32-latin.woff2') format('woff2')}:root{--c-primary: #1f3a5f;--c-primary-hover: #17304f;--c-accent: #2b8369;--c-accent-hover: #24735b;--c-accent-soft: #e6f4f0;--c-cta: #216b55;--c-cta-hover: #194f3f;--c-warm: #e8804a;--c-warm-soft: #fdf3ee;--c-bg: #fdfdfe;--c-surface: #f6f7fa;--c-surface-raised: #ffffff;--c-surface-sunken: #eef0f4;--c-text: #2c3442;--c-text-secondary: #636e7f;--c-text-tertiary: #6b7280;--c-border: #e2e5ea;--c-border-light: #eceef2;--c-focus: #3fa38a;--font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-display: 'Nunito',var(--font);--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-32: 32px;--s-40: 40px;--s-48: 48px;--s-56: 56px;--s-64: 64px;--s-80: 80px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow-1: 0 1px 2px rgba(31,58,95,0.06),0 1px 3px rgba(31,58,95,0.04);--shadow-2: 0 2px 4px rgba(31,58,95,0.06),0 4px 12px rgba(31,58,95,0.05);--shadow-3: 0 4px 8px rgba(31,58,95,0.06),0 8px 24px rgba(31,58,95,0.06);--ease: cubic-bezier(0.4,0,0.2,1);--dur: 200ms;--dur-slow: 350ms;--w-content: 700px;--w-wide: 1000px}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 16px;-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{font-family: var(--font);font-feature-settings: 'cv01','cv02','ss01';color: var(--c-text);background: var(--c-bg);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}::selection{background: var(--c-accent-soft);color: var(--c-primary)}:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 2px;border-radius: var(--r-sm)}a{color: inherit;text-decoration: none}img{max-width: 100%;height: auto;display: block}ul,ol{list-style: none}.container{width: 100%;max-width: var(--w-wide);margin: 0 auto;padding: 0 var(--s-20)}.container--narrow{max-width: var(--w-content)}.site-header{position: sticky;top: 0;z-index: 100;background: var(--c-bg);border-bottom: 1px solid var(--c-border-light)}.header-inner{display: flex;align-items: center;justify-content: center;height: 56px;position: relative}.site-logo{display: flex;align-items: center;flex-shrink: 0;-webkit-tap-highlight-color: transparent}.site-logo .custom-logo-link{-webkit-tap-highlight-color: transparent;outline: none;border-radius: 50%}.site-logo .custom-logo-link:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 4px;border-radius: 50%}.site-logo .custom-logo-link:active{transform: scale(0.88);transition: transform 0.1s}.site-logo .custom-logo-link{display: flex;align-items: center;line-height: 0}.site-logo .custom-logo-link img,.site-logo .custom-logo{display: block;max-height: 44px;width: auto;height: auto;object-fit: contain}.site-title{font-family: var(--font-display);font-size: 17px;font-weight: 800;color: var(--c-primary);letter-spacing: -0.02em;text-transform: lowercase}.search-toggle{position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;padding: var(--s-8);border-radius: var(--r-sm);color: var(--c-primary);-webkit-tap-highlight-color: transparent;transition: color var(--dur) var(--ease)}.search-toggle:hover{color: var(--c-accent)}.search-overlay{position: absolute;top: 100%;left: 0;right: 0;background: var(--c-surface-raised);box-shadow: var(--shadow-3);padding: var(--s-12) 0;transform: translateY(-8px);opacity: 0;pointer-events: none;transition: opacity var(--dur) var(--ease),transform var(--dur) var(--ease);z-index: 200}.search-overlay.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}.search-bar{display: flex;align-items: center;gap: var(--s-8);background: var(--c-surface);border: 1px solid var(--c-border);border-radius: var(--r-sm);padding: var(--s-8) var(--s-12)}.search-bar:focus-within{border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-soft)}.search-bar-icon{flex-shrink: 0;color: var(--c-text-tertiary)}.search-input{flex: 1;border: none;background: none;font-family: var(--font);font-size: 14px;color: var(--c-text);outline: none;min-width: 0}.search-input::placeholder{color: var(--c-text-tertiary)}.search-close{background: none;border: none;font-size: 20px;color: var(--c-text-tertiary);cursor: pointer;padding: 0 var(--s-4);line-height: 1}.search-results{max-height: 320px;overflow-y: auto}.search-results:empty{display: none}.search-result-item{display: flex;align-items: center;gap: var(--s-12);padding: var(--s-8) var(--s-12);border-radius: var(--r-sm);transition: background var(--dur) var(--ease);text-decoration: none;color: var(--c-text)}.search-result-item:hover{background: var(--c-surface)}.search-result-img{width: 40px;height: 40px;border-radius: var(--r-sm);background: var(--c-surface);overflow: hidden;flex-shrink: 0}.search-result-img img{width: 100%;height: 100%;object-fit: contain}.search-result-info{flex: 1;min-width: 0}.search-result-name{font-size: 13px;font-weight: 600;color: var(--c-primary);line-height: 1.3}.search-result-meta{font-size: 11px;color: var(--c-text-tertiary)}.search-no-results{padding: var(--s-16) var(--s-12);font-size: 13px;color: var(--c-text-tertiary);text-align: center}.search-group-label{padding: 10px var(--s-12) 4px;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: .05em;color: var(--c-text-tertiary)}.search-group-label:first-child{padding-top: 4px}.search-result-cat-icon{display: flex;align-items: center;justify-content: center;color: var(--c-primary)}.search-result-cat .search-result-name{color: var(--c-text)}.search-result-arrow{flex-shrink: 0;align-self: center;font-size: 22px;line-height: 1;color: var(--c-text-tertiary);padding-right: 4px}.section-divider{display: flex;justify-content: center;padding: var(--s-4) 0}.section-divider span{display: block;width: 40px;height: 2px;background: var(--c-warm);border-radius: 1px;opacity: 0.5}.menu-toggle{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 4px;background: none;border: none;cursor: pointer;padding: var(--s-8);border-radius: var(--r-sm)}.menu-toggle span{display: block;width: 18px;height: 2px;background: var(--c-primary);border-radius: 1px;transition: transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.site-nav{position: fixed;top: 56px;left: 0;right: 0;bottom: 0;background: var(--c-bg);padding: var(--s-24) var(--s-20);transform: translateX(100%);transition: transform var(--dur-slow) var(--ease);z-index: 100;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.site-nav.is-open{transform: translateX(0)}.nav-backdrop{position: fixed;inset: 0;background: rgba(15,23,42,0.42);opacity: 0;pointer-events: none;transition: opacity var(--dur) var(--ease);z-index: 99}.nav-backdrop.is-open{opacity: 1;pointer-events: auto}@media (max-width: 719px){.nav-backdrop{display: none}}@media (min-width: 720px){.site-nav{left: auto;right: 0;width: min(300px,80vw);border-left: 1px solid var(--c-border-light);box-shadow: -12px 0 40px rgba(0,0,0,0.12)}}@media (min-width: 960px){.site-nav{width: min(360px,86vw)}}.nav-list li + li{border-top: 1px solid var(--c-border-light)}.nav-list a{display: block;padding: var(--s-16) 0;font-size: 15px;font-weight: 500;color: var(--c-primary);transition: color var(--dur) var(--ease);text-decoration: none}.nav-list a:hover{color: var(--c-accent)}.menu-parent-row{display: flex;align-items: center;justify-content: space-between;gap: var(--s-8)}.menu-parent-row a{flex: 1}.menu-parent-toggle{background: none;border: none;padding: var(--s-16) var(--s-12);cursor: pointer;color: var(--c-text-secondary);display: inline-flex;align-items: center;justify-content: center;transition: color var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.menu-parent-toggle:hover{color: var(--c-primary)}.menu-parent-chevron{width: 8px;height: 8px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);transition: transform var(--dur) var(--ease);margin-top: -3px}.menu-item-has-children[aria-expanded="true"] .menu-parent-chevron{transform: rotate(-135deg);margin-top: 3px}.nav-list .sub-menu{list-style: none;padding: 0;margin: 0 0 0 var(--s-16);border-left: 2px solid var(--c-border-light);max-height: 0;overflow: hidden;transition: max-height 0.3s var(--ease)}.menu-item-has-children[aria-expanded="true"] > .sub-menu{max-height: 600px}.nav-list .sub-menu li{border-top: none}.nav-list .sub-menu li + li{border-top: 1px solid var(--c-border-light)}.nav-list .sub-menu a{padding: var(--s-12) var(--s-16);font-size: 14px;color: var(--c-text-secondary)}.nav-list .sub-menu a:hover{color: var(--c-primary)}.nav-list > .menu-item-type-post_type:first-of-type{margin-top: var(--s-16);padding-top: var(--s-8);border-top: 1px solid var(--c-border-light)}.nav-list > .menu-item-type-post_type a{font-size: 13px;font-weight: 400;color: var(--c-text-secondary)}.banner{padding: 0}.banner--full .banner-slider{border-radius: 0}.banner-slider{position: relative;overflow: hidden;border-radius: var(--r-lg);box-shadow: var(--shadow-2)}.banner--full .banner-slider{box-shadow: none}.banner-track{position: relative;width: 100%}.banner-slide{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transform: translateX(24px);transition: opacity 0.7s ease,transform 0.7s ease;pointer-events: none}.banner-slide.is-active{position: relative;opacity: 1;transform: translateX(0);pointer-events: auto}.banner-slide.is-leaving{opacity: 0;transform: translateX(-24px)}.banner-slide-inner{display: block;position: relative;overflow: hidden;border-radius: var(--r-lg);aspect-ratio: 1.6 / 1;background: var(--c-primary)}.banner--full .banner-slide-inner{border-radius: 0}.banner-image{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 7s ease}.banner-slide.is-active .banner-image{transform: scale(1.04)}.banner-content{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: var(--s-24);background: linear-gradient( 0deg,rgba(31,58,95,0.92) 0%,rgba(31,58,95,0.50) 35%,rgba(31,58,95,0.12) 65%,transparent 100% );color: #fff}.banner-title{font-size: 22px;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;margin-bottom: var(--s-4)}.banner-subtitle{font-size: 14px;font-weight: 400;opacity: 0.8;line-height: 1.5;margin-bottom: var(--s-12);max-width: 340px}.banner-cta{display: inline-flex;align-items: center;gap: var(--s-4);font-size: 13px;font-weight: 600;letter-spacing: 0.01em;color: #fff;background: var(--c-accent);padding: 10px 20px;border-radius: var(--r-sm);align-self: flex-start;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease)}.banner-cta:hover{background: var(--c-accent-hover);transform: translateY(-1px)}.banner-dots{position: absolute;bottom: var(--s-12);right: var(--s-16);display: flex;gap: var(--s-8);z-index: 5}.banner-dot{height: 6px;width: 6px;border-radius: 3px;border: none;background: rgba(255,255,255,0.4);cursor: pointer;padding: 0;transition: all var(--dur-slow) var(--ease)}.banner-dot.is-active{background: #fff;width: 20px}.trust-bar{padding: var(--s-12) 0;background: var(--c-surface)}.trust-list{display: flex;flex-direction: column;gap: var(--s-8);align-items: center}.trust-list li{display: flex;align-items: center;gap: 6px;font-size: 12px;font-weight: 500;color: var(--c-text-secondary);letter-spacing: 0.02em}.trust-icon{color: var(--c-warm);flex-shrink: 0;width: 14px;height: 14px}.featured-cats{padding: var(--s-32) 0 var(--s-24)}.cat-carousel{position: relative}.cat-track{display: flex;gap: var(--s-4);overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;scrollbar-width: none;padding: 0}.cat-track::-webkit-scrollbar{display: none}.cat-carousel::before,.cat-carousel::after{content: '';position: absolute;top: 0;bottom: 0;width: 40px;pointer-events: none;z-index: 2;opacity: 0;transition: opacity var(--dur) var(--ease)}.cat-carousel::before{left: 0;background: linear-gradient( 90deg,var(--c-bg),transparent)}.cat-carousel::after{right: 0;background: linear-gradient(-90deg,var(--c-bg),transparent)}.cat-carousel[data-scrolled-start="no"]::before{opacity: 1}.cat-carousel[data-scrolled-end="no"]::after{opacity: 1}.cat-nav{position: absolute;top: calc(50% - 10px);transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--c-border);background: var(--c-surface-raised);box-shadow: var(--shadow-2);display: none;align-items: center;justify-content: center;cursor: pointer;z-index: 3;color: var(--c-primary);transition: transform var(--dur) var(--ease),opacity var(--dur) var(--ease),background var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.cat-nav--prev{left: -12px}.cat-nav--next{right: -12px}.cat-nav:hover{transform: translateY(-50%) scale(1.06);background: var(--c-surface)}.cat-nav:active{transform: translateY(-50%) scale(0.95)}.cat-nav:disabled{opacity: 0;pointer-events: none;transform: translateY(-50%) scale(0.9)}.featured-cat-card{position: relative;display: block;flex: 0 0 auto;width: 150px;aspect-ratio: 1 / 1;scroll-snap-align: start;border-radius: 0;overflow: hidden;box-shadow: var(--shadow-1);transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.cat-scrollbar{display: flex;justify-content: center;padding: var(--s-20) 0 var(--s-4)}.cat-scrollbar-track{position: relative;width: 110px;height: 3px;background: rgba(232,128,74,0.22);border-radius: 999px}.cat-scrollbar-thumb{position: absolute;top: 0;height: 100%;width: var(--thumb-size,30%);left: var(--thumb-pos,0%);background: var(--c-warm);border-radius: 999px}.featured-cat-card:hover{box-shadow: var(--shadow-3);transform: translateY(-2px)}.featured-cat-card:hover .featured-cat-image img{transform: scale(1.12)}.featured-cat-image{position: absolute;inset: 0;overflow: hidden}.featured-cat-image img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.06);transition: transform 0.5s var(--ease)}.featured-cat-placeholder{width: 100%;height: 100%;background: var(--c-surface-sunken)}.featured-cat-card::after{content: '';position: absolute;inset: 0;background: linear-gradient( 0deg,rgba(31,58,95,0.78) 0%,rgba(31,58,95,0.25) 50%,rgba(31,58,95,0.05) 100% );transition: background var(--dur) var(--ease)}.featured-cat-card:hover::after{background: linear-gradient( 0deg,rgba(31,58,95,0.85) 0%,rgba(31,58,95,0.20) 50%,rgba(31,58,95,0.02) 100% )}.featured-cat-name{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;padding: var(--s-8) var(--s-8) var(--s-12);font-family: var(--font-display);font-size: 15px;font-weight: 800;color: #fff;line-height: 1.2;letter-spacing: -0.01em}.top-picks{padding: var(--s-32) 0 var(--s-48);background: var(--c-surface)}.section-title{font-size: 17px;font-weight: 700;color: var(--c-primary);letter-spacing: -0.01em;margin-bottom: var(--s-16)}.latest-section{padding: var(--s-32) 0 var(--s-48);background: var(--c-surface)}.rankings-grid{display: grid;grid-template-columns: 1fr;gap: var(--s-8)}.ranking-card{display: block;padding: var(--s-20);background: var(--c-surface-raised);border-radius: var(--r-md);box-shadow: var(--shadow-1);transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.ranking-card:hover{box-shadow: var(--shadow-2);transform: translateY(-1px)}.ranking-card-cat{display: inline-block;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-accent);background: var(--c-accent-soft);padding: 3px 8px;border-radius: 4px;margin-bottom: var(--s-8)}.ranking-card-title{font-size: 15px;font-weight: 700;color: var(--c-primary);line-height: 1.35;margin-bottom: var(--s-4)}.ranking-card-winner{display: block;font-size: 13px;color: var(--c-text-secondary);margin-bottom: var(--s-8)}.ranking-card-excerpt{font-size: 13px;color: var(--c-text-secondary);line-height: 1.5;margin-bottom: var(--s-8)}.ranking-card-link{font-size: 13px;font-weight: 600;color: var(--c-accent);display: inline-flex;align-items: center;gap: 2px}.product-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s-12)}@media (max-width: 639.98px){.top-picks .product-grid{grid-template-columns: 1fr}}.product-card{display: flex;flex-direction: column;background: var(--c-surface-raised);border-radius: var(--r-md);box-shadow: var(--shadow-1);padding: var(--s-12);transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);min-width: 0;overflow: hidden}.product-card:hover{box-shadow: var(--shadow-2);transform: translateY(-1px)}.product-card-top{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--s-8);margin-bottom: var(--s-8);min-height: 20px}.product-badge{font-size: 10.5px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;line-height: 1.3;color: var(--c-cta);background: var(--c-accent-soft);padding: 3px 7px;border-radius: 4px;min-width: 0;max-width: 100%;hyphens: none;-webkit-hyphens: none;overflow-wrap: break-word}.product-rating{font-size: 13px;font-weight: 700;color: var(--c-primary);font-feature-settings: 'tnum';background: var(--c-surface);padding: 2px 8px;border-radius: var(--r-sm);line-height: 1.3}.product-image-wrap{position: relative;margin-bottom: var(--s-12)}.product-image-wrap .product-image{margin-bottom: 0}.product-rating--bubble{position: absolute;top: -8px;right: -8px;width: 38px;height: 38px;background: #fff;border-radius: 50%;box-shadow: 0 2px 4px rgba(31,58,95,.10),0 8px 20px rgba(31,58,95,.18);display: flex;align-items: center;justify-content: center;z-index: 4;padding: 0;line-height: 1}.product-rating--bubble svg{position: absolute;inset: 0;width: 100%;height: 100%}.product-rating--bubble .arc{stroke-dasharray: 91.11;stroke-dashoffset: var(--score-offset,91.11)}.product-rating--bubble b{position: relative;font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums;letter-spacing: -.02em;line-height: 1}.product-rating--bubble.score--high b{color: #2f9974}.product-rating--bubble.score--high .arc{stroke: #2f9974}.product-rating--bubble.score--high .track{stroke: #e9f6f0}.product-rating--bubble.score--mid b{color: #3a6fb3}.product-rating--bubble.score--mid .arc{stroke: #3a6fb3}.product-rating--bubble.score--mid .track{stroke: #e8eef9}.product-rating--bubble.score--low b{color: #d27a2b}.product-rating--bubble.score--low .arc{stroke: #d27a2b}.product-rating--bubble.score--low .track{stroke: #fbeed8}.product-card > .product-badge{margin-bottom: var(--s-8);align-self: flex-start}.product-image{aspect-ratio: 1 / 1;border-radius: var(--r-sm);overflow: hidden;margin-bottom: var(--s-12);background: var(--c-surface);display: flex;align-items: center;justify-content: center}.product-image picture{display: block;width: 100%;height: 100%;min-height: 0}.product-image img{width: 100%;height: 100%;object-fit: contain;padding: var(--s-8);max-width: 100%}.product-image--placeholder{color: var(--c-text-tertiary)}.product-name{font-size: 14px;font-weight: 700;color: var(--c-primary);line-height: 1.3;margin-bottom: var(--s-4);letter-spacing: -0.01em;hyphens: auto;-webkit-hyphens: auto;overflow-wrap: break-word}.product-desc{font-size: 11px;color: var(--c-text-secondary);line-height: 1.45;margin-bottom: var(--s-12);flex: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.product-cta{display: flex;align-items: center;justify-content: center;gap: 6px;background: var(--c-cta);color: #fff;font-size: 13.5px;font-weight: 600;padding: var(--s-12) var(--s-12);min-height: 44px;border-radius: var(--r-sm);transition: background var(--dur) var(--ease);letter-spacing: 0.01em}.product-card-footer{display: flex;flex-direction: column;margin-top: auto}.product-cta:hover,.product-cta:focus-visible{background: var(--c-cta-hover)}.product-cta .cta-text{flex: 0 1 auto}.product-cta .cta-arrow{flex-shrink: 0;opacity: 0.85}.product-image{position: relative}.product-merchant-stamp{position: absolute;right: 6px;bottom: 6px;width: 28px;height: 28px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 4px rgba(31,58,95,0.15),0 0 0 1px rgba(31,58,95,0.05);padding: 3px;pointer-events: none}.product-merchant-stamp img{width: 100%;height: 100%;object-fit: contain;border-radius: 2px;padding: 0}.product-review-link{display: block;text-align: center;font-size: 10px;color: #6b7280;margin-top: var(--s-4);letter-spacing: 0.02em;transition: color var(--dur) var(--ease)}.product-review-link:hover{color: var(--c-accent)}.categories-section{padding: var(--s-48) 0}.categories-grid{display: grid;grid-template-columns: 1fr;gap: var(--s-8)}.category-card{display: flex;align-items: center;padding: var(--s-16) var(--s-20);background: var(--c-surface-raised);border-radius: var(--r-md);box-shadow: var(--shadow-1);transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.category-card:hover{box-shadow: var(--shadow-2);transform: translateY(-1px)}.category-name{font-size: 14px;font-weight: 600;color: var(--c-primary);flex: 1}.category-count{font-size: 12px;color: var(--c-text-tertiary);margin-right: var(--s-8)}.category-arrow{color: var(--c-accent);flex-shrink: 0;transition: transform var(--dur) var(--ease)}.category-card:hover .category-arrow{transform: translateX(2px)}.archive-header{padding: var(--s-32) 0 var(--s-24);background: var(--c-surface);border-bottom: 1px solid var(--c-border-light)}.archive-title{font-size: 22px;font-weight: 700;color: var(--c-primary);letter-spacing: -0.02em}.archive-desc{font-size: 14px;color: var(--c-text-secondary);margin-top: var(--s-4);line-height: 1.5}.archive-content{padding: var(--s-32) 0 var(--s-48)}.ranking-single{padding: var(--s-24) 0 var(--s-64)}.ranking-breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-4);font-size: 13px;color: var(--c-text-secondary);margin-bottom: var(--s-16)}.ranking-breadcrumb a{color: var(--c-text-secondary);text-decoration: none;transition: color var(--dur) var(--ease)}.ranking-breadcrumb a:hover{color: var(--c-primary)}.ranking-breadcrumb a:last-child{color: var(--c-primary);font-weight: 600}.ranking-breadcrumb .sep{opacity: 0.4}.ranking-kicker{display: inline-block;font-size: 12px;color: var(--c-text-secondary);letter-spacing: 0.01em;margin-bottom: var(--s-8)}.ranking-breadcrumb-legacy{display: inline-flex;align-items: center;gap: var(--s-4);font-size: 13px;color: var(--c-accent);font-weight: 500;margin-bottom: var(--s-24);transition: opacity var(--dur) var(--ease)}.ranking-breadcrumb-legacy:hover{opacity: 0.7}.ranking-header{margin-bottom: var(--s-32);padding-bottom: var(--s-24);border-bottom: 1px solid var(--c-border-light)}.ranking-title{font-size: 26px;font-weight: 700;color: var(--c-primary);line-height: 1.2;letter-spacing: -0.025em;margin-bottom: var(--s-4)}.ranking-subtitle{font-size: 14px;color: var(--c-text-secondary);line-height: 1.5}.ranking-badges{list-style: none;margin: var(--s-20) 0 0;padding: 13px 18px;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 26px;border-left: 3px solid var(--c-accent);border-radius: 2px;background: linear-gradient(90deg,rgba(63,163,138,0.14),rgba(63,163,138,0) 100%)}.ranking-badge{display: inline-flex;align-items: center;gap: 7px;font-size: 13px;font-weight: 500;color: var(--c-text-secondary);line-height: 1.2}.ranking-badge-check{color: var(--c-accent);font-weight: 800;font-size: 13px;line-height: 1}@media (max-width: 600px){.ranking-badges{flex-direction: column;align-items: flex-start;gap: 9px}}.ranking-meta{margin-top: var(--s-16);font-size: 12px;color: var(--c-text-tertiary);display: flex;align-items: center;flex-wrap: wrap;gap: 6px}.ranking-meta::before{content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--c-accent);flex-shrink: 0}.ranking-disclosure{font-size: 13px;color: var(--c-text-secondary);background: var(--c-surface);padding: var(--s-12) var(--s-16);border-radius: var(--r-sm);margin-bottom: var(--s-24);line-height: 1.55;border-left: 3px solid var(--c-accent-soft)}.ranking-intro{font-size: 15px;line-height: 1.75;margin-bottom: var(--s-32);color: var(--c-text)}.ranking-intro p + p{margin-top: var(--s-16)}.quick-picks{background: var(--c-surface);border-radius: var(--r-md);padding: var(--s-20);margin-bottom: var(--s-24);box-shadow: var(--shadow-1)}.quick-picks-title{font-size: 11px;font-weight: 600;color: var(--c-text-tertiary);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--s-12)}.quick-picks-list{list-style: none;counter-reset: picks}.quick-picks-list li{counter-increment: picks}.quick-pick-link{display: flex;align-items: center;gap: var(--s-12);padding: var(--s-8) 0;border-bottom: 1px solid var(--c-border-light)}.quick-picks-list li:last-child .quick-pick-link{border-bottom: none}.quick-pick-link::before{content: counter(picks);display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;background: var(--c-primary);color: #fff;border-radius: 50%;font-size: 11px;font-weight: 700;flex-shrink: 0;font-feature-settings: 'tnum'}.quick-pick-name{font-size: 14px;font-weight: 600;color: var(--c-primary);flex: 1}.quick-pick-badge{font-size: 10px;font-weight: 600;color: var(--c-accent);background: var(--c-accent-soft);padding: 2px 8px;border-radius: 4px;white-space: nowrap;letter-spacing: 0.02em}.ranking-items{display: flex;flex-direction: column;gap: var(--s-12)}.item-card{display: flex;gap: var(--s-16);border-radius: var(--r-md);padding: var(--s-20);background: var(--c-surface-raised);box-shadow: var(--shadow-1);transition: box-shadow var(--dur) var(--ease)}.item-card:hover{box-shadow: var(--shadow-2)}.item-card:first-child{background: linear-gradient(160deg,#f9fdfb 0%,#f0f9f6 100%);box-shadow: var(--shadow-2);position: relative}.item-card:first-child::before{content: '';position: absolute;top: 0;left: var(--s-20);right: var(--s-20);height: 2px;background: var(--c-accent);border-radius: 0 0 2px 2px}.item-rank{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--c-primary);color: #fff;border-radius: 50%;font-size: 14px;font-weight: 700;flex-shrink: 0;font-feature-settings: 'tnum'}.item-card:first-child .item-rank{background: var(--c-accent)}.item-content{flex: 1;min-width: 0}.item-top{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--s-8);margin-bottom: var(--s-8)}.item-badge{display: inline-block;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-accent);margin-bottom: 2px}.item-name{font-size: 16px;font-weight: 700;color: var(--c-primary);line-height: 1.3;letter-spacing: -0.01em}.item-rating{text-align: center;flex-shrink: 0;background: var(--c-surface);padding: var(--s-4) var(--s-8);border-radius: var(--r-sm);line-height: 1}.item-rating-label{display: block;font-size: 9px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-text-tertiary);font-weight: 700;line-height: 1;margin-bottom: 3px}.item-rating-num{font-size: 18px;font-weight: 700;color: var(--c-primary);font-feature-settings: 'tnum'}.item-rating-max{font-size: 10px;color: var(--c-text-tertiary)}.item-rating-stack{display: flex;flex-direction: column;align-items: stretch;gap: var(--s-4);flex-shrink: 0}.item-value-rank{display: inline-flex;align-items: baseline;justify-content: center;gap: 4px;padding: 3px 8px;border-radius: var(--r-sm);font-size: 10px;line-height: 1.2;text-align: center;cursor: help}.item-value-rank--up{background: #ebf6f2;color: #1f7a66}.item-value-rank--down{background: #f4f6f8;color: #6b7280}.item-value-rank .item-value-label{font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;font-size: 9px}.item-value-rank .item-value-num{font-weight: 700;font-size: 12px;font-feature-settings: 'tnum'}.ranking-order-note{background: #f5f8fc;border-left: 3px solid var(--c-accent,#2a8b76);padding: var(--s-12) var(--s-16);margin: var(--s-16) 0 var(--s-24);font-size: 14px;color: var(--c-text-secondary,#4a5564);line-height: 1.55;border-radius: 0 var(--r-sm) var(--r-sm) 0}.ranking-order-note strong{color: var(--c-primary);font-weight: 700}.related-ranking{margin-top: var(--s-48);padding: var(--s-20) var(--s-24);background: var(--c-surface);border-radius: var(--r-md)}.related-kicker{display: block;font-size: 11px;text-transform: uppercase;letter-spacing: 0.12em;color: var(--c-text-tertiary);font-weight: 700;margin-bottom: var(--s-8)}.related-link{display: flex;justify-content: space-between;align-items: center;gap: var(--s-12);color: var(--c-primary);font-size: 16px;font-weight: 600;text-decoration: none;transition: color var(--dur) var(--ease)}.related-link:hover{color: var(--c-accent)}.related-arrow{transition: transform var(--dur) var(--ease);flex-shrink: 0}.related-link:hover .related-arrow{transform: translateX(3px)}.item-desc{font-size: 14px;color: var(--c-text);line-height: 1.6;margin-bottom: var(--s-12)}.item-pros{margin-bottom: var(--s-16)}.item-pros li{display: flex;align-items: flex-start;gap: 6px;font-size: 13px;color: var(--c-text);padding: 3px 0;line-height: 1.45}.item-pros svg{color: var(--c-accent);flex-shrink: 0;margin-top: 2px;width: 14px;height: 14px}.item-cta{display: inline-flex;align-items: center;justify-content: center;gap: 6px;background: var(--c-accent);color: #fff;font-size: 14px;font-weight: 600;padding: var(--s-12) var(--s-24);border-radius: var(--r-sm);transition: background var(--dur) var(--ease),transform var(--dur) var(--ease);width: 100%}.item-cta:hover{background: var(--c-accent-hover);transform: translateY(-1px)}.page-single{padding: var(--s-32) 0 var(--s-64)}.page-title,.archive-title,.ranking-title{position: relative;padding-bottom: var(--s-12);margin-bottom: var(--s-16)}.page-title::after,.archive-title::after,.ranking-title::after{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background: var(--c-warm);border-radius: 1px;opacity: 0.7}.page-title{font-size: 24px;font-weight: 700;color: var(--c-primary);letter-spacing: -0.02em;margin-bottom: var(--s-24)}.page-content{font-size: 15px;line-height: 1.75}.page-content p + p{margin-top: var(--s-16)}.page-content h2{font-size: 18px;font-weight: 700;color: var(--c-primary);margin: var(--s-40) 0 var(--s-12);letter-spacing: -0.01em}.page-content h3{font-size: 16px;font-weight: 600;color: var(--c-primary);margin: var(--s-32) 0 var(--s-8)}.page-content ul,.page-content ol{padding-left: var(--s-20);margin: var(--s-12) 0;list-style: disc}.page-content ol{list-style: decimal}.page-content a{color: var(--c-accent);text-decoration: underline;text-underline-offset: 2px;text-decoration-thickness: 1px}.page-content a:hover{text-decoration-color: var(--c-accent-hover)}.page-content .lede{font-size: 17px;color: var(--c-text-secondary);margin-bottom: var(--s-32);line-height: 1.6}.page-content details{border-bottom: 1px solid var(--c-border-light);padding: var(--s-16) 0}.page-content details:first-of-type{border-top: 1px solid var(--c-border-light);margin-top: var(--s-8)}.page-content summary{list-style: none;cursor: pointer;font-weight: 600;font-size: 16px;color: var(--c-primary);display: flex;justify-content: space-between;align-items: center;gap: var(--s-16);padding-right: var(--s-4);-webkit-tap-highlight-color: transparent;transition: color var(--dur) var(--ease)}.page-content summary::-webkit-details-marker{display: none}.page-content summary::after{content: '';width: 9px;height: 9px;border-right: 2px solid var(--c-text-tertiary);border-bottom: 2px solid var(--c-text-tertiary);transform: rotate(45deg);transition: transform var(--dur) var(--ease),border-color var(--dur) var(--ease);flex-shrink: 0;margin-right: 4px}.page-content details[open] summary{color: var(--c-accent)}.page-content details[open] summary::after{transform: rotate(-135deg);border-color: var(--c-accent);margin-right: 0;margin-top: 4px}.page-content details p{margin-top: var(--s-12)}.page-content .contact-email{text-align: center;font-size: 22px;font-weight: 700;margin: var(--s-32) 0;letter-spacing: -0.01em}.page-content .contact-email a{color: var(--c-primary);text-decoration: none;border-bottom: 2px solid var(--c-accent);padding-bottom: 2px;transition: color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.page-content .contact-email a:hover{color: var(--c-accent);border-color: var(--c-accent-hover)}.page-content .contact-response{text-align: center;color: var(--c-text-secondary);font-size: 14px;margin-top: calc(-1 * var(--s-16))}.page-content .contact-response strong{color: var(--c-primary)}.page-content .values-list{list-style: none;padding: 0;margin: 0 0 var(--s-32);display: grid;gap: var(--s-12)}.page-content .values-list li{padding-left: var(--s-24);font-size: 15px;position: relative;line-height: 1.55}.page-content .values-list li::before{content: '';position: absolute;left: 0;top: 11px;width: 10px;height: 2px;background: var(--c-accent)}.page-content .values-list strong{color: var(--c-primary)}.page-content .pullquote{border-left: 3px solid var(--c-accent);padding: var(--s-4) var(--s-20);margin: var(--s-40) 0;font-family: var(--font-display);font-size: 20px;font-weight: 700;color: var(--c-primary);font-style: italic;line-height: 1.4;letter-spacing: -0.01em}.page-content .closing-cta{margin-top: var(--s-48);padding: var(--s-24) var(--s-20);background: var(--c-accent-soft);border-radius: var(--r-md);text-align: center}.page-content .closing-cta p{margin: 0 0 var(--s-12);color: var(--c-primary);font-weight: 600;font-size: 16px}.page-content .closing-cta-btn{display: inline-block;padding: var(--s-12) var(--s-24);background: var(--c-primary);color: #fff !important;text-decoration: none !important;border-radius: 999px;font-weight: 600;font-size: 14px;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease);border-bottom: none !important}.page-content .closing-cta-btn:hover{background: var(--c-primary-hover);transform: translateY(-1px)}@media (min-width: 720px){.page-title{font-size: 34px}.page-content .lede{font-size: 19px}.page-content summary{font-size: 17px}}.error-404 h1{font-size: 22px;font-weight: 700;color: var(--c-primary);margin-bottom: var(--s-8)}.error-404 p{color: var(--c-text-secondary);font-size: 14px}.btn-back{display: inline-block;margin-top: var(--s-24);background: var(--c-accent);color: #fff;padding: var(--s-12) var(--s-24);border-radius: var(--r-sm);font-weight: 600;font-size: 14px;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn-back:hover{background: var(--c-accent-hover);transform: translateY(-1px)}.site-footer{margin-top: auto;background: var(--c-primary);color: rgba(255,255,255,0.65);padding: var(--s-40) 0 var(--s-32);text-align: center}.footer-logo{margin-bottom: var(--s-24);display: flex;flex-direction: column;align-items: center;gap: var(--s-4)}.footer-wordmark{font-family: var(--font-display);font-size: 32px;font-weight: 800;letter-spacing: -0.02em;line-height: 1;color: #fff;text-decoration: none;transition: opacity var(--dur) var(--ease)}.footer-wordmark:hover{opacity: 0.85}.footer-wordmark span{color: var(--c-accent)}.footer-tagline{font-size: 12px;color: rgba(255,255,255,0.55);letter-spacing: 0.03em}.footer-disclosure{font-size: 12px;max-width: 400px;margin: 0 auto var(--s-20);line-height: 1.65;opacity: 0.55}.footer-nav{display: flex;justify-content: center;gap: var(--s-24);margin-bottom: var(--s-20)}.footer-nav a{font-size: 13px;font-weight: 500;color: rgba(255,255,255,0.6);transition: color var(--dur) var(--ease)}.footer-nav a:hover{color: rgba(255,255,255,0.95)}.footer-copyright{font-size: 11px;opacity: 0.35;letter-spacing: 0.01em}.footer-bottom{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: var(--s-16);margin-top: var(--s-20);padding-top: var(--s-16);border-top: 1px solid rgba(255,255,255,0.1)}.footer-trustpilot{grid-column: 2;justify-self: center;flex-shrink: 0}.tp-badge{display: inline-flex;align-items: center;gap: 10px;padding: 8px 16px;border-radius: 999px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.09);color: rgba(255,255,255,0.9);font-size: 12px;letter-spacing: 0.01em;text-decoration: none;transition: background 0.18s ease,border-color 0.18s ease,transform 0.18s ease;white-space: nowrap}.tp-badge:hover{background: rgba(255,255,255,0.09);border-color: rgba(255,255,255,0.16);transform: translateY(-1px);color: #fff}.tp-stars{display: inline-flex;gap: 1px;line-height: 0}.tp-star{position: relative;display: inline-block;width: 14px;height: 14px;line-height: 0}.tp-star .tp-star-bg,.tp-star .tp-star-fg{position: absolute;inset: 0;height: 100%}.tp-star .tp-star-bg{width: 100%}.tp-star .tp-star-fg{width: 14px;clip-path: inset(0 calc(100% - var(--tp-fill,100%)) 0 0)}.tp-star .tp-star-bg svg,.tp-star .tp-star-fg svg{display: block}.tp-text{font-size: 12px;line-height: 1.2}.tp-text strong{color: #00B67A;font-weight: 600;letter-spacing: 0.02em}.footer-meta{text-align: right;display: flex;flex-direction: column;gap: var(--s-4);grid-column: 3;justify-self: end}.pagination{margin-top: var(--s-32);text-align: center}.pagination .nav-links{display: flex;justify-content: center;gap: var(--s-4)}.pagination a,.pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 var(--s-8);border-radius: var(--r-sm);font-size: 13px;font-weight: 500;font-feature-settings: 'tnum';transition: all var(--dur) var(--ease);background: var(--c-surface-raised);box-shadow: var(--shadow-1)}.pagination a:hover{box-shadow: var(--shadow-2);color: var(--c-accent)}.pagination .current{background: var(--c-primary);color: #fff;box-shadow: none}.no-results{text-align: center;color: var(--c-text-secondary);font-size: 14px;padding: var(--s-48) 0}@media (min-width: 640px){.header-inner{height: 64px}.site-nav{top: 64px}.banner-slide-inner{aspect-ratio: 2.2 / 1}.banner-title{font-size: 28px}.banner-subtitle{font-size: 15px}.banner-content{padding: var(--s-32)}.trust-list{flex-direction: row;justify-content: center;gap: var(--s-32)}.featured-cat-name{font-size: 17px}.product-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--s-12)}.product-name{font-size: 15px}.product-desc{font-size: 12px}.categories-grid{grid-template-columns: repeat(2,1fr)}.rankings-grid{grid-template-columns: repeat(2,1fr)}.item-cta{width: auto}.ranking-title{font-size: 30px}}@media (min-width: 960px){.banner-slide-inner{aspect-ratio: 2.8 / 1}.banner-title{font-size: 32px;letter-spacing: -0.025em}.banner-content{padding: var(--s-40)}.cat-nav{display: flex}.featured-cat-card{width: 200px}.product-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.categories-grid{grid-template-columns: repeat(3,1fr)}.rankings-grid{grid-template-columns: repeat(3,1fr)}}.ranking-reviews{margin-top: var(--s-56);padding-top: var(--s-40);border-top: 1px solid var(--c-border-light)}.reviews-head{margin-bottom: var(--s-32)}.reviews-title{font-size: 18px;font-weight: 700;color: var(--c-primary);letter-spacing: -0.01em;margin-bottom: var(--s-12)}.reviews-score{display: inline-flex;align-items: center;gap: var(--s-12);padding: var(--s-12) var(--s-16);background: var(--c-surface);border-radius: var(--r-md)}.reviews-avg{font-family: var(--font-display);font-size: 26px;font-weight: 800;color: var(--c-primary);line-height: 1}.reviews-stars{display: inline-flex;gap: 2px;color: var(--c-border)}.review-star-display{display: inline-flex;line-height: 0}.review-star-display.is-filled{color: var(--c-warm)}.reviews-count{font-size: 13px;color: var(--c-text-secondary)}.reviews-empty{color: var(--c-text-secondary);font-size: 14px}.reviews-list{list-style: none;padding: 0;margin: 0 0 var(--s-32)}.review-item{padding: var(--s-16) 0;border-bottom: 1px solid var(--c-border-light)}.review-item:last-child{border-bottom: none}.review-item-head{display: flex;align-items: center;gap: var(--s-12);flex-wrap: wrap;margin-bottom: var(--s-4)}.review-author{font-size: 14px;font-weight: 600;color: var(--c-primary)}.review-stars-small{display: inline-flex;gap: 1px;color: var(--c-border)}.review-date{font-size: 12px;color: var(--c-text-tertiary);margin-left: auto}.review-body{font-size: 14px;color: var(--c-text);margin: 0}.reviews-form-title{font-size: 16px;font-weight: 700;color: var(--c-primary);margin: var(--s-24) 0 var(--s-16)}.review-stars-input{display: inline-flex;gap: 2px;margin-bottom: var(--s-16)}.review-star{background: none;border: none;padding: 4px;cursor: pointer;color: var(--c-border);transition: color var(--dur) var(--ease),transform var(--dur) var(--ease);-webkit-tap-highlight-color: transparent;line-height: 0}.review-star:hover{transform: scale(1.08)}.review-star.is-active,.review-star.is-hover{color: var(--c-warm)}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width: 100%;padding: var(--s-12) var(--s-16);border: 1px solid var(--c-border);border-radius: var(--r-md);background: var(--c-surface-raised);font-family: inherit;font-size: 15px;color: var(--c-text);transition: border-color var(--dur) var(--ease)}.comment-form input:focus,.comment-form textarea:focus{outline: none;border-color: var(--c-focus)}.comment-form label{display: block;font-size: 13px;font-weight: 600;color: var(--c-primary);margin-bottom: var(--s-8)}.comment-form .muted{color: var(--c-text-tertiary);font-weight: 400}.comment-form p{margin-bottom: var(--s-16)}.comment-form .form-submit{margin-top: var(--s-16)}.comment-form .submit{background: var(--c-primary);color: #fff;border: none;padding: var(--s-12) var(--s-24);border-radius: var(--r-md);font-family: inherit;font-size: 15px;font-weight: 600;cursor: pointer;transition: background var(--dur) var(--ease)}.comment-form .submit:hover{background: var(--c-primary-hover)}.kw-hero{padding: var(--s-48) var(--s-20) var(--s-56);text-align: center;background: radial-gradient(ellipse at 50% 0%,var(--c-accent-soft) 0%,transparent 60%),linear-gradient(180deg,var(--c-surface-raised) 0%,var(--c-bg) 100%);border-bottom: 1px solid var(--c-border-light)}.kw-hero-title{font-family: var(--font-display);font-size: 36px;font-weight: 800;color: var(--c-primary);letter-spacing: -0.03em;line-height: 1.1;max-width: 20ch;margin: 0 auto var(--s-12);text-transform: lowercase}.kw-hero-accent{color: var(--c-accent)}.kw-hero-sub{font-size: 15px;color: var(--c-text-secondary);max-width: min(46ch,100%);margin: 0 auto var(--s-32)}.kw-start{display: inline-flex;align-items: center;gap: var(--s-8);padding: var(--s-20) var(--s-40);border: none;border-radius: 999px;background: var(--c-primary);color: #fff;font-family: inherit;font-size: 18px;font-weight: 600;letter-spacing: -0.01em;cursor: pointer;box-shadow: var(--shadow-3);transition: transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.kw-start:hover{background: var(--c-primary-hover);transform: translateY(-2px);box-shadow: 0 8px 16px rgba(31,58,95,0.18),0 16px 40px rgba(31,58,95,0.12)}.kw-start:active{transform: translateY(1px) scale(0.98);box-shadow: var(--shadow-1)}.kw-start:focus-visible{outline: 2px solid var(--c-focus);outline-offset: 3px}.kw-start-sub{margin-top: var(--s-12);font-size: 13px;color: var(--c-text-tertiary);letter-spacing: 0.01em}.kw-modal{position: fixed;inset: 0;z-index: 1000;opacity: 0;pointer-events: none;transition: opacity var(--dur) var(--ease);display: flex;align-items: stretch;justify-content: center}.kw-modal.is-open{opacity: 1;pointer-events: auto}.kw-backdrop{position: absolute;inset: 0;background: rgba(31,58,95,0.45);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}.kw-card{position: relative;z-index: 1;background: var(--c-surface-raised);display: flex;flex-direction: column;width: 100%;max-width: 100%;height: 100dvh;overflow: hidden;transform: translateY(16px);transition: transform var(--dur-slow) var(--ease)}.kw-modal.is-open .kw-card{transform: translateY(0)}.kw-modal-open{overflow: hidden}.kw-card-head{display: flex;align-items: center;gap: var(--s-12);padding: var(--s-12) var(--s-16);border-bottom: 1px solid var(--c-border-light);background: var(--c-surface-raised);flex-shrink: 0}.kw-back,.kw-close{background: none;border: none;cursor: pointer;padding: var(--s-8);border-radius: var(--r-sm);color: var(--c-text-secondary);transition: color var(--dur) var(--ease),background var(--dur) var(--ease);-webkit-tap-highlight-color: transparent;display: inline-flex;align-items: center;justify-content: center}.kw-back:hover,.kw-close:hover{color: var(--c-primary);background: var(--c-surface)}.kw-close{font-size: 28px;line-height: 1;width: 36px;height: 36px}.kw-progress{flex: 1;height: 4px;background: var(--c-border-light);border-radius: 999px;overflow: hidden}.kw-progress-bar{height: 100%;width: 0;background: var(--c-accent);border-radius: 999px;transition: width var(--dur-slow) var(--ease)}.kw-stage{flex: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: var(--s-24) var(--s-20) var(--s-40);transition: opacity 160ms var(--ease),transform 160ms var(--ease)}.kw-stage.is-leaving{opacity: 0;transform: translateY(8px)}.kw-stage.is-entering{opacity: 0;transform: translateY(-8px)}.kw-view{max-width: 560px;margin: 0 auto}.kw-title{font-family: var(--font-display);font-size: 22px;font-weight: 800;color: var(--c-primary);letter-spacing: -0.02em;margin-bottom: var(--s-8)}.kw-lede{color: var(--c-text-secondary);font-size: 14px;margin-bottom: var(--s-24)}.kw-search-wrap{margin-bottom: var(--s-20)}.kw-search{width: 100%;padding: var(--s-12) var(--s-16);border: 1px solid var(--c-border);border-radius: var(--r-md);background: var(--c-surface);font-family: inherit;font-size: 15px;color: var(--c-text);transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.kw-search:focus{outline: none;border-color: var(--c-focus);background: var(--c-surface-raised)}.kw-chips{display: flex;flex-wrap: wrap;gap: var(--s-8)}.kw-chip{padding: var(--s-12) var(--s-16);border: 1px solid var(--c-border);background: var(--c-surface-raised);color: var(--c-primary);font-family: inherit;font-size: 14px;font-weight: 500;border-radius: 999px;cursor: pointer;transition: transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.kw-chip:hover{background: var(--c-accent-soft);border-color: var(--c-accent);color: var(--c-primary)}.kw-chip:active{transform: scale(0.97)}.kw-empty{color: var(--c-text-tertiary);font-size: 14px;margin-top: var(--s-16)}.kw-breadcrumb{display: inline-flex;align-items: center;padding: 4px var(--s-12);background: var(--c-surface);border-radius: 999px;font-size: 12px;font-weight: 600;letter-spacing: 0.02em;color: var(--c-text-secondary);margin-bottom: var(--s-12)}.kw-chips--sub{gap: var(--s-12)}.kw-chip--sub{font-size: 15px;padding: var(--s-16) var(--s-20)}.kw-step{font-size: 12px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--c-text-tertiary);font-weight: 600;margin-bottom: var(--s-12)}.kw-question{font-family: var(--font-display);font-size: 22px;font-weight: 800;color: var(--c-primary);letter-spacing: -0.02em;line-height: 1.3;margin-bottom: var(--s-32)}.kw-answers{display: flex;flex-direction: column;gap: var(--s-12)}.kw-answer{padding: var(--s-20) var(--s-24);border: 1px solid var(--c-border);border-radius: var(--r-md);background: var(--c-surface-raised);color: var(--c-primary);font-family: inherit;font-size: 17px;font-weight: 600;cursor: pointer;text-align: left;transition: transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.kw-answer:hover{background: var(--c-accent-soft);border-color: var(--c-accent);box-shadow: var(--shadow-1)}.kw-answer:active{transform: scale(0.99)}.kw-view-loading{text-align: center;padding-top: var(--s-48)}.kw-spinner{width: 32px;height: 32px;border: 3px solid var(--c-border-light);border-top-color: var(--c-accent);border-radius: 50%;margin: 0 auto;animation: kw-spin 700ms linear infinite}@keyframes kw-spin{to{transform: rotate(360deg)}}.kw-error{color: var(--c-text-secondary);margin-bottom: var(--s-16)}.kw-btn-secondary{padding: var(--s-12) var(--s-20);border: 1px solid var(--c-border);background: var(--c-surface-raised);color: var(--c-primary);border-radius: var(--r-md);font-family: inherit;font-size: 14px;font-weight: 500;cursor: pointer;transition: background var(--dur) var(--ease)}.kw-btn-secondary:hover{background: var(--c-surface)}.kw-result-intro{text-align: center;margin-bottom: var(--s-20)}.kw-result-kicker{display: inline-flex;align-items: center;gap: var(--s-12);font-size: 11px;letter-spacing: 0.14em;text-transform: uppercase;color: var(--c-accent);font-weight: 700;margin-bottom: var(--s-8)}.kw-result-kicker::before,.kw-result-kicker::after{content: '';display: inline-block;width: 24px;height: 1px;background: currentColor;opacity: 0.6}.kw-result-title{font-family: var(--font-display);font-size: 26px;font-weight: 800;color: var(--c-primary);letter-spacing: -0.02em;line-height: 1.2;margin-bottom: var(--s-8)}.kw-result-badge{display: inline-block;padding: 3px var(--s-8);background: var(--c-warm-soft);color: var(--c-warm);border-radius: var(--r-sm);font-size: 12px;font-weight: 600}.kw-result-image{max-width: 240px;margin: var(--s-16) auto;aspect-ratio: 1 / 1;border-radius: var(--r-md);background: var(--c-surface);overflow: hidden;display: flex;align-items: center;justify-content: center}.kw-result-image img{width: 100%;height: 100%;object-fit: contain}.kw-result-buy{display: flex;justify-content: center;margin: 0 auto var(--s-20)}.kw-result-buy .kw-cta-primary{min-width: 220px}.kw-result-desc{text-align: center;color: var(--c-text);font-size: 15px;max-width: 46ch;margin: 0 auto var(--s-16)}.kw-result-pros{list-style: none;padding: var(--s-16);background: var(--c-accent-soft);border-radius: var(--r-md);margin-bottom: var(--s-24)}.kw-result-pros li{position: relative;padding-left: var(--s-24);font-size: 14px;color: var(--c-primary);font-weight: 500}.kw-result-pros li + li{margin-top: var(--s-8)}.kw-result-pros li::before{content: '';position: absolute;left: 0;top: 6px;width: 14px;height: 14px;border-radius: 50%;background: var(--c-accent);mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M7.5 13.5l-3-3 1.4-1.4L7.5 10.7l5.6-5.6 1.4 1.4z"/></svg>') center / 80% no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M7.5 13.5l-3-3 1.4-1.4L7.5 10.7l5.6-5.6 1.4 1.4z"/></svg>') center / 80% no-repeat}.kw-result-actions{display: flex;justify-content: center;margin-bottom: var(--s-32)}.kw-view-result .kw-result-intro{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--s-16);text-align: left;margin-bottom: var(--s-16)}.kw-result-headtext{display: flex;flex-direction: column;align-items: flex-start;gap: 7px;min-width: 0}.kw-view-result .kw-result-kicker{margin-bottom: 0;gap: 0}.kw-view-result .kw-result-kicker::before,.kw-view-result .kw-result-kicker::after{display: none}.kw-view-result .kw-result-title{margin-bottom: 0}.kw-result-tags{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}.kw-price-note{flex: 0 0 auto;margin-top: 3px;padding: 6px 11px;border-radius: 999px;font-size: 11px;font-weight: 600;line-height: 1;white-space: nowrap}.kw-price-note--drop{background: #d1fae5;color: #065f46}.kw-price-note--low{background: #dbeafe;color: #1e40af}.kw-result-hero{display: block}.kw-view-result .kw-result-image{margin: 0;max-width: none}.kw-shop{display: flex;align-items: center;gap: var(--s-12);width: 100%;padding: 12px 14px;background: #fff;border: 1.5px solid var(--c-cta,#216b55);border-radius: 14px;box-shadow: 0 4px 14px rgba(63,163,138,.16);text-decoration: none;transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.kw-shop:hover{box-shadow: 0 6px 18px rgba(63,163,138,.24);transform: translateY(-1px)}.kw-shop-logo{flex: 0 1 auto;min-width: 0;display: flex;align-items: center}.kw-shop-logo img{width: auto;max-width: 116px;max-height: 26px;object-fit: contain;object-position: left center;display: block}.kw-shop-name{font-size: 15px;font-weight: 700;color: var(--c-primary);white-space: nowrap}.kw-shop-chip{flex: 0 0 auto;font-size: 9px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-cta,#216b55);border: 1px solid rgba(43,131,105,.35);border-radius: 999px;padding: 4px 8px;white-space: nowrap}.kw-shop-price{margin-left: auto;display: inline-flex;align-items: center;gap: 6px;font-size: 18px;font-weight: 800;color: var(--c-primary);font-variant-numeric: tabular-nums;white-space: nowrap}.kw-shop-ext{color: #8a94a4;flex: 0 0 auto}.kw-compare{display: inline-flex;align-items: center;justify-content: center;width: 100%;padding: 11px 18px;border: 1.5px solid rgba(31,58,95,.16);border-radius: 999px;background: #fff;color: var(--c-primary);font-family: inherit;font-size: 13.5px;font-weight: 600;cursor: pointer;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.kw-compare:hover{background: var(--c-surface);border-color: rgba(31,58,95,.28)}.kw-result-band{display: flex;align-items: stretch;background: #f7f9fa;border: 1px solid rgba(31,58,95,.07);border-radius: 12px;overflow: hidden;margin: var(--s-20) 0 0}.kw-band-score{flex: 0 0 112px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #e6f4f0;border-right: 1px solid rgba(31,58,95,.08);padding: 10px 6px}.kw-result-band .rpcard-score-n{font: 800 28px/1 var(--font);font-variant-numeric: tabular-nums;letter-spacing: -.02em;margin: 0}.kw-result-band .rpcard-score-l{font: 600 8px/1 var(--font);letter-spacing: .12em;text-transform: uppercase;color: #667085;margin: 5px 0 0;white-space: nowrap}.kw-result-band .rpcard-rings{display: flex;flex: 1;margin: 0;padding: 9px 2px 7px;gap: 0;grid-template-columns: none;max-width: none}.kw-result-band .rpcard-ring{flex: 1;width: auto;display: flex;flex-direction: column;align-items: center;gap: 3px;border-right: 1px solid rgba(31,58,95,.08);min-width: 0}.kw-result-band .rpcard-ring:last-child{border-right: 0}.kw-result-band .rpcard-ring svg{width: 42px;height: 42px}.kw-result-band .rpcard-ringnum{font-family: var(--font);font-weight: 800;font-size: 13px}.kw-result-band .rpcard-ring-l{font: 500 10px/1.1 var(--font);color: #667085;text-align: center}@media (max-width: 899px){.kw-result-band{flex-wrap: wrap}.kw-band-score{flex: 1 1 100%;flex-direction: row-reverse;justify-content: space-between;align-items: center;background: #dff1ea;padding: 8px 14px;border-right: 0;border-bottom: 1px solid rgba(31,58,95,.08)}.kw-band-score .rpcard-score-n{font-size: 26px}.kw-band-score .rpcard-score-l{font-size: 10px;color: #216b55;margin: 0}.kw-result-band .rpcard-rings{flex: 1 1 100%}}.kw-view-result .kw-result-desc{text-align: left;max-width: none;margin: var(--s-20) 0 0}.kw-view-result .kw-result-pros{background: none;padding: 0;margin: var(--s-16) 0 0;display: grid;gap: 9px}.kw-view-result .kw-result-pros li{padding-left: 24px;font-size: 13.5px;line-height: 1.45;color: var(--c-text);font-weight: 500}.kw-view-result .kw-result-pros li + li{margin-top: 0}.kw-view-result .kw-result-pros li::before{top: 4px;width: 15px;height: 15px}.kw-view-result .kw-result-actions{margin-top: var(--s-24);padding-top: var(--s-20);border-top: 1px solid rgba(31,58,95,.09)}.kw-view-result .kw-result-badge{display: inline-flex;align-items: center;gap: 5px;background: var(--c-accent-soft,#e6f4f0);color: var(--c-cta,#216b55);border-radius: 999px;padding: 6px 11px;font-size: 10.5px;font-weight: 700;letter-spacing: .05em;text-transform: uppercase}.kw-result-badge svg{flex: 0 0 auto}.kw-view-result .kw-result-image{aspect-ratio: auto;height: 168px}@media (min-width: 560px){.kw-result-hero:not(.kw-result-hero--cfg){display: grid;grid-template-columns: 150px minmax(0,1fr);gap: var(--s-20);align-items: center}.kw-view-result .kw-result-hero:not(.kw-result-hero--cfg) .kw-result-image{height: auto;aspect-ratio: 1 / 1}.kw-shop-logo img{max-width: 150px}}.kw-cta-primary{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-8);padding: var(--s-16) var(--s-24);border-radius: var(--r-md);background: var(--c-accent);color: #fff;text-decoration: none;font-size: 16px;font-weight: 600;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease)}.kw-cta-primary:hover{background: var(--c-accent-hover)}.kw-cta-primary:active{transform: scale(0.99)}.kw-cta-secondary{display: inline-flex;align-items: center;justify-content: center;padding: var(--s-12) var(--s-20);color: var(--c-text-secondary);text-decoration: none;font-size: 14px;font-weight: 500;border-radius: var(--r-md)}.kw-cta-secondary:hover{color: var(--c-primary);background: var(--c-surface)}.kw-rest{border-top: 1px solid var(--c-border-light);padding-top: var(--s-20);margin-bottom: var(--s-24)}.kw-rest-title{font-size: 13px;text-transform: uppercase;letter-spacing: 0.1em;color: var(--c-text-tertiary);font-weight: 600;margin-bottom: var(--s-12)}.kw-rest-list{list-style: none}.kw-rest-item{display: flex;align-items: center;gap: var(--s-12);padding: var(--s-12) 0;border-bottom: 1px solid var(--c-border-light)}.kw-rest-item:last-child{border-bottom: none}.kw-rest-num{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: var(--c-surface);border-radius: 50%;font-size: 12px;font-weight: 700;color: var(--c-text-secondary);flex-shrink: 0}.kw-rest-body{flex: 1;min-width: 0}.kw-rest-name{display: block;font-size: 14px;font-weight: 600;color: var(--c-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.kw-rest-badge{display: inline-block;font-size: 11px;color: var(--c-text-tertiary);margin-top: 2px}.kw-rest-link{font-size: 13px;color: var(--c-accent);font-weight: 600;text-decoration: none;flex-shrink: 0}.kw-rest-link:hover{color: var(--c-accent-hover);text-decoration: underline}@media (max-width: 600px){.kw-rest-item{flex-wrap: wrap;row-gap: var(--s-8)}.kw-rest-item > .kw-rest-body{flex: 1 1 calc(100% - 36px);min-width: 0}.kw-rest-item > .item-cta-compare-primary,.kw-rest-item > .kw-rest-link{flex: 0 0 calc(100% - 36px);margin-left: 36px}}.kw-result-foot{display: flex;flex-direction: column;align-items: center;gap: var(--s-8)}.kw-share-hint{font-size: 12px;color: var(--c-text-tertiary);text-align: center}@media (min-width: 720px){.kw-hero{padding: var(--s-80) var(--s-20)}.kw-hero-title{font-size: 56px;max-width: none}.kw-hero-sub{font-size: 17px}.kw-start{padding: var(--s-16) var(--s-32);font-size: 16px}.kw-modal{align-items: center;padding: var(--s-24)}.kw-card{max-width: 620px;height: auto;min-height: 480px;max-height: min(88dvh,780px);border-radius: var(--r-lg);box-shadow: var(--shadow-3)}.kw-question{font-size: 26px}.kw-answer{font-size: 18px;padding: var(--s-24) var(--s-32)}.kw-result-title{font-size: 30px}.kw-result-actions{flex-direction: row;justify-content: center}}@media (prefers-reduced-motion: reduce){.kw-modal,.kw-card,.kw-stage,.kw-start,.kw-answer,.kw-chip,.kw-cta-primary,.kw-progress-bar{transition: none !important}.kw-spinner{animation: none}.kw-stage.is-leaving,.kw-stage.is-entering{opacity: 1;transform: none}}.kw-hero-rating{display: inline-flex;align-items: center;gap: var(--s-8);margin-top: var(--s-8);padding: 4px var(--s-8);border-radius: var(--r-sm);text-decoration: none;color: var(--c-text-secondary);font-size: 13px;transition: background var(--dur) var(--ease),color var(--dur) var(--ease)}.kw-hero-rating:hover{background: var(--c-warm-soft);color: var(--c-text)}.kw-hero-stars{--fill: 0%;display: inline-block;width: 90px;height: 18px;background: linear-gradient(to right,var(--c-warm) var(--fill),var(--c-border) var(--fill));-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2.6l2.74 6.25 6.76.58-5.13 4.49 1.56 6.57L12 17.3 6.07 20.49l1.56-6.57L2.5 9.43l6.76-.58z'/></svg>");-webkit-mask-size: 18px 18px;-webkit-mask-repeat: repeat-x;mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2.6l2.74 6.25 6.76.58-5.13 4.49 1.56 6.57L12 17.3 6.07 20.49l1.56-6.57L2.5 9.43l6.76-.58z'/></svg>");mask-size: 18px 18px;mask-repeat: repeat-x}.kw-hero-rating-label{font-weight: 500}.product-image,.item-image{position: relative;overflow: hidden}.product-image::after,.item-image::after{content: "";position: absolute;inset: 0;background: linear-gradient(125deg,transparent 45%,rgba(232,128,74,0.10) 65%,rgba(232,128,74,0.18) 80%,transparent 100%);pointer-events: none;mix-blend-mode: multiply}.item-image{width: 100%;max-width: 320px;aspect-ratio: 4 / 3;margin: var(--s-12) 0 var(--s-16);border-radius: var(--r-sm);background: var(--c-surface)}.item-image img{width: 100%;height: 100%;object-fit: contain;display: block}.archive-parent-link{display: inline-flex;align-items: center;gap: 4px;color: var(--c-text-secondary);font-size: 13px;text-decoration: none;margin-bottom: var(--s-4);transition: color var(--dur) var(--ease)}.archive-parent-link:hover{color: var(--c-primary)}.archive-chips{display: flex;gap: var(--s-8);flex-wrap: wrap;margin-top: var(--s-16)}.archive-chip{display: inline-flex;align-items: center;padding: 6px 14px;border-radius: 999px;background: var(--c-surface-raised);border: 1px solid var(--c-border);color: var(--c-text-secondary);font-size: 13px;font-weight: 500;text-decoration: none;transition: background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.archive-chip:hover{background: var(--c-warm-soft);border-color: var(--c-warm);color: var(--c-primary)}.archive-chip.is-active{background: var(--c-primary);border-color: var(--c-primary);color: #fff}button.archive-chip{cursor: pointer;font-family: inherit;line-height: 1}.archive-chips--price{margin: 0 0 var(--s-16) 0}.archive-chips--price .archive-chip{font-feature-settings: 'tnum'}.cat-scene{padding: var(--s-32) 0 var(--s-24)}.cat-scene-wrap{position: relative;height: 180px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;background: linear-gradient(180deg,#cfe2ef 0%,#dde9f2 55%,#e7eff5 100%)}.cat-scene-wrap::-webkit-scrollbar{display: none}.cat-scene-track{display: flex;width: max-content;height: 100%}.cat-scene-zone{flex: 0 0 220px;height: 100%;position: relative;scroll-snap-align: start;text-decoration: none;color: var(--c-primary);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;padding: 0 0 20px;transition: transform var(--dur) var(--ease);border-bottom: 3px solid rgba(31,58,95,0.08)}.cat-scene-zone:hover{transform: translateY(-2px)}.cat-scene-zone:not(:first-child)::after{content: "";position: absolute;left: 0;top: 10%;width: 2px;height: 80%;background: linear-gradient(180deg,transparent,rgba(31,58,95,0.22),transparent);pointer-events: none}.cat-scene-icon{position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);color: var(--c-primary);opacity: 0.88;transition: transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.cat-scene-icon svg{width: 56px;height: 56px;display: block}.cat-scene-icon svg *{stroke-width: 1.25}.cat-scene-zone:hover .cat-scene-icon{opacity: 1;transform: translate(-50%,-50%) scale(1.04)}.cat-scene-label{display: inline-block;padding: 7px 16px;background: var(--c-surface-raised);border-radius: 999px;font-family: var(--font-display);font-weight: 800;font-size: 14px;color: var(--c-primary);letter-spacing: -0.01em;box-shadow: var(--shadow-2);white-space: nowrap;transition: transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cat-scene-zone:hover .cat-scene-label{transform: translateY(-3px);box-shadow: var(--shadow-3)}@media (min-width: 720px){.cat-scene-wrap{height: 200px}.cat-scene-zone{flex-basis: 300px;padding-bottom: 20px}.cat-scene-icon svg{width: 68px;height: 68px}.cat-scene-label{font-size: 15px;padding: 8px 18px}}.product-highlights{list-style: none;padding: 0;margin: var(--s-8) 0 var(--s-12);display: flex;flex-direction: column;gap: 2px}.product-highlights .highlight{display: flex;align-items: baseline;gap: 6px;font-size: 12.5px;line-height: 1.4;color: var(--c-text-secondary)}.product-highlights .highlight-emoji{flex-shrink: 0;width: 12px;font-size: 11px;line-height: 1;color: var(--c-accent);font-weight: 700}.product-highlights .highlight-text{flex: 1;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow-wrap: anywhere}.kw-view-budget{text-align: center;padding: var(--s-8) 0}.kw-view-budget .kw-title{margin-bottom: var(--s-8)}.kw-view-budget .kw-lede{color: var(--c-text-secondary);margin: 0 auto var(--s-24);max-width: 480px}.kw-budget-value{font-size: 38px;font-weight: 700;color: var(--c-primary);margin: var(--s-12) 0 var(--s-16);letter-spacing: -0.02em}.kw-budget-slider{width: 100%;max-width: 520px;height: 4px;margin: 0 auto var(--s-8);-webkit-appearance: none;appearance: none;background: var(--c-surface-sunken);border-radius: 4px;outline: none;cursor: pointer;display: block}.kw-budget-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background: var(--c-accent);border: 3px solid #fff;box-shadow: 0 1px 4px rgba(0,0,0,.2);cursor: pointer;transition: transform var(--dur) var(--ease)}.kw-budget-slider::-webkit-slider-thumb:hover{transform: scale(1.1)}.kw-budget-slider::-moz-range-thumb{width: 22px;height: 22px;border-radius: 50%;background: var(--c-accent);border: 3px solid #fff;box-shadow: 0 1px 4px rgba(0,0,0,.2);cursor: pointer}.kw-budget-range{display: flex;justify-content: space-between;max-width: 520px;margin: 0 auto var(--s-24);font-size: 12px;color: var(--c-text-tertiary)}.kw-budget-actions{display: flex;gap: var(--s-12);justify-content: center;flex-wrap: wrap}.kw-over-budget{display: inline-block;font-size: 11px;font-weight: 600;padding: 3px 8px;border-radius: 999px;background: var(--c-warm-soft);color: var(--c-warm);margin-left: var(--s-8);vertical-align: middle;white-space: nowrap}.kw-over-budget--sm{font-size: 10px;padding: 2px 6px;margin-left: var(--s-4)}.site-nav .kw-start--nav{display: inline-flex;align-items: center;gap: 6px;background: #2b8369;color: #fff;border: 0;border-radius: 999px;padding: 8px 16px;font-size: 14px;font-weight: 600;cursor: pointer;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease);line-height: 1.2;white-space: nowrap}.site-nav .kw-start--nav:hover{background: #24735b;transform: translateY(-1px)}.site-nav .kw-start--nav svg{flex-shrink: 0}.site-nav .kw-start--nav{width: 100%;justify-content: center;padding: 12px 20px;font-size: 15px;margin-bottom: var(--s-12)}.kw-start--corner{display: none;align-items: center;gap: 6px;background: var(--c-accent);color: #fff;border: 0;border-radius: 999px;padding: 6px 12px;font-size: 13px;font-weight: 600;line-height: 1.2;cursor: pointer;white-space: nowrap;transition: background var(--dur) var(--ease),transform var(--dur) var(--ease)}.kw-start--corner:hover{background: var(--c-accent-hover);transform: translateY(-1px)}.kw-start--corner svg{flex-shrink: 0}.kw-chip .kw-chip-parent{color: var(--c-text-tertiary);font-weight: 400;font-size: 12px;margin-left: 2px}.product-card[hidden]{display: none !important}.footer-copyright-privacy{color: inherit;font-size: 11px;margin-left: 1.5em;text-decoration: underline;opacity: 0.55}.footer-copyright-privacy:hover{opacity: 0.9}.footer-legal{font-size: 11px;opacity: 0.3;letter-spacing: 0.02em;margin-top: var(--s-8,8px)}@media (max-width: 640px){.footer-copyright{line-height: 1.8}.footer-copyright-privacy{margin-left: 1em}.footer-bottom{grid-template-columns: 1fr}.footer-trustpilot{grid-column: 1;justify-self: center;width: auto}.footer-meta{text-align: center;grid-column: 1;justify-self: center}.tp-badge{padding: 7px 14px;gap: 8px;font-size: 11px}.tp-text{font-size: 11px}}.related-ranking--grid{padding: var(--s-24)}.related-ranking--grid .related-kicker{margin: 0 0 var(--s-16);font-size: 11px}.related-grid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--s-12)}.related-card{background: var(--c-bg,#fff);border: 1px solid var(--c-border,rgba(0,0,0,0.08));border-radius: var(--r-sm,8px);transition: border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.related-card:hover{border-color: var(--c-accent);transform: translateY(-1px)}.related-card .related-link{padding: var(--s-12) var(--s-16);display: grid;grid-template-areas: "cat arrow" "title arrow";grid-template-columns: 1fr auto;align-items: center;gap: 2px var(--s-12);font-size: 15px;line-height: 1.35}.related-card .related-cat{grid-area: cat;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-text-tertiary)}.related-card .related-title{grid-area: title;font-weight: 600}.related-card .related-arrow{grid-area: arrow;align-self: center}@media (max-width: 480px){.related-grid{grid-template-columns: 1fr}}.compare-tldr{background: var(--c-surface);border-left: 4px solid var(--c-accent);padding: var(--s-16) var(--s-20);margin: var(--s-24) 0 var(--s-32);font-size: 16px;line-height: 1.55;border-radius: var(--r-sm,8px)}.compare-spec{width: 100%;border-collapse: collapse;margin: var(--s-16) 0 var(--s-8);font-size: 15px}.compare-spec thead th{text-align: left;padding: var(--s-12) var(--s-12);border-bottom: 2px solid var(--c-border,rgba(0,0,0,0.1));font-weight: 700}.compare-spec tbody th,.compare-spec tbody td{padding: var(--s-12);border-bottom: 1px solid var(--c-border,rgba(0,0,0,0.08));vertical-align: top}.compare-spec tbody th{text-align: left;font-weight: 600;color: var(--c-text-tertiary);width: 32%}.compare-note{font-size: 13px;color: var(--c-text-tertiary);margin: 0 0 var(--s-32)}.compare-reviewers{list-style: none;padding: 0;margin: var(--s-16) 0 var(--s-32);display: grid;gap: var(--s-12)}.compare-reviewers li{background: var(--c-surface);padding: var(--s-12) var(--s-16);border-radius: var(--r-sm,8px);font-size: 15px;line-height: 1.5}.compare-pick{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--s-16);margin: var(--s-16) 0 var(--s-32)}.compare-pick .pick-card{background: var(--c-surface);border: 1px solid var(--c-border,rgba(0,0,0,0.08));border-radius: var(--r-md,12px);padding: var(--s-20) var(--s-24)}.compare-pick .pick-card h3{margin: 0 0 var(--s-12);font-size: 18px}.compare-pick .pick-card ul{margin: 0;padding-left: 1.1em;font-size: 15px;line-height: 1.55}.compare-pick .pick-card ul li + li{margin-top: var(--s-8)}.compare-related{list-style: none;padding: 0;margin: var(--s-16) 0 var(--s-32);display: grid;gap: var(--s-8)}.compare-related li a{display: inline-block;font-weight: 600}@media (max-width: 480px){.compare-spec{font-size: 14px}.compare-spec tbody th{width: 40%}.compare-spec{display: block;width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-webkit-mask-image: linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image: linear-gradient(to right,#000 calc(100% - 28px),transparent)}.compare-spec thead,.compare-spec tbody,.compare-spec tr{width: max-content;min-width: 100%}}.top-compares{padding: var(--s-64) 0}.top-compares .section-title{margin-bottom: var(--s-8)}.top-compares .section-sub{margin: 0 0 var(--s-32);color: var(--c-text-tertiary);font-size: 16px}.compares-grid{display: flex;flex-direction: column;gap: var(--s-16);max-height: 60vh;overflow-y: auto;overflow-x: hidden;padding-right: var(--s-8);-webkit-overflow-scrolling: touch;scrollbar-width: thin;background: linear-gradient(#fff 30%,rgba(255,255,255,0)) top / 100% 40px no-repeat,linear-gradient(rgba(255,255,255,0),#fff 70%) bottom / 100% 40px no-repeat,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,0.18),rgba(0,0,0,0)) top / 100% 14px no-repeat,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,0.18),rgba(0,0,0,0)) bottom / 100% 14px no-repeat;background-color: #fff;background-attachment: local,local,scroll,scroll}.compares-grid::-webkit-scrollbar{height: 8px;width: 8px}.compares-grid::-webkit-scrollbar-thumb{background: var(--c-border,rgba(0,0,0,0.15));border-radius: 999px}@media (min-width: 768px){.compares-grid{flex-direction: row;max-height: none;overflow-x: auto;overflow-y: visible;padding-top: 2px;margin-top: -2px;padding-right: 0;padding-bottom: var(--s-12);scroll-snap-type: x proximity;background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left / 40px 100% no-repeat,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right / 40px 100% no-repeat,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,0.18),rgba(0,0,0,0)) left / 14px 100% no-repeat,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,0.18),rgba(0,0,0,0)) right / 14px 100% no-repeat;background-color: #fff;background-attachment: local,local,scroll,scroll}.compares-grid > .compare-card{flex: 0 0 300px;scroll-snap-align: start}}.compare-card{display: flex;flex-direction: column;gap: var(--s-8);padding: var(--s-24);background: var(--c-bg,#fff);border: 1px solid var(--c-border,rgba(0,0,0,0.08));border-radius: var(--r-md,12px);color: inherit;text-decoration: none;transition: transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.compare-card:hover{border-color: var(--c-accent);transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0,0,0,0.05)}.compare-badge{align-self: flex-start;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-text-tertiary);background: var(--c-surface);padding: 4px var(--s-8);border-radius: 999px}.compare-title{margin: 0;font-size: 20px;line-height: 1.25;font-weight: 700}.compare-oneliner{margin: 0;color: var(--c-text);font-size: 15px;line-height: 1.5}.compare-cta{margin-top: auto;padding-top: var(--s-12);display: inline-flex;align-items: center;gap: var(--s-8);font-size: 14px;font-weight: 600;color: var(--c-accent)}.item-badge--groene-keuze,.quick-pick-badge--groene-keuze{background: #0f7a4c;color: #fff;border-color: #0f7a4c}.km-breadcrumbs{font-size: 13px;color: var(--c-text-tertiary,#7a7a7a);margin: 0 0 var(--s-8) 0;line-height: 1.4;letter-spacing: 0.01em}.km-breadcrumbs a{color: inherit;text-decoration: none;transition: color var(--dur) var(--ease)}.km-breadcrumbs a:hover{color: var(--c-text,#333);text-decoration: underline}.km-breadcrumbs-sep{margin: 0 6px;opacity: 0.55}.km-breadcrumbs-current{color: var(--c-text-secondary,#555)}.section-kicker{margin: 0 0 var(--s-8) 0;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.14em;color: var(--c-accent,#FF6A00)}.section-kicker + .section-title{margin-top: 0}.top-compares .section-title{font-size: clamp(26px,3.2vw,34px);line-height: 1.15;margin-bottom: var(--s-4)}.top-compares .section-sub{font-size: 18px;font-style: italic;color: var(--c-text-secondary,#555)}.item-variant-pills,.kw-variant-pills{display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 var(--s-12)}.item-variant-pill,.kw-variant-pill{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border: 1px solid var(--c-border);border-radius: 999px;background: var(--c-surface-raised);color: var(--c-text);font-size: 13px;font-weight: 500;line-height: 1.2;cursor: pointer;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.item-variant-pill:hover,.kw-variant-pill:hover{border-color: var(--c-primary);background: var(--c-surface)}.item-variant-pill.is-active,.kw-variant-pill.is-active{background: var(--c-accent-soft);border-color: var(--c-accent);color: var(--c-primary)}.item-variant-pill.is-default .item-variant-pill-label::before,.kw-variant-pill.is-default .kw-variant-pill-label::before{content: "";display: inline-block;width: 6px;height: 6px;margin-right: 6px;margin-bottom: 1px;border-radius: 50%;background: var(--c-accent);vertical-align: middle}.kw-variant-budget-note{margin: 0 0 var(--s-12);padding: 10px 14px;border-left: 3px solid var(--c-warm);background: var(--c-warm-soft);color: var(--c-text);font-size: 13px;line-height: 1.5;border-radius: 0 var(--r-sm) var(--r-sm) 0}@media (max-width: 480px){.item-variant-pill,.kw-variant-pill{font-size: 12px;padding: 7px 12px}}.author-page{max-width: 720px;margin: 0 auto;padding: 0 var(--s-16)}.author-header{display: flex;align-items: center;gap: var(--s-24);margin-bottom: var(--s-32);padding-bottom: var(--s-24);border-bottom: 1px solid #e8ecf2}.author-photo{width: 140px;height: 140px;border-radius: 50%;object-fit: cover;flex-shrink: 0;box-shadow: 0 4px 14px rgba(31,58,95,.12)}.author-meta h1{margin: 0 0 var(--s-8);font-size: 32px;line-height: 1.2}.author-role{margin: 0;color: var(--c-text-tertiary);font-size: 15px;line-height: 1.4}.author-page .lede{font-size: 19px}.author-page h2{margin: var(--s-32) 0 var(--s-12);font-size: 22px;color: var(--c-text)}.author-page p{line-height: 1.65;color: var(--c-text)}.authors-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: var(--s-24);margin: var(--s-32) 0}.author-card{display: flex;flex-direction: column;align-items: center;text-align: center;padding: var(--s-24);background: #fff;border: 1px solid #e8ecf2;border-radius: var(--r-md,12px);text-decoration: none;color: var(--c-text);transition: transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.author-card:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(31,58,95,.10);border-color: var(--c-accent)}.author-card img{width: 120px;height: 120px;border-radius: 50%;object-fit: cover;margin-bottom: var(--s-16)}.author-card h2{margin: 0 0 var(--s-8);font-size: 22px;text-decoration: none}.author-card p{text-decoration: none}.author-card,.author-card *{text-decoration: none !important}.author-card p{margin: 0;color: var(--c-text-tertiary);font-size: 14px;line-height: 1.4}@media (max-width: 600px){.author-header{flex-direction: column;text-align: center;gap: var(--s-16)}.author-photo{width: 120px;height: 120px}.author-meta h1{font-size: 26px}}.kw-fab{position: fixed;bottom: 24px;right: 24px;z-index: 90;display: inline-flex;align-items: center;gap: 10px;background: var(--c-accent);color: #fff;border: 0;border-radius: 999px;padding: 10px 18px;font-size: 14px;font-weight: 600;line-height: 1.2;cursor: pointer;white-space: nowrap;box-shadow: 0 4px 14px rgba(0,0,0,0.18);transition: transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.kw-fab:hover,.kw-fab:focus-visible{background: var(--c-accent-hover);transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0,0,0,0.25);outline: none}.kw-fab-icon{width: 40px;height: auto;flex-shrink: 0}@media (max-width: 640px){.kw-fab{bottom: 18px;right: 18px;padding: 8px 14px;font-size: 13px}.kw-fab-icon{width: 34px}}body.kw-modal-open .kw-fab{display: none}.item-configurator{margin: 0 0 var(--s-12);border: 1px solid var(--c-border);border-left: 4px solid var(--c-accent);border-radius: 12px;background: linear-gradient(135deg,rgba(63,163,138,0.07) 0%,rgba(63,163,138,0.025) 60%,transparent 100%);box-shadow: 0 2px 10px rgba(0,0,0,0.05);overflow: hidden}.item-configurator-summary{display: flex;align-items: center;gap: 12px;padding: 14px 18px;cursor: pointer;font-size: 14.5px;font-weight: 600;color: var(--c-text);list-style: none;user-select: none;min-height: 56px}.item-configurator-summary::-webkit-details-marker{display: none}.item-configurator-summary::marker{content: ''}.item-configurator-summary-text{flex: 1 1 auto;font-weight: 700;line-height: 1.25}.item-configurator-summary-from{font-size: 14px;font-weight: 800;color: var(--c-accent);white-space: nowrap;line-height: 1.2}.item-configurator-summary::after{content: "▾";margin-left: 10px;color: var(--c-accent);font-size: 18px;transition: transform var(--dur) var(--ease)}.item-configurator[open] .item-configurator-summary::after{transform: rotate(180deg)}.item-configurator-summary-icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: rgba(63,163,138,0.18);color: var(--c-accent);font-size: 17px;line-height: 1;flex-shrink: 0}.item-configurator-body{padding: 0 18px 18px;border-top: 1px solid var(--c-border)}.item-configurator[open] .item-configurator-body{background: var(--c-surface-raised);border-radius: 0 0 8px 8px}.cfg-axis{margin: 14px 0 0}.cfg-axis-head{margin-bottom: 2px}.cfg-axis-label{font-weight: 600;font-size: 13px;color: var(--c-text)}.cfg-axis-desc{margin: 2px 0 8px;font-size: 13px;color: var(--c-muted);line-height: 1.4}.cfg-axis-options{display: flex;flex-wrap: wrap;gap: 6px}.cfg-axis-option{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border: 1px solid var(--c-border);border-radius: 999px;background: var(--c-surface);color: var(--c-text);font-size: 13px;font-weight: 500;line-height: 1.2;cursor: pointer;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.cfg-axis-option:hover:not(.is-unavailable):not(:disabled){border-color: var(--c-primary)}.cfg-axis-option.is-active{background: var(--c-accent-soft);border-color: var(--c-accent);color: var(--c-primary)}.cfg-axis-option.is-unavailable,.cfg-axis-option:disabled{opacity: 0.4;cursor: not-allowed;text-decoration: line-through}.cfg-axis-option.is-conflict,.cfg-axis-option.is-dood{cursor: pointer;text-decoration: none;position: relative}.cfg-axis-option.is-conflict{opacity: 0.5}.cfg-axis-option.is-dood{opacity: 1;color: #9aa3b0}.cfg-axis-option.is-dood .cfg-axis-option-rec{opacity: 0.45}.cfg-axis-option.is-conflict.is-active{opacity: 1}.cfg-axis-option.is-dood.is-active{color: var(--c-primary)}.cfg-axis-option-note{display: block;width: 100%;font-size: 9.5px;font-weight: 700;line-height: 1.15;letter-spacing: 0.01em;text-decoration: none;color: #c0392b}.cfg-hints-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.cfg-result-leeg{display: flex;flex-direction: column;align-items: flex-start;gap: 6px;margin: 12px 0 0}.cfg-result-leeg-kop{font-size: 13px;line-height: 1.45;color: var(--c-text-secondary)}.cfg-result-uitweg{display: inline-flex;align-items: center;gap: 6px;border: 1px solid var(--c-border);background: var(--c-surface-raised);border-radius: 999px;padding: 7px 13px;font: inherit;font-size: 13px;font-weight: 700;color: var(--c-primary);cursor: pointer;text-align: left;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.cfg-result-uitweg:hover{border-color: var(--c-accent);background: var(--c-accent-soft)}.cfg-result-uitweg svg{flex: none;opacity: 0.6}.cfg-axis-option-rec{padding: 1px 6px;border-radius: 999px;background: var(--c-accent);color: #fff;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;line-height: 1}.cfg-axis[data-axis="color"] .cfg-axis-option::before{content: "";display: inline-block;width: 14px;height: 14px;border-radius: 50%;border: 1px solid rgba(0,0,0,0.18);background: var(--swatch,#ccc);flex-shrink: 0;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35)}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="midnight"]{--swatch: #2E3641}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="silver"]{--swatch: #E3E4E6}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="starlight"]{--swatch: #EFE9D5}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="skyblue"]{--swatch: #B7C7D4}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="cosmic-orange"]{--swatch: #D9714D}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="deep-blue"]{--swatch: #3D4D6B}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="black"]{--swatch: #26282B}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="white"]{--swatch: #F1F1EF}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="sage"]{--swatch: #B4C5A6}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="lavender"]{--swatch: #C7B8D9}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="mist-blue"]{--swatch: #B5C4D1}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="cream"]{--swatch: #EDE3D0}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="red"]{--swatch: #C1272D}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="water-green"]{--swatch: #A8D5CE}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="matte-black"]{--swatch: #2A2A2A}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="matte-champagne"]{--swatch: #C9B79C}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="black-eclipse"]{--swatch: #1A1A1C}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="arctic-dawn"]{--swatch: #E5EDF3}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="midnight-ocean"]{--swatch: #173A4F}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-black"]{--swatch: #26282B}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-silverblue"]{--swatch: #A8C1D8}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-whitesilver"]{--swatch: #E3E4E6}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-gray"]{--swatch: #9C9D98}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-jetblack"]{--swatch: #1A1A1C}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-jadegreen"]{--swatch: #5F6E5A}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="titanium-pinkgold"]{--swatch: #D5B7A0}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="cobalt-violet"]{--swatch: #3E2E5B}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="sky-blue"]{--swatch: #A8C1D8}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="pink-gold"]{--swatch: #D9A89A}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="silver-shadow"]{--swatch: #B7B9BC}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="natural-titanium"]{--swatch: #C2BFB6}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="black-titanium"]{--swatch: #3B3B3D}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="white-titanium"]{--swatch: #F1F1EF}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="desert-titanium"]{--swatch: #C9B6A0}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="obsidian"]{--swatch: #26282B}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="porcelain"]{--swatch: #EFE9DF}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="moonstone"]{--swatch: #7E8A99}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="jade"]{--swatch: #6D8B6E}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="space-black"]{--swatch: #3F4042}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="space-gray"]{--swatch: #5C5E62}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="air-blue"]{--swatch: #7E96B5}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="air-purple"]{--swatch: #B5A8C9}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="mini-blue"]{--swatch: #7E96B5}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="mini-purple"]{--swatch: #B5A8C9}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="ipad-blue"]{--swatch: #8FB7DB}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="ipad-pink"]{--swatch: #EBC3CC}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="ipad-yellow"]{--swatch: #E8D67A}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="moonstone-gray"]{--swatch: #5C5E62}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="platinum-silver"]{--swatch: #C8C9CC}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="blue"]{--swatch: #3A5DA8}.cfg-axis[data-axis="color"] .cfg-axis-option[data-value="beige"]{--swatch: #D8CBA8}.cfg-result{display: flex;flex-direction: column;gap: 2px;margin: 16px 0 8px;padding: 12px 14px 10px;border-radius: 10px 10px 0 0;background: var(--c-surface);border: 1px solid var(--c-border);border-bottom: none}.cfg-result-kicker{font-size: 11px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--c-muted);font-weight: 600}.cfg-result-label{font-size: 15px;color: var(--c-text);font-weight: 700}.cfg-result-offers{list-style: none;margin: 0 0 0;padding: 0;border: 1px solid var(--c-border);border-radius: 0 0 10px 10px;overflow: hidden}.cfg-offer{display: grid;grid-template-columns: 1fr auto auto auto;gap: 10px;align-items: center;padding: 10px 14px;background: var(--c-surface);border-top: 1px solid var(--c-border)}.cfg-offer:first-child{border-top: none}.cfg-offer-retailer{font-weight: 700;font-size: 14px;color: var(--c-text)}.cfg-offer-badge{display: inline-flex;align-items: center;padding: 2px 8px;border-radius: 999px;background: var(--c-accent);color: #fff;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;line-height: 1.4}.cfg-offer-price{font-size: 15px;font-weight: 700;color: var(--c-text);white-space: nowrap}.cfg-offer-cta{display: inline-flex;align-items: center;gap: 4px;padding: 8px 14px;border-radius: 8px;background: #f08500;color: #fff;font-weight: 700;font-size: 13px;text-decoration: none;line-height: 1;white-space: nowrap;transition: background var(--dur) var(--ease)}.cfg-offer-cta:hover{background: #d97500;color: #fff}@media (max-width: 600px){.item-configurator{margin-left: calc(-1 * (var(--s-16,16px) + 36px))}.item-configurator-summary{padding: 13px 14px;flex-wrap: wrap;row-gap: 3px}.item-configurator-summary-from{order: 1;flex-basis: 100%;margin-left: calc(36px + 12px);font-size: 13.5px;white-space: normal}.item-configurator-body{padding: 0 12px 14px}.cfg-axis{margin-top: 12px}.cfg-axis-label{font-size: 12.5px}.cfg-axis-desc{font-size: 12.5px;line-height: 1.45;margin-bottom: 7px}.cfg-axis-options{gap: 5px}.cfg-axis-option{padding: 7px 11px;font-size: 12.5px;min-height: 34px;gap: 5px}.cfg-axis-option-rec{font-size: 9px;padding: 1px 5px}.cfg-axis[data-axis="color"] .cfg-axis-option::before{width: 13px;height: 13px}.cfg-result{padding: 10px 12px 8px;margin: 14px 0 8px}.cfg-result-kicker{font-size: 10.5px}.cfg-result-label{font-size: 14.5px}.cfg-offer{display: flex;flex-wrap: wrap;align-items: center;padding: 10px 12px;gap: 6px 8px}.cfg-offer-retailer{flex: 0 1 auto;font-size: 13.5px}.cfg-offer-badge{flex: 0 0 auto;padding: 1px 6px;font-size: 9px}.cfg-offer-price{flex: 0 0 auto;margin-left: auto;font-size: 15.5px}.cfg-offer-cta{flex: 1 1 100%;justify-content: center;margin-top: 2px;padding: 10px 14px;font-size: 13px}}.cfg-variants-data{display: none}.cfg-offer-section-head{list-style: none;padding: 9px 14px 7px;background: rgba(0,0,0,0.025);font-size: 10.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-muted);font-weight: 700;border-top: 1px solid var(--c-border);border-bottom: 1px solid var(--c-border)}.cfg-offer.is-refurbished .cfg-offer-retailer{color: var(--c-text-secondary,#65696e)}.cfg-offer.is-refurbished .cfg-offer-price{color: var(--c-text-secondary,#65696e)}.cfg-offer.is-refurbished .cfg-offer-cta{background: #8d8d8d}.cfg-offer.is-refurbished .cfg-offer-cta:hover{background: #6e6e6e}.cfg-offer.is-unavailable{opacity: 0.6}.cfg-offer.is-unavailable .cfg-offer-retailer,.cfg-offer.is-unavailable .cfg-offer-price{color: var(--c-text-secondary,#65696e);text-decoration: line-through}.cfg-offer-cta--disabled{display: inline-flex;align-items: center;gap: 4px;padding: 8px 14px;border-radius: 8px;background: #e5e7eb;color: #6b7280;font-weight: 600;font-size: 12px;line-height: 1;white-space: nowrap;cursor: not-allowed}.product-configure-link,.kw-configure-link{display: flex;flex-direction: column;align-items: center;gap: 1px;padding: 10px 14px;border-radius: 10px;border: 1px solid var(--c-border);border-left: 4px solid var(--c-accent);background: linear-gradient(135deg,rgba(63,163,138,0.08) 0%,rgba(63,163,138,0.03) 60%,transparent 100%);text-decoration: none;color: var(--c-text);font-weight: 700;font-size: 13px;line-height: 1.25;box-shadow: 0 2px 8px rgba(0,0,0,0.04);transition: transform 0.15s ease,box-shadow 0.15s ease}.product-configure-link:hover,.kw-configure-link:hover{transform: translateY(-1px);box-shadow: 0 4px 14px rgba(0,0,0,0.07);color: var(--c-text)}.product-configure-link .cta-line-1,.kw-configure-link .cta-line-1{display: inline-flex;align-items: center;gap: 4px;color: var(--c-text);font-weight: 700}.product-configure-link .cta-line-2,.kw-configure-link .cta-line-2{color: var(--c-accent);font-weight: 800;font-size: 12.5px}.product-configure-icon,.kw-configure-icon{color: var(--c-accent);font-size: 14px}.product-merchant-stamp--cluster{width: auto;height: 28px;padding: 0 6px 0 4px;display: inline-flex;align-items: center;gap: -6px}.product-merchant-stamp--cluster img{width: 22px;height: 22px;border-radius: 50%;object-fit: contain;background: #fff;border: 1px solid rgba(31,58,95,0.08);margin-left: -6px;padding: 2px}.product-merchant-stamp--cluster img:first-child{margin-left: 0}.product-configure-button{display: flex;flex-direction: column;gap: 4px;padding: 11px 14px;border: 1px solid var(--c-border);border-left: 4px solid var(--c-accent);border-radius: 10px;background: linear-gradient(135deg,rgba(63,163,138,0.08) 0%,transparent 100%);cursor: pointer;text-align: left;box-shadow: 0 2px 8px rgba(0,0,0,0.04);transition: transform 0.15s ease,box-shadow 0.15s ease;width: 100%;font-family: inherit;color: var(--c-text)}.product-configure-button:hover{transform: translateY(-1px);box-shadow: 0 4px 14px rgba(0,0,0,0.07)}.product-configure-button:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(63,163,138,0.3)}.product-configure-title{font-weight: 700;font-size: 13.5px;color: var(--c-text);line-height: 1.25}.product-configure-price-row{display: flex;justify-content: space-between;align-items: center;gap: 8px}.product-configure-price{font-weight: 800;font-size: 13.5px;color: var(--c-accent)}.product-configure-arrow{color: var(--c-accent);font-size: 17px;line-height: 1;font-weight: 700}.cfg-dialog{border: none;border-radius: 16px;padding: 0;max-width: 480px;width: 92%;max-height: 85vh;overflow: hidden;box-shadow: 0 20px 60px rgba(0,0,0,0.25);background: #fff}.cfg-dialog::backdrop{background: rgba(0,0,0,0.5)}.cfg-dialog-head{display: flex;align-items: flex-start;gap: 12px;padding: 16px 18px 14px;border-bottom: 1px solid var(--c-border)}.cfg-dialog-head-text{flex: 1 1 auto;min-width: 0}.cfg-dialog-kicker{display: block;font-size: 11px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--c-muted);font-weight: 600;margin-bottom: 2px}.cfg-dialog-title{margin: 0;font-size: 17px;font-weight: 700;color: var(--c-text);line-height: 1.25}.cfg-dialog-close{flex-shrink: 0;width: 34px;height: 34px;border-radius: 50%;border: none;background: rgba(0,0,0,0.06);color: var(--c-text);font-size: 22px;line-height: 1;cursor: pointer;transition: background 0.15s ease;display: inline-flex;align-items: center;justify-content: center}.cfg-dialog-close:hover{background: rgba(0,0,0,0.12)}.cfg-dialog .item-configurator-body{padding: 16px 20px 20px;border-top: none;background: #fff;border-radius: 0;max-height: calc(85vh - 90px);overflow-y: auto}@media (max-width: 600px){.cfg-dialog{max-width: 100vw;width: 100vw;max-height: 100vh;height: 100vh;border-radius: 0;margin: 0}.cfg-dialog .item-configurator-body{max-height: calc(100vh - 90px)}.cfg-dialog-head{padding: 16px 52px 12px 16px}}.products-grid{align-items: start}.page-vergelijkingen .vergelijkingen-search{display: flex;align-items: center;justify-content: space-between;gap: var(--s-16);margin: var(--s-32) 0 var(--s-24);flex-wrap: wrap}.page-vergelijkingen .vergelijkingen-search-input{flex: 1 1 240px;min-width: 0;padding: var(--s-12) var(--s-16);border: 1px solid var(--c-border);border-radius: var(--r-md);font-size: 16px;color: var(--c-primary);background: #fff;transition: border-color var(--dur) var(--ease);-webkit-appearance: none;appearance: none}.page-vergelijkingen .vergelijkingen-search-input::-webkit-search-cancel-button{-webkit-appearance: none}.page-vergelijkingen .vergelijkingen-search-input:focus{outline: none;border-color: var(--c-accent)}.page-vergelijkingen .vergelijkingen-search-count{margin: 0;color: var(--c-text-tertiary);font-size: 14px;white-space: nowrap}.page-vergelijkingen .vergelijkingen-grid{list-style: none;padding: 0;margin: 0 0 var(--s-48);display: grid;gap: var(--s-16);grid-template-columns: 1fr}@media (min-width: 600px){.page-vergelijkingen .vergelijkingen-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 960px){.page-vergelijkingen .vergelijkingen-grid{grid-template-columns: repeat(3,1fr)}}.page-vergelijkingen .vergelijkingen-card{margin: 0}.page-vergelijkingen .vergelijkingen-card-link{display: flex;flex-direction: column;gap: var(--s-8);height: 100%;padding: var(--s-20);background: #fff;border: 1px solid var(--c-border);border-radius: var(--r-md);color: inherit;text-decoration: none;transition: transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.page-vergelijkingen .vergelijkingen-card-link:hover{transform: translateY(-2px);border-color: var(--c-accent);box-shadow: 0 4px 14px rgba(31,58,95,0.08)}.page-vergelijkingen .vergelijkingen-card-title{margin: 0;font-size: 16px;font-weight: 600;color: var(--c-primary);line-height: 1.3;letter-spacing: -0.005em}.page-vergelijkingen .vergelijkingen-card-tldr{margin: 0;font-size: 14px;color: var(--c-text-secondary);line-height: 1.45}.page-vergelijkingen .vergelijkingen-card-cta{margin-top: auto;font-size: 13px;font-weight: 600;color: var(--c-accent)}.page-vergelijkingen .vergelijkingen-empty{margin: var(--s-32) 0 var(--s-48);padding: var(--s-24);text-align: center;color: var(--c-text-tertiary);border: 1px dashed var(--c-border);border-radius: var(--r-md)}.page-vergelijkingen .visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.compare-card--all-link{background: linear-gradient(135deg,var(--c-accent-soft) 0%,#fff 100%);border-color: var(--c-accent)}.compare-card--all-link .compare-badge{background: var(--c-accent);color: #fff}.compare-card--all-link .compare-cta{color: var(--c-accent);font-weight: 700}.compares-grid .compare-card--all-link{order: -1}.page-vergelijkingen .km-breadcrumbs{margin: var(--s-16) 0 var(--s-12);font-size: 13px;color: var(--c-text-tertiary)}.page-vergelijkingen .km-breadcrumbs a{color: var(--c-text-tertiary);text-decoration: none}.page-vergelijkingen .km-breadcrumbs a:hover{color: var(--c-accent)}.page-vergelijkingen .km-breadcrumbs-sep{margin: 0 var(--s-8)}.page-vergelijkingen .km-breadcrumbs-current{color: var(--c-primary);font-weight: 500}.page-vergelijkingen .vergelijkingen-intro{margin: var(--s-16) 0 var(--s-32)}.page-vergelijkingen .vergelijkingen-intro p{margin: 0 0 var(--s-16);color: var(--c-text-secondary);font-size: 15px;line-height: 1.65}.page-vergelijkingen .vergelijkingen-intro p.lede{color: var(--c-primary);font-size: 17px}.page-vergelijkingen .vergelijkingen-intro p:last-child{margin-bottom: 0}.page-vergelijkingen .vergelijkingen-intro a{color: var(--c-accent);text-decoration: underline;text-underline-offset: 2px;text-decoration-thickness: 1px}.page-vergelijkingen .vergelijkingen-intro a:hover{color: var(--c-accent-hover)}.page-vergelijkingen .vergelijkingen-categories-label{margin: var(--s-8) 0 var(--s-8) !important;font-size: 13px;color: var(--c-text-tertiary);text-transform: uppercase;letter-spacing: 0.04em;font-weight: 600}.page-vergelijkingen .vergelijkingen-categories{display: flex;flex-wrap: wrap;gap: var(--s-8);margin: 0 0 var(--s-24);padding: 0;list-style: none}.page-vergelijkingen .vergelijkingen-categories li{margin: 0}.page-vergelijkingen .vergelijkingen-category-chip{display: inline-flex;align-items: center;gap: var(--s-4);padding: 6px 12px;background: #fff;border: 1px solid var(--c-border);border-radius: 999px;color: var(--c-primary);font-family: inherit;font-size: 13px;font-weight: 500;line-height: 1.4;cursor: pointer;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease);-webkit-appearance: none;appearance: none}.page-vergelijkingen .vergelijkingen-category-chip:hover{border-color: var(--c-accent);background: var(--c-accent-soft)}.page-vergelijkingen .vergelijkingen-category-chip[aria-pressed="true"]{background: var(--c-accent);color: #fff;border-color: var(--c-accent)}.page-vergelijkingen .vergelijkingen-category-chip[aria-pressed="true"] .vergelijkingen-category-count{color: rgba(255,255,255,0.8)}.page-vergelijkingen .vergelijkingen-category-count{opacity: 0.65;font-weight: 400}.page-vergelijkingen .vergelijkingen-card-badge{display: inline-block;padding: 3px 10px;background: var(--c-accent-soft);color: var(--c-accent);font-size: 11px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;border-radius: 999px;align-self: flex-start;margin-bottom: var(--s-4)}.page-vergelijkingen .page-title.page-title--compact{font-size: 28px;margin-bottom: var(--s-12)}@media (min-width: 768px){.page-vergelijkingen .page-title.page-title--compact{font-size: 32px}}.page-vergelijkingen .vergelijkingen-search.vergelijkingen-search--hero{display: block;margin: var(--s-20) 0 var(--s-16)}.page-vergelijkingen .vergelijkingen-search-wrap{position: relative;display: block}.page-vergelijkingen .vergelijkingen-search-icon{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--c-text-tertiary);display: inline-flex;pointer-events: none}.page-vergelijkingen .vergelijkingen-search-input{width: 100%;box-sizing: border-box;padding: 16px 20px 16px 48px;border: 2px solid var(--c-border);border-radius: var(--r-md);font-size: 16px;font-family: inherit;color: var(--c-primary);background: #fff;transition: border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-appearance: none;appearance: none}.page-vergelijkingen .vergelijkingen-search-input::placeholder{color: var(--c-text-tertiary)}.page-vergelijkingen .vergelijkingen-search-input:focus{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 4px var(--c-accent-soft)}.page-vergelijkingen .vergelijkingen-search-input::-webkit-search-cancel-button{-webkit-appearance: none}.page-vergelijkingen .vergelijkingen-search-count{margin: var(--s-8) 0 0;color: var(--c-text-tertiary);font-size: 13px}.page-vergelijkingen .vergelijkingen-categories{display: flex;flex-wrap: wrap;gap: var(--s-8);margin: 0 0 var(--s-24);padding: 0;list-style: none}.page-vergelijkingen .vergelijkingen-categories li{margin: 0}.page-vergelijkingen .vergelijkingen-category-chip{display: inline-flex;align-items: center;gap: 6px;padding: 10px 16px;background: #fff;border: 1px solid var(--c-border);border-radius: 999px;color: var(--c-primary);font-family: inherit;font-size: 14px;font-weight: 500;line-height: 1.3;cursor: pointer;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease);-webkit-appearance: none;appearance: none;min-height: 40px}.page-vergelijkingen .vergelijkingen-category-chip:hover{border-color: var(--c-accent);background: var(--c-accent-soft)}.page-vergelijkingen .vergelijkingen-category-chip:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 2px}.page-vergelijkingen .vergelijkingen-category-chip[aria-pressed="true"]{background: var(--c-accent);color: #fff;border-color: var(--c-accent)}.page-vergelijkingen .vergelijkingen-category-chip[aria-pressed="true"] .vergelijkingen-category-count{background: rgba(255,255,255,0.18);color: #fff}.page-vergelijkingen .vergelijkingen-category-count{display: inline-flex;align-items: center;justify-content: center;min-width: 22px;padding: 1px 6px;background: var(--c-accent-soft);color: var(--c-accent);border-radius: 999px;font-size: 12px;font-weight: 600;line-height: 1.2}.page-vergelijkingen .vergelijkingen-card-badge{display: inline-block;padding: 3px 10px;background: var(--c-accent-soft);color: var(--c-accent);font-size: 11px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;border-radius: 999px;align-self: flex-start;margin-bottom: var(--s-4)}.page-vergelijkingen .vergelijkingen-about{margin: var(--s-48) 0 var(--s-32);padding: var(--s-16) var(--s-20);border: 1px solid var(--c-border-light);border-radius: var(--r-md);background: var(--c-bg,#fdfdfe)}.page-vergelijkingen .vergelijkingen-about summary{cursor: pointer;font-weight: 600;color: var(--c-primary);list-style: none;padding-right: var(--s-24);position: relative;user-select: none}.page-vergelijkingen .vergelijkingen-about summary::-webkit-details-marker{display: none}.page-vergelijkingen .vergelijkingen-about summary::after{content: '';position: absolute;right: 4px;top: 50%;width: 8px;height: 8px;border-right: 2px solid var(--c-text-tertiary);border-bottom: 2px solid var(--c-text-tertiary);transform: translateY(-70%) rotate(45deg);transition: transform var(--dur) var(--ease)}.page-vergelijkingen .vergelijkingen-about[open] summary::after{transform: translateY(-30%) rotate(-135deg)}.page-vergelijkingen .vergelijkingen-about-body{margin-top: var(--s-16);padding-top: var(--s-16);border-top: 1px solid var(--c-border-light)}.page-vergelijkingen .vergelijkingen-about-body p{margin: 0 0 var(--s-12);color: var(--c-text-secondary);font-size: 14px;line-height: 1.6}.page-vergelijkingen .vergelijkingen-about-body p:last-child{margin-bottom: 0}.page-vergelijkingen .vergelijkingen-about-body a{color: var(--c-accent);text-decoration: underline;text-underline-offset: 2px}.ranking_category .archive-title,.tax-ranking_category .archive-title{font-size:34px;letter-spacing:-.02em}.cat-hub .cat-hero{position:relative;display:block;min-height:372px;border-radius:22px;overflow:hidden;text-decoration:none;margin-bottom:8px;isolation:isolate;background:#0b0e15}.cat-hub .cat-hero--grad{background:radial-gradient(120% 140% at 88% 8%,rgba(63,163,138,.40),transparent 46%),linear-gradient(99deg,#13233f 0%,#1c3556 60%,#20503f 120%)}.cat-hub .cat-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:0;transition:transform .6s ease}.cat-hub .cat-hero:hover .cat-hero-bg{transform:scale(1.035)}.cat-hub .cat-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(96deg,rgba(7,10,16,.93) 0%,rgba(7,10,16,.78) 30%,rgba(7,10,16,.42) 52%,rgba(7,10,16,.05) 74%,rgba(7,10,16,0) 100%)}.cat-hub .cat-hero-scrim::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,16,.42),transparent 36%)}.cat-hub .cat-hero-inner{position:relative;z-index:3;max-width:50%;min-height:372px;padding:48px 40px 48px 48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cat-hub .cat-hero-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#86e6c9;margin-bottom:16px}.cat-hub .cat-hero-title{font-family:var(--font);font-size:43px;line-height:1;font-weight:800;letter-spacing:-.035em;color:#fff;margin:0 0 15px;text-shadow:0 1px 24px rgba(0,0,0,.35)}.cat-hub .cat-hero-sub{font-size:14.5px;line-height:1.55;color:rgba(236,242,250,.85);margin:0 0 26px;max-width:34ch}.cat-hub .cat-hero-sub b{color:#fff;font-weight:700;white-space:nowrap}.cat-hub .cat-hero-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0b0e15;font-weight:700;font-size:14px;padding:13px 24px;border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.34);transition:transform .16s ease}.cat-hub .cat-hero:hover .cat-hero-cta{transform:translateX(3px)}.cat-hub .cat-hero-score{position:absolute;top:22px;right:24px;z-index:3;display:inline-flex;align-items:baseline;gap:7px;background:rgba(12,16,24,.44);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);color:#fff;font-weight:800;font-size:17px;padding:7px 13px;border-radius:14px;font-variant-numeric:tabular-nums;box-shadow:0 6px 18px rgba(0,0,0,.30)}.cat-hub .cat-hero-score small{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.78)}.cat-hub .cat-hero-score i{width:7px;height:7px;border-radius:50%;background:#46d39e;align-self:center;box-shadow:0 0 9px #46d39e}.cat-hub .cat-eyebrow{font:800 11.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-tertiary,#9aa6b6);margin:26px 0 14px}.cat-hub .product-card{position:relative}.cat-hub .product-image{background:linear-gradient(180deg,#f6f8fb 0%,#fff 72%)}.cat-hub .product-image img{transition:transform .3s ease}.cat-hub .product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.cat-hub .product-card:hover .product-image img{transform:scale(1.05)}.cat-hub .product-badge{background:var(--c-accent-soft);color:var(--c-cta);font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 10px;border-radius:999px;align-self:flex-start;margin-bottom:var(--s-8);text-transform:uppercase}.cat-hub .product-name{font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--c-primary);margin-bottom:3px}.cat-hub .cat-n1{font-size:12.5px;color:var(--c-text-secondary);line-height:1.4;margin:0}.cat-hub .cat-n1 b{color:var(--c-primary);font-weight:700}.cat-hub .card-go{position:absolute;right:12px;bottom:12px;z-index:5;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--c-cta);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;box-shadow:0 4px 14px rgba(20,40,74,.16);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease}.cat-hub .product-card:hover .card-go{opacity:1;transform:translateY(0);background:var(--c-cta);color:#fff}@keyframes kpmFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cat-hub .reveal{animation:kpmFadeUp .55s cubic-bezier(.2,.7,.2,1) both}.cat-hub .hub-close{margin:30px 0 8px;padding:28px;border:1px solid var(--c-border);border-radius:18px;background:linear-gradient(120deg,#f3f7f5,#eef2f8);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cat-hub .hub-close h3{font-family:var(--font);font-size:18px;font-weight:800;color:var(--c-primary);margin:0 0 4px;letter-spacing:-.01em}.cat-hub .hub-close p{margin:0;color:var(--c-text-secondary);font-size:14px}.cat-hub .hub-close-btn{display:inline-flex;align-items:center;gap:8px;background:var(--c-cta);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .16s ease}.cat-hub .hub-close-btn:hover{transform:translateX(3px)}@media(prefers-reduced-motion:reduce){.cat-hub .reveal{animation:none}}@media(max-width:780px){.cat-hub .cat-hero{min-height:380px}.cat-hub .cat-hero-scrim{background:linear-gradient(6deg,rgba(7,10,16,.95) 18%,rgba(7,10,16,.62) 45%,rgba(7,10,16,.12) 72%,rgba(7,10,16,0) 100%)}.cat-hub .cat-hero-inner{max-width:100%;min-height:380px;justify-content:flex-end;padding:30px 26px}.cat-hub .cat-hero-title{font-size:31px}.cat-hub .hub-close{flex-direction:column;align-items:flex-start}}.ranking-items{display:flex;flex-direction:column;gap:var(--s-24);margin-top:var(--s-24)}.item-card{position:relative;display:flex;gap:var(--s-24);padding:var(--s-20);background:var(--c-surface-raised);border:1px solid var(--c-border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);scroll-margin-top:90px}.item-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.item-card:first-child{background:linear-gradient(165deg,#fcfefe,#f1f9f6);border-color:#d7ece4;box-shadow:var(--shadow-2)}.item-card:first-child::before{content:none}.item-media{position:relative;flex-shrink:0;width:140px}.item-card .product-image-wrap{margin-bottom:0;position:relative}.item-card .product-image{aspect-ratio:1/1;margin-bottom:0;border-radius:var(--r-md)}.item-medal{position:absolute;top:-9px;left:-9px;z-index:6;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 16px var(--font);color:#fff;font-variant-numeric:tabular-nums;box-shadow:var(--float)}.item-medal--gold{background:linear-gradient(135deg,#eab94f,#cf851c)}.item-medal--silver{background:linear-gradient(135deg,#bcc5d0,#8b97a6)}.item-medal--bronze{background:linear-gradient(135deg,#cf9a6d,#a86c3e)}.item-medal--navy{background:linear-gradient(135deg,#34598a,#1f3a5f)}.item-medal.has-ribbon::before,.item-medal.has-ribbon::after{content:'';position:absolute;bottom:-10px;width:12px;height:17px;background:inherit;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}.item-medal.has-ribbon::before{left:7px;transform:rotate(11deg)}.item-medal.has-ribbon::after{right:7px;transform:rotate(-11deg)}.item-scores{position:absolute;top:16px;right:16px;z-index:5;display:flex;background:#fff;border-radius:13px;border:1px solid rgba(31,58,95,.14);box-shadow:var(--float);overflow:hidden}.item-score{padding:7px 13px;text-align:center;cursor:help}.item-score + .item-score{border-left:1px solid var(--c-border-light)}.item-score .n{display:block;font:800 17px var(--font);font-variant-numeric:tabular-nums;line-height:1;color:var(--c-primary)}.item-score .l{display:block;font:700 8px var(--font);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-tertiary);margin-top:3px}.item-score--rating.is-high .n{color:#2f9974}.item-score--rating.is-mid .n{color:#3a6fb3}.item-score--rating.is-low .n{color:#d27a2b}.item-score--pk .n{color:var(--c-cta)}.item-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.item-award{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font:700 10.5px var(--font);text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px;color:var(--c-cta);background:var(--c-accent-soft);box-shadow:var(--shadow-1);margin-bottom:10px;max-width:calc(100% - 120px)}.item-award svg{flex-shrink:0}.item-award--beste-keuze{color:#b06a14;background:var(--c-warm-soft)}.item-name{font:700 18px/1.25 var(--font);color:var(--c-primary);letter-spacing:-.01em;margin-bottom:6px;padding-right:120px}.item-desc{font:400 14px/1.55 var(--font);color:var(--c-text-secondary);margin-bottom:14px}.item-name:first-child + .item-desc::before{content:"";float:right;width:120px;height:52px}.item-pros{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:0}.item-pros li{display:flex;align-items:flex-start;gap:8px;font:500 13px/1.4 var(--font);color:var(--c-text)}.item-pros svg{color:var(--c-accent);flex-shrink:0;margin-top:1px}.item-foot{margin-top:auto;padding-top:16px;align-self:flex-end}.item-card .item-cta-compare-primary{min-width:0;padding:9px 18px;border-radius:10px;box-shadow:var(--shadow-1)}.item-card .item-cta-compare-primary .cta-line-1{font-size:14px}.item-card .item-cta-compare-primary .cta-line-2{font-size:11px}.item-card .item-configurator{margin-top:14px}.item-card .kpm-merchant-stack--overlay{right:6px;bottom:6px;padding:2px}.item-card .kpm-merchant-stack .kpm-stack-icon{width:23px;height:23px;margin-left:-8px}@media (max-width:600px){.ranking-items{gap:var(--s-16)}.item-card{flex-direction:column;gap:var(--s-16);padding:var(--s-16)}.item-media{width:100%}.item-card .product-image{aspect-ratio:16/11}.item-medal{top:8px;left:8px}.item-scores{top:10px;right:10px}.item-name{padding-right:0}.item-name:first-child + .item-desc::before{content:none}.item-award{max-width:100%}.item-foot{align-self:stretch}.item-card .item-cta-compare-primary{width:100%}.item-card .item-configurator{max-width:100%;margin-left:0;margin-right:0}.item-card .item-configurator-summary{flex-wrap:wrap;row-gap:6px}.item-card .item-configurator-summary-text{min-width:0}.item-card .item-medal{width:34px;height:34px;font-size:14px}}.ranking-intro--collapsible{position:relative}.ranking-intro--collapsible .intro-toggle{position:absolute;width:1px;height:1px;opacity:0}.ranking-intro--collapsible .ranking-intro-content{max-height:84px;overflow:hidden;position:relative}.ranking-intro--collapsible .ranking-intro-content::after{content:'';position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom,rgba(253,253,254,0),var(--c-bg));pointer-events:none;transition:opacity .2s var(--ease)}.ranking-intro--collapsible .intro-toggle:checked ~ .ranking-intro-content{max-height:none}.ranking-intro--collapsible .intro-toggle:checked ~ .ranking-intro-content::after{opacity:0}.ranking-intro--collapsible .intro-more{display:inline-flex;align-items:center;margin-top:10px;cursor:pointer;font:600 13.5px var(--font);color:var(--c-accent);user-select:none}.ranking-intro--collapsible .intro-more::after{content:'Mehr lesen \2304'}.ranking-intro--collapsible .intro-toggle:checked ~ .intro-more::after{content:'Weniger lesen \2303'}.ranking-intro--collapsible .intro-more:hover{color:var(--c-accent-hover)}.ranking-intro--collapsible .intro-toggle:focus-visible ~ .intro-more{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:3px}.ranking-note{background:var(--c-surface);border-left:3px solid var(--c-accent);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--s-12) var(--s-16);margin:0 0 var(--s-24)}.ranking-note-rank{font-size:13.5px;line-height:1.55;color:var(--c-text-secondary)}.ranking-note-rank strong{color:var(--c-primary);font-weight:700}.ranking-note-aff{margin-top:9px;padding-top:9px;border-top:1px solid var(--c-border-light);font-size:11.5px;line-height:1.5;color:var(--c-text-tertiary)}.cat-hub{--spring:cubic-bezier(.34,1.56,.64,1)}.cat-hub .cat-hero{min-height:408px;border-radius:26px;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 28px 64px -30px rgba(8,12,20,.9),0 10px 26px -16px rgba(8,12,20,.55)}.cat-hub .cat-hero-inner{max-width:55%;min-height:408px;padding:44px 40px 60px 50px}.cat-hub .cat-hero-bg{transition:transform .7s var(--ease)}.cat-hub .cat-hero:hover .cat-hero-bg{transform:scale(1.04)}.cat-hub .cat-hero-scrim::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 70% at 14% 46%,rgba(70,211,158,.20),transparent 62%),radial-gradient(40% 50% at 5% 85%,rgba(33,107,85,.30),transparent 70%)}.cat-hub .cat-hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-size:200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cat-hub .cat-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.2em;color:#8ff0d2;margin-bottom:18px}.cat-hub .cat-hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#46d39e;box-shadow:0 0 10px #46d39e}.cat-hub .cat-hero-title{font-size:clamp(38px,4.8vw,56px);line-height:.96;letter-spacing:-.04em;margin:0 0 16px;text-shadow:0 2px 30px rgba(0,0,0,.42)}.cat-hub .cat-hero-sub{font-size:15px;color:rgba(238,244,251,.9);margin:0 0 28px;max-width:36ch}.cat-hub .cat-hero-score{top:24px;right:26px;gap:8px;font-size:18px;padding:9px 15px;border-radius:16px;background:linear-gradient(180deg,rgba(28,34,44,.55),rgba(14,18,26,.42));border-color:rgba(255,255,255,.22);border-top-color:rgba(255,255,255,.45);backdrop-filter:blur(16px) saturate(165%);-webkit-backdrop-filter:blur(16px) saturate(165%);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 10px 26px rgba(0,0,0,.34)}.cat-hub .cat-hero-cta{position:relative;overflow:hidden;gap:9px;font-size:14.5px;padding:14px 26px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.4);border-top-color:rgba(255,255,255,.65);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 12px 30px rgba(0,0,0,.36);transition:transform .25s var(--spring)}.cat-hub .cat-hero-cta::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;transform:skewX(-18deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s var(--ease)}.cat-hub .cat-hero-cta .arr{transition:transform .25s var(--spring)}.cat-hub .cat-hero:hover .cat-hero-cta{transform:translateY(-2px)}.cat-hub .cat-hero:hover .cat-hero-cta::before{left:120%}.cat-hub .cat-hero:hover .cat-hero-cta .arr{transform:translateX(4px)}.cat-hub .product-card{border-radius:16px;border:1px solid rgba(31,58,95,.05);box-shadow:0 1px 2px rgba(31,58,95,.05),0 6px 16px -8px rgba(31,58,95,.12);transition:transform .3s var(--spring),box-shadow .3s var(--ease)}.cat-hub .product-card:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(31,58,95,.06),0 22px 44px -16px rgba(31,58,95,.3)}.cat-hub .product-image img{transition:transform .35s var(--spring)}.cat-hub .product-card:hover .product-image img{transform:scale(1.06)}.cat-hub .card-go{display:none}.cat-hub .card-action{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-radius:12px;font-size:12.5px;font-weight:700;color:var(--c-primary);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.8);border-top-color:#fff;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px -6px rgba(20,40,74,.28);opacity:0;transform:translateY(12px);transition:opacity .28s var(--ease),transform .32s var(--spring)}.cat-hub .product-card:hover .card-action{opacity:1;transform:none}.cat-hub .card-action .go{color:var(--c-cta);font-size:15px}.cat-hub .product-rating--bubble{box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 3px 6px rgba(31,58,95,.12),0 10px 22px rgba(31,58,95,.18);border:1px solid rgba(31,58,95,.04)}@media(max-width:780px){.cat-hub .cat-hero{min-height:392px}.cat-hub .cat-hero-inner{max-width:100%;min-height:392px;justify-content:flex-end;padding:30px 24px 54px}.cat-hub .cat-hero-title{font-size:clamp(30px,8vw,38px)}}@media(prefers-reduced-motion:reduce){.cat-hub .cat-hero-cta::before,.cat-hub .product-card,.cat-hub .product-image img,.cat-hub .card-action,.cat-hub .cat-hero-bg{transition:none!important}.cat-hub .card-action{opacity:1;transform:none}}@media(prefers-reduced-transparency:reduce){.cat-hub .cat-hero-score{background:rgba(14,18,26,.92);backdrop-filter:none;-webkit-backdrop-filter:none}.cat-hub .cat-hero-cta{background:#fff;color:#0b0e15;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cat-hub .card-action{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.cat-hub .cat-hero-cta{background:#fff;color:#0b0e15;text-shadow:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cat-hub .cat-hero-score{background:rgba(14,18,26,.9)}.cat-hub .cat-hero-cta{background:rgba(255,255,255,.95);color:#0b0e15;text-shadow:none}.cat-hub .card-action{background:rgba(255,255,255,.97)}}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:200 800;src:url('../fonts/plus-jakarta-sans-vf.woff2') format('woff2')}.ranking_category .archive-title,.tax-ranking_category .archive-title{font-family:'Plus Jakarta Sans',var(--font)}.cat-hub .cat-hero-title{font-family:'Plus Jakarta Sans',var(--font);font-weight:700;letter-spacing:-.012em}.cat-hub .product-name{font-family:'Plus Jakarta Sans',var(--font)}.cat-hub .hub-close h3{font-family:'Plus Jakarta Sans',var(--font)}.ranking-title,.item-name{font-family:'Plus Jakarta Sans',var(--font)}.ranking-intro--collapsible .ranking-intro-content{max-height:150px}.decision-paths{margin: 2rem 0 0;padding: 1rem;background: var(--c-surface);border: 1px solid rgba(31,58,95,.08);border-left: 3px solid var(--c-accent);border-radius: 14px}.decision-title{font-size: 1.08rem;margin: 0 0 .75rem}.decision-kicker{display: block;font-size: .7rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--c-accent);margin-bottom: .2rem}.decision-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr;gap: .4rem}.decision-link{display: flex;align-items: center;justify-content: space-between;gap: .6rem;padding: .55rem .75rem;min-height: 44px;background: var(--c-surface-raised);border: 1px solid rgba(31,58,95,.12);border-radius: 10px;text-decoration: none;transition: border-color .15s ease}.decision-link:hover{border-color: var(--c-accent)}.cr-txt{display: flex;flex-direction: column;gap: .12rem;min-width: 0}.cr-label{font-weight: 650;color: var(--c-primary);font-size: .95rem;line-height: 1.3}.cr-note{font-size: .78rem;color: rgba(31,58,95,.62);line-height: 1.3}.cr-arrow{color: var(--c-accent);font-weight: 700;flex-shrink: 0}.ranking-note{background: none !important;border: none !important;border-left: none !important;padding: 0 0 .2rem !important;margin: 0 0 1rem;box-shadow: none !important}.ranking-note p{font-size: .8rem;line-height: 1.45;color: rgba(31,58,95,.6);margin: 0 0 .3rem}.ranking-note p strong{color: rgba(31,58,95,.78)}.choice-rail{margin: 1.2rem 0 1.1rem}.choice-rail-title{display: block;font-size: .72rem;font-weight: 700;letter-spacing: .07em;text-transform: uppercase;color: rgba(31,58,95,.55);margin-bottom: .5rem}.choice-rail-scroller{position: relative}.choice-rail-scroller::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 30px;background: linear-gradient(to right,rgba(253,253,254,0),var(--c-bg));pointer-events: none}.choice-rail-list{list-style: none;margin: 0;padding: 2px;display: flex;gap: 10px;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none}.choice-rail-list::-webkit-scrollbar{display: none}.choice-rail-list li{flex: 0 0 auto;scroll-snap-align: start;display: flex}.choice-rail-card{position: relative;display: flex;flex-direction: column;gap: .18rem;width: 208px;min-height: 74px;padding: 12px 30px 12px 14px;background: var(--c-surface-raised);border: 1px solid rgba(31,58,95,.14);border-radius: 8px;text-decoration: none;transition: border-color .15s ease}.choice-rail-card:hover{border-color: var(--c-accent)}.choice-rail-card--alt{background: var(--c-accent-soft);border-color: rgba(63,163,138,.35)}.crl-label{font-weight: 700;font-size: .92rem;color: var(--c-primary);line-height: 1.25}.crl-note{font-size: .78rem;color: rgba(31,58,95,.62);line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.crl-arrow{position: absolute;top: 10px;right: 11px;color: var(--c-accent);font-weight: 700;font-size: .85rem}@media (min-width: 700px){.choice-rail-scroller::after{display: none}.choice-rail-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;overflow: visible}.choice-rail-card{width: 100%}}button.choice-rail-card{font: inherit;text-align: left;cursor: pointer;appearance: none;-webkit-appearance: none}.cat-hub--leafhub{margin:.2rem 0 0}.cat-hub--leafhub .choice-rail{margin:1.5rem 0 0}.cat-hub--leafhub .decision-paths{margin:1.7rem 0 0}.hub-grid-title{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(31,58,95,.55);margin:2.3rem 0 .15rem}.hub-grid-note{font-size:.9rem;color:rgba(31,58,95,.6);margin:.1rem 0 .2rem}.archive-desc--hub a{color:inherit;text-decoration:underline;text-underline-offset:2px}.choice-rail-card.kw-start,.choice-rail-card.kw-start:hover{background: var(--c-accent-soft)}.choice-rail-card.kw-start:hover{border-color: var(--c-accent)}.site-nav{padding-top: var(--s-16)}.site-nav .kw-start--nav{margin-bottom: var(--s-12)}.nav-list{border-top: 1px solid var(--c-border-light)}.ranking-header{border-bottom: none;padding-bottom: 0;margin-bottom: var(--s-20)}.ranking-intro--collapsible .ranking-intro-content{max-height: none;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden}.ranking-intro--collapsible .ranking-intro-content::after{display: none}.ranking-intro--collapsible .intro-toggle:checked ~ .ranking-intro-content{-webkit-line-clamp: unset;max-height: none}.ranking-intro{margin-bottom: var(--s-24)}.ranking-intro--collapsible .intro-more{margin-top: 6px}.ranking-intro--hook .ranking-intro-content{display: block;-webkit-line-clamp: unset;overflow: visible}.ranking-intro--hook .intro-toggle:not(:checked) ~ .ranking-intro-content > *:not(:first-child){display: none}.list-topline{margin: 0 0 var(--s-16)}.rank-explain summary{list-style: none;cursor: pointer;display: flex;align-items: center;gap: 7px;-webkit-tap-highlight-color: transparent}.rank-explain summary::-webkit-details-marker{display: none}.rank-explain-label{font-size: 11px;font-weight: 700;letter-spacing: .07em;text-transform: uppercase;color: var(--c-text-tertiary)}.rank-explain-sub{font-size: 11.5px;font-weight: 500;color: var(--c-text-tertiary);opacity: .8;white-space: nowrap}.rank-explain-info{display: inline-flex;align-items: center;justify-content: center;width: 15px;height: 15px;border-radius: 50%;border: 1.3px solid var(--c-text-tertiary);color: var(--c-text-tertiary);font-size: 10px;font-weight: 700;line-height: 1;margin-left: auto;flex-shrink: 0}.rank-explain[open] .rank-explain-info{border-color: var(--c-accent);color: var(--c-accent)}.rank-explain-body{padding: 10px 0 2px}.rank-explain-body p{font-size: 13px;line-height: 1.6;color: var(--c-text-secondary)}.rank-explain-body strong{color: var(--c-primary)}.rank-explain-aff{margin-top: 8px;font-size: 11.5px;color: var(--c-text-tertiary)}.list-aff-note{margin: 8px 0 0;font-size: 11.5px;line-height: 1.5;color: var(--c-text-tertiary)}.dal-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;flex-wrap: wrap}.dal-fresh{font-size: 12.5px;font-weight: 600;color: var(--c-text-tertiary);white-space: nowrap}.drop-bubble{position: absolute;top: -8px;right: -8px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: var(--c-cta);color: #fff;border: 2px solid #fff;border-radius: 50%;box-shadow: 0 2px 4px rgba(31,58,95,.12),0 8px 20px rgba(31,58,95,.22);z-index: 4;font-weight: 800;font-size: 13px;letter-spacing: -.02em;font-variant-numeric: tabular-nums}.rpcard{position:relative;background:#fff;border:1px solid #eceef2;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(31,58,95,.06),0 1px 3px rgba(31,58,95,.05);color:#2c3442;scroll-margin-top:90px}.rpcard--hero{background:linear-gradient(165deg,#fcfefe,#f1f9f6);border-color:#d7ece4;box-shadow:0 2px 6px rgba(31,58,95,.08),0 8px 20px rgba(31,58,95,.06)}.rpcard-strip{display:flex;align-items:center;gap:9px;margin-bottom:13px;flex-wrap:wrap}.rpcard-medal{width:24px;height:24px;border-radius:50%;background:#7d8aa0;color:#fff;font:800 12px/1 var(--font);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rpcard-medal--gold{background:#216b55}.rpcard-award{display:inline-flex;align-items:center;gap:5px;font:700 10px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;color:#216b55;background:#e6f4f0}.rpcard-award--beste-keuze{color:#b06a14;background:#fdf3ee}.rpcard-award svg{flex-shrink:0}.rpcard-body{display:grid;gap:13px 16px;grid-template-columns:72px 1fr;grid-template-areas:"media head" "detail detail";align-items:center}.rpcard-media{grid-area:media;align-self:center}.rpcard-head{grid-area:head;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.rpcard-detail{grid-area:detail;display:flex;flex-direction:column;gap:13px}.rpcard-img{aspect-ratio:1;border-radius:12px;background:#eef2f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.rpcard-img img{width:100%;height:100%;object-fit:contain}.rpcard-img-ph{width:40%;height:40%;color:#b3bdca}.rpcard-name{font:800 15.5px/1.22 'Plus Jakarta Sans',var(--font);color:#1f3a5f;letter-spacing:-.01em;margin:0}.rpcard-score{display:flex;align-items:baseline;gap:6px}.rpcard-score-l{font:700 9px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:#667085}.rpcard-score-n{font:800 22px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rpcard-aspects{display:grid;grid-template-columns:1fr;gap:11px}.rpcard-axis{display:grid;gap:4px}.rpcard-axis-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rpcard-axis-l{font:600 12.5px/1.2 var(--font);color:#4a5568}.rpcard-axis-n{font:700 13px/1 var(--font);color:#2c3442;font-variant-numeric:tabular-nums}.rpcard-track{height:6px;border-radius:4px;background:#e7ebf1;overflow:hidden}.rpcard-track>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4076bd,#33648c)}.rpcard-pk{border-radius:10px;background:#f2faf7;border:1px solid #dbeee6;padding:10px 13px}.rpcard-pk-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.rpcard-pk-l{font:800 11.5px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;color:#216b55}.rpcard-pk-n{font:800 16px/1 var(--font);color:#216b55;font-variant-numeric:tabular-nums}.rpcard-track--pk{height:9px;background:#d3ebe1}.rpcard-track--pk>i{background:linear-gradient(90deg,#2b8369,#216b55)}.rpcard-verdict{display:flex;flex-direction:column;gap:10px}.rpcard-vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.rpcard-vlist li{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:8px;font:500 12.5px/1.42 var(--font);color:#2c3442}.rpcard-ico{width:16px;height:16px;margin-top:1px;flex-shrink:0}.rpcard-pro .rpcard-ico{color:#2b8369}.rpcard-con .rpcard-ico{color:#d27a2b}.rpcard-foot{margin-top:2px}.rpcard .rpcard-cta{display:flex;width:100%;justify-content:center;align-items:center;box-shadow:var(--shadow-1)}.rpcard-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font:700 13px/1 var(--font);color:#216b55;user-select:none}.rpcard-more>summary::-webkit-details-marker{display:none}.rpcard-more>summary::after{content:"Mehr erfahren"}.rpcard-more[open]>summary::after{content:"Weniger anzeigen"}.rpcard-chev{display:inline-flex;transition:transform .2s var(--ease)}.rpcard-more[open] .rpcard-chev{transform:rotate(180deg)}.rpcard-more-body{margin-top:12px;padding-top:14px;border-top:1px dashed #dfe3ea}.rpcard-more-body h4{font:800 11px/1.3 var(--font);color:#1f3a5f;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 5px}.rpcard-more-body h4:first-child{margin-top:0}.rpcard-more-body p{font:400 13px/1.62 var(--font);color:#414b59;margin:0 0 10px}.rpcard-more-body p:last-child{margin-bottom:0}.rpcard-more-body a{color:#216b55}.rpcard-more>summary:focus-visible{outline:2px solid var(--c-focus,#3fa38a);outline-offset:3px;border-radius:3px}@media(min-width:640px){.rpcard{padding:20px 22px}.rpcard-body{grid-template-columns:168px 1fr;grid-template-areas:"media head" "media detail";column-gap:24px;row-gap:16px;align-items:start}.rpcard-media{align-self:start}.rpcard-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:18px}.rpcard-name{font-size:20px;line-height:1.2;margin-top:3px}.rpcard-score{flex-direction:column;align-items:flex-end;text-align:right;gap:0}.rpcard-score-l{font-size:10px;margin-bottom:5px}.rpcard-score-n{font-size:44px;line-height:.9}.rpcard-aspects{grid-template-columns:1fr 1fr;gap:12px 26px}.rpcard-verdict{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;align-items:start}}@media(prefers-reduced-motion:reduce){.rpcard-chev{transition:none}}.rpcard-img{box-sizing:border-box;padding:7%}.rpsort{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 var(--s-20)}.rpsort-label{font:700 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-tertiary)}.rpsort-btns{display:flex;flex-wrap:wrap;gap:6px}.rpsort-btn{font:600 13px/1 var(--font);color:var(--c-text-secondary);background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:999px;padding:7px 13px;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.rpsort-btn:hover{border-color:#c9d2dd;color:var(--c-text)}.rpsort-btn.is-active{background:var(--c-cta);border-color:var(--c-cta);color:#fff}.rpsort-btn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.rpsort-live{font:600 12px/1 var(--font);color:var(--c-text-tertiary)}.ranking-items{transition:opacity .14s var(--ease)}.ranking-items.is-resorting{opacity:.5}.ranking-items.is-custom .rpcard-medal{display:none}.ranking-items.is-custom .rpcard--hero{background:#fff;border-color:#eceef2;box-shadow:0 1px 2px rgba(31,58,95,.06),0 1px 3px rgba(31,58,95,.05)}@media(max-width:560px){.rpsort{align-items:flex-start}.rpsort-btns{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding-bottom:2px}.rpsort-btns::-webkit-scrollbar{display:none}.rpsort-btn{flex:0 0 auto}.rpsort-live{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.ranking-items{transition:none}}.rpsort-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.season-rail{padding: 36px 0 6px}.season-rail .sr-kicker{font-size: 12px;font-weight: 700;letter-spacing: .09em;text-transform: uppercase;color: var(--c-accent);margin: 0 0 2px}.season-rail .sr-title{font-family: var(--font-display);font-size: 1.4rem;color: var(--c-text);margin: 0 0 14px;letter-spacing: -0.01em}.sr-rail{display: flex;gap: 10px;overflow-x: auto;padding-bottom: 10px;-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity}.sr-rail::-webkit-scrollbar{height: 6px}.sr-rail::-webkit-scrollbar-thumb{background: var(--c-border);border-radius: 3px}.sr-card{flex: 0 0 178px;scroll-snap-align: start;position: relative;overflow: hidden;background: linear-gradient(160deg,var(--c-surface-raised) 55%,var(--c-accent-soft) 145%);border: 1px solid var(--c-border);border-radius: var(--r-md);padding: 15px;display: flex;flex-direction: column;gap: 4px;text-decoration: none;box-shadow: 0 2px 10px rgba(31,58,95,.07);transition: border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease),transform var(--dur) var(--ease)}.sr-card::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--c-accent),var(--c-warm));opacity: 0;transition: opacity var(--dur-slow) var(--ease)}.sr-card:hover,.sr-card:focus-visible{border-color: var(--c-accent);box-shadow: 0 14px 30px rgba(31,58,95,.16);transform: translateY(-3px)}.sr-card:hover::before,.sr-card:focus-visible::before{opacity: 1}.sr-card .sr-label{font-weight: 700;font-size: 15px;color: var(--c-text);transition: color var(--dur) var(--ease)}.sr-card:hover .sr-label,.sr-card:focus-visible .sr-label{color: var(--c-accent-hover)}.sr-card .sr-note{font-size: 12.5px;color: var(--c-text-secondary);flex: 1}.sr-card .sr-go{font-size: 13px;font-weight: 700;color: var(--c-accent);margin-top: 2px;transition: transform var(--dur) var(--ease),color var(--dur) var(--ease)}.sr-card:hover .sr-go,.sr-card:focus-visible .sr-go{transform: translateX(4px);color: var(--c-accent-hover)}@media (prefers-reduced-motion: reduce){.sr-card,.sr-card:hover,.sr-card::before,.sr-card .sr-go,.sr-card .sr-label{transition: none}.sr-card:hover{transform: none}.sr-card:hover .sr-go{transform: none}}@media (min-width: 900px){.sr-rail{flex-wrap: wrap;overflow-x: visible}.sr-card{flex: 1 1 calc(16.66% - 10px);min-width: 150px}}.duel-rail{margin: 34px 0 6px}.duel-rail .dr-kicker{font-size: 12px;font-weight: 700;letter-spacing: .09em;text-transform: uppercase;color: var(--c-accent);margin: 0 0 2px}.duel-rail .dr-title{font-family: var(--font-display);font-size: 1.35rem;color: var(--c-text);margin: 0 0 14px;letter-spacing: -0.01em}.dr-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 10px}.dr-card{background: var(--c-surface-raised);border: 1px solid var(--c-border);border-radius: var(--r-md);padding: 13px 15px;display: flex;flex-direction: column;gap: 5px;text-decoration: none;transition: border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.dr-card:hover,.dr-card:focus-visible{border-color: var(--c-accent);box-shadow: 0 6px 16px rgba(31,58,95,.10);transform: translateY(-2px)}.dr-namen{display: flex;align-items: center;gap: 7px;flex-wrap: wrap}.dr-naam{font-weight: 700;font-size: 14px;color: var(--c-text)}.dr-vs{flex: none;font-size: 10px;font-weight: 800;letter-spacing: .05em;text-transform: uppercase;background: var(--c-primary);color: #fff;border-radius: 999px;padding: 2px 7px}.dr-teaser{font-size: 12.5px;color: var(--c-text-secondary);flex: 1}.dr-go{font-size: 12.5px;font-weight: 700;color: var(--c-accent);margin-top: 2px}@media (prefers-reduced-motion: reduce){.dr-card,.dr-card:hover{transition: none;transform: none}}.ranking-hub-link{margin-top: var(--s-32)}.ranking-hub-link__a{display: flex;align-items: center;gap: var(--s-16);padding: var(--s-16) var(--s-20);background: var(--c-accent-soft);border: 1px solid var(--c-accent);border-radius: var(--r-md);text-decoration: none;transition: box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.ranking-hub-link__a:hover{box-shadow: 0 4px 14px rgba(43,131,105,0.15);transform: translateY(-1px)}.ranking-hub-link__label{font-weight: 800;font-size: 16px;color: var(--c-cta);font-family: var(--font-display)}.ranking-hub-link__sub{flex: 1;color: var(--c-text-secondary);font-size: 14px}.ranking-hub-link__arrow{color: var(--c-accent);font-size: 20px;flex-shrink: 0;transition: transform var(--dur) var(--ease)}.ranking-hub-link__a:hover .ranking-hub-link__arrow{transform: translateX(4px)}@media (max-width: 600px){.ranking-hub-link__a{flex-wrap: wrap;gap: var(--s-4)}.ranking-hub-link__sub{flex-basis: 100%}}.rpcard-scorerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rpcard-score{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left}.rpcard-score-n{font-weight:800;font-size:32px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rpcard-score-l{font-weight:700;font-size:9px;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:#667085;margin:4px 0 0}.rpcard-pkchip{display:inline-flex;align-items:baseline;gap:5px;height:28px;padding:0 11px;border-radius:999px;background:rgba(47,153,116,.10);color:#216b55;font-weight:750;font-size:14px;line-height:28px;font-variant-numeric:tabular-nums}.rpcard-pkchip .l{font-weight:800;font-size:9px;line-height:1;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.rpcard-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:0 4px;margin-top:4px;justify-items:center}.rpcard-ring{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.rpcard-ring svg{display:block;width:46px;height:46px}.rpcard-ringnum{font-family:var(--font);font-weight:800;font-size:14px}.rpcard-ring-l{font-weight:700;font-size:9px;line-height:1.1;color:#667085;text-align:center;max-width:100%}@media(min-width:640px){.rpcard-scorerow{flex-direction:column;align-items:flex-end;gap:8px}.rpcard-score{align-items:flex-end;text-align:right}.rpcard-score-n{font-size:40px}.rpcard-score-l{font-size:10px}.rpcard-rings{gap:0 10px;margin-top:2px}.rpcard-ring svg{width:54px;height:54px}.rpcard-ringnum{font-size:15px}.rpcard-ring-l{font-size:10px}}@media(min-width:640px){.rpcard-body{grid-template-columns:160px 1fr;column-gap:18px;row-gap:12px}.rpcard-rings{display:flex;justify-content:flex-start;align-items:flex-start;gap:22px;max-width:max-content;margin-top:2px}.rpcard-ring{width:60px}.rpcard-verdict{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 18px}}@media(min-width:640px){.rpcard-head{display:block;position:relative}.rpcard-name{padding-right:118px;margin:2px 0 0}.rpcard-scorerow{position:absolute;top:0;right:0;flex-direction:column;align-items:flex-end;gap:8px}}.rpcard-head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px}.rpcard-name{flex:1;min-width:0;padding-right:0}.rpcard-scorerow{flex:none;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0}.rpcard-score{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0}.rpcard-score-n{font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rpcard-score-l{font-weight:700;font-size:8px;line-height:1.05;letter-spacing:.03em;text-transform:uppercase;color:#667085;margin-top:3px;white-space:nowrap}@media(min-width:640px){.rpcard-head{display:block;position:relative}.rpcard-name{flex:none;padding-right:104px}.rpcard-scorerow{position:absolute;top:0;right:0;align-items:flex-end}.rpcard-score-n{font-size:42px}.rpcard-score-l{font-size:9px}}.rpcard-score-l{margin-top:7px}@media(min-width:640px){.rpcard-score-l{margin-top:8px}}.kw-subgroups{display:flex;flex-direction:column;gap:16px}.kw-subgroup-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8a94a6;margin:2px 2px -4px}.sub-menu .menu-group-header{list-style:none;padding:13px 20px 3px;pointer-events:none;border:0}.sub-menu .menu-group-header span{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa3b2}.sub-menu li.menu-group-header:first-child{padding-top:4px}.nav-list .sub-menu li.menu-section-label{padding:14px 16px 4px;pointer-events:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-secondary);opacity:.72}.nav-list .sub-menu li.menu-section-label:first-child{padding-top:6px;border-top:0}.nav-list .sub-menu li.menu-section-label + li{border-top:0}.nav-list .menu-item-has-children[aria-expanded="true"] > .sub-menu{max-height:2500px}.kw-chip--group{display:inline-flex;align-items:center;gap:8px}.kw-chip-arrow{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.5;flex:0 0 auto}.ranking-items.rpv3-wide{width:min(1032px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:16px}.rpcard--v3{padding:0;overflow:hidden;border-radius:14px;display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-areas: "media head" "band  band" "verdict verdict" "rail  rail" "more  more";grid-template-rows:auto auto auto auto auto;align-items:stretch}.rpcard--v3 .rpv3-media{grid-area:media;position:relative;background:#f4f6f8;border-right:1px solid rgba(31,58,95,.10);display:flex;align-items:center;justify-content:center;min-height:130px}.rpcard--v3 .rpcard-img{aspect-ratio:auto;width:100%;height:100%;border-radius:0;background:transparent;padding:9%}.rpcard--v3 .rpcard-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.rpcard--v3 .rpcard-medal{position:absolute;top:10px;left:10px;z-index:2;width:30px;height:30px;font:800 14px/1 var(--font);box-shadow:0 2px 6px rgba(0,0,0,.25);color:#fff}.rpcard--v3 .rpcard-medal--gold{background:linear-gradient(160deg,#e8b83a,#c9931a)}.rpcard--v3 .rpcard-medal--silver{background:linear-gradient(160deg,#b9c2cc,#8e9aa8)}.rpcard--v3 .rpcard-medal--bronze{background:linear-gradient(160deg,#cf8a4e,#a96a33)}.rpcard--v3 .rpcard-medal--navy{background:#1f3a5f}.rpcard--v3 .rpv3-head{grid-area:head;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:16px}.rpcard--v3 .rpcard-name{font:800 17px/1.3 'Plus Jakarta Sans',var(--font);color:#1f3a5f;letter-spacing:-.01em;margin:0;padding:0}.rpcard--v3 .rpcard-award{margin-top:8px}.rpcard--v3 .rpv3-band{grid-area:band;display:flex;align-items:stretch;background:#f7f9fa;border:1px solid rgba(31,58,95,.07);border-radius:12px;margin:14px 16px 0;overflow:hidden}.rpcard--v3 .rpv3-band-score{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#e6f4f0;border-right:1px solid rgba(31,58,95,.08);padding:10px 6px}.rpcard--v3 .rpcard-score-n{font:800 28px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.rpcard--v3 .rpcard-score-l{font:600 8px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#667085;margin:5px 0 0;white-space:nowrap}.rpcard--v3 .rpcard-rings{display:flex;flex:1;margin:0;padding:9px 2px 7px;gap:0;grid-template-columns:none;max-width:none}.rpcard--v3 .rpcard-ring{flex:1;width:auto;display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid rgba(31,58,95,.08);min-width:0}.rpcard--v3 .rpcard-ring:last-child{border-right:0}.rpcard--v3 .rpcard-ring svg{width:42px;height:42px}.rpcard--v3 .rpcard-ringnum{font-family:var(--font);font-weight:800;font-size:13px}.rpcard--v3 .rpcard-ring-l{font:500 10px/1.1 var(--font);color:#667085;text-align:center}.rpcard--v3 .rpv3-verdict{grid-area:verdict;display:grid;grid-template-columns:1fr;gap:6px;padding:12px 16px 0}.rpcard--v3 .rpcard-vlist{gap:6px}.rpcard--v3 .rpcard-vlist li{font:500 13px/1.45 var(--font)}.rpcard--v3 .rpv3-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 16px 14px}.rpcard--v3 .rpv3-shops{display:flex;align-items:center;gap:8px}.rpcard--v3 .rpv3-shops[hidden]{display:none}.rpcard--v3 .rpv3-shops-l{font:500 10.5px/1 var(--font);color:#667085}.rpcard--v3 .rpv3-shops .kpm-merchant-stack{position:static;background:transparent;padding:0;box-shadow:none}.rpcard--v3 .rpv3-shops .kpm-stack-icon{width:22px;height:22px;margin-left:-6px;background:#fff;border:1px solid rgba(31,58,95,.12);border-radius:50%;padding:2.5px}.rpcard--v3 .rpv3-shops .kpm-stack-icon:first-child{margin-left:0}.rpcard--v3 .rpv3-shops .kpm-stack-more{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font:700 9.5px/1 var(--font);color:#667085;background:#eef2f4}.rpcard--v3 .rpcard-foot{margin:0;width:100%}.rpcard--v3 .rpcard-cta{display:flex;width:100%;justify-content:center;align-items:center}.rpcard--v3 .rpcard-foot .product-configure-button{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center;width:100%;min-width:0;box-sizing:border-box;background:#2b8369;background-image:none;color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:600;line-height:1.15;box-shadow:0 4px 14px rgba(63,163,138,.25);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.rpcard--v3 .rpcard-foot .product-configure-button:hover{background:#359079;box-shadow:0 6px 20px rgba(63,163,138,.4);transform:translateY(-1px)}.rpcard--v3 .rpcard-foot .product-configure-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(63,163,138,.35),0 6px 20px rgba(63,163,138,.4)}.rpcard--v3 .rpcard-foot .product-configure-title{font-size:15px;font-weight:600;line-height:1.15;letter-spacing:.1px;color:#fff}.rpcard--v3 .rpcard-foot .product-configure-price-row{justify-content:center;gap:6px}.rpcard--v3 .rpcard-foot .product-configure-price{font-size:11.5px;font-weight:500;letter-spacing:.15px;color:rgba(255,255,255,.92)}.rpcard--v3 .rpcard-foot .product-configure-arrow{font-size:13px;font-weight:700;color:#fff;transition:transform .12s ease}.rpcard--v3 .rpcard-foot .product-configure-button:hover .product-configure-arrow{transform:translateX(2px)}.rpcard--v3 .rpv3-more{grid-area:more;padding:0;border-top:1px solid rgba(31,58,95,.09)}.rpcard--v3 .rpv3-more>summary{display:flex;width:100%;box-sizing:border-box;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:14px 16px 17px;transition:background .15s var(--ease)}.rpcard--v3 .rpv3-more>summary:hover{background:rgba(31,58,95,.03)}.rpcard--v3 .rpcard-more-body{margin:0;padding:0 16px 20px;border-top:0}.rpcard--v3.rpcard--hero{background:#fff}.rpcard--v3.rpcard--hero .rpv3-band-score{background:#dff1ea}.ranking-items.is-custom .rpcard--v3.rpcard--hero{background:#fff}@media(min-width:900px){.rpcard--v3{grid-template-columns:180px minmax(0,1fr) 232px;grid-template-areas: "media head    rail" "media band    rail" "media verdict rail" "more  more    more";grid-template-rows:auto auto 1fr auto}.rpcard--v3 .rpv3-media{min-height:200px}.rpcard--v3 .rpv3-head{padding:20px 24px 0;justify-content:flex-start}.rpcard--v3 .rpcard-name{font-size:20px;line-height:1.25}.rpcard--v3 .rpv3-band{margin:16px 24px 0}.rpcard--v3 .rpv3-band-score{flex-basis:118px}.rpcard--v3 .rpcard-score-n{font-size:30px}.rpcard--v3 .rpcard-ring svg{width:46px;height:46px}.rpcard--v3 .rpcard-ring-l{font-size:11px}.rpcard--v3 .rpv3-verdict{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 24px;padding:16px 24px 20px;align-items:start}.rpcard--v3 .rpv3-rail{border-left:1px solid rgba(31,58,95,.10);background:linear-gradient(180deg,#fbfcfd,#f6f8fa);padding:16px 18px;gap:12px}.rpcard--v3.rpcard--hero .rpv3-rail{background:linear-gradient(180deg,#f2faf7,#e9f5f0)}.rpcard--v3 .rpv3-more{padding:0}.rpcard--v3 .rpv3-more>summary{flex-direction:row-reverse;justify-content:space-between;padding:15px 24px 17px}.rpcard--v3 .rpcard-more-body{padding:0 24px 22px}}@media(max-width:899px){.rpcard--v3 .rpcard-cta{border-radius:999px}}@media(max-width:899px){.rpcard--v3 .rpv3-band{flex-wrap:wrap}.rpcard--v3 .rpv3-band-score{flex:1 1 100%;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:8px 14px;border-right:0;border-bottom:1px solid rgba(31,58,95,.08)}.rpcard--v3 .rpv3-band-score .rpcard-score-n{font-size:26px}.rpcard--v3 .rpv3-band-score .rpcard-score-l{font-size:10px;color:#216b55}.rpcard--v3 .rpcard-rings{flex:1 1 100%}}.kw-chips--tiles{display:block !important;padding:0;gap:0}.kw-sec{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1f3a5f;margin:12px 2px 6px;display:flex;align-items:center;gap:9px}.kw-sec::after{content:"";flex:1;height:1px;background:#dbe2ea}.kw-tgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:2px}.kw-tile{position:relative;display:block;width:100%;border:0;padding:0;margin:0;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:2.6/1;background-color:#eef1f5;background-size:cover;background-repeat:no-repeat;text-align:left}.kw-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,14,.74) 0%,rgba(10,10,14,.24) 50%,transparent 78%)}.kw-tile--wide{grid-column:1 / -1;aspect-ratio:4.7/1}.kw-tile-b{position:absolute;left:11px;right:9px;bottom:6px;color:#fff;font-weight:700;font-size:13px;letter-spacing:-.01em;line-height:1.12;z-index:2}.kw-tile:hover{filter:brightness(1.05)}.kw-tile:focus-visible{outline:3px solid var(--c-focus,#2b8369);outline-offset:2px}@media (min-width:640px){.kw-tile{aspect-ratio:3.1/1}.kw-tile--wide{aspect-ratio:5.6/1}.kw-tile-b{font-size:14px}}.cat-hub .cat-hero--product .cat-hero-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(78% 108% at 82% 50%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.56) 56%,rgba(255,255,255,.13) 72%,rgba(255,255,255,0) 85%)}.cat-hub .cat-hero--product .cat-hero-shot{position:absolute;z-index:2;top:0;right:0;bottom:0;width:52%;display:flex;align-items:center;justify-content:center;padding:40px 48px;pointer-events:none;mix-blend-mode:multiply}.cat-hub .cat-hero--product .cat-hero-shot img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .6s ease}.cat-hub .cat-hero--product:hover .cat-hero-shot img{transform:scale(1.035)}.cat-hub .cat-hero--product .cat-hero-score{background:rgba(12,16,24,.82);border-color:rgba(255,255,255,.16)}.cat-hub .cat-hero--product .cat-hero-sub b{white-space:normal}.cat-hub .cat-hero--product .cat-hero-inner{max-width:48%}@media(max-width:780px){.cat-hub .cat-hero--product{min-height:560px}.cat-hub .cat-hero--product .cat-hero-inner{max-width:100%;min-height:560px;justify-content:flex-end;padding:30px 24px 40px}.cat-hub .cat-hero--product .cat-hero-wash{background:radial-gradient(96% 42% at 50% 20%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.35) 68%,rgba(255,255,255,0) 88%)}.cat-hub .cat-hero--product .cat-hero-scrim{background:linear-gradient(180deg,rgba(7,10,16,0) 0%,rgba(7,10,16,0) 30%,rgba(7,10,16,.55) 44%,rgba(7,10,16,.92) 56%,rgba(7,10,16,.97) 100%)}.cat-hub .cat-hero--product .cat-hero-scrim::after{display:none}.cat-hub .cat-hero--product .cat-hero-shot{left:0;right:0;bottom:auto;width:100%;top:14px;height:38%;padding:8px 74px 0 30px}.cat-hub .cat-hero--product .cat-hero-score{top:16px;right:16px}}@media(prefers-reduced-motion:reduce){.cat-hub .cat-hero--product .cat-hero-shot img{transition:none!important}.cat-hub .cat-hero--product:hover .cat-hero-shot img{transform:none}}@supports not (mix-blend-mode: multiply){.cat-hub .cat-hero--product .cat-hero-shot{-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 68%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 68%,rgba(0,0,0,0) 100%)}}@media (forced-colors: active){.cat-hub .cat-hero--product .cat-hero-shot{mix-blend-mode:normal}.cat-hub .cat-hero--product .cat-hero-wash{display:none}}.kpm-buycard .cfg-result{display: flex;flex-direction: row;flex-wrap: wrap;align-items: baseline;gap: 4px 8px;margin: 18px 0 10px;padding: 0 2px;background: none;border: 0;border-radius: 0}.kpm-buycard .cfg-result-kicker{font-size: 10.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-text-tertiary);font-weight: 800;flex: 0 0 auto}.kpm-buycard .cfg-result-label{font-family: var(--font-display);font-size: 16px;font-weight: 800;letter-spacing: -0.015em;color: var(--c-text);min-width: 0}.kpm-buycard .cfg-result-offers{list-style: none;margin: 0;padding: 0;border: 0;border-radius: 0;background: none;overflow: visible;container-type: inline-size;container-name: kpmoffers}.kpm-buycard .cfg-offer{position: relative;isolation: isolate;display: grid;grid-template-columns: minmax(64px,150px) auto auto 18px;gap: 12px;align-items: center;min-height: 66px;margin: 0 0 8px;padding: 14px 16px;background-color: #fff;border: 1px solid var(--c-border);border-radius: 14px;box-shadow: 0 1px 2px rgba(31,58,95,0.04);transition: border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.kpm-buycard .cfg-offer:last-child{margin-bottom: 0}.kpm-buycard .cfg-offer:hover{transform: translateY(-1px);border-color: #cfd6df;box-shadow: 0 2px 4px rgba(31,58,95,0.05),0 12px 24px -14px rgba(31,58,95,0.45)}.kpm-buycard .cfg-offer:not(.is-best){background-color: #fbfcfd;box-shadow: 0 1px 2px rgba(31,58,95,0.06),0 6px 14px -10px rgba(31,58,95,0.45)}.kpm-buycard .cfg-offer:not(.is-best):hover{background-color: #fff;box-shadow: 0 2px 4px rgba(31,58,95,0.07),0 14px 26px -14px rgba(31,58,95,0.55)}.kpm-buycard .cfg-offer.is-best{background-color: #fff;border-color: #d3dae2;box-shadow: 0 2px 4px rgba(31,58,95,0.06),0 14px 26px -16px rgba(31,58,95,0.55)}.kpm-buycard .cfg-offer.is-best:hover{border-color: #b9c3ce;box-shadow: 0 3px 6px rgba(31,58,95,0.07),0 20px 34px -18px rgba(31,58,95,0.6)}.kpm-buycard .cfg-offer:not(.is-unavailable){background-image: radial-gradient(120% 180% at 100% 50%,rgba(33,107,85,0.14) 0%,rgba(33,107,85,0.04) 34%,rgba(33,107,85,0) 62%)}.kpm-buycard .cfg-offer-logo{grid-column: 1;grid-row: 1}.kpm-buycard .cfg-offer-meta{grid-column: 2;grid-row: 1}.kpm-buycard .cfg-offer-price{grid-column: 3;grid-row: 1}.kpm-buycard .cfg-offer-cta{grid-column: 4;grid-row: 1}.kpm-buycard .cfg-offer-cta--disabled{grid-row: 1}.kpm-buycard .cfg-offer-logo{display: flex;align-items: center;min-width: 0;height: 26px}.kpm-buycard .cfg-offer-logo img{width: auto;max-width: 100%;max-height: 26px;object-fit: contain;object-position: left center;display: block}.kpm-buycard .cfg-offer-retailer{font-family: var(--font-display);font-size: 16px;font-weight: 800;letter-spacing: -0.02em;color: #3b4657;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.kpm-buycard .cfg-offer-meta{flex: 0 0 auto;display: flex;align-items: center;justify-content: flex-start;min-width: max-content}.kpm-buycard .cfg-offer-badge{display: inline-flex;align-items: center;padding: 4px 10px;border-radius: 999px;background: var(--c-cta,#216b55);color: #fff;font-size: 9.5px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;line-height: 1.5;white-space: nowrap}.kpm-buycard .cfg-offer-price{min-width: 86px;text-align: right;font-family: var(--font-display);font-size: 22px;font-weight: 800;line-height: 1.1;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;color: var(--c-text);white-space: nowrap}.kpm-buycard .cfg-offer-cta{display: flex;align-items: center;justify-content: flex-end;color: var(--c-text);text-decoration: none}.kpm-buycard .cfg-offer-cta::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: 14px}.kpm-buycard .cfg-offer-cta:focus-visible::after{outline: 3px solid var(--c-focus);outline-offset: 2px}.kpm-buycard .cfg-offer-cta-label{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.kpm-buycard .cfg-offer-cta svg{width: 16px;height: 16px;opacity: 0.7;transition: opacity var(--dur) var(--ease)}.kpm-buycard .cfg-offer:hover .cfg-offer-cta svg{opacity: 1}.kpm-buycard .cfg-offer.is-best .cfg-offer-cta svg{opacity: 0.85}.kpm-buycard .cfg-offer.is-refurbished .cfg-offer-price{color: var(--c-text-secondary,#65696e)}.kpm-buycard .cfg-offer.is-unavailable{background-color: var(--c-surface);background-image: none;box-shadow: none;cursor: default}.kpm-buycard .cfg-offer.is-unavailable:hover{transform: none;box-shadow: none;border-color: var(--c-border)}.kpm-buycard .cfg-offer.is-unavailable .cfg-offer-logo img{filter: grayscale(1);opacity: 0.75}.kpm-buycard .cfg-offer.is-unavailable .cfg-offer-meta{display: none}.kpm-buycard .cfg-offer.is-unavailable .cfg-offer-retailer,.kpm-buycard .cfg-offer.is-unavailable .cfg-offer-price{color: var(--c-text-tertiary);text-decoration: line-through}.kpm-buycard .cfg-offer-cta--disabled{grid-column: 2;justify-self: start;flex-shrink: 0;display: inline-flex;align-items: center;padding: 3px 9px;border-radius: 999px;background: #eef0f4;font-size: 9.5px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;color: var(--c-text-tertiary);white-space: nowrap}.kpm-buycard .cfg-offer-section-head{list-style: none;padding: 12px 4px 6px;background: transparent;font-size: 10.5px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--c-muted,var(--c-text-tertiary));font-weight: 700;border: 0}@container kpmoffers (max-width: 560px){.kpm-buycard .cfg-offer{grid-template-columns: minmax(56px,116px) auto auto 18px;gap: 10px;min-height: 62px;padding: 13px 14px}.kpm-buycard .cfg-offer-logo{height: 27px}.kpm-buycard .cfg-offer-logo img{max-height: 27px}.kpm-buycard .cfg-offer-price{min-width: 68px;font-size: 18px}.kpm-buycard .cfg-offer-badge{font-size: 9px;padding: 3px 7px}}@container kpmoffers (max-width: 380px){.kpm-buycard .cfg-offer{grid-template-columns: minmax(56px,88px) auto auto 16px;gap: 8px}.kpm-buycard .cfg-offer-badge{font-size: 8.5px;padding: 3px 7px;letter-spacing: 0.04em}.kpm-buycard .cfg-offer-price{min-width: 66px;font-size: 19px}.kpm-buycard .cfg-offer.is-unavailable .cfg-offer-price{display: none}}@media (prefers-reduced-motion: reduce){.kpm-buycard .cfg-offer,.kpm-buycard .cfg-offer-cta svg{transition: none}.kpm-buycard .cfg-offer:hover{transform: none}}@media (prefers-contrast: more){.kpm-buycard .cfg-offer{border-color: #6b7280}.kpm-buycard .cfg-offer.is-best{border-color: #1a5644;background: #e2f1ea}.kpm-buycard .cfg-offer-price{color: #1f2933}}@media (forced-colors: active){.kpm-buycard .cfg-offer{border: 2px solid ButtonBorder}.kpm-buycard .cfg-offer.is-best{border-color: Highlight}}@media (max-width: 600px){.kpm-buycard .item-configurator{margin-left: calc(-1 * (var(--s-16,16px) + 36px))}.kpm-buycard .item-configurator-summary{padding: 13px 14px;flex-wrap: wrap;row-gap: 3px}.kpm-buycard .item-configurator-summary-from{order: 1;flex-basis: 100%;margin-left: calc(36px + 12px);font-size: 13.5px;white-space: normal}.kpm-buycard .item-configurator-body{padding: 0 12px 14px}.kpm-buycard .cfg-axis{margin-top: 12px}.kpm-buycard .cfg-axis-label{font-size: 12.5px}.kpm-buycard .cfg-axis-desc{font-size: 12.5px;line-height: 1.45;margin-bottom: 7px}.kpm-buycard .cfg-axis-options{gap: 5px}.kpm-buycard .cfg-axis-option{padding: 7px 11px;font-size: 12.5px;min-height: 34px;gap: 5px}.kpm-buycard .cfg-axis-option-rec{font-size: 9px;padding: 1px 5px}.kpm-buycard .cfg-axis[data-axis="color"] .cfg-axis-option::before{width: 13px;height: 13px}.kpm-buycard .cfg-result{margin: 15px 0 9px;padding: 0}.kpm-buycard .cfg-result-kicker{font-size: 10px}.kpm-buycard .cfg-result-label{font-size: 15px}}.kpm-buycard .cfg-offer-logo img[src*="/coolblue."]{max-height: 32px}.kpm-buycard .cfg-offer-logo:has(img[src*="/coolblue."]){height: 32px}.kpm-buycard .cfg-dialog[open],.kpm-ctr-pilot .kpm-buycard .cfg-dialog[open]{display: flex;flex-direction: column;overflow: hidden}.kpm-buycard .cfg-dialog > .item-configurator-body,.kpm-ctr-pilot .kpm-buycard .cfg-dialog > .item-configurator-body{flex: 1 1 auto;overflow-y: auto;min-height: 0;max-height: none;overscroll-behavior: contain}.kpm-buycard .cfg-dialog > .cfg-vit,.kpm-buycard .cfg-dialog > .cfg-vit-voet,.kpm-buycard .cfg-dialog::before{flex: 0 0 auto}.kpm-buycard .cfg-dialog .cfg-dialog-head{display: none}.kpm-buycard .cfg-vit{position: relative;padding: 20px 22px 16px;background: #fbfcfd;border-bottom: 1px solid var(--c-border-light);overflow: hidden}.kpm-buycard .cfg-vit::before{content: "";position: absolute;inset: 0;pointer-events: none;background: radial-gradient(78% 120% at 100% 0%,rgba(43,131,105,0.11) 0%,rgba(43,131,105,0) 62%)}.kpm-buycard .cfg-vit > *{position: relative}.kpm-buycard .cfg-vit-sluit{position: absolute;top: 14px;right: 14px;width: 30px;height: 30px;padding: 0;border: 0;border-radius: 50%;background: rgba(255,255,255,0.8);color: #98a2b1;font-size: 21px;line-height: 1;cursor: pointer;z-index: 2;display: inline-flex;align-items: center;justify-content: center}.kpm-buycard .cfg-vit-sluit:hover{color: var(--c-text-secondary);background: #fff}.kpm-buycard .cfg-vit-product{display: flex;gap: 14px;align-items: center;padding-right: 34px}.kpm-buycard .cfg-vit-foto{width: 64px;height: 64px;flex: 0 0 auto;object-fit: contain;mix-blend-mode: multiply}.kpm-buycard .cfg-vit-titel{margin: 0;font-family: var(--font-display);font-size: 16px;font-weight: 800;letter-spacing: -0.02em;color: var(--c-primary);line-height: 1.28}.kpm-buycard .cfg-vit-onder{margin: 4px 0 0;font-size: 11.5px;color: #98a2b1;line-height: 1.4}.kpm-buycard .cfg-vit-prijs{display: flex;align-items: center;gap: 10px;margin-top: 16px;min-height: 34px}.kpm-buycard .cfg-vit-vanaf{font-size: 11.5px;font-weight: 600;color: #98a2b1;margin-bottom: 1px}.kpm-buycard .cfg-vit-bedrag{font-family: var(--font-display);font-size: 28px;font-weight: 800;letter-spacing: -0.03em;color: var(--c-primary);line-height: 1;white-space: nowrap}.kpm-buycard .cfg-vit-winkels{margin-left: auto;font-size: 11.5px;color: #98a2b1}.kpm-buycard .cfg-dialog .item-configurator-body{padding: 4px 22px 22px}.kpm-buycard .cfg-dialog .cfg-axis{margin-top: 20px}.kpm-buycard .cfg-dialog .cfg-axis-head{display: flex;align-items: baseline;gap: 8px}.kpm-buycard .cfg-dialog .cfg-axis-label{font-family: var(--font-display);font-size: 14.5px;font-weight: 800;letter-spacing: -0.012em;color: var(--c-text)}.kpm-buycard .cfg-dialog .cfg-axis-gekozen{margin-left: auto;font-size: 13px;font-weight: 700;color: #40546c}.kpm-buycard .cfg-dialog .cfg-axis-desc{font-size: 12.5px;line-height: 1.5;color: #8b97a6;margin: 3px 0 10px}.kpm-buycard .cfg-dialog .cfg-axis-options{display: flex;gap: 3px;background: #f1f3f7;border-radius: 13px;padding: 3px;align-items: stretch}.kpm-buycard .cfg-dialog .cfg-axis-option{flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;gap: 1px;align-items: center;justify-content: center;border: 0;background: transparent;border-radius: 10px;padding: 8px 6px;min-height: 44px;font-size: 13px;font-weight: 600;color: #66717f}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="size"] .cfg-axis-option{min-width: 66px}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="size"] .cfg-axis-option:nth-last-child(n+6),.kpm-buycard .cfg-dialog .cfg-axis[data-axis="size"] .cfg-axis-option:nth-last-child(n+6) ~ .cfg-axis-option{flex: 1 1 calc(33.333% - 4px)}.kpm-buycard .cfg-dialog .cfg-axis-option:hover:not(.is-active){background: rgba(255,255,255,0.55)}.kpm-buycard .cfg-dialog .cfg-axis-option.is-active{background: #fff;color: var(--c-primary);font-weight: 700;box-shadow: 0 1px 2px rgba(31,58,95,0.10),0 3px 8px -2px rgba(31,58,95,0.10)}.kpm-buycard .cfg-dialog .cfg-axis-option.is-unavailable,.kpm-buycard .cfg-dialog .cfg-axis-option:disabled{opacity: 0.4}.kpm-buycard .cfg-dialog .cfg-axis-option-rec{background: none;color: var(--c-accent);text-transform: none;font-size: 9.5px;font-weight: 800;letter-spacing: 0.02em;padding: 0;line-height: 1.1}.kpm-buycard .cfg-dialog .cfg-axis--enkel .cfg-axis-options{background: none;padding: 0}.kpm-buycard .cfg-dialog .cfg-axis--enkel .cfg-axis-option{flex: 0 0 auto;align-items: flex-start;gap: 0;padding: 0;min-height: 0;box-shadow: none;background: none;font-size: 14px;font-weight: 700;color: var(--c-primary);cursor: default}.kpm-buycard .cfg-dialog .cfg-axis--enkel .cfg-axis-option-rec{margin-top: 2px}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-options{background: none;padding: 2px 0 0;gap: 12px;flex-wrap: wrap}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option{flex: 0 0 auto;width: 34px;height: 34px;padding: 0;min-height: 0;border-radius: 50%;box-shadow: none;position: relative}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option::before{width: 30px;height: 30px;border: 1px solid rgba(0,0,0,0.14)}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-active{box-shadow: 0 0 0 2px #fff inset,0 0 0 2px var(--c-accent)}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option-label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.kpm-buycard .cfg-dialog .cfg-axis-option.is-conflict{opacity: 0.5;position: relative}.kpm-buycard .cfg-dialog .cfg-axis-option.is-dood{opacity: 1;position: relative;color: #9aa3b0}.kpm-buycard .cfg-dialog .cfg-axis-option.is-conflict.is-active{opacity: 1}.kpm-buycard .cfg-dialog .cfg-axis-option.is-dood.is-active{color: var(--c-primary)}.kpm-buycard .cfg-dialog .cfg-axis-option-note{margin-top: 2px}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-conflict,.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-dood{opacity: 1}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-conflict::before,.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-dood::before{opacity: 0.42}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-dood.is-active::before{opacity: 0.75}.kpm-buycard .cfg-dialog .cfg-axis[data-axis="color"] .cfg-axis-option.is-dood::after{content: "";position: absolute;inset: 0;pointer-events: none;clip-path: circle(15px at 50% 50%);background: linear-gradient(to bottom right,transparent calc(50% - 2.1px),rgba(255,255,255,0.92) calc(50% - 2.1px),rgba(255,255,255,0.92) calc(50% - 0.75px),#3a4453 calc(50% - 0.75px),#3a4453 calc(50% + 0.75px),rgba(255,255,255,0.92) calc(50% + 0.75px),rgba(255,255,255,0.92) calc(50% + 2.1px),transparent calc(50% + 2.1px))}.kpm-buycard .cfg-dialog .cfg-result{margin: 24px 0 10px;padding: 14px 0 0;border-top: 1px solid var(--c-border-light)}.kpm-buycard .cfg-vit-voet{display: flex;gap: 10px;align-items: flex-start;padding: 13px 22px 15px;border-top: 1px solid var(--c-border-light);background: #fbfcfd}.kpm-buycard .cfg-vit-stip{width: 7px;height: 7px;border-radius: 50%;background: var(--c-accent);flex: 0 0 auto;margin-top: 5.5px;box-shadow: 0 0 0 3px rgba(43,131,105,0.14)}.kpm-buycard .cfg-vit-voet b{display: block;font-size: 12px;line-height: 18px;font-weight: 700;color: #40546c;letter-spacing: -0.005em}.kpm-buycard .cfg-vit-voet-fijn{display: block;font-size: 11.5px;line-height: 1.5;color: #8b97a6;margin-top: 1px}@media (max-width: 400px){.kpm-buycard .cfg-vit{padding: 18px 18px 14px}.kpm-buycard .cfg-vit-foto{width: 56px;height: 56px}.kpm-buycard .cfg-vit-bedrag{font-size: 26px}.kpm-buycard .cfg-dialog .item-configurator-body{padding: 4px 18px 20px}.kpm-buycard .cfg-vit-voet{padding: 12px 18px 14px}}.search-results.is-loading{position: relative;min-height: 3rem}.search-results.is-loading::after{content: '';position: absolute;top: 1rem;left: 50%;width: 20px;height: 20px;margin-left: -10px;border: 2px solid rgba(0,0,0,.15);border-top-color: rgba(0,0,0,.55);border-radius: 50%;animation: kpm-spin .7s linear infinite}@keyframes kpm-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.search-results.is-loading::after{animation-duration: 2s}}.search-result-item.is-active,.search-all-link.is-active{background: rgba(0,0,0,.06);outline: 2px solid currentColor;outline-offset: -2px}.search-all-link{display: block;padding: .75rem 1rem;font-size: .875rem;font-weight: 600;text-decoration: none;border-top: 1px solid rgba(0,0,0,.08)}.search-all-link:hover{background: rgba(0,0,0,.04)}.search-no-results-hint{display: block;margin-top: .35rem;font-size: .8125rem;opacity: .7}.search-page{padding: 2rem 0 3rem}.search-page-title{margin: 0 0 1rem;font-size: 1.5rem}.search-page-form{display: flex;gap: .5rem;margin: 0 0 1.5rem;max-width: 34rem}.search-page-form input{flex: 1;padding: .6rem .8rem;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;font-size: 1rem}.search-page-form button{padding: .6rem 1.1rem;border: 0;border-radius: 6px;background: #111;color: #fff;font-weight: 600;cursor: pointer}.search-page-count{margin: 0 0 1.5rem;font-size: .875rem;opacity: .7}.search-page-empty{margin: 1rem 0 3rem}.search-page-group{margin: 0 0 2rem}.search-page-group h2{margin: 0 0 .75rem;font-size: .8125rem;letter-spacing: .06em;text-transform: uppercase;opacity: .6}.search-page-list{list-style: none;margin: 0;padding: 0;display: grid;gap: .25rem}.search-page-item a{display: flex;align-items: center;gap: .75rem;padding: .6rem .5rem;border-radius: 8px;text-decoration: none;color: inherit}.search-page-item a:hover{background: rgba(0,0,0,.04)}.search-page-thumb{flex: 0 0 44px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center}.search-page-thumb img{max-width: 100%;max-height: 100%;object-fit: contain}.search-page-text{display: flex;flex-direction: column;min-width: 0}.search-page-name{font-weight: 600}.search-page-meta{font-size: .8125rem;opacity: .65}@media (max-width: 600px){.search-page-form{flex-wrap: wrap}.search-page-form input{min-width: 0}}.rpv3-rail .item-cta-compare-primary{max-width: 100%}.kpm-ctr-pilot .rpv3-rail .item-cta-compare-primary .cta-line-1,.rpv3-rail .item-cta-compare-primary .cta-line-1{display: block;white-space: normal;text-wrap: balance}