:root{--color-primary: #C9788B;--color-primary-hover: #AD596D;--color-primary-dark: #AD596D;--color-primary-light: #F8E9ED;--color-primary-border: #E8B8C3;--color-primary-text: #A9576B;--color-dark-accent: #7F5065;--color-dark-accent-hover: #693F52;--color-accent: #C96F84;--color-accent-hover: #AD596D;--color-accent-light: #F8E9ED;--color-accent-border: #E8B8C3;--color-btn-shadow: rgba(201, 111, 132, .26);--color-btn-shadow-hover: rgba(173, 89, 109, .34);--button-primary-bg: #C96F84;--button-primary-hover: #AD596D;--button-primary-active: #984A5D;--button-primary-text: #FFFFFF;--button-primary-border: transparent;--button-primary-shadow: rgba(201, 111, 132, .26);--button-primary-shadow-hover: rgba(173, 89, 109, .34);--button-secondary-bg: #EEF4F1;--button-secondary-hover: #E1EEEA;--button-secondary-active: #D4E5DF;--button-secondary-text: #55776D;--button-secondary-hover-text: #3F6259;--button-secondary-border: #D5E4DE;--button-secondary-border-hover: #BFD7CF;--button-tertiary-bg: #FFFFFF;--button-tertiary-hover: #F7F5F3;--button-tertiary-active: #EFECE9;--button-tertiary-text: #28313A;--button-tertiary-border: #DADDDC;--button-tertiary-border-hover: #C9CFCD;--button-outline-bg: transparent;--button-outline-hover: #F8E9ED;--button-outline-active: #F2DCE2;--button-outline-text: #A9576B;--button-outline-hover-text: #8D485B;--button-outline-border: #D7A0AC;--button-outline-border-hover: #C9788B;--button-disabled-bg: #EAECEB;--button-disabled-text: #8B9491;--button-disabled-border: #D5DCD9;--color-secondary: #55776D;--color-secondary-hover: #45635B;--color-secondary-light: #EEF4F1;--color-secondary-border: #D5E4DE;--color-info: #527184;--color-info-light: #DCEAF2;--color-info-border: #BFD7E5;--color-info-bg: #DCEAF2;--color-info-text: #527184;--color-lavender: #76647F;--color-lavender-light: #EAE4F1;--color-lavender-border: #D5C8DE;--color-gold: #9C6E3B;--color-gold-bg: #FCF8F3;--color-bg: #FCF8F5;--color-surface: #ffffff;--color-surface-subtle: #FBF4F1;--color-surface-hover: #F8E9ED;--color-text-main: #28313A;--color-text-muted: #6D747C;--color-text-subtle: #858B91;--color-text-inverse: #ffffff;--color-border: #E2E2E0;--color-border-light: #ECECE8;--color-success: #55776D;--color-success-bg: #EEF4F1;--color-warning: #B17B49;--color-warning-bg: #FCF5EE;--color-error: #A95867;--color-error-bg: #FCECEF;--card-editorial-radius: 18px;--card-editorial-inner-radius: 13px;--card-editorial-gap: 5px;--card-editorial-padding: 1.35rem 1.4rem;--card-editorial-border-width: 1.5px;--card-accent-peach-primary: #C9788B;--card-accent-peach-border: #D9A2AE;--card-accent-peach-inner-border: #F0D8DE;--card-accent-peach-bg: #FDF5F6;--card-accent-peach-badge: #F8E9ED;--card-accent-mint-primary: #55776D;--card-accent-mint-border: #C8DDD5;--card-accent-mint-inner-border: #DBEBE4;--card-accent-mint-bg: #F4F8F6;--card-accent-mint-badge: #EEF4F1;--card-accent-gold-primary: #9C6E3B;--card-accent-gold-border: #E2CBB2;--card-accent-gold-inner-border: #EFE2D4;--card-accent-gold-bg: #FCF8F3;--card-accent-gold-badge: #F7EFE4;--card-accent-lavender-primary: #76647F;--card-accent-lavender-border: #D5C8DE;--card-accent-lavender-inner-border: #E6DEEC;--card-accent-lavender-bg: #FAF7FC;--card-accent-lavender-badge: #EAE4F1;--card-accent-blue-primary: #527184;--card-accent-blue-border: #BFD7E5;--card-accent-blue-inner-border: #DCEAF2;--card-accent-blue-bg: #F4F9FB;--card-accent-blue-badge: #DCEAF2;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.55;--lh-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--max-width-narrow: 840px;--header-height: 72px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 25px -4px rgba(15, 23, 42, .07), 0 4px 10px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 35px -5px rgba(15, 23, 42, .1), 0 8px 16px -4px rgba(15, 23, 42, .05);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--focus-ring: 3px solid #C9788B;--focus-offset: 3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--lh-normal);color:var(--text-main);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:clip}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;background-color:var(--color-bg)}img,svg,picture{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:not(.btn):not([class*=btn-]):not([class*=-btn]):not([role=button]):not(.nav-menu a):not(.mobile-drawer-nav a):hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;font-style:normal;line-height:var(--lh-snug);color:var(--color-text-main);letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0}h1{font-size:clamp(2rem,4.5vw,3.25rem);line-height:var(--lh-tight)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}h4{font-size:1.15rem}p{line-height:var(--lh-normal);color:var(--color-text-muted)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.75rem 1.5rem;z-index:10000;font-weight:600;border-radius:var(--radius-md);transition:top var(--transition-fast);box-shadow:var(--shadow-lg)}.skip-link:focus{top:1rem}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.container-narrow{max-width:var(--max-width-narrow)}.section{padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(3rem,6vw,5.5rem)}.section-subtle{background-color:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.section-header{text-align:center;max-width:680px;margin:0 auto clamp(2rem,4vw,3.5rem)}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .85rem;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);border:1px solid var(--color-primary-border)}.section-header p{margin-top:var(--space-3);font-size:var(--text-lg)}.section-header-center{text-align:center;max-width:720px;margin:0 auto clamp(2rem,4vw,3.25rem)}.section-headline{font-family:var(--font-display);font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;color:var(--color-text-main);line-height:var(--lh-snug);letter-spacing:-.02em;margin-top:var(--space-2);margin-bottom:var(--space-3)}.section-subheadline{font-size:clamp(.95rem,1.8vw,1.075rem);color:var(--color-text-muted);line-height:var(--lh-normal);max-width:680px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8rem 1.6rem;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-align:center;text-decoration:none;white-space:nowrap;min-height:44px;min-width:44px;cursor:pointer;border:1.5px solid transparent;box-sizing:border-box}.btn span,.btn strong,.btn i,.btn em{color:inherit!important}.btn svg{color:inherit;stroke:currentColor;flex-shrink:0}.btn-primary,a.btn-primary,button.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)!important;border-color:var(--button-primary-border);box-shadow:0 4px 14px var(--button-primary-shadow)}.btn-primary:hover,a.btn-primary:hover,button.btn-primary:hover{background-color:var(--button-primary-hover);color:var(--button-primary-text)!important;border-color:var(--button-primary-border);transform:translateY(-1px);box-shadow:0 6px 18px var(--button-primary-shadow-hover)}.btn-primary:focus-visible,a.btn-primary:focus-visible,button.btn-primary:focus-visible{outline:3px solid rgba(201,111,132,.5);outline-offset:2px;color:var(--button-primary-text)!important}.btn-primary:active,a.btn-primary:active,button.btn-primary:active{background-color:var(--button-primary-active);color:var(--button-primary-text)!important;transform:translateY(0)}.btn-secondary,a.btn-secondary,button.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)!important;border:1px solid var(--button-secondary-border)}.btn-secondary:hover,a.btn-secondary:hover,button.btn-secondary:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-hover-text)!important;border-color:var(--button-secondary-border-hover);transform:translateY(-1px)}.btn-secondary:focus-visible,a.btn-secondary:focus-visible,button.btn-secondary:focus-visible{outline:3px solid rgba(85,119,109,.45);outline-offset:2px;color:var(--button-secondary-hover-text)!important}.btn-secondary:active,a.btn-secondary:active,button.btn-secondary:active{background-color:var(--button-secondary-active);color:var(--button-secondary-hover-text)!important;transform:translateY(0)}.btn-tertiary,a.btn-tertiary,button.btn-tertiary{background-color:var(--button-tertiary-bg);color:var(--button-tertiary-text)!important;border:1px solid var(--button-tertiary-border)}.btn-tertiary:hover,a.btn-tertiary:hover,button.btn-tertiary:hover{background-color:var(--button-tertiary-hover);color:var(--button-tertiary-text)!important;border-color:var(--button-tertiary-border-hover);transform:translateY(-1px)}.btn-tertiary:focus-visible,a.btn-tertiary:focus-visible,button.btn-tertiary:focus-visible{outline:3px solid rgba(40,49,58,.35);outline-offset:2px;color:var(--button-tertiary-text)!important}.btn-tertiary:active,a.btn-tertiary:active,button.btn-tertiary:active{background-color:var(--button-tertiary-active);color:var(--button-tertiary-text)!important;transform:translateY(0)}.btn-outline,a.btn-outline,button.btn-outline{background-color:var(--button-outline-bg);color:var(--button-outline-text)!important;border:1.5px solid var(--button-outline-border)}.btn-outline:hover,a.btn-outline:hover,button.btn-outline:hover{background-color:var(--button-outline-hover);color:var(--button-outline-hover-text)!important;border-color:var(--button-outline-border-hover);transform:translateY(-1px)}.btn-outline:focus-visible,a.btn-outline:focus-visible,button.btn-outline:focus-visible{outline:3px solid rgba(169,87,107,.45);outline-offset:2px;color:var(--button-outline-hover-text)!important}.btn-outline:active,a.btn-outline:active,button.btn-outline:active{background-color:var(--button-outline-active);color:var(--button-outline-hover-text)!important;transform:translateY(0)}.btn-affiliate,a.btn-affiliate,button.btn-affiliate,.btn-commercial,a.btn-commercial,button.btn-commercial{background:linear-gradient(135deg,var(--button-primary-bg) 0%,#B85F74 100%);color:var(--button-primary-text)!important;font-weight:700;border:none;box-shadow:0 4px 12px var(--button-primary-shadow)}.btn-affiliate:hover,a.btn-affiliate:hover,button.btn-affiliate:hover,.btn-commercial:hover,a.btn-commercial:hover,button.btn-commercial:hover{background:linear-gradient(135deg,var(--button-primary-hover) 0%,#A04E62 100%);color:var(--button-primary-text)!important;transform:translateY(-2px);box-shadow:0 6px 18px var(--button-primary-shadow-hover)}.btn-affiliate:focus-visible,.btn-commercial:focus-visible{outline:3px solid rgba(201,111,132,.5);outline-offset:2px;color:var(--button-primary-text)!important}.btn-banner-cta,a.btn-banner-cta{background:#fff;color:var(--color-dark-accent, #7F5065)!important;font-weight:700;border:1.5px solid transparent;box-shadow:var(--shadow-sm)}.btn-banner-cta:hover,a.btn-banner-cta:hover{background:#f8e9ed;color:var(--color-dark-accent-hover, #693F52)!important;border-color:#f8e9ed;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-banner-cta:focus-visible{outline:3px solid #ffffff;outline-offset:2px;color:var(--color-dark-accent-hover, #693F52)!important}.btn:disabled,.btn[disabled],.btn.disabled,button:disabled{background:var(--button-disabled-bg)!important;color:var(--button-disabled-text)!important;border-color:var(--button-disabled-border)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.85;pointer-events:none}.btn-sm{padding:.5rem 1rem;font-size:var(--text-sm);min-height:38px}.btn-lg{padding:.95rem 2rem;font-size:var(--text-lg);min-height:48px}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border-light);height:var(--header-height);display:flex;align-items:center;background:transparent}.site-header-bg{position:absolute;inset:0;background-color:#fefdfbf0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;pointer-events:none}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.brand-logo{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--color-text-main);letter-spacing:-.03em;text-decoration:none;min-width:0;flex-shrink:1}.brand-icon{width:32px;height:32px;color:var(--color-primary);flex-shrink:0}.brand-name{display:inline-flex;align-items:center;white-space:nowrap;font-size:1.18rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text-main)}.brand-name-full{display:inline}.brand-name-compact{display:none}.nav-menu{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav-menu a{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) 0;position:relative;transition:color var(--transition-fast)}.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary)}.nav-menu a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-cta-btn .cta-text-full{display:inline}.header-cta-btn .cta-text-compact{display:none}.search-trigger-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.search-trigger-btn:hover,.search-trigger-btn:focus-visible{color:var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-light)}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-main);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{border-color:var(--color-primary-border);background:var(--color-surface-hover)}.mobile-menu-toggle .icon-close,.mobile-menu-toggle[aria-expanded=true] .icon-hamburger{display:none}.mobile-menu-toggle[aria-expanded=true] .icon-close{display:block}.mobile-menu-toggle[aria-expanded=true]{background:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary)}.mobile-drawer{display:none}.hero-section{padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(3rem,6vw,5rem);position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.trust-badge-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .9rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-4)}.trust-badge-pill .pulse-dot{width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;display:inline-block}.hero-headline{margin-bottom:var(--space-4)}.hero-subheadline{font-size:clamp(1.05rem,2vw,1.25rem);line-height:var(--lh-normal);color:var(--color-text-main);font-weight:500;margin-bottom:var(--space-3)}.hero-trust-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-normal);margin-bottom:var(--space-6);border-left:3px solid var(--color-primary);padding-left:var(--space-3)}.hero-cta-cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-meta-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);width:100%}.stat-item{display:flex;flex-direction:column}.stat-val{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.hero-media-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);background-color:var(--color-surface)}.hero-img{width:100%;height:auto;object-fit:cover;display:block}.hero-media-badge{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#fffffff0;backdrop-filter:blur(10px);padding:.85rem 1.25rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.75rem}.hero-media-badge-icon{width:36px;height:36px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-media-badge-text h4{font-size:var(--text-sm);font-weight:700;margin:0}.hero-media-badge-text p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.quick-answer-card{background:var(--color-surface);border:1.5px solid var(--color-primary-border);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.quick-answer-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.aeo-header-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.aeo-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full)}.aeo-summary-text{font-size:var(--text-lg);line-height:var(--lh-normal);color:var(--color-text-main);font-weight:500;margin-bottom:var(--space-6)}.aeo-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.aeo-summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm);background:var(--color-surface)}.aeo-summary-table th{background-color:var(--color-surface-subtle);color:var(--color-text-main);font-weight:700;padding:.85rem 1.2rem;border-bottom:1px solid var(--color-border);white-space:nowrap}.aeo-summary-table td{padding:.85rem 1.2rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text-main);vertical-align:middle}.aeo-summary-table tr:last-child td{border-bottom:none}.aeo-summary-table tr:hover td{background-color:var(--color-surface-hover)}.badge-tag{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted)}.rating-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;color:var(--color-gold)}.top-picks-list{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}.product-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,240px);gap:clamp(1.5rem,3vw,2.5rem);align-items:center;position:relative}.product-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card.featured-pick{border-color:var(--color-primary);background:linear-gradient(180deg,#fff,#faf4f6)}.ribbon-badge{position:absolute;top:-12px;left:24px;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.35rem 1rem;border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.4rem}.ribbon-badge.accent-ribbon,.ribbon-badge.rank-1{background:var(--color-dark-accent)}.ribbon-badge.rank-2{background:var(--color-secondary)}.ribbon-badge.rank-3{background:var(--color-info)}.product-media{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface-subtle);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;aspect-ratio:1 / 1}.product-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:var(--radius-md)}.product-details{display:flex;flex-direction:column;gap:var(--space-3)}.product-header-line{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.product-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-main)}.product-best-for{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.product-verdict{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--lh-normal)}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2);background:var(--color-surface-subtle);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2)}.spec-chip{display:flex;flex-direction:column}.spec-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-subtle);font-weight:700;letter-spacing:.05em}.spec-val{font-size:var(--text-sm);font-weight:700;color:var(--color-text-main)}.product-pros{list-style:none;display:flex;flex-direction:column;gap:.35rem;font-size:var(--text-sm);color:var(--color-text-muted)}.product-pros li{display:flex;align-items:center;gap:.5rem}.product-pros li svg{color:var(--color-success);flex-shrink:0}.product-actions-box{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);background:var(--color-surface-subtle);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.price-display{display:flex;flex-direction:column;align-items:center}.price-amount{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-main)}.price-sub{font-size:var(--text-xs);color:var(--color-text-subtle)}.rating-stars{display:flex;align-items:center;justify-content:center;gap:.25rem;color:var(--color-gold);font-size:var(--text-sm);font-weight:700}.spec-note-micro{font-size:.68rem;color:var(--color-text-subtle);line-height:1.3}.table-responsive-container{background:var(--color-surface);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6)}.comparison-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm);min-width:900px}.comparison-matrix-table th{background:var(--color-primary-light);color:var(--color-primary-text);font-weight:700;padding:1.1rem 1rem;border-bottom:1.5px solid var(--color-primary-border);white-space:nowrap}.comparison-matrix-table td{padding:1.1rem 1rem;border-bottom:1px solid var(--color-border-light);vertical-align:middle;color:var(--color-text-main)}.comparison-matrix-table tr:hover td{background-color:var(--color-surface-hover)}.table-product-cell{display:flex;align-items:center;gap:.75rem;font-weight:700}.table-product-thumb{width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-subtle);padding:2px}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.25rem,3vw,2rem);margin-bottom:var(--space-8)}.trust-pillar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.trust-pillar-icon{width:44px;height:44px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.trust-pillar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.trust-pillar-card p{font-size:var(--text-sm)}.trust-banner-box{background:var(--color-surface);border:1.5px dashed var(--color-primary-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.trust-banner-content{max-width:680px}.trust-banner-content h4{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-1)}.trust-banner-content p{font-size:var(--text-sm)}.category-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1rem,2.5vw,1.5rem)}.category-nav-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;transition:all var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.category-nav-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);transition:background var(--transition-fast),color var(--transition-fast)}.category-nav-card:hover .category-card-icon{background:var(--color-primary);color:var(--color-text-inverse)}.category-nav-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text-main)}.category-nav-card p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.category-nav-link{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.35rem}.category-nav-card:hover .category-nav-link{color:var(--color-accent)}.tools-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.25rem,3vw,2rem);margin-bottom:var(--space-8)}.tool-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.tool-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.tool-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--color-surface-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.tool-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-2)}.tool-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.tool-card p{font-size:var(--text-sm);margin-bottom:var(--space-6)}.interactive-tool-box{background:var(--color-surface);border:2px solid var(--color-primary-border);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow-md);margin-top:var(--space-6)}.tool-tabs-nav,.tool-tab-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;background:var(--color-surface);padding:.4rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.tool-tab-btn{padding:.6rem 1.25rem;font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tool-tab-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.tool-tab-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-tab-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.tool-content-panel{display:none}.tool-content-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-4) 0 var(--space-6)}.quiz-option-btn{display:block;width:100%;background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;white-space:normal;font-family:inherit;transition:all var(--transition-fast)}.quiz-option-btn:hover,.quiz-option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.quiz-option-btn h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.quiz-option-btn p{font-size:var(--text-xs)}.quiz-result-card{background:var(--color-primary-light);border:1.5px solid var(--color-primary-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.flange-calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.flange-input-group{display:flex;flex-direction:column;gap:var(--space-3)}.flange-slider{width:100%;accent-color:var(--color-primary);height:8px;border-radius:var(--radius-full)}.flange-output-box{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.flange-output-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary)}.storage-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.storage-item-card{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.storage-item-card h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.storage-time-val{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-1)}.pump-comparer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.pump-select-box{display:flex;flex-direction:column;gap:var(--space-2)}.pump-select-dropdown{padding:.75rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-weight:600;color:var(--color-text-main)}.compare-diff-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.compare-diff-table th,.compare-diff-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border-light)}.compare-diff-table th{background:var(--color-surface-subtle)}.card-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.25rem,3vw,2rem)}.comparison-article-card,.review-hub-card,.edu-article-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-decoration:none}.comparison-article-card:hover,.review-hub-card:hover,.edu-article-card:hover{border-color:var(--color-primary-border);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.vs-badge-row{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-3)}.vs-pill{background:var(--color-accent-light);color:var(--color-accent);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,1.75rem)}@media(max-width:992px){.editorial-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.editorial-grid{grid-template-columns:1fr;gap:1.15rem}}.card-editorial{position:relative;border-radius:var(--card-editorial-radius);border:var(--card-editorial-border-width) solid var(--card-accent-border, var(--color-border));background:var(--card-accent-bg, var(--color-surface-subtle));padding:var(--card-editorial-gap);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card-editorial:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-editorial__inner{background:var(--color-surface);border:1px solid var(--card-accent-inner-border, var(--color-border-light));border-radius:var(--card-editorial-inner-radius);padding:var(--card-editorial-padding);display:flex;flex-direction:column;flex:1 1 auto}.card-editorial__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-editorial__badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.8125rem;font-weight:800;letter-spacing:.04em;color:var(--card-accent-primary, var(--color-primary));background:var(--card-accent-badge, var(--color-primary-light));border:1px solid var(--card-accent-border, var(--color-primary-border));border-radius:var(--radius-full);padding:.2rem .65rem;line-height:1}.card-editorial__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--card-accent-bg, var(--color-surface-subtle));color:var(--card-accent-primary, var(--color-primary));flex-shrink:0}.card-editorial__icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-editorial__title{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--color-text-main);line-height:1.35;margin-top:0;margin-bottom:var(--space-2);letter-spacing:-.01em}.card-editorial__description{font-size:.90625rem;color:var(--color-text-muted);line-height:1.58;margin:0 0 var(--space-3) 0;flex:1 1 auto}.card-editorial__takeaway{margin-top:auto;padding-top:var(--space-3);border-top:1px dashed var(--card-accent-inner-border, var(--color-border-light));font-size:.8125rem;line-height:1.48;color:var(--color-text-subtle)}.card-editorial__takeaway-label{font-weight:700;color:var(--card-accent-primary, var(--color-primary))}.card-editorial--mint{--card-accent-primary: var(--card-accent-mint-primary);--card-accent-border: var(--card-accent-mint-border);--card-accent-inner-border: var(--card-accent-mint-inner-border);--card-accent-bg: var(--card-accent-mint-bg);--card-accent-badge: var(--card-accent-mint-badge)}.card-editorial--peach{--card-accent-primary: var(--card-accent-peach-primary);--card-accent-border: var(--card-accent-peach-border);--card-accent-inner-border: var(--card-accent-peach-inner-border);--card-accent-bg: var(--card-accent-peach-bg);--card-accent-badge: var(--card-accent-peach-badge)}.card-editorial--gold{--card-accent-primary: var(--card-accent-gold-primary);--card-accent-border: var(--card-accent-gold-border);--card-accent-inner-border: var(--card-accent-gold-inner-border);--card-accent-bg: var(--card-accent-gold-bg);--card-accent-badge: var(--card-accent-gold-badge)}.card-editorial--lavender{--card-accent-primary: var(--card-accent-lavender-primary);--card-accent-border: var(--card-accent-lavender-border);--card-accent-inner-border: var(--card-accent-lavender-inner-border);--card-accent-bg: var(--card-accent-lavender-bg);--card-accent-badge: var(--card-accent-lavender-badge)}.card-editorial--blue{--card-accent-primary: var(--card-accent-blue-primary);--card-accent-border: var(--card-accent-blue-border);--card-accent-inner-border: var(--card-accent-blue-inner-border);--card-accent-bg: var(--card-accent-blue-bg);--card-accent-badge: var(--card-accent-blue-badge)}.card-level-1{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-level-2{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-level-3{border-radius:var(--card-editorial-radius)}@media(prefers-color-scheme:dark){.card-editorial{background:#1f2633;box-shadow:0 2px 8px #00000040}.card-editorial__inner{background:#181f2a}.card-editorial__title{color:#edeff3}.card-editorial__description{color:#b6bdc9}.card-editorial__takeaway{color:#a7afbe}}.buying-factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);margin-bottom:var(--space-8)}.buying-factor-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-3)}.factor-num{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);font-weight:800;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.factor-text h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.factor-text p{font-size:var(--text-xs);line-height:var(--lh-normal)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item[open]{border-color:var(--color-primary-border);background:var(--color-primary-light);box-shadow:var(--shadow-sm)}.faq-summary{padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:700;color:var(--color-text-main);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-normal)}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-content{padding:0 var(--space-6) var(--space-5);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--lh-relaxed);border-top:1px solid var(--color-border-light);padding-top:var(--space-4)}.lead-magnet-card{background:linear-gradient(135deg,var(--color-dark-accent) 0%,#693F52 100%);border-radius:var(--radius-xl);padding:clamp(2rem,5vw,3.5rem);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,4vw,3.5rem);align-items:center;box-shadow:var(--shadow-xl)}.lead-magnet-text h2{color:#fff;margin-bottom:var(--space-3)}.lead-magnet-text p{color:#ffffffe6;font-size:var(--text-lg);margin-bottom:var(--space-4)}.lead-checklist{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:#fffffff2}.lead-checklist li{display:flex;align-items:center;gap:.5rem}.lead-checklist svg{color:#f8e9ed;flex-shrink:0}.lead-form-box{background:#fff;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.lead-form{display:flex;flex-direction:column;gap:var(--space-3)}.form-input{width:100%;padding:.85rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-main);background:var(--color-surface);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-privacy-note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.site-footer{background-color:#161c27;color:#b6bdc9;padding-top:clamp(3rem,6vw,5rem);padding-bottom:var(--space-8);margin-top:auto}.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:clamp(1.75rem,3vw,3.5rem);margin-bottom:var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-brand .brand-logo{color:#fff}.footer-brand p{color:#98a2b3;font-size:var(--text-sm);line-height:var(--lh-normal)}.footer-col h4{color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-col a{color:#a7afbe;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);border-top:1px solid hsl(218,20%,20%);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-xs);color:#7b889d}.ftc-disclosure-box{background:#1d2634;padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);line-height:var(--lh-normal)}.footer-legal-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(4px);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:5vh 1rem}.modal-backdrop.open{display:flex}.modal-dialog{background:var(--color-surface);width:100%;max-width:600px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-border)}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.search-input-wrapper{position:relative;margin-bottom:var(--space-4)}.search-icon-inside{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-subtle);width:20px;height:20px}.search-input-field{width:100%;padding:.85rem 1rem .85rem 2.75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base)}.search-input-field:focus{border-color:var(--color-primary);outline:none}.quick-search-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-tag-chip{padding:.35rem .75rem;border-radius:var(--radius-full);background:var(--color-surface-subtle);font-size:var(--text-xs);font-weight:600;color:var(--color-text-main);border:1px solid var(--color-border);cursor:pointer}.quick-tag-chip:hover{background:var(--color-primary-light);color:var(--button-outline-hover-text, #8D485B);border-color:var(--color-primary-border)}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.product-card{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.product-actions-box{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.lead-magnet-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 2rem}.footer-brand{grid-column:1 / -1;max-width:600px}}@media(max-width:768px){:root{--header-height: 60px}.site-header{height:60px}.nav-menu-wrapper{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-drawer{position:fixed;inset:60px 0 0;width:100vw;height:calc(100vh - 60px);height:calc(100dvh - 60px);background:var(--color-surface);padding:1.25rem 1.25rem 2.5rem;display:none;flex-direction:column;gap:1.25rem;z-index:1500;border-top:1px solid var(--color-border-light);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-xl)}.mobile-drawer.open{display:flex}.mobile-search-box{margin-bottom:.25rem}.mobile-search-bar-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:.95rem;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.mobile-search-bar-btn:hover,.mobile-search-bar-btn:focus-visible{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary);outline:var(--focus-ring)}.mobile-search-bar-btn .search-placeholder{flex:1;color:var(--color-text-muted);font-weight:500}.mobile-search-bar-btn .search-kbd-hint{font-size:.75rem;font-weight:700;background:var(--color-surface);border:1px solid var(--color-border);padding:.15rem .45rem;border-radius:var(--radius-sm);color:var(--color-text-main)}.mobile-drawer-nav{display:flex;flex-direction:column;gap:.25rem}.mobile-drawer-nav a{display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;font-weight:700;color:var(--color-text-main);padding:.85rem .5rem;border-bottom:1px solid var(--color-border-light);text-decoration:none;transition:color var(--transition-fast);min-height:48px}.mobile-drawer-nav a:hover,.mobile-drawer-nav a.active{color:var(--color-primary)}.mobile-drawer-nav a svg{color:var(--color-text-muted);flex-shrink:0}.mobile-drawer-cta{margin-top:auto;padding-top:1rem}.drawer-finder-cta{width:100%;justify-content:center;box-shadow:var(--shadow-md);font-size:1rem;font-weight:800;min-height:48px}.drawer-finder-subtext{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:.5rem;margin-bottom:0}.product-card,.product-actions-box,.flange-calc-grid,.pump-comparer-grid{grid-template-columns:1fr}.card-grid-3{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:640px){.brand-name-full{display:none}.brand-name-compact{display:inline}.brand-name{font-size:1.02rem}.brand-logo{gap:.45rem;max-width:160px}.brand-icon{width:28px;height:28px}.header-actions{gap:.4rem}.search-trigger-btn{width:36px;height:36px}.header-cta-btn{padding:.4rem .65rem;font-size:.78rem;border-radius:var(--radius-full);font-weight:700}.header-cta-btn .cta-text-full{display:none}.header-cta-btn .cta-text-compact{display:inline}.mobile-menu-toggle{width:38px;height:38px}.footer-grid{grid-template-columns:1fr;gap:1.75rem;margin-bottom:2rem}.footer-brand{max-width:100%;width:100%;padding-bottom:1.25rem;border-bottom:1px solid hsl(218,20%,20%)}.footer-brand p{font-size:.92rem;line-height:1.6;max-width:100%;overflow-wrap:break-word}.footer-col{border-bottom:1px solid hsl(218,20%,18%);padding-bottom:1.25rem}.footer-col:last-child{border-bottom:none;padding-bottom:0}.footer-col h4{font-size:.95rem;margin-bottom:.75rem;color:#fff;letter-spacing:.05em}.footer-col ul{gap:.35rem}.footer-col a{display:inline-flex;align-items:center;padding:.4rem 0;font-size:.92rem;color:#c4cad4;min-height:44px;line-height:1.4}.footer-bottom{padding-top:1.5rem;gap:1.25rem}.ftc-disclosure-box{font-size:.82rem;line-height:1.55;padding:1rem}.footer-legal-bar{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.8rem}.container{padding-left:1rem;padding-right:1rem}.section{padding-top:clamp(2rem,5vw,3.5rem);padding-bottom:clamp(2rem,5vw,3.5rem)}.compare-diff-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tool-content-panel [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media(max-width:480px){.hero-headline{font-size:clamp(1.65rem,6vw,2.15rem)}.hero-subheadline{font-size:.95rem}.hero-cta-cluster{flex-direction:column}.hero-cta-cluster .btn{width:100%;justify-content:center}.hero-meta-stats{flex-direction:column;gap:var(--space-3)}.specs-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.tool-tabs-nav,.tool-tab-bar{flex-direction:column;border-radius:var(--radius-lg);width:100%}.tool-tab-btn{width:100%;text-align:center;border-radius:var(--radius-md);min-height:44px;display:flex;align-items:center;justify-content:center}.product-media{max-height:220px;text-align:center}.product-img{max-height:200px;margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pulse-dot{animation:none!important}}