*{margin:0;padding:0;box-sizing:border-box}h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus,p:focus,div:focus,section:focus,span:focus{outline:none}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a2e;line-height:1.6;background:#fff}main{padding-top:60px;background:#fff;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.section-tag{display:inline-block;background:rgba(81,177,162,.1);color:#49a295;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.btn-primary{background:linear-gradient(135deg, #10B981 0%, #34D399 100%);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(16,185,129,.3);border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-secondary{background:#fff;color:#1a1a2e;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;border:2px solid #e8e8ee;transition:border-color .2s ease;cursor:pointer}.btn-secondary:hover{border-color:#10b981}.text-primary{color:#49a295}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem}nav{position:fixed;top:0;width:100%;background:#fff;z-index:1000;padding:.75rem 1rem;border-bottom:1px solid #e8e8ee;box-shadow:0 1px 3px rgba(0,0,0,.05)}.nav-container{display:flex;align-items:center;gap:1rem;width:100%}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#1a1a2e;flex-shrink:0;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo .logo-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e8e8ee}.logo .logo-text{font-weight:700;font-size:1.25rem;letter-spacing:-0.02em}.nav-search{flex:1;min-width:0;position:relative}.search-bar-collapsed{display:flex;align-items:center;gap:.5rem;padding:0 2.5rem 0 2.75rem;position:relative;background:#fafafa;border:1px solid #e8e8ee;border-radius:16px;cursor:pointer;height:44px;min-width:0;transition:border-color .2s ease,background .2s ease}.search-bar-collapsed:hover{border-color:#10b981;background:#fff}.search-bar-collapsed.expanded{border-color:#10b981;background:#fff}.search-bar-collapsed .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#4a4a68;flex-shrink:0}.search-bar-collapsed .search-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#4a4a68;transition:transform .2s ease;pointer-events:none}.search-bar-collapsed .search-chevron.open{transform:translateY(-50%) rotate(180deg)}.search-placeholder{font-size:.875rem;color:#4a4a68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-count{font-size:.8125rem;font-weight:600;color:#1a1a2e;white-space:nowrap;flex-shrink:0}.collapsed-pills{display:flex;align-items:center;gap:.375rem;min-width:0;overflow:hidden}.collapsed-pills .filter-pill{flex-shrink:0}.overflow-dots{display:flex;align-items:center;gap:.25rem;flex-shrink:0;padding-left:.25rem}.overflow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.overflow-dot.include{background:#86efac}.overflow-dot.exclude{background:#fca5a5}.overflow-dot.feature{background:#93c5fd}.search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:999;background:#fff;border:2px solid #2dd4bf;border-radius:16px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;box-shadow:0 20px 60px rgba(0,0,0,.08);animation:searchPanelSlideDown .2s ease}@keyframes searchPanelSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.search-panel-header-left{display:flex;align-items:center;gap:1rem}.search-panel-title{font-size:.75rem;font-weight:700;color:#1a1a2e;letter-spacing:.05em;text-transform:uppercase}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:#4a4a68}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-item.include .legend-dot{background:#22c55e}.legend-item.exclude .legend-dot{background:#ef4444}.legend-item.feature .legend-dot{background:#3b82f6}.clear-all-link{background:none;border:none;color:#ef4444;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.375rem 0;font-family:inherit;transition:color .2s ease}.clear-all-link:hover{color:#dc2626;text-decoration:underline}.search-panel-pills{display:flex;flex-wrap:wrap;gap:.5rem}.search-panel-input-row{display:flex;align-items:center;gap:.75rem;width:100%}.search-panel-input-row .pet-toggle-wrapper{flex-shrink:0}.search-panel-input-container{flex:1}.search-panel-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;border:1px solid #e8e8ee;border-radius:12px;background:#fff;color:#1a1a2e;outline:none;transition:border-color .2s ease}.search-panel-input::placeholder{color:#4a4a68}.search-panel-input:focus{border-color:#2dd4bf}.search-panel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.search-panel-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:12px;cursor:pointer;transition:all .2s ease}.search-panel-btn.outline{color:#0d9488;background:#fff;border:2px solid #e8e8ee}.search-panel-btn.outline:hover{border-color:#2dd4bf;background:#f0fdfa}.search-panel-btn.filled{color:#fff;background:linear-gradient(135deg, #14b8a6, #0d9488);border:2px solid rgba(0,0,0,0)}.search-panel-btn.filled:hover{background:linear-gradient(135deg, #0d9488, #0f766e)}.search-panel-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.15)}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.pet-dropdown{position:relative;flex-shrink:0}.pet-dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 3rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#92400e;background:linear-gradient(to right, #fde68a 0%, #fef9e7 40%, #ffffff 100%);border:2px solid #fbbf24;border-radius:16px;cursor:pointer;transition:all .2s ease;height:44px;white-space:nowrap}.pet-dropdown-btn:hover{background:linear-gradient(to right, #fcd34d 0%, #fef3c7 40%, #ffffff 100%);border-color:#f59e0b}.pet-dropdown-btn .pet-icon{color:#b45309}.pet-dropdown-btn .chevron{transition:transform .2s ease;color:#92400e}.pet-dropdown-btn .chevron.open{transform:rotate(180deg)}.pet-dropdown-panel{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e8e8ee;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.08);overflow:hidden;min-width:280px;z-index:100}.pet-option{padding:.875rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f5f5f5}.pet-option:hover{background:#fafafa}.pet-option.selected{background:#f0fdf4}.pet-option.all-pets{display:flex;align-items:center;gap:.5rem;font-weight:600}.pet-option:last-of-type{border-bottom:1px solid #e8e8ee}.all-pets-icon{color:#10b981;flex-shrink:0}.pet-option-info{display:flex;flex-direction:column;gap:.125rem}.pet-option-name{font-size:.9rem;font-weight:600;color:#1a1a2e}.pet-option-breed{font-size:.75rem;color:#4a4a68}.pet-option-stats{display:flex;align-items:center;gap:.25rem;margin-top:.375rem}.pet-stat{font-size:.7rem;color:#6b6b80}.pet-stat-separator{font-size:.7rem;color:#9ca3af}.manage-pets-link{display:block;padding:.75rem 1rem;font-size:.85rem;font-weight:500;color:#51b1a2;text-decoration:none;transition:background .2s ease}.manage-pets-link:hover{background:#fafafa;text-decoration:underline}.pet-dropdown-overlay{position:fixed;inset:0;z-index:99}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{display:block;width:100%;height:3px;background:#1a1a2e;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.nav-panel{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;z-index:999;padding:6rem 2rem 2rem;box-shadow:-5px 0 30px rgba(0,0,0,.1);transition:right .3s ease}.nav-panel.open{right:0}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-links a{display:block;text-decoration:none;color:#4a4a68;font-weight:500;font-size:1.1rem;padding:.75rem 0;border-bottom:1px solid #e8e8ee;transition:color .2s ease}.nav-links a:hover{color:#10b981}.nav-links li:last-child a{border-bottom:none}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);z-index:998}@media(max-width: 768px){.search-panel-header{flex-direction:column;align-items:flex-start;gap:.5rem}.search-panel-legend{flex-wrap:wrap;gap:.5rem}.search-panel-actions{flex-direction:column-reverse;gap:.5rem;align-items:stretch}.search-panel-actions .return-to-search-btn{justify-content:center}}.hero{background:#fff}.hero-dark{background:linear-gradient(135deg, #334155, #0e7490);padding:2rem 1.5rem 6rem}.hero-dark-content{max-width:1024px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem}.hero-text{flex:1}.hero-text h1{font-size:1.875rem;font-weight:700;line-height:1.2;color:#fff;margin-bottom:0}@media(min-width: 768px){.hero-text h1{font-size:2.25rem}}.hero-text .hero-accent{font-size:1.5rem;font-weight:700;background:linear-gradient(to right, #5eead4, #2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:0}@media(min-width: 768px){.hero-text .hero-accent{font-size:1.875rem}}.hero-text .hero-description{font-size:.875rem;color:#cbd5e1;line-height:1.6;max-width:42rem;margin-top:.75rem}.hero-text .hero-description .highlight{color:#fff;font-weight:500}.hero-image{flex-shrink:0}@media(max-width: 768px){.hero-image{display:none}}.hero-image img{width:384px;height:auto;border-radius:20px;opacity:1;margin-bottom:-2rem;margin-right:-3.5rem}.hero-search-layout{position:relative;max-width:1024px;margin:-3.5rem auto 2rem;padding:0 1.5rem}.hero-tabs-wrapper{max-width:999px;margin:0 auto}.hero-tabs{display:flex;gap:.5rem}.hero-tab{flex:1;padding:.75rem 1.25rem;background:#fff;border:none;border-radius:20px 20px 0 0;cursor:pointer;text-align:center;transition:all .2s ease;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:.125rem}.hero-tab .tab-icon{font-size:1rem;margin-bottom:.125rem}.hero-tab .tab-content{display:flex;flex-direction:column;align-items:center;gap:.125rem}.hero-tab .tab-title{font-size:.875rem;font-weight:600;color:#1a1a2e}.hero-tab .tab-subtitle{font-size:.75rem;color:#4a4a68}.hero-tab:not(.active){background:hsla(0,0%,100%,.9)}.hero-tab:not(.active):hover{background:#fff}.hero-tab:not(.active) .tab-title{color:#4a4a68}.hero-tab.active{background:#fff}.hero-card{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.hero-search-area{padding:1.5rem}.search-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:0 .5rem;margin-bottom:.5rem}.search-input-wrapper:focus-within{border-color:#51b1a2;box-shadow:0 0 0 2px rgba(81,177,162,.2)}.search-input-wrapper .search-input{flex:1;padding:.75rem;font-size:.875rem;font-family:inherit;border:none;background:rgba(0,0,0,0);outline:none}.search-input-wrapper .search-input::placeholder{color:#4a4a68}.search-input-wrapper .search-actions{display:flex;gap:.25rem}.btn-add,.btn-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:background .2s ease}.btn-add{background:#51b1a2;color:#fff}.btn-add:hover{background:#49a295}.btn-remove{background:#9ca3af;color:#fff}.btn-remove:hover{background:#6b7280}.search-tip{font-size:.75rem;color:#4a4a68;margin-bottom:1rem;padding:0 .25rem}.search-hint{margin-bottom:1.25rem}.search-hint .hint-label{display:block;font-size:.75rem;font-weight:600;color:#4a4a68;text-transform:uppercase;margin-bottom:.5rem}.example-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.example-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:#fffbeb;color:#1a1a2e;border:2px solid #fbbf24;border-radius:9999px;white-space:nowrap}.example-tag .tag-type{color:#4a4a68;margin-left:.25rem}.avoid-section{margin-bottom:1.25rem}.avoid-label{display:block;font-size:.9rem;font-weight:500;color:#4a4a68;margin-bottom:.75rem}.ingredient-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ingredient-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#1a1a2e;background:#f5f5f5;border:1px solid #e8e8ee;border-radius:16px;cursor:pointer;transition:all .2s ease}.ingredient-chip:hover{border-color:#10b981;background:rgba(16,185,129,.05)}.ingredient-chip.selected{background:#10b981;border-color:#10b981;color:#fff}.btn-explore{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(to right, #51b1a2, #49a295);border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-explore:hover{background:linear-gradient(to right, #49a295, #0c665d)}.hero-stats{display:flex;width:fit-content;align-items:center;gap:4rem;background:linear-gradient(135deg, rgba(17, 24, 39, 0.4), rgba(31, 41, 55, 0.4));border-radius:24px;padding:1rem 2.5rem;border:1px solid rgba(55,65,81,.5);box-shadow:inset 0 2px 4px rgba(0,0,0,.1);margin-top:1.5rem}@media(max-width: 768px){.hero-stats{display:none}}.hero-stats .stat{text-align:center}.hero-stats .stat-number{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.hero-stats .stat-label{font-size:.75rem;color:#fff;line-height:1.3}.hero-stats .stat-highlight{display:flex;flex-direction:row;align-items:center;gap:.75rem;text-align:left}.hero-stats .stat-highlight .stat-number{font-size:2.25rem;margin-bottom:0}.hero-stats .stat-description{display:flex;flex-direction:column}.hero-stats .stat-description span{font-size:.75rem;color:#fff;line-height:1.3}.hero-sidebar{display:flex;justify-content:center;margin-top:2rem}@media(min-width: 1380px){.hero-sidebar{position:absolute;left:-212px;top:8rem;width:180px;margin-top:0}.hero-sidebar .allergy-test-banner{position:sticky;top:6rem}}.search-widget{max-width:999px;margin:0 auto}.search-tabs{display:flex;gap:.5rem}.search-tab{flex:1;padding:1rem 1.25rem .75rem 1.25rem;border-radius:20px 20px 0 0;cursor:pointer;text-align:center;transition:all .2s ease;font-family:inherit;border:none}.search-tab .tab-title{font-size:1.125rem;font-weight:700;margin-bottom:.125rem}.search-tab .tab-subtitle{font-size:.75rem}.search-tab:not(.active){background:#d1d5db;color:#4b5563}.search-tab:not(.active) .tab-title{color:#4b5563}.search-tab:not(.active) .tab-subtitle{color:#4b5563}.search-tab:not(.active):hover{background:#c4c8cd}.search-tab.active{background:#fff;color:#1a1a2e;font-weight:600}.search-tab.active .tab-title{color:#1a1a2e}.search-tab.active .tab-subtitle{color:#4b5563}.search-card{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 30px 50px -20px rgba(0,0,0,.25);clip-path:inset(0 -50px -50px -50px)}.search-content{padding:1.5rem}.search-section{margin-bottom:1.25rem}.section-label{display:block;font-size:.875rem;font-weight:500;color:#4a4a68;margin-bottom:.75rem}.search-input-wrapper{display:flex;flex:1;align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:12px;padding:.25rem .75rem;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:#51b1a2;box-shadow:0 0 0 2px rgba(81,177,162,.2)}.search-input-wrapper.highlighted{background:#f0fdfa;border-color:#14b8a6}.search-input-wrapper .search-input{flex:1;padding:.75rem 0;font-size:.875rem;font-family:inherit;border:none;background:rgba(0,0,0,0);outline:none}.search-input-wrapper .search-input::placeholder{color:#4a4a68}.search-input-wrapper .search-input-icon{color:#4a4a68}.search-input-wrapper .search-input::-webkit-search-cancel-button,.search-input-wrapper .search-input::-ms-clear{display:none}.search-input-wrapper .search-input-clear{background:none;border:none;cursor:pointer;padding:.25rem;color:#4a4a68;display:flex;align-items:center;flex-shrink:0}.search-input-wrapper .search-input-clear:hover{color:#1a1a2e}.allergen-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:12px;padding:0 .75rem;transition:all .2s ease}.allergen-input-wrapper:focus-within{border-color:#51b1a2;box-shadow:0 0 0 2px rgba(81,177,162,.2)}.allergen-input-wrapper.highlighted{background:#f0fdfa;border-color:#14b8a6}.allergen-input-wrapper .allergy-input{flex:1;padding:.75rem 0;font-size:.875rem;font-family:inherit;border:none;background:rgba(0,0,0,0);outline:none;text-transform:capitalize}.allergen-input-wrapper .allergy-input::placeholder{color:#4a4a68;text-transform:none}.allergen-input-wrapper .search-input-icon{color:#4a4a68}.btn-add-allergen{padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#fff;background:#51b1a2;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.btn-add-allergen:hover:not(:disabled){background:#49a295}.btn-add-allergen:disabled{opacity:.5;cursor:not-allowed}.selected-allergies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.allergy-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#991b1b;background:#fee2e2;border:1px solid #f87171;border-radius:9999px}.allergy-chip .chip-remove{display:flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,0);border:none;color:#991b1b;cursor:pointer;opacity:.7;transition:opacity .2s ease}.allergy-chip .chip-remove:hover{opacity:1}.search-row{display:flex;align-items:center;gap:2rem;margin-bottom:1.25rem;flex-wrap:wrap}.aggregate-rating{display:flex;align-items:center;gap:.5rem}.aggregate-rating .rating-label{font-size:.875rem;color:#4a4a68}.aggregate-rating .rating-stars{display:flex;gap:.125rem}.conditions-section{margin-bottom:1.5rem}.quick-add-section{margin-bottom:1.5rem}.search-label{display:block;font-size:1.125rem;font-weight:700;color:#38756f;margin-bottom:1rem}.explore-top-row{display:flex;align-items:stretch;gap:1rem;margin-bottom:1.5rem}@media(max-width: 768px){.explore-top-row{flex-direction:column}}.product-section{flex:2;min-width:0}.product-meta-row{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.glance-grid{fill:none;stroke:#d1d5db;stroke-width:.75}.glance-grid.glance-grid-outer{stroke:#e5e7eb}.glance-axis{stroke:#e5e7eb;stroke-width:.75}.glance-avg{fill:#d1d5db;fill-opacity:.25;stroke:#9ca3af;stroke-width:1}.glance-label{fill:#9ca3af;font-size:9px;font-weight:600;font-family:inherit}.btn-at-a-glance.has-data .glance-label{fill:#6b7280}.glance-data{fill:#14b8a6;fill-opacity:.55;stroke:#0d9488;stroke-width:1.5;stroke-linejoin:round;transform-origin:50px 50px;animation:glance-radar-in .55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes glance-radar-in{from{opacity:0;transform:scale(0.15)}to{opacity:1;transform:scale(1)}}.glance-spinner{transform-origin:50px 50px;animation:glance-spin 1s linear infinite}@keyframes glance-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-at-a-glance{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;min-width:180px;padding:.875rem 1rem;background:linear-gradient(135deg, #f0fdfa, #ccfbf1);border:2px solid #99f6e4;border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-at-a-glance:hover:not(:disabled){border-color:#51b1a2;box-shadow:0 4px 12px rgba(81,177,162,.15)}.btn-at-a-glance:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg, #fafafa, #f5f5f5);border-color:#e8e8ee}.btn-at-a-glance .glance-chart{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.btn-at-a-glance .glance-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.btn-at-a-glance .glance-title{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#374151}.btn-at-a-glance .glance-icon{font-size:.875rem}.btn-at-a-glance .glance-hint{font-size:.6875rem;font-weight:400;color:#4b5563;line-height:1.3}.btn-at-a-glance:disabled .glance-title{color:#6b7280}.btn-deep-dive{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1rem 1.5rem;background:linear-gradient(#14B8A6 0%, #49a295 100%);border:none;border-radius:20px;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-deep-dive:hover:not(:disabled){background:linear-gradient(135deg, #49a295, #0c665d);transform:translateY(-1px)}.btn-deep-dive:disabled{opacity:.7;cursor:not-allowed}.btn-deep-dive .deep-dive-text{font-size:.9375rem;font-weight:600}.btn-deep-dive .deep-dive-hint{font-size:.6875rem;opacity:.85}.explore-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.explore-divider .divider-line{flex:1;height:1px;background:#d1d5db}.explore-divider .divider-text{font-size:.875rem;font-weight:500;color:#4a4a68}.explore-all-label{display:block;font-size:1.125rem;font-weight:700;color:#38756f;margin-bottom:1rem}.title-ingredients-row{display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width: 640px){.title-ingredients-row{flex-direction:column}}.title-ingredient-input{flex:1;min-width:200px}@media(max-width: 640px){.title-ingredient-input{width:100%}}.title-ingredient-input .input-label{display:block;font-size:.75rem;font-weight:600;color:#4a4a68;margin-bottom:.375rem}.title-ingredients-display{flex:2;min-width:0;padding-top:22px}.title-ingredients-box{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:56px;padding:.5rem 1rem;background:#fffbeb;border:2px solid #fcd34d;border-radius:16px}.title-ingredients-label{font-size:.8rem;font-weight:600;color:#4a4a68}.title-ingredients-placeholder{font-size:.8125rem;color:#4a4a68;font-style:italic}.title-ingredient-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:#92400e;background:#fef3c7;border:2px solid #fbbf24;border-radius:16px;text-transform:capitalize}.title-ingredient-chip .chip-remove{display:flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,0);border:none;color:#92400e;cursor:pointer;opacity:.7;transition:opacity .2s ease}.title-ingredient-chip .chip-remove:hover{opacity:1}.conditions-label{display:block;font-size:1rem;font-weight:700;color:#38756f;margin-bottom:.75rem}.conditions-label .optional-text{font-weight:400;color:#4a4a68}.btn-search{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(#14B8A6 0%, #49a295 100%);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-search:hover:not(:disabled){background:linear-gradient(to right, #49a295, #0c665d);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-search:disabled,.btn-search.disabled{background:linear-gradient(to right, #9ca3af, #6b7280);cursor:not-allowed}.allergy-label{display:block;font-size:1.125rem;font-weight:700;color:#38756f;margin-bottom:1rem}.allergy-input-section{margin-bottom:1rem}.allergen-input-row{display:flex;gap:.75rem}.allergen-input-row .allergen-input-wrapper{flex:1}.btn-add-allergen{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#fff;background:linear-gradient(135deg, #51b1a2, #49a295);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);white-space:nowrap}.btn-add-allergen:hover:not(:disabled){background:linear-gradient(135deg, #49a295, #0c665d);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-add-allergen:disabled{background:linear-gradient(135deg, #9ca3af, #6b7280);cursor:not-allowed}.pet-toggle-row{margin-top:.75rem}.allergies-display-section{margin-bottom:1rem;padding-bottom:.85rem}.allergies-label{font-size:.875rem;font-weight:400;color:#374151;margin-bottom:.5rem}.allergies-two-column{display:flex;gap:2rem;align-items:flex-start}.allergies-pills-column{flex:1}.allergy-pills-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.allergy-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:#991b1b;background:#fee2e2;border:2px solid #fca5a5;border-radius:9999px;text-transform:capitalize}.allergy-chip:hover{background:#fecaca;border-color:#f87171}.allergy-chip .allergy-name{cursor:pointer}.allergy-chip .chip-remove{display:flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,0);border:none;color:#991b1b;cursor:pointer;opacity:.7;transition:opacity .2s ease}.allergy-chip .chip-remove:hover{opacity:1}.no-allergies-placeholder{padding:2rem 1rem;background:#fafafa;border:2px dashed #d1d5db;border-radius:16px;text-align:center}.no-allergies-placeholder p{font-size:.875rem;color:#4a4a68;margin:0}.food-count-column{flex-shrink:0;min-width:160px;padding:0 1rem;text-align:center}.food-count-number{font-size:3rem;font-weight:700;color:#1f2937;line-height:1}.food-count-text{font-size:.875rem;color:#4b5563;margin-top:.5rem;line-height:1.4}.quick-add-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #d1d5db}.quick-add-label{font-size:.75rem;font-weight:500;color:#4a4a68;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.quick-add-pills{display:flex;flex-wrap:wrap;gap:.375rem}.quick-add-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;font-family:inherit;color:#374151;background:#fef3c7;border:2px solid #fbbf24;border-radius:9999px;cursor:pointer;transition:all .2s ease}.quick-add-pill:hover:not(:disabled){background:#fde68a}.quick-add-pill:disabled,.quick-add-pill.disabled{background:#fafafa;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.quick-add-pill .quick-add-emoji{font-size:.875rem}.quick-add-pill .quick-add-name{text-transform:capitalize}.allergy-conditions .conditions-label{font-size:1rem}.glance-icon{font-size:.875rem;margin-right:.25rem}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin:0;padding:.25rem 0;list-style:none;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.12);max-height:240px;overflow-y:auto}.autocomplete-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background .2s ease}.autocomplete-item:hover,.autocomplete-item.active{background:#f5f5f5}.autocomplete-name{font-size:.875rem;font-weight:500;color:#1a1a2e;text-transform:capitalize}.autocomplete-item-left{display:flex;align-items:center;gap:.5rem;min-width:0}.ingredient-actions{display:inline-flex;gap:.25rem;flex-shrink:0}.ingredient-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform .2s ease,box-shadow .2s ease}.ingredient-action:hover{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.2)}.ingredient-action.include{background:#16a34a;color:#fff}.ingredient-action.exclude{background:#dc2626;color:#fff}.ingredient-action.include.keyboard-focus{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 0 4px #16a34a}.ingredient-action.exclude.keyboard-focus{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 0 4px #dc2626}.ingredient-action svg{width:14px;height:14px}.autocomplete-type{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.autocomplete-type.ingredient{background:#dcfce7;color:#166534}.autocomplete-type.brand{background:#dbeafe;color:#1e40af}.autocomplete-type.product{background:#f3f4f6;color:#4b5563}.aag-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:aag-fade-in .15s ease}@keyframes aag-fade-in{from{opacity:0}to{opacity:1}}.aag-modal{background:#fff;border-radius:24px;border:2px solid #99f6e4;box-shadow:0 25px 60px rgba(0,0,0,.18);max-width:720px;width:100%;padding:1.75rem 2rem;animation:aag-slide-in .2s cubic-bezier(0.34, 1.4, 0.64, 1)}@keyframes aag-slide-in{from{opacity:0;transform:scale(0.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.aag-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.aag-title-group{display:flex;flex-direction:column;gap:.25rem}.aag-title{font-size:1.375rem;font-weight:800;color:#1f2937;margin:0}.aag-subtitle{font-size:.875rem;color:#6b7280;margin:0;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aag-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:8px;transition:color .2s ease,background .2s ease;line-height:0;flex-shrink:0}.aag-close:hover{color:#374151;background:#f5f5f5}.aag-body{display:flex;gap:2rem;align-items:flex-start}@media(max-width: 640px){.aag-body{flex-direction:column}}.aag-chart-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.aag-axis-label{fill:#6b7280;font-size:8px;font-weight:700;font-family:inherit}.aag-pct-bubble{fill:#38756f;font-size:7px;font-weight:700;font-family:inherit}.aag-details{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.aag-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0 0 .5rem}.aag-legend{display:flex;flex-direction:column;gap:0}.aag-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#374151;margin-bottom:.375rem}.aag-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.aag-swatch.aag-swatch-teal{background:#14b8a6;opacity:.8}.aag-swatch.aag-swatch-gray{background:#d1d5db}.aag-metrics{display:flex;flex-direction:column;gap:.75rem}.aag-metric-row{display:flex;flex-direction:column;gap:.3rem}.aag-metric-header{display:flex;align-items:baseline;gap:.5rem}.aag-metric-name{font-size:.8125rem;font-weight:700;color:#374151}.aag-metric-desc{font-size:.75rem;color:#9ca3af}.aag-metric-bar-track{position:relative;height:7px;background:#f5f5f5;border-radius:99px;overflow:visible}.aag-metric-bar{height:100%;background:linear-gradient(90deg, #5eead4, #14b8a6);border-radius:99px;transition:width .6s cubic-bezier(0.34, 1.4, 0.64, 1);max-width:100%}.aag-metric-bar.aag-metric-bar-filler{background:linear-gradient(90deg, #fde68a, #f59e0b)}.aag-metric-bar-avg{position:absolute;top:-2px;left:50%;width:2px;height:11px;background:#9ca3af;border-radius:1px;transform:translateX(-50%)}.aag-metric-pct{font-size:.6875rem;color:#6b7280}.aag-metric-pct sup{font-size:.5625rem}.aag-how-to-read{font-size:.8rem;color:#4b5563;line-height:1.5;padding-top:.75rem;border-top:1px solid #e8e8ee}.aag-tip{background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:.625rem .875rem;font-size:.775rem;color:#374151;line-height:1.5}.pet-toggle-wrapper{display:flex;align-items:center;gap:.5rem}.pet-toggle-label{font-size:.75rem;font-weight:600;color:#4b5563}.pet-toggle{position:relative;width:96px;height:32px;background:linear-gradient(to right, #fffbeb, #fef3c7);border:2px solid #fcd34d;border-radius:9999px;cursor:pointer;font-family:inherit;overflow:hidden;transition:box-shadow .2s ease}.pet-toggle:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.toggle-label-left,.toggle-label-right{position:absolute;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:#92400e;transition:opacity .2s ease}.toggle-label-left.hidden,.toggle-label-right.hidden{opacity:0}.toggle-label-left{left:18px}.toggle-label-right{right:12px}.toggle-slider{position:absolute;top:2px;left:2px;width:44px;height:28px;background:#fff;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:left .3s ease}.toggle-slider.right{left:52px}.pet-emoji{font-size:1.125rem}.conditions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.condition-pill{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1rem;font-family:inherit;background:#fafafa;border:2px solid #e8e8ee;border-radius:20px;cursor:pointer;transition:all .2s ease}.condition-pill:hover{border-color:#d1d5db;box-shadow:3px 6px 4px -1px rgba(73,162,149,.3)}.condition-pill.active{background:#51b1a2;border-color:#51b1a2;box-shadow:0 4px 6px -1px rgba(56,117,111,.3)}.condition-pill.active .condition-icon svg{stroke:#fff}.condition-pill.active .condition-label{color:#fff}.condition-icon{display:flex;align-items:center;justify-content:center}.condition-icon svg{width:30px;height:30px;stroke:#9ca3af;stroke-width:1.5}.condition-label{font-size:.9rem;font-weight:400;color:#374151;text-align:center;white-space:nowrap}.condition-pill-skeleton{width:7rem;height:2.75rem;background:#f5f5f5;border:2px solid #e8e8ee;border-radius:20px;position:relative;overflow:hidden}.condition-pill-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);animation:feature-shimmer 1.5s infinite}@keyframes feature-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.quick-allergens{display:flex;flex-wrap:wrap;gap:.5rem}.quick-allergen{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:16px;cursor:pointer;transition:all .2s ease}.quick-allergen:hover:not(:disabled){border-color:#f87171;background:#fef2f2}.quick-allergen:disabled,.quick-allergen.selected{opacity:.5;cursor:not-allowed;background:#fee2e2;border-color:#f87171}.allergen-emoji{font-size:1rem}.allergen-label{white-space:nowrap}.features{padding:0 1.5rem 5rem;background:#fff}.features .features-container{max-width:1024px;margin:0 auto}.features .features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width: 768px){.features .features-grid{grid-template-columns:repeat(3, 1fr)}}.feature-card{border-radius:24px;padding:2rem;transition:box-shadow .3s ease;border:1px solid #e8e8ee}.feature-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.feature-card.pink{background:#fdf2f8}.feature-card.pink .feature-icon{background:#fce7f3;color:#db2777}.feature-card.blue{background:#eff6ff}.feature-card.blue .feature-icon{background:#dbeafe;color:#2563eb}.feature-card.purple{background:#faf5ff}.feature-card.purple .feature-icon{background:#f3e8ff;color:#9333ea}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#111827}.feature-card p{color:#6b7280;font-size:.875rem;line-height:1.6}.feature-card .feature-icon{width:56px;height:56px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.life-change{padding:5rem 1.5rem;background:linear-gradient(135deg, #374151, #1f2937);color:#fff}.life-change .section-tag{display:inline-block;padding:.5rem 1rem;background:rgba(217,119,6,.3);color:#fcd34d;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.life-change .section-header{text-align:center;margin-bottom:3rem}.life-change .section-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.life-change .section-header p{color:#d1d5db;font-size:1.125rem}.section-container{max-width:1152px;margin:0 auto}.life-conditions-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.25rem}@media(min-width: 768px){.life-conditions-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1024px){.life-conditions-grid{grid-template-columns:repeat(4, 1fr)}}.condition-card{display:block;width:100%;background:rgba(31,41,55,.5);border:1px solid rgba(55,65,81,.5);border-radius:24px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.condition-card:hover{background:rgba(55,65,81,.5);border-color:rgba(20,184,166,.5)}.condition-card .life-condition-icon{font-size:2.25rem;margin-bottom:.75rem;transition:transform .3s ease}.condition-card:hover .condition-icon{transform:scale(1.1)}.condition-card h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#fff}.condition-card p{font-size:.875rem;color:#9ca3af;margin:0}.section-cta{text-align:center;margin-top:2.5rem}.btn-see-all{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:#fff;background:#0d9488;border:none;border-radius:20px;text-decoration:none;transition:all .2s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.btn-see-all:hover{background:#14b8a6;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.about{padding:5rem 1.5rem;background:#fff}.about-container{max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width: 768px){.about-container{grid-template-columns:1fr;gap:3rem}}.about-content h2{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.2}.about-content>p{color:#6b7280;line-height:1.6;margin-bottom:1rem}.about-features{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.about-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:#374151}.about-features li .check-icon{flex-shrink:0;color:#14b8a6;margin-top:.125rem}@media(max-width: 768px){.about-image{order:-1}}.about-image img{width:100%;height:auto;border-radius:24px;object-fit:cover;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.cta{padding:4rem 1.5rem;background:linear-gradient(to right, #fbbf24, #f97316);text-align:center}.cta .section-container{max-width:896px;margin:0 auto}.cta h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}@media(min-width: 768px){.cta h2{font-size:2.25rem}}.cta p{color:#1f2937;font-size:1.125rem;margin-bottom:2rem}.cta .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:#111827;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:none}.cta .btn-primary:hover{background:#1f2937;transform:none}.brands{padding:4rem 1.5rem;background:#fff}.brands-container{max-width:1152px;margin:0 auto}.brands-header{text-align:center;margin-bottom:3rem}.brands-header h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.75rem}@media(min-width: 768px){.brands-header h2{font-size:2.25rem}}.brands-subtitle{font-size:1.25rem;color:#374151}.brands-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}@media(min-width: 640px){.brands-grid{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.brands-grid{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 1024px){.brands-grid{grid-template-columns:repeat(6, 1fr)}}.brand-pill{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.875rem;color:#1f2937;background:#fff;border:1px solid #e8e8ee;border-radius:8px;text-decoration:none;text-align:center;transition:all .2s ease}.brand-pill:hover{background:#f0fdfa;border-color:#2dd4bf;color:#0f766e}.brand-pill-skeleton{height:2.5rem;background:#f5f5f5;border:1px solid #e8e8ee;border-radius:8px;position:relative;overflow:hidden}.brand-pill-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);animation:brand-shimmer 1.5s infinite}@keyframes brand-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.common-searches{padding:3rem 1.5rem 3rem;background:#1f2937}.searches-container{max-width:1152px;margin:0 auto;text-align:center}.searches-container h2{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:1rem;text-transform:none}.searches-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem}.search-link{display:inline;padding:0;font-size:.875rem;color:#374151;background:none;border:none;border-radius:0;text-decoration:none;transition:color .2s ease}.search-link svg{display:none}.search-link:hover{color:#2dd4bf;box-shadow:none;border-color:rgba(0,0,0,0)}.allergy-test-banner{background:linear-gradient(135deg, #334155, #0e7490);border-radius:20px;padding:1.5rem;display:flex;flex-direction:row;gap:1rem;align-items:center}.allergy-test-banner .allergy-test-content{flex:1}.allergy-test-banner .allergy-test-content h3{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.5rem;line-height:1.4}.allergy-test-banner .allergy-test-content p{color:#d1d5db;font-size:.875rem;line-height:1.5}.allergy-test-banner .btn-learn-more{background:#14b8a6;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;text-align:center;transition:background .2s ease;border:none;cursor:pointer;white-space:nowrap}.allergy-test-banner .btn-learn-more:hover{background:#34d399}@media(min-width: 1380px){.allergy-test-banner{flex-direction:column;gap:2rem;padding:1.5rem;width:180px;height:305px}.allergy-test-banner .allergy-test-content h3{font-size:1.05rem;margin-bottom:1rem;margin-top:.75rem}.allergy-test-banner .allergy-test-content p{font-size:.85rem}.allergy-test-banner .btn-learn-more{width:100%;font-size:.95rem}}footer{background:#1f2937;color:#fff;padding:0 1.5rem 3rem}.footer-container{max-width:1152px;margin:0 auto;text-align:center;padding-top:2rem;border-top:1px solid #374151}.footer-container p{color:#4b5563;font-size:.875rem;margin:0}.stars-display{position:relative;display:inline-block;color:#d1d5db;font-size:1.375rem;letter-spacing:-1px;white-space:nowrap}.stars-display::before{content:"★★★★★";position:absolute;left:0;top:0;overflow:hidden;width:var(--fill);color:#fbbf24}.filter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;font-weight:500;border-radius:9999px;border:2px solid;cursor:pointer;transition:box-shadow .2s ease}.filter-pill:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.filter-pill.feature{background:linear-gradient(135deg, #eff6ff, #dbeafe);border-color:#93c5fd;border-width:1px;color:#1e40af}.filter-pill.include{background:#dcfce7;border-color:#86efac;color:#166534}.filter-pill.exclude{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.filter-pill.ingredient{background:linear-gradient(135deg, #fffbeb, #fef3c7);border-color:#fcd34d;border-width:1px;color:#92400e}.filter-pill.display{padding:.25rem .5rem;font-size:.75rem}.pill-label{line-height:1;text-transform:capitalize}.pill-action{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;color:currentColor;cursor:pointer;opacity:.5;transition:opacity .2s ease}.pill-action:hover{opacity:1}.search-page-header{background:linear-gradient(135deg, #fafafa, #f0fdfa);padding:2rem 1.5rem;border-bottom:1px solid #e8e8ee}.search-page-header-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.search-header-title-row{display:flex;align-items:center;gap:.75rem}.search-header-icon{display:inline-flex;align-items:center;gap:.75rem}.search-header-icon{display:inline-flex;align-items:center;gap:.75rem}.search-header-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg, #51b1a2, #06b6d4);border-radius:16px;color:#fff;flex-shrink:0}.search-page-header-content h1{font-size:1.875rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.3}.search-page-header-content p{color:#4a4a68;font-size:1rem;line-height:1.6;max-width:800px;margin:0}.food-navigator-content{max-width:1400px;margin:0 auto;padding:1.5rem}.search-bar-container{margin-bottom:1.5rem}.search-bar-row{display:flex;align-items:center;gap:.75rem}.search-bar-row .pet-toggle-wrapper{flex-shrink:0}.search-bar{position:relative;display:flex;align-items:center;flex:1}.search-bar-icon{position:absolute;left:1rem;color:#4a4a68;pointer-events:none}.search-bar-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;font-family:inherit;color:#1a1a2e;background:#fff;border:2px solid #e8e8ee;border-radius:20px;outline:none;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:border-color .2s ease,box-shadow .2s ease}.search-bar-input::placeholder{color:#4a4a68}.search-bar-input:focus{border-color:#51b1a2;box-shadow:0 0 0 3px rgba(81,177,162,.1)}.search-submit-btn{flex-shrink:0;display:flex;align-items:center;gap:.4rem;padding:0 1.1rem;height:2.75rem;border:none;border-radius:20px;background:linear-gradient(135deg, #51b1a2, #06b6d4);color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.1);white-space:nowrap;transition:opacity .2s ease,transform .2s ease}.search-submit-btn:hover{opacity:.88;transform:scale(1.02)}.search-submit-btn:active{transform:scale(0.97)}.stats-overview{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;background:linear-gradient(to bottom right, #f0fdfa, #ecfeff);border:2px solid #99f6e4;border-radius:16px;padding:1rem;margin-top:.75rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.stats-overview .stat-item{display:flex;align-items:center;gap:.5rem}.stats-overview .stat-icon{color:#0d9488;flex-shrink:0}.stats-overview .stat-content{display:flex;flex-direction:column}.stats-overview .stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e;line-height:1.2}.stats-overview .stat-label{font-size:.75rem;color:#4a4a68}.food-navigator-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}@media(max-width: 1024px){.food-navigator-layout{grid-template-columns:1fr}}.filters-sidebar{display:flex;flex-direction:column;gap:1rem}@media(max-width: 1024px){.filters-sidebar{position:static;max-height:none}}.apply-card{position:sticky;top:1rem;z-index:10}.apply-card-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#4a4a68;background:#fff;border:2px solid #e8e8ee;border-radius:20px;cursor:default;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.apply-card-btn:disabled{opacity:1}.apply-card-btn.dirty{color:#fff;background:linear-gradient(135deg, #51b1a2, #06b6d4);border-color:rgba(0,0,0,0);cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,.1);animation:pulse-glow 2s ease-in-out infinite}.apply-card-btn.dirty:hover{filter:brightness(1.05);box-shadow:0 4px 20px rgba(81,177,162,.3)}@keyframes pulse-glow{0%,100%{box-shadow:0 10px 40px rgba(0,0,0,.1)}50%{box-shadow:0 4px 20px rgba(81,177,162,.25)}}.filter-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee;overflow:hidden}.filter-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;user-select:none;transition:background .2s ease}.filter-card-header:hover{background:#fafafa}.filter-card-apply-pill{margin-left:auto;margin-right:.5rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg, #51b1a2, #06b6d4);color:#fff;transition:opacity .2s ease,transform .2s ease}.filter-card-apply-pill:hover{opacity:.85;transform:scale(1.04)}.filter-card-title{font-size:.875rem;font-weight:700;color:#1a1a2e}.filter-card-chevron{color:#4a4a68;transition:transform .2s ease}.filter-card.expanded .filter-card-chevron{transform:rotate(180deg)}.filter-card-content{padding:0 1rem .75rem}.checkbox-option-skeleton{height:1.5rem;margin:.375rem 0;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.checkbox-option-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);animation:feature-shimmer 1.5s infinite}.checkbox-option{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;cursor:pointer}.checkbox-option:hover .checkbox-label{color:#1a1a2e}.checkbox-option input[type=checkbox]{width:1rem;height:1rem;accent-color:#51b1a2;cursor:pointer}.checkbox-label{flex:1;font-size:.875rem;color:#4a4a68;transition:color .2s ease}.checkbox-count{font-size:.75rem;color:#4a4a68}.tristate-hint{font-size:.75rem;color:#4a4a68;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #e8e8ee}.tristate-hint .neutral{color:#4a4a68;font-weight:500}.tristate-hint .include{color:#16a34a;font-weight:500}.tristate-hint .exclude{color:#dc2626;font-weight:500}.tristate-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;font-family:inherit;background:none;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.tristate-btn:hover{background:#fafafa}.tristate-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid #d1d5db;background:#fff;color:#4a4a68;flex-shrink:0}.tristate-btn.include .tristate-icon{background:#dcfce7;border-color:#16a34a;color:#16a34a}.tristate-btn.exclude .tristate-icon{background:#fee2e2;border-color:#dc2626;color:#dc2626}.tristate-label{flex:1;text-align:left;font-size:.875rem;color:#4a4a68}.tristate-btn:hover .tristate-label{color:#1a1a2e}.tristate-count{font-size:.75rem;color:#4a4a68}.tips-card{background:linear-gradient(135deg, #fffbeb, #fef3c7);border-radius:20px;padding:1rem;border:2px solid #fcd34d}.tips-card h4{font-size:.875rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.tips-card ul{list-style:none;padding:0;margin:0}.tips-card li{font-size:.75rem;color:#4a4a68;padding:.25rem 0;line-height:1.4}.tips-card li::before{content:"•";margin-right:.5rem}.return-top-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#4a4a68;background:#fff;border:2px solid #e8e8ee;border-radius:20px;cursor:pointer;transition:all .2s ease}.return-top-btn:hover{color:#49a295;border-color:#51b1a2;background:#f0fdfa}.results-area{min-width:0;display:flex;flex-direction:column;gap:1rem}.selected-filters-bar{background:#fff;border-radius:20px;padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee}.selected-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.selected-filters-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.selected-filters-info svg{color:#4a4a68}.selected-filters-title{font-size:.875rem;font-weight:700;color:#1a1a2e}.filter-legend{display:flex;align-items:center;gap:.75rem;padding-left:.75rem;border-left:1px solid #d1d5db;font-size:.75rem;color:#4a4a68}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-dot{width:10px;height:10px;border-radius:9999px}.legend-item.include .legend-dot{background:#16a34a}.legend-item.exclude .legend-dot{background:#dc2626}.legend-item.condition .legend-dot{background:#2563eb}.clear-all-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;font-family:inherit;color:#dc2626;background:none;border:1px solid #fca5a5;border-radius:16px;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#fef2f2;border-color:#dc2626}.selected-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.product-results{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);border:2px solid #e8e8ee;overflow:hidden;margin-bottom:1.5rem}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg, #fffbeb, #f0fdfa, #dbeafe);border-bottom:2px solid #e8e8ee}.results-header-left{display:flex;align-items:center;gap:.5rem}.results-header-left .results-icon{color:#51b1a2}.results-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.results-header-right{text-align:right}.results-count{font-size:.875rem;color:#4a4a68}.results-subtitle{font-size:.75rem;color:#4a4a68;font-style:italic}.food-table-container{overflow-x:auto}.food-table{width:100%;border-collapse:collapse;min-width:900px}.food-table th,.food-table td{padding:.625rem .375rem;text-align:left;vertical-align:top}.food-table thead{background:linear-gradient(135deg, #fafafa, #f5f5f5);border-bottom:2px solid #d1d5db}.food-table thead th{font-weight:700;font-size:.875rem;color:#4a4a68}.food-table tbody tr{border-bottom:1px solid #e8e8ee;transition:background .2s ease;cursor:pointer}.food-table tbody tr:hover{background:linear-gradient(90deg, rgba(81, 177, 162, 0.03), rgba(6, 182, 212, 0.03))}.food-table tbody tr:nth-child(even){background:rgba(250,250,250,.5)}.food-table tbody tr:nth-child(even):hover{background:linear-gradient(90deg, rgba(81, 177, 162, 0.05), rgba(6, 182, 212, 0.05))}.food-table tbody tr:last-child{border-bottom:none}.th-content{display:flex;align-items:center;gap:.5rem}.th-content svg{color:#51b1a2}.cell-product{min-width:250px}.product-info{display:flex;align-items:flex-start;gap:.75rem}.product-image{width:56px;height:56px;object-fit:cover;border-radius:16px;border:2px solid #e8e8ee;flex-shrink:0}.product-image-thumb-placeholder{width:56px;height:56px;flex-shrink:0;border-radius:16px;border:2px solid #e8e8ee;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#6b6b80;font-size:1.5rem}.product-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.product-brand{font-size:.75rem;font-weight:600;color:#49a295}.product-name{font-size:.875rem;font-weight:600;color:#1a1a2e;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.usa-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;color:#1d4ed8;background:#dbeafe;border-radius:9999px;margin-top:.25rem;width:fit-content}.cell-rating{min-width:100px;padding-left:.125rem !important;vertical-align:middle}.rating-display{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.stars{display:flex;gap:2px}.rating-value{font-size:.875rem;font-weight:700;color:#1a1a2e}.cell-ingredients{min-width:180px}.cell-features{min-width:200px}.pill-list{display:flex;flex-wrap:wrap;gap:.375rem;max-width:220px}.cell-nutrition{min-width:170px}.nutrition-stats{display:flex;flex-direction:column;gap:.25rem}.stat-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem}.stat-row .stat-label{color:#4a4a68}.stat-row .stat-value{font-weight:600;color:#4b5563}.cell-price{min-width:100px;text-align:right;padding-right:1.25rem !important}.price-display{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.price-main{font-size:1.375rem;font-weight:700;color:#1a1a2e}.price-size{font-size:.75rem;color:#4a4a68}.price-per-lb{font-size:.75rem;font-weight:500;color:#49a295}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg, #fffbeb, #fef3c7, #f0fdfa);border-top:2px solid #e8e8ee}.pagination-info{font-size:.875rem;color:#4a4a68}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.25rem;width:auto;height:auto;padding:.5rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#4a4a68;background:#fff;border:2px solid #d1d5db;border-radius:16px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pagination-btn:hover:not(:disabled){border-color:#51b1a2;color:#49a295;background:#f0fdfa}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;font-family:inherit;color:#4a4a68;background:#fff;border:2px solid #d1d5db;border-radius:16px;cursor:pointer;transition:all .2s ease}.pagination-page:hover:not(.active){border-color:#51b1a2;background:#f0fdfa}.pagination-page.active{background:#51b1a2;border-color:#51b1a2;color:#fff}.pagination-ellipsis{padding:0 .5rem;color:#4a4a68}@media(max-width: 768px){.search-page-header-content h1{font-size:1.5rem}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media(max-width: 480px){.results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.selected-filters-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.filters-section{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);margin-bottom:2rem;overflow:hidden}.filter-search{display:flex;align-items:center;padding:1.25rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e8e8ee;gap:0}.filter-search .search-icon{display:flex;align-items:center;justify-content:center;padding:.875rem 1rem;background:#fff;border:2px solid #e8e8ee;border-right:none;border-radius:8px 0 0 8px;color:#6b6b80;transition:border-color .2s ease,color .2s ease}.filter-search-input{flex:1;padding:.875rem 1rem;font-size:1rem;font-family:inherit;border:2px solid #e8e8ee;border-left:none;border-right:none;outline:none;transition:border-color .2s ease}.filter-search-input::placeholder{color:#6b6b80}.filter-search-input:focus{border-color:#51b1a2}.filter-search:has(.filter-search-input:focus) .search-icon{border-color:#51b1a2;color:#49a295}.filter-search-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#1a1a2e;border:2px solid rgba(0,0,0,0);border-radius:0 8px 8px 0;font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.filter-search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(81,177,162,.4)}.filter-group{border-bottom:1px solid #e8e8ee}.filter-group:last-of-type{border-bottom:none}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background .2s ease}.filter-header:hover{background:#fafafa}.filter-header h3{font-size:1rem;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:.75rem}.filter-header h3 .icon{width:32px;height:32px;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.filter-toggle{width:28px;height:28px;border-radius:50%;background:#e8e8ee;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s ease}.filter-toggle svg{width:16px;height:16px;stroke:#4a4a68;transition:transform .3s ease}.filter-group.open .filter-toggle{background:#51b1a2}.filter-group.open .filter-toggle svg{stroke:#fff;transform:rotate(180deg)}.filter-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.filter-group.open .filter-content{max-height:500px}.filter-options{padding:0 1.5rem 1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:2px solid #e8e8ee;border-radius:25px;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#4a4a68}.filter-chip:hover{border-color:#51b1a2;background:rgba(81,177,162,.1)}.filter-chip.active{background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);border-color:rgba(0,0,0,0);color:#1a1a2e}.filter-chip input{display:none}.active-filters{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e8e8ee;flex-wrap:wrap}.active-filters-label{font-size:.85rem;color:#4a4a68;font-weight:500}.active-tag{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#51b1a2;color:#1a1a2e;border-radius:20px;font-size:.8rem;font-weight:500}.active-tag button{background:none;border:none;color:#1a1a2e;cursor:pointer;font-size:1rem;line-height:1;opacity:.8;padding:0}.active-tag button:hover{opacity:1}.clear-all{background:none;border:none;color:#4a4a68;font-size:.85rem;cursor:pointer;text-decoration:underline}.clear-all:hover{color:#49a295}.more-filters-btn{margin-left:auto;padding:.5rem 1rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#1a1a2e;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.more-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(81,177,162,.3)}.ingredient-filters{padding:0 1.5rem 1.5rem}.ingredient-category{margin-bottom:1.25rem}.ingredient-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#4a4a68;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.625rem}.category-header .category-emoji{font-size:.875rem}.ingredient-list{display:flex;flex-direction:column;gap:.25rem}.ingredient-filter{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:rgba(0,0,0,0);border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.875rem;text-align:left;transition:background .2s ease}.ingredient-filter:hover{background:#f5f5f5}.ingredient-filter .filter-checkbox{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.ingredient-filter .filter-label{flex:1;color:#1a1a2e}.ingredient-filter .filter-count{font-size:.75rem;color:#4a4a68}.ingredient-filter.neutral .filter-checkbox{background:#e8e8ee;border:2px solid #d1d5db}.ingredient-filter.neutral .filter-checkbox svg{stroke:#6b7280}.ingredient-filter.include{background:rgba(16,185,129,.08)}.ingredient-filter.include .filter-checkbox{background:#10b981;border:2px solid #059669}.ingredient-filter.include .filter-checkbox svg{stroke:#fff}.ingredient-filter.include .filter-label{color:#047857;font-weight:500}.ingredient-filter.include:hover{background:rgba(16,185,129,.15)}.ingredient-filter.exclude{background:rgba(239,68,68,.08)}.ingredient-filter.exclude .filter-checkbox{background:#ef4444;border:2px solid #dc2626}.ingredient-filter.exclude .filter-checkbox svg{stroke:#fff}.ingredient-filter.exclude .filter-label{color:#b91c1c;font-weight:500}.ingredient-filter.exclude:hover{background:rgba(239,68,68,.15)}.food-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.food-card:hover{transform:translateY(-4px);box-shadow:0 25px 80px rgba(0,0,0,.08)}.food-card-header{padding:1.25rem;border-bottom:1px solid #e8e8ee}.food-brand{font-size:.8rem;color:#49a295;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.food-name{font-size:1.1rem;font-weight:700;color:#1a1a2e;line-height:1.3}.food-card-body{padding:1.25rem}.food-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.food-tag{padding:.25rem .65rem;background:#d1fae5;color:#10b981;font-size:.75rem;font-weight:500;border-radius:20px}.food-tag.pet-type{background:#fef3c7;color:#d97706}.food-tag.format{background:#ede9fe;color:#7c3aed}.food-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:.75rem;margin-bottom:1rem}.food-stat{text-align:center;padding:.75rem .5rem;background:#f8fafc;border-radius:8px}.food-stat-value{font-size:1.1rem;font-weight:700;color:#1a1a2e}.food-stat-label{font-size:.7rem;color:#4a4a68;text-transform:uppercase;letter-spacing:.5px}.food-card-footer{padding:1rem 1.25rem;background:#f8fafc;display:flex;gap:.75rem}.btn-view{flex:1;padding:.75rem 1rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#1a1a2e;border:none;border-radius:8px;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(81,177,162,.4)}.btn-compare{padding:.75rem 1rem;background:#fff;color:#4a4a68;border:2px solid #e8e8ee;border-radius:8px;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-compare:hover{border-color:#51b1a2;color:#49a295}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.pagination .pagination-pages button,.pagination>button:not(.pagination-btn){width:40px;height:40px;border:2px solid #e8e8ee;background:#fff;border-radius:8px;font-weight:600;font-family:inherit;color:#4a4a68;cursor:pointer;transition:all .2s ease}.pagination .pagination-pages button:hover:not(:disabled),.pagination>button:not(.pagination-btn):hover:not(:disabled){border-color:#10b981;color:#10b981}.pagination .pagination-pages button.active,.pagination>button:not(.pagination-btn).active{background:linear-gradient(135deg, #10B981 0%, #34D399 100%);border-color:rgba(0,0,0,0);color:#fff}.pagination .pagination-pages button:disabled,.pagination>button:not(.pagination-btn):disabled{opacity:.5;cursor:not-allowed}.product-breadcrumb{padding:1rem 2rem .75rem;max-width:1280px;margin:0 auto}.breadcrumb-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.breadcrumb-container a{color:#51b1a2;text-decoration:none;transition:color .2s ease}.breadcrumb-container a:hover{color:#10b981;text-decoration:underline}.breadcrumb-separator{color:#9ca3af;font-size:.75rem}.breadcrumb-current{color:#1a1a2e;font-weight:500}.product-page{max-width:1280px;margin:0 auto;padding:.5rem 2rem 2rem}.product-grid{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:2rem}.product-left-column{display:flex;flex-direction:column;gap:1rem}.product-image-card{background:#fff;border-radius:24px;border:1px solid #e8e8ee;padding:1.5rem;position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.9);border:1px solid #e8e8ee;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#374151;z-index:2;box-shadow:0 4px 15px rgba(0,0,0,.1)}.image-nav-btn svg{width:20px;height:20px}.image-nav-btn:hover{background:#fff;border-color:#d1d5db;box-shadow:0 10px 40px rgba(0,0,0,.1)}.image-nav-btn.prev{left:.75rem}.image-nav-btn.next{right:.75rem}.product-image-wrapper{width:100%;max-width:220px}.product-image-wrapper img{width:100%;height:auto;border-radius:12px}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b6b80;padding:1.5rem}.product-image-placeholder span{font-size:4rem;margin-bottom:.375rem}.product-image-placeholder p{font-size:.8rem}.score-badges{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.score-badge{background:#fafafa;border-radius:20px;border:2px solid #d1d5db;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.score-badge--full{grid-column:1/-1}.score-badge-header{display:flex;align-items:center;justify-content:space-between}.score-badge-header a{color:#51b1a2;transition:color .2s ease}.score-badge-header a:hover{color:#49a295}.score-badge-header a svg{width:16px;height:16px}.score-label{font-size:.875rem;font-weight:700;color:#1a1a2e}.score-inline{display:flex;align-items:center;gap:.75rem}.score-stars{display:flex;align-items:center;gap:1px;font-size:.875rem}.score-icon{color:#9ca3af}.score-icon svg{width:14px;height:14px}.score-value{font-size:1.25rem;font-weight:700;color:#374151}.score-max{font-size:.875rem;font-weight:600;color:#4b5563}.origin-badge{display:flex;align-items:center;gap:.5rem;background:rgba(239,246,255,.8);border-radius:20px;border:2px solid #bfdbfe;padding:.75rem;font-size:.875rem;font-weight:600;color:#1e3a5f}.origin-badge .usa-flag{font-size:1.1rem}.origin-badge svg{margin-left:auto;color:#3b82f6;width:16px;height:16px}.price-card{background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border-radius:20px;border:2px solid #e8e8ee;padding:1rem}.price-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.price-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.5rem}.price-range{display:flex;gap:.75rem}.price-col{display:flex;flex-direction:column}.price-col-label{font-size:.75rem}.price-col-label.low{color:#16a34a}.price-col-label.high{color:#dc2626}.price-low{font-size:1.125rem;font-weight:700;color:#15803d}.price-high{font-size:1.125rem;font-weight:700;color:#b91c1c}.price-chart{background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border-radius:16px;border:2px solid #e8e8ee;padding:.5rem}.mini-chart{width:100%;height:48px}.view-prices-btn{display:inline-flex;align-items:center;padding:.75rem 1.25rem;background:linear-gradient(to right, #0d9488, #14b8a6);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.1);text-decoration:none;white-space:nowrap}.view-prices-btn:hover{background:linear-gradient(to right, #0f766e, #0d9488);box-shadow:0 4px 15px rgba(16,185,129,.3)}.product-right-column{display:flex;flex-direction:column;gap:1.5rem}.product-title{font-size:1.875rem;font-weight:700;color:#1f2937;line-height:1.25;margin:0 0 .75rem 0}.metrics-ingredients-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.metrics-ingredients-row>*{min-width:0}.metrics-section{background:rgba(0,0,0,0);display:flex;flex-direction:column;gap:.375rem;overflow:hidden}.metric-gauge-card{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;background:#fff;border:2px solid #99f6e4;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:box-shadow .2s ease}.metric-gauge-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.1)}.gauge-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:76px}.gauge-value-display{font-size:1.1rem;font-weight:800;color:#1a1a2e;margin-top:.1rem;line-height:1.1}.gauge-value-display.gauge-na{font-size:1rem;color:#4a4a68;font-weight:600}.gauge-unit-text{font-size:.72rem;font-weight:500;color:#4a4a68}.gauge-label-text{font-size:.65rem;font-weight:600;color:#4a4a68;text-transform:uppercase;letter-spacing:.5px;margin-top:.1rem}.gauge-center{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.gauge-comparison{font-size:.7rem;color:#6b6b80;text-align:center}.gauge-info-btn{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid #d1d5db;background:rgba(0,0,0,0);color:#4a4a68;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.gauge-info-btn:hover{border-color:#51b1a2;color:#51b1a2}.title-ingredients-panel{background:linear-gradient(to bottom right, #fffbeb, #fff7ed);border-radius:20px;border:2px solid #fde68a;overflow:visible;display:flex;flex-direction:column;padding-top:.5rem;padding-left:.75rem;padding-right:.75rem;padding-bottom:.75rem;min-height:100%}.panel-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #fde68a}.panel-icon{color:#51b1a2;font-size:.875rem}.panel-title{font-size:.875rem;font-weight:700;color:#1a1a2e}.panel-legend{display:flex;gap:.5rem;margin-left:auto;margin-right:30px}.panel-legend .ti-legend-item{font-size:.6rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-align:right;min-width:50px}.panel-legend .ti-legend-item:last-child{min-width:36px;text-align:center}.panel-toggle{background:none;border:none;padding:.25rem;cursor:pointer;color:#4a4a68;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.panel-toggle:hover{color:#10b981}.panel-toggle svg{transition:transform .2s ease}.panel-toggle svg.rotated{transform:rotate(180deg)}.panel-content{padding:.75rem;flex:1;display:flex;flex-direction:column}.ingredient-row{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:.5rem;padding:.5rem .75rem;border:2px solid #fde68a;border-radius:8px;background:hsla(0,0%,100%,.5);margin-bottom:.5rem}.ingredient-row:last-of-type{margin-bottom:0}.ingredient-name{font-size:.8rem;font-weight:600;color:#92400e;text-align:left;text-transform:capitalize}.ingredient-bars{display:contents}.ingredient-bar-group{display:flex;align-items:center;justify-content:flex-end;gap:.375rem;min-width:50px}.ingredient-bar{display:none}.ingredient-bar-fill{height:100%;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);border-radius:3px}.ingredient-percent{font-size:.75rem;font-weight:600;color:#4a4a68;text-align:right;min-width:28px}.ingredient-role{font-size:.6rem;font-weight:700;text-transform:capitalize;padding:.2rem .5rem;border-radius:3px;text-align:center;min-width:36px}.ingredient-role.high{background:#ffe2e2;color:#c1002a}.ingredient-role.med{background:#fef9c2;color:#ae5f00}.ingredient-role.low{background:#dbfce7;color:#007531}.ingredient-expand{background:none;border:none;padding:0;cursor:pointer;color:#92400e;font-size:.6rem}.ingredient-expand:hover{color:#10b981}.view-similar-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:.5rem;font-size:.75rem;color:#b45309;text-decoration:none;font-weight:500}.view-similar-link:hover{text-decoration:underline}.allergy-risk-card{display:flex;gap:.75rem;background:linear-gradient(to bottom right, #f0fdf4, #ecfdf5);border-radius:20px;padding:1rem;border:2px solid #86efac;box-shadow:0 4px 15px rgba(0,0,0,.1)}.allergy-badge{flex-shrink:0;align-self:flex-start;width:4rem;border-radius:20px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#fff}.allergy-badge svg{width:20px;height:20px}.allergy-badge span{font-size:.65rem;font-weight:700;letter-spacing:.05em}.allergy-badge.low{background:#22c55e}.allergy-badge.medium{background:#eab308}.allergy-badge.high{background:#ef4444}.allergy-content{flex:1;min-width:0}.allergy-label{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0 0 .25rem 0}.allergy-emphasis{font-weight:600}.allergy-emphasis.low{color:#15803d}.allergy-emphasis.medium{color:#a16207}.allergy-emphasis.high{color:#b91c1c}.allergy-text{font-size:.875rem;color:#374151;line-height:1.6;margin:0 0 .5rem 0}.allergy-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#15803d;text-decoration:none;font-weight:600;background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.allergy-link:hover{opacity:.8}.allergy-link svg{flex-shrink:0}.allergy-details{background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:.75rem;margin:.5rem 0}.allergy-details-header{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.allergy-details-header svg{flex-shrink:0;color:#6b7280}.allergy-ingredient-list{list-style:none;padding:0;margin:0 0 .75rem 0;display:flex;flex-direction:column;gap:.3rem}.allergy-ingredient-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#374151}.allergy-ingredient-icon{font-size:.875rem;flex-shrink:0;width:1rem;text-align:center}.allergy-ingredient-icon.safe{color:#16a34a}.allergy-ingredient-icon.caution{color:#d97706}.allergy-ingredient-icon.warning{color:#dc2626}.allergy-disclaimer{font-size:.75rem;color:#6b7280;line-height:1.5;font-style:italic;margin:0;border-top:1px solid #d1fae5;padding-top:.5rem}.special-features-section{background:rgba(0,0,0,0);padding:0}.features-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#1a1a2e;margin:0 0 .75rem 0}.features-icon{color:#10b981;font-size:.875rem}.features-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:.5rem;margin-bottom:.75rem}.feature-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.5rem .5rem;border-radius:16px;border:2px solid #d1d5db;background:#fafafa;transition:all .2s ease;cursor:pointer;min-height:56px}.feature-badge:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.feature-badge.present{border-color:#14b8a6;box-shadow:0 4px 15px rgba(0,0,0,.1)}.feature-badge.present:hover{box-shadow:0 10px 40px rgba(0,0,0,.1)}.feature-badge.present .feature-icon{color:#0d9488}.feature-badge.absent{border-color:#d1d5db;opacity:.6}.feature-badge.absent:hover{opacity:.75}.feature-badge.absent .feature-icon{color:#9ca3af}.feature-badge.absent .feature-label{color:#6b7280;padding-bottom:.25rem}.feature-icon{color:#9ca3af;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:26px;height:26px;display:block}.feature-label{font-size:.75rem;font-weight:600;color:#1a1a2e;text-align:center;line-height:1.2;padding-top:10px}.features-legend{font-size:.75rem;color:#4b5563;margin:0;line-height:1.4;background:rgba(239,246,255,.5);border:1px solid #bfdbfe;border-radius:16px;padding:.5rem .75rem}.legend-present{color:#0d9488;font-weight:600}.legend-absent{color:#6b7280;font-weight:600}.legend-separator{color:#9ca3af;margin:0 .25rem}.ingredients-section{background:#fff;border-radius:24px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee;overflow:hidden;padding-bottom:.5rem;margin-bottom:1.5rem}.ingredients-header{background:linear-gradient(to right, #f0fdf4, #f0fdfa);padding:1rem 1.5rem;border-bottom:2px solid #e8e8ee;border-radius:24px 24px 0 0}.ingredients-heading{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:.5rem}.ingredients-sublabel{font-size:.875rem;color:#4b5563;margin:.25rem 0 0 0}.ingredients-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem}.ingredient-pill{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;font-family:inherit;color:#1f2937;background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border:2px solid #e8e8ee;cursor:pointer;transition:all .2s ease}.ingredient-pill:hover{background:linear-gradient(to bottom right, #f0fdfa, #ccfbf1);border-color:#5eead4;color:#0f766e}.product-section-card{background:#fff;border-radius:20px;border:2px solid #e8e8ee;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:1.5rem}.product-section-heading{font-size:1.125rem;font-weight:700;color:#1a1a2e;margin:0 0 1rem 0;display:flex;align-items:center;gap:.5rem}.section-emoji{font-size:1.125rem}.product-description-card{position:relative}.description-source-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#4a4a68;background:#f5f5f5;padding:.25rem .625rem;border-radius:20px}.description-text{font-size:.9375rem;color:#4a4a68;line-height:1.7;margin:0;padding-right:8rem}.description-disclaimer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e8e8ee}.description-disclaimer p{font-size:.75rem;color:#6b6b80;font-style:italic;margin:0}.brand-about-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.brand-about-left{display:flex;align-items:flex-start;gap:1rem;flex:1}.brand-logo-placeholder{height:4rem;width:8rem;background:linear-gradient(135deg, #374151, #1f2937);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-placeholder span{color:#fff;font-weight:700;font-size:1.125rem}.brand-about-text .product-section-heading{margin-bottom:.5rem}.brand-about-text p{font-size:.875rem;color:#4a4a68;line-height:1.6;max-width:36rem;margin:0}.brand-about-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;flex-shrink:0}.brand-view-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg, #10B981 0%, #34D399 100%);border:none;border-radius:16px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(16,185,129,.3)}.brand-view-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.brand-view-btn svg{width:16px;height:16px}.brand-website-link{font-size:.8rem;color:#4a4a68;text-decoration:underline;transition:color .2s ease}.brand-website-link:hover{color:#1a1a2e}.brand-divider{border:none;border-top:2px solid #e8e8ee;margin:1.5rem 0}.brand-news-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.brand-news-item{background:linear-gradient(135deg, #fafafa, #f5f5f5);border:1px solid #e8e8ee;border-radius:12px;padding:1rem;transition:box-shadow .2s ease}.brand-news-item:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.news-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.news-item-header h4{font-size:.875rem;font-weight:600;color:#1a1a2e;line-height:1.3;margin:0}.news-date{font-size:.75rem;color:#6b6b80;white-space:nowrap}.news-summary{font-size:.8rem;color:#4a4a68;line-height:1.5;margin:0 0 .5rem 0}.news-source{font-size:.75rem;font-weight:600;color:#51b1a2}.product-details-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;margin-bottom:1.5rem}.details-subheading{font-size:.875rem;font-weight:700;color:#1a1a2e;margin:0 0 .75rem 0;display:flex;align-items:center;gap:.5rem}.details-sublabel{font-size:.75rem;color:#4a4a68;margin:-0.5rem 0 .75rem 0}.size-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.size-option{width:100%;text-align:left;padding:.75rem 1rem;border-radius:16px;border:2px solid #e8e8ee;background:#fafafa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.size-option:hover{border-color:#d1d5db}.size-option.active{background:linear-gradient(135deg, #f0fdfa, #ecfeff);border-color:#51b1a2}.size-name{font-weight:600;font-size:.9rem;color:#1a1a2e}.size-price-range{font-size:.75rem;color:#4a4a68}.size-current-badge{font-size:.7rem;font-weight:600;background:#51b1a2;color:#fff;padding:.2rem .5rem;border-radius:20px}.details-divider{border:none;border-top:2px solid #e8e8ee;margin:0 0 1.5rem 0}.price-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.price-summary-low,.price-summary-high{padding:.75rem;border-radius:16px;border:2px solid}.price-summary-low{background:#f0fdf4;border-color:#86efac}.price-summary-high{background:#fef2f2;border-color:#fca5a5}.price-summary-label{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.price-summary-low .price-summary-label{color:#15803d}.price-summary-high .price-summary-label{color:#b91c1c}.price-summary-value{font-size:1.5rem;font-weight:700}.price-summary-low .price-summary-value{color:#15803d}.price-summary-high .price-summary-value{color:#b91c1c}.price-summary-note{font-size:.7rem;margin-top:.125rem}.price-summary-low .price-summary-note{color:#16a34a}.price-summary-high .price-summary-note{color:#dc2626}.price-chart-container{background:linear-gradient(135deg, #fafafa, #f5f5f5);border-radius:16px;padding:1rem;border:2px solid #e8e8ee;margin-bottom:1.5rem}.price-history-chart{width:100%;height:160px}.price-chart-current{text-align:center;margin-top:.5rem}.price-chart-current-label{font-size:.75rem;color:#4a4a68}.price-chart-current-value{font-size:1.25rem;font-weight:700;color:#1a1a2e}.shop-links{display:flex;flex-direction:column;gap:.5rem}.shop-link-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:16px;border:2px solid rgba(0,0,0,0);text-decoration:none;transition:all .2s ease}.shop-link-row:hover{background:#fffbeb;border-color:#fde68a}.shop-link-info{display:flex;align-items:center;gap:.5rem;color:#1a1a2e;font-size:.9rem;font-weight:500}.shop-link-info svg{width:18px;height:18px;color:#4a4a68}.shop-link-price{display:flex;align-items:center;gap:.5rem}.shop-link-price span{font-weight:700;color:#1a1a2e}.shop-link-price svg{width:14px;height:14px;color:#9ca3af}.nutrient-list{display:flex;flex-direction:column;gap:.5rem}.nutrient-row{background:linear-gradient(135deg, #fafafa, #f5f5f5);border-radius:12px;border:1px solid #e8e8ee;cursor:pointer;transition:box-shadow .2s ease}.nutrient-row:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.nutrient-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .5rem}.nutrient-name{font-size:.8rem;color:#4a4a68}.nutrient-value{font-weight:700;font-size:.875rem;color:#1a1a2e}.nutrient-gauge{position:relative;height:8px}.nutrient-gauge-track{position:absolute;inset:0;background:#d1d5db;border-radius:0 0 12px 12px;overflow:hidden}.nutrient-gauge-fill{position:absolute;top:0;left:0;bottom:0;background:#51b1a2}.nutrient-gauge-dot{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;background:#51b1a2;border:2px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.1);transform:translateX(-50%);z-index:1;cursor:default}.nutrient-gauge-dot:hover .nutrient-gauge-tooltip{visibility:visible;opacity:1}.nutrient-gauge-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:.72rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:10;transition:opacity .15s ease}.nutrient-gauge-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:#1f2937}.nutrient-disclaimer{font-size:.75rem;color:#6b6b80;font-style:italic;margin:1rem 0 0 0}.review-sources-subtitle{font-size:.8rem;color:#4a4a68;margin:-0.5rem 0 1rem 0}.review-sources-list{display:flex;flex-direction:column;gap:.75rem}.review-source-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg, #fafafa, #f5f5f5);border-radius:16px;border:2px solid #e8e8ee;text-decoration:none;transition:all .2s ease}.review-source-row:hover{background:linear-gradient(135deg, #f0fdfa, #ecfeff);border-color:#51b1a2}.review-source-name{font-weight:600;color:#1a1a2e;font-size:.9375rem}.review-source-count{font-size:.75rem;color:#6b6b80;margin-top:.125rem}.review-source-right{display:flex;align-items:center;gap:.75rem}.review-source-right svg{color:#9ca3af;transition:color .2s ease}.review-source-right:hover svg{color:#51b1a2}.review-source-stars{font-size:.875rem}.review-source-score{font-size:1.125rem;font-weight:700;color:#1a1a2e;min-width:2.5rem;text-align:right}@media(max-width: 1024px){.product-details-grid{grid-template-columns:1fr}.brand-about-row{flex-direction:column;align-items:flex-start}.brand-about-actions{align-items:flex-start;flex-direction:row}.product-grid{grid-template-columns:1fr}.product-left-column{max-width:400px;margin:0 auto;width:100%}.metrics-ingredients-row{grid-template-columns:1fr 1fr}}@media(max-width: 900px){.metrics-ingredients-row{grid-template-columns:1fr}}@media(max-width: 768px){.product-breadcrumb{padding:.75rem 1rem .5rem}.product-page{padding:1rem}.product-title{font-size:1.5rem}.panel-legend{display:none}.ingredient-row{grid-template-columns:1fr auto auto auto}.ingredient-expand{display:none}.features-grid{grid-template-columns:repeat(3, 1fr);gap:.5rem}.feature-badge{min-width:0;padding:.625rem .5rem}.feature-label{font-size:.65rem}.score-badges{grid-template-columns:1fr 1fr}.price-top-row{flex-direction:column;gap:.75rem;align-items:flex-start}.view-prices-btn{width:100%;justify-content:center}.allergy-badge{width:3.5rem}.description-text{padding-right:0}.description-source-badge{position:static;display:inline-flex;margin-bottom:.75rem}.brand-about-left{flex-direction:column}}@media(max-width: 480px){.ingredient-row{grid-template-columns:1fr;gap:.5rem}.ingredient-bars{display:flex;gap:.5rem}.ingredient-name{font-weight:700}.ingredient-role{justify-self:start}.features-grid{grid-template-columns:repeat(2, 1fr)}}.brand-hero{background:linear-gradient(135deg, #334155, #0e7490);padding:3rem 1.5rem 4rem}.brand-hero-content{max-width:1152px;margin:0 auto}.brand-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.brand-hero-top h1{font-size:2.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}@media(min-width: 768px){.brand-hero-top h1{font-size:3rem}}.brand-hero-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.brand-search-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#fff;background:#0d9488;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.brand-search-btn:hover{background:#0f766e;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.brand-favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.brand-favorite-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.brand-hero-description{font-size:1.25rem;color:hsla(0,0%,100%,.9);line-height:1.6;max-width:800px;margin:0}.brand-page-content{max-width:1152px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.brand-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 768px){.brand-info-grid{grid-template-columns:1fr}}.brand-info-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee}.brand-info-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.brand-info-card-header svg{color:#0d9488;flex-shrink:0}.brand-info-card-header h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.brand-info-rows{display:flex;flex-direction:column;gap:.75rem}.brand-info-row{display:flex;flex-direction:column}.brand-info-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:.25rem}.brand-info-label svg{color:#6b7280}.brand-info-value{font-size:.9375rem;color:#1a1a2e}.brand-info-value--bold{font-weight:600}.brand-info-value--indented{margin-left:1.5rem}.brand-info-sub{font-size:.875rem;color:#4b5563;margin-top:.25rem}.brand-info-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.9375rem;font-weight:500;color:#0d9488;text-decoration:none}.brand-info-link:hover{color:#0f766e;text-decoration:underline}.brand-ownership-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee}.brand-ownership-body p{font-size:.9375rem;color:#1a1a2e;margin:0;line-height:1.5}.brand-ownership-body p strong{font-weight:600}.brand-related{margin-top:1rem;padding-top:1rem;border-top:1px solid #e8e8ee}.brand-related-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.brand-related-list{display:flex;flex-wrap:wrap;gap:.5rem}.brand-related-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#1a1a2e;background:#fff;border:2px solid #5eead4;border-radius:8px;cursor:pointer;transition:all .2s ease}.brand-related-btn:hover{border-color:#2dd4bf;background:#f0fdfa;color:#0f766e}.brand-related-btn svg{color:inherit}.brand-products-section{margin-top:.5rem}.brand-not-found{max-width:600px;margin:4rem auto;text-align:center;padding:2rem}.brand-not-found h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.brand-not-found p{color:#4a4a68}@media(max-width: 768px){.brand-hero-top{flex-direction:column;align-items:flex-start}.brand-hero-top h1{font-size:1.75rem}.brand-hero-description{font-size:1rem}.brand-info-value--indented{margin-left:1.5rem}}.profile-hero{background:linear-gradient(135deg, #334155, #0e7490);padding:3rem 1.5rem}.profile-hero-content{max-width:1200px;margin:0 auto}.profile-hero-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.profile-hero-top h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.profile-hero-description{font-size:1.125rem;color:hsla(0,0%,100%,.9);margin:.25rem 0 0}.profile-hero-stats{display:flex;gap:1rem;flex-shrink:0}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;min-width:80px}.profile-stat-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.profile-stat-label{font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.7);margin-top:.25rem}.profile-page-content{max-width:1200px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.profile-section{display:flex;flex-direction:column;gap:1rem}.profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-section-title{display:flex;align-items:center;gap:.625rem}.profile-section-title svg{color:#0d9488}.profile-section-title h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.profile-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#fff;background:#0d9488;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease}.profile-add-btn:hover{background:#0f766e}.profile-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 768px){.profile-cards-grid{grid-template-columns:1fr}}.profile-empty{background:#fafafa;border:2px dashed #e8e8ee;border-radius:20px;padding:2rem;text-align:center}.profile-empty p{color:#4a4a68;font-size:.9375rem;margin:0}.pet-card{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee;display:flex;flex-direction:column;gap:.75rem}.pet-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.pet-card-info h3{font-size:1.125rem;font-weight:700;color:#1a1a2e;margin:0}.pet-card-breed{font-size:.8125rem;color:#4a4a68;font-weight:500}.pet-card-actions{display:flex;gap:.375rem;flex-shrink:0}.pet-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#4a4a68;background:#fafafa;border:1px solid #e8e8ee;border-radius:8px;cursor:pointer;transition:all .2s ease}.pet-action-btn:hover{color:#1a1a2e;background:#f5f5f5;border-color:#d1d5db}.pet-action-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pet-card-details{display:flex;gap:1rem;flex-wrap:wrap}.pet-detail{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#4a4a68}.pet-detail svg{color:#9ca3af}.pet-card-pills{display:flex;align-items:flex-start;gap:.5rem}.pet-pills-label{font-size:.6875rem;font-weight:600;color:#4a4a68;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding-top:.25rem;min-width:65px}.pet-pills-list{display:flex;flex-wrap:wrap;gap:.375rem}.pet-pill{display:inline-flex;align-items:center;padding:.1875rem .625rem;font-size:.75rem;font-weight:600;border-radius:9999px}.pet-pill.allergy{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.pet-pill.preferred{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.pet-pill.feature{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff}.pet-load-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg, #14b8a6, #0d9488);border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;margin-top:auto}.pet-load-btn:hover{background:linear-gradient(135deg, #0d9488, #0f766e)}.saved-search-card{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #e8e8ee;display:flex;flex-direction:column;gap:.75rem}.saved-search-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.saved-search-card-info h3{font-size:1.125rem;font-weight:700;color:#1a1a2e;margin:0}.saved-search-card-meta{font-size:.8125rem;color:#4a4a68;font-weight:500}.saved-search-card-actions{display:flex;gap:.375rem;flex-shrink:0}.saved-search-card-pills{display:flex;flex-wrap:wrap;gap:.375rem}.search-pill{display:inline-flex;align-items:center;padding:.1875rem .625rem;font-size:.75rem;font-weight:600;border-radius:9999px}.search-pill.exclude{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.search-pill.include{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.search-pill.feature{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.search-pill.food-type{background:#fefce8;color:#a16207;border:1px solid #fef08a}.search-pill.life-stage{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff}.search-pill.brand{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.search-load-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#0d9488;background:#fff;border:2px solid #99f6e4;border-radius:16px;cursor:pointer;transition:all .2s ease;margin-top:auto}.search-load-btn:hover{border-color:#2dd4bf;background:#f0fdfa}@media(max-width: 768px){.profile-hero-top{flex-direction:column;align-items:flex-start}.profile-hero-top h1{font-size:1.75rem}.profile-section-header{flex-direction:column;align-items:flex-start}.pet-card-pills{flex-direction:column;gap:.375rem}.pet-pills-label{min-width:auto;padding-top:0}}.error-page{flex:1;display:flex;flex-direction:column}.error-page .hero-dark{padding-bottom:1rem}.error-hero-content{max-width:1024px;margin:0 auto;padding:1.5rem 0;text-align:center}.error-hero-content .error-title{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1}@media(min-width: 768px){.error-hero-content .error-title{font-size:4.5rem}}.error-hero-content .error-subtitle{font-size:1.1rem;color:#cbd5e1;line-height:1.6;margin:0}.error-body{padding:2rem 2rem;text-align:center}.error-body .error-body-label{font-size:1.4rem;font-weight:450;color:#1a1a2e;margin:0 0 1.5rem;line-height:1.2}.error-body .error-body-label .error-body-accent{font-weight:550}.error-body .error-dogs{margin-top:1.5rem;width:100%;max-width:580px;margin-left:auto;margin-right:auto}.error-body .error-dogs-img{width:80%;display:center}.error-body .error-dogs .error-actions{display:flex;justify-content:space-between;gap:1rem;padding:0 3rem}.error-body .error-dogs .error-actions .btn-error{width:220px;justify-content:center}.error-body .error-dogs-caption{margin-top:1rem;font-size:.85rem;color:#6b6b80}.error-body .btn-error{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:linear-gradient(135deg, #14B8A6, #49a295);border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.15)}.error-body .btn-error:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.error-request-id{margin-top:1.5rem;font-size:.8rem;color:#6b6b80}.error-request-id code{font-size:.75rem;color:#4a4a68}/*# sourceMappingURL=app.css.map */