*{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}html{overflow-x:clip}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a2e;line-height:1.6;background:#fff;overflow-x:clip}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}.nav-search-controls{display:flex;align-items:center;gap:.5rem}.nav-search-controls--centered{justify-content:center}.nav-search-controls--centered .nav-inline-search{flex:0 1 65vw}.nav-filter-btn{display:flex;align-items:center;gap:.5rem;padding:0 .875rem;height:44px;min-width:272px;background:#fafafa;border:1px solid #e8e8ee;border-radius:16px;font-size:.875rem;font-weight:500;font-family:inherit;color:#4a4a68;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s ease,background .2s ease,color .2s ease}.nav-filter-btn:hover,.nav-filter-btn.active{border-color:#10b981;background:#fff;color:#1a1a2e}.nav-filter-label-short{display:none}.nav-filter-count{display:inline-flex;align-items:center;padding:.125rem .5rem;background:linear-gradient(135deg, #14b8a6, #0d9488);color:#fff;font-weight:600;font-size:.75rem;border-radius:9999px;white-space:nowrap;margin-left:6px}.nav-inline-search{position:relative;flex:1;min-width:0;max-width:65vw}.nav-inline-search .autocomplete-dropdown{max-height:185px}.nav-inline-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#4a4a68;pointer-events:none}.nav-inline-input{width:100%;height:44px;padding:0 1rem 0 2.25rem;font-size:.875rem;font-family:inherit;border:1px solid #e8e8ee;border-radius:16px;background:#fafafa;color:#1a1a2e;outline:none;transition:border-color .2s ease,background .2s ease}.nav-inline-input::placeholder{color:#4a4a68}.nav-inline-input:focus{border-color:#10b981;background:#fff}.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-btn--inline{flex-shrink:0;white-space:nowrap}.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-search-icon-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:#fafafa;border:1px solid #e8e8ee;border-radius:16px;color:#4a4a68;cursor:pointer;flex-shrink:0;transition:border-color .2s ease,background .2s ease,color .2s ease}.nav-search-icon-btn:hover,.nav-search-icon-btn.active{border-color:#10b981;background:#fff;color:#1a1a2e}.nav-mobile-search-flyout{display:none;position:fixed;top:72px;left:.5rem;right:.5rem;z-index:999;background:#fff;border:2px solid #2dd4bf;border-radius:16px;padding:.75rem;gap:.5rem;box-shadow:0 20px 60px rgba(0,0,0,.08);animation:searchPanelSlideDown .2s ease}.nav-mobile-search-wrapper{flex:1;min-width:0}.nav-mobile-search-input{padding-left:2.25rem}.nav-mobile-search-btn{flex-shrink:0;white-space:nowrap;padding:.625rem 1rem;font-size:.875rem}@media(max-width: 640px){.nav-mobile-search-flyout{display:flex;align-items:center}}.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}}@media(max-width: 640px){.nav-container{gap:.5rem}.nav-filter-label-full{display:none}.nav-filter-label-short{display:inline}.nav-filter-btn{min-width:0;flex-shrink:1}.logo{gap:.4rem;flex-shrink:1;min-width:0}.logo .logo-text{font-size:1rem}.logo .logo-img{width:40px;height:40px;flex-shrink:0}.nav-inline-search{display:none}.nav-search-icon-btn{display:flex}.nav-search-controls--no-query-tool .nav-inline-search{display:flex}.pet-dropdown{display:none}.search-panel{position:fixed;top:72px;left:.5rem;right:.5rem;overflow:visible}.search-panel-input-row{flex-direction:column;align-items:stretch}.search-panel-input-row .pet-toggle-wrapper{width:100%}.autocomplete-dropdown{max-height:35dvh}.autocomplete-dropdown .autocomplete-item{padding:.75rem}.ingredient-action{min-width:36px;min-height:36px}}.hero{background:#fff}.hero-dark{background:linear-gradient(135deg, #334155, #0e7490);padding:2rem 1.5rem 5rem}.hero-dark-content{max-width:1024px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:0}.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;margin-bottom:1rem;padding-bottom:1rem}.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:385px;height:auto;border-radius:20px;opacity:1;margin-bottom:0;margin-right:-3.5rem}.hero-learn-about{max-width:1024px;margin:1.5rem auto 0;padding:0 1.5rem}@media(max-width: 600px){.hero-learn-about{padding:0;margin-top:.75rem}}.hero-learn-about .learn-about-card{margin-top:0}.hero-or-divider{display:flex;align-items:center;gap:1rem;max-width:1024px;margin:1.25rem auto 0;padding:0 1.5rem}.hero-or-divider::before,.hero-or-divider::after{content:"";flex:1;height:1px;background:hsla(0,0%,100%,.25)}.hero-or-divider span{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:hsla(0,0%,100%,.6)}.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}.learn-about-card{background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.2);margin-top:1.25rem}.learn-about-card .search-label-learn{display:block;font-size:1.2rem;font-weight:700;color:#1f2937}@media(max-width: 768px){.learn-about-card .search-label-learn{font-size:1rem}}.learn-about-card .learn-about-content{display:flex;flex-direction:row;align-items:stretch;gap:.625rem;padding:1.25rem}@media(max-width: 768px){.learn-about-card .learn-about-content{padding:.75rem 1rem;flex-wrap:wrap}}.learn-about-card .learn-about-left{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}@media(max-width: 600px){.learn-about-card .learn-about-left{flex:0 0 100%}}.learn-about-card .learn-about-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.learn-about-card .search-input{padding-top:.5rem;padding-bottom:.5rem}.learn-about-card .btn-at-a-glance--banner{display:flex;flex-direction:row;align-items:center;gap:.625rem;flex:0 0 230px;min-width:0;width:230px}@media(max-width: 600px){.learn-about-card .btn-at-a-glance--banner{flex:0 0 100%;width:100%}}.learn-about-card .btn-at-a-glance--banner{height:auto;align-self:stretch;padding:.45rem .75rem;border-radius:12px;border:1.5px solid #e8e8ee;background:#fafafa;cursor:pointer;transition:border-color .2s ease,background .2s ease,filter .2s ease;position:relative;text-align:left}.learn-about-card .btn-at-a-glance--banner:disabled{opacity:.6;cursor:default}.learn-about-card .btn-at-a-glance--banner.has-data{border-color:#d1d5db;background:#fff}.learn-about-card .btn-at-a-glance--banner.has-data:hover{border-color:#10b981}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.low){background:linear-gradient(to right, #f0fdf4, #ecfdf5);border-color:#86efac}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.low):hover{border-color:#4ade80}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.medium){background:linear-gradient(to right, #fefce8, #fef9c3);border-color:#fde047}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.medium):hover{border-color:#facc15}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.high){background:linear-gradient(to right, #fef2f2, #fee2e2);border-color:#fca5a5}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.high):hover{border-color:#f87171}.learn-about-card .btn-at-a-glance--banner .glance-risk-badge{flex-shrink:0}.learn-about-card .btn-at-a-glance--banner:hover:not(:disabled){filter:brightness(0.95)}.learn-about-card .btn-at-a-glance--banner .glance-banner-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.learn-about-card .btn-at-a-glance--banner .glance-risk-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4a4a68}.learn-about-card .btn-at-a-glance--banner .glance-risk-text{font-size:.8rem;color:#1a1a2e}.learn-about-card .btn-at-a-glance--banner .glance-risk-text strong{color:#15803d}.learn-about-card .btn-at-a-glance--banner:has(.glance-risk-badge.medium) .glance-risk-text strong{color:#a16207}.learn-about-card .btn-at-a-glance--banner:has(.glance-risk-badge.high) .glance-risk-text strong{color:#b91c1c}.learn-about-card .btn-at-a-glance--banner .glance-click-hint{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#d1d5db;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.learn-about-card .btn-at-a-glance--banner.has-data .glance-click-hint{background:#91d8b1}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.medium) .glance-click-hint{background:#fcd34d}.learn-about-card .btn-at-a-glance--banner.has-data:has(.glance-risk-badge.high) .glance-click-hint{background:#fca5a5}.learn-about-card .aggregate-rating{display:flex;align-items:center;overflow:visible;flex-shrink:0}.learn-about-card .rating-info-icon{position:relative;display:inline-flex;align-items:center;flex-shrink:0;color:#9ca3af;cursor:default;margin-left:.25rem;padding:2px;overflow:visible}.learn-about-card .rating-info-icon .rating-info-circle{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;font-size:.6rem;font-weight:700;font-style:normal}.learn-about-card .rating-info-icon:hover{color:#4b5563}.learn-about-card .rating-info-icon:hover .rating-tooltip{opacity:1;pointer-events:auto}.learn-about-card .rating-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:.7rem;font-weight:500;white-space:nowrap;padding:.3rem .6rem;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s ease}.learn-about-card .rating-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid rgba(0,0,0,0);border-top-color:#1f2937}.learn-about-card .btn-deep-dive{flex:none;flex-shrink:0;flex-direction:column;justify-content:center;padding:.5rem 1rem;gap:.4rem;width:auto;min-width:8rem}@media(max-width: 600px){.learn-about-card .btn-deep-dive{width:100%;flex-direction:row;padding:.5rem 1rem;gap:.5rem}}.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-card{background:#fff;border-radius:20px;box-shadow:0 30px 50px -20px rgba(0,0,0,.25)}.sw-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0;padding:0;line-height:1.2}.sw-subtitle{font-size:.875rem;color:#4a4a68;margin:2px 0 0 0;padding:0;line-height:1.2}@media(max-width: 640px){.sw-subtitle{font-size:.75rem}}.sw-title-block{display:flex;flex-direction:column;gap:.125rem}.sw-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid #d1d5db}@media(max-width: 640px){.sw-top-row{flex-wrap:wrap;align-items:flex-start;padding:0 0 .625rem;gap:.5rem}.sw-top-row .sw-title-block{order:1;flex:1}.sw-top-row .pet-toggle-wrapper{order:2;flex:0 0 auto}.sw-top-row .pet-toggle-wrapper .pet-toggle-label{display:none}.sw-top-row .sw-count{order:3;flex:0 0 100%;justify-content:center;border-top:1px solid #d1d5db;margin-top:.75rem;padding-top:.625rem}}.sw-count{display:flex;flex-direction:row;align-items:center;gap:.75rem;min-width:0}.sw-count-number{font-size:2rem;font-weight:700;color:#1f2937;line-height:1;flex-shrink:0;transition:opacity .15s ease}@media(max-width: 640px){.sw-count-number{font-size:1.5rem}}.sw-count-number.loading{opacity:.45}.sw-count-text{font-size:.8125rem;color:#4b5563;line-height:1.4}@media(max-width: 640px){.sw-count-text{font-size:.7rem}}.bucket-picker-dismiss{position:fixed;inset:0;z-index:1050}.bucket-picker-card{position:fixed;z-index:1051;display:flex;flex-direction:column;gap:.5rem;padding:.625rem;background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.08);border:1.5px solid #e8e8ee;width:220px;animation:bucket-picker-in .12s cubic-bezier(0.34, 1.4, 0.64, 1)}@keyframes bucket-picker-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.bucket-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;border-radius:16px;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease}.bucket-btn--include{background:#dcfce7;border-color:#86efac;color:#15803d}.bucket-btn--include:hover,.bucket-btn--include.focused{background:#bbf7d0;border-color:#4ade80}.bucket-btn--avoid{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.bucket-btn--avoid:hover,.bucket-btn--avoid.focused{background:#fecaca;border-color:#f87171}.sw-ingredient-lists{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.625rem}.sw-ingredient-lists-top{display:flex;justify-content:flex-end;margin-bottom:.25rem}.sw-clear-all{font-size:.75rem;color:#4a4a68;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.sw-clear-all:hover{color:#374151}.sw-ingredient-group{display:flex;align-items:flex-start;gap:.625rem}.sw-group-label{font-size:.8125rem;font-weight:700;flex-shrink:0;padding-top:.3rem}.sw-group-label--include{color:#15803d}.sw-group-label--avoid{color:#b91c1c}.sw-group-chips{display:flex;flex-wrap:wrap;gap:.375rem}.sw-filter-label{display:block;font-size:1rem;font-weight:700;color:#38756f;margin-bottom:.75rem}.sw-chips-area{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem;min-height:80px;padding:.625rem .75rem;background:#fafafa;border:2px dashed #d1d5db;border-radius:16px;margin-top:1rem;margin-bottom:1rem}.sw-chips-area:has(.sw-chips-empty){align-content:center}.sw-chips-empty{width:100%;text-align:center;font-size:.875rem;color:#4a4a68;margin:auto;padding:.25rem 0}.search-content{padding:1.25rem}.section-label{display:block;font-size:.875rem;font-weight:500;color:#4a4a68;margin-bottom:.75rem}.search-input-wrapper{position:relative;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{position:relative;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 .allergy-chip-name-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;display:inline-flex;align-items:center}.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}.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}.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-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)}}.bar-track{fill:#e5e7eb}.bar-fill{fill:#99f6e4}.btn-at-a-glance.has-data .bar-fill{fill:#14b8a6}.bar-label{fill:#9ca3af;font-size:7px;font-weight:600;font-family:inherit}.btn-at-a-glance.has-data .bar-label{fill:#6b7280}.bar-midline{stroke:#9ca3af;stroke-width:.75;stroke-dasharray:2 2}.bar-avg-label{fill:#9ca3af;font-size:5.5px;font-family:inherit}.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{flex:1;min-width:180px;height:100%;display:flex;flex-direction:column;padding:0;background:none;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.btn-at-a-glance:disabled{cursor:not-allowed;opacity:1}.btn-at-a-glance:hover:not(:disabled) .glance-risk-card{border-color:#86efac;box-shadow:0 4px 12px rgba(34,197,94,.15)}.glance-risk-card{display:flex;flex:1;align-items:center;gap:.75rem;background:linear-gradient(to bottom right, #f0fdf4, #ecfdf5);border:2px solid #86efac;border-radius:20px;padding:1rem .75rem;min-height:60px;transition:all .2s ease;box-sizing:border-box}.glance-risk-card--empty{background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border-color:#e8e8ee}.glance-risk-card:has(.glance-risk-badge.medium){background:linear-gradient(to bottom right, #fefce8, #fef9c3);border-color:#fde047}.glance-risk-card:has(.glance-risk-badge.high){background:linear-gradient(to bottom right, #fef2f2, #fee2e2);border-color:#fca5a5}.glance-risk-badge{flex-shrink:0;width:3rem;border-radius:16px;padding:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:#fff;background:#d1d5db}.glance-risk-badge svg{width:16px;height:16px}.glance-risk-badge span{font-size:.6rem;font-weight:700;letter-spacing:.05em}.glance-risk-badge.low{background:#22c55e}.glance-risk-badge.medium{background:#eab308}.glance-risk-badge.high{background:#ef4444}.glance-risk-content{flex:1;min-width:0;text-align:left}.glance-risk-title{font-size:.8125rem;font-weight:700;color:#1a1a2e;margin-bottom:.25rem}.glance-risk-text{font-size:.75rem;color:#4b5563;line-height:1.4}.glance-risk-text strong{color:#15803d;font-weight:600}.glance-risk-card:has(.glance-risk-badge.medium) .glance-risk-text strong{color:#a16207}.glance-risk-card:has(.glance-risk-badge.high) .glance-risk-text strong{color:#b91c1c}.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}.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}.btn-search--compact{width:auto;padding:1.2rem 2rem;font-size:1rem;margin-top:1.5rem;box-shadow:none}@media(max-width: 600px){.btn-search--compact{width:100%}}.no-allergies-placeholder{padding:1rem;width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:16px;text-align:center}.no-allergies-placeholder p{font-size:.875rem;color:#4a4a68;margin:0}.no-allergies-placeholder--compact{min-height:unset;padding:.4rem 1rem;width:33%;border-radius:6px}.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}.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.active,.autocomplete-item:hover,.autocomplete-item.active{background:rgba(175,255,250,.419)}.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%;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;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;flex-shrink:0;padding:1.75rem 2rem 1rem;border-bottom:1px solid #f5f5f5}.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-scroll-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.aag-section-divider{height:1px;background:#f5f5f5;flex-shrink:0}.aag-scroll-body .allergy-risk-card{margin:1rem 1.5rem;flex-shrink:0}.aag-body{display:flex;gap:2rem;align-items:flex-start;padding:1.5rem 2rem 1.75rem;flex-shrink:0}@media(max-width: 640px){.aag-body{flex-direction:column;gap:1rem}}@media(max-width: 640px){.aag-modal{border-radius:20px;min-width:0;box-sizing:border-box}.aag-header{padding:.875rem 1rem .75rem}.aag-scroll-body .allergy-risk-card{margin:.75rem 1rem}.aag-body{padding:1rem 1rem 1.25rem}.aag-chart-wrap{width:100%}.aag-chart-wrap svg{width:180px;height:180px}.aag-subtitle{white-space:normal}.aag-header{flex-direction:column-reverse;align-items:flex-end;gap:.25rem}.aag-header .aag-title-group{width:100%}.aag-metrics{min-width:0;overflow:hidden}.aag-metric-pct{font-size:.75rem;white-space:normal}}.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}.aag-footer{padding:0 2rem 1.5rem;flex-shrink:0}@media(max-width: 640px){.aag-footer{padding:0 1rem 1.25rem}}.aag-learn-more-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.75rem 1rem;background:linear-gradient(to right, #0d9488, #14b8a6);color:#fff;border-radius:16px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.1);box-sizing:border-box}.aag-learn-more-btn:hover{background:linear-gradient(to right, #0f766e, #0d9488);box-shadow:0 4px 15px rgba(16,185,129,.3);color:#fff}@media(max-width: 640px){.ingredient-action{width:22px;height:22px;min-width:0;min-height:0}.ingredient-action svg{width:12px;height:12px}}.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:80px;height:26px;background:linear-gradient(to right, #fffbeb, #fef3c7);border:2px solid #fcd34d;border-radius:9999px;cursor:pointer;font-family:inherit;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:.6875rem;font-weight:700;color:#92400e;transition:opacity .2s ease}.toggle-label-left.hidden,.toggle-label-right.hidden{opacity:0}.toggle-label-left{left:10px}.toggle-label-right{right:10px}.toggle-slider{position:absolute;top:-4px;left:-3px;width:44px;height:30px;background:#fff;border-radius:9999px;border:2px solid #fcd34d;box-shadow:0 2px 6px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;transition:left .3s ease}.toggle-slider.right{left:35px}.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(5, 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:#9ca3af;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:#9ca3af;background:none;border:none;border-radius:0;text-decoration:none;transition:color .2s ease;position:relative}.search-link svg{display:none}.search-link:hover{color:#2dd4bf;box-shadow:none;border-color:rgba(0,0,0,0)}.search-link[data-tooltip]::before,.search-link[data-tooltip]::after{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);pointer-events:none;opacity:0;transition:opacity .2s ease}.search-link[data-tooltip]::before{content:"";border:5px solid rgba(0,0,0,0);border-top-color:#374151;bottom:calc(100% + 1px);z-index:10}.search-link[data-tooltip]::after{content:attr(data-tooltip);background:#374151;color:#e5e7eb;font-size:.75rem;white-space:nowrap;padding:.375rem .625rem;border-radius:4px;z-index:10}.search-link[data-tooltip]:hover::before,.search-link[data-tooltip]:hover::after{opacity:1}.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:#586372;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}.pill-popup-trigger{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;color:inherit;font:inherit}.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:normal;text-transform:capitalize}.pill-risk-icon{flex-shrink:0;display:inline-flex;align-items:center}.pill-risk-icon--allergen{color:#d97706}.pill-risk-icon--safe{color:#16a34a}.ingredient .pill-risk-icon{background:#fff;border-radius:50%;width:16px;height:16px;justify-content:center}.filter-pill[data-tooltip]{position:relative}.filter-pill[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;font-size:.7rem;font-weight:500;white-space:nowrap;padding:.3rem .55rem;border-radius:6px;pointer-events:none;z-index:20;opacity:0;transition:opacity .15s ease}.filter-pill[data-tooltip]:hover::after{opacity:1}.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}.ing-popup-dismiss{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,0);cursor:default}.ing-popup-card{position:absolute;z-index:1201;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);border:1px solid #e8e8ee;width:290px;max-width:calc(100vw - 16px);overflow:hidden;animation:ing-card-in .15s cubic-bezier(0.16, 1, 0.3, 1) both}@keyframes ing-card-in{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ing-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.875rem .875rem .75rem;border-bottom:1px solid #e8e8ee}.ing-popup-title-group{display:flex;flex-direction:column;gap:.45rem;min-width:0}.ing-popup-name{font-size:1rem;font-weight:700;color:#1a1a2e;line-height:1.2}.ing-popup-badges{display:flex;flex-wrap:wrap;gap:.3rem}.ing-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.ing-badge--title{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.ing-badge--type{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.ing-badge--food{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.ing-badge--nonfood{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.ing-badge--meat{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.ing-badge--plant{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ing-badge--additive{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.ing-popup-close{flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,0);color:#9ca3af;cursor:pointer;transition:background .2s ease,color .2s ease}.ing-popup-close:hover{background:#f5f5f5;color:#374151}.ing-popup-stats{padding:.5rem .875rem;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:column;gap:.25rem}.ing-popup-stat{display:flex;align-items:baseline;gap:.4rem;font-size:.78rem}.ing-popup-stat-value{font-weight:700;color:#000;min-width:2.5rem}.ing-popup-stat-label{color:#4a4a68}.ing-popup-info{padding:.625rem .875rem;border-bottom:1px solid #f5f5f5}.ing-popup-info-text{font-size:.8rem;color:#4a4a68;margin:0}.ing-popup-actions{display:flex;flex-direction:column;gap:.4rem;padding:.625rem .75rem .75rem}.ing-popup-action{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease;width:100%;font-family:inherit;background:rgba(0,0,0,0)}.ing-popup-action .ing-popup-action-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%}.ing-popup-action span{line-height:1.35}.ing-popup-action--include{border:1.5px solid #a7f3d0;color:#065f46}.ing-popup-action--include .ing-popup-action-icon{background:#d1fae5;color:#059669}.ing-popup-action--include:hover{background:#f0fdf9}.ing-popup-action--exclude{border:1.5px solid #fca5a5;color:#991b1b}.ing-popup-action--exclude .ing-popup-action-icon{background:#fee2e2;color:#dc2626}.ing-popup-action--exclude:hover{background:#fff5f5}.feat-popup-dismiss{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,0);cursor:default}.feat-popup-card{position:absolute;z-index:1201;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);border:1px solid #e8e8ee;width:290px;max-width:calc(100vw - 16px);overflow:hidden;animation:feat-card-in .15s cubic-bezier(0.16, 1, 0.3, 1) both}@keyframes feat-card-in{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.feat-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.875rem .875rem .75rem;border-bottom:1px solid #e8e8ee}.feat-popup-title-group{display:flex;flex-direction:column;gap:.45rem;min-width:0}.feat-popup-name{font-size:1rem;font-weight:700;color:#1a1a2e;line-height:1.2}.feat-popup-badges{display:flex;flex-wrap:wrap;gap:.3rem}.feat-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.feat-badge--category{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.feat-badge--present{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.feat-badge--absent{background:#f5f5f5;color:#6b7280;border:1px solid #d1d5db}.feat-popup-close{flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,0);color:#9ca3af;cursor:pointer;transition:background .2s ease,color .2s ease}.feat-popup-close:hover{background:#f5f5f5;color:#374151}.feat-popup-body{padding:.625rem .875rem;border-bottom:1px solid #f5f5f5}.feat-popup-body p{font-size:.8rem;color:#4b5563;line-height:1.55;margin:0}.feat-popup-actions{padding:.625rem .75rem .75rem}.feat-popup-action{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .2s ease;width:100%;font-family:inherit;background:rgba(0,0,0,0);border:1.5px solid #a7f3d0;color:#065f46}.feat-popup-action .feat-popup-action-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#d1fae5;color:#059669}.feat-popup-action span{line-height:1.35}.feat-popup-action:hover{background:#f0fdf9}.mgauge-popup-dismiss{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,0);cursor:default}.mgauge-popup-card{position:absolute;z-index:1201;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);border:1px solid #e8e8ee;width:300px;max-width:calc(100vw - 16px);overflow:hidden;animation:mgauge-card-in .15s cubic-bezier(0.16, 1, 0.3, 1) both}@keyframes mgauge-card-in{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mgauge-popup-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.875rem .875rem .75rem;border-bottom:1px solid #e8e8ee;background:linear-gradient(135deg, #f0fdfa, #ffffff)}.mgauge-popup-title-group{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mgauge-popup-value{font-size:1.4rem;font-weight:700;color:#0d9488;line-height:1.1;letter-spacing:-0.02em}.mgauge-popup-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.mgauge-popup-close{flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,0);color:#9ca3af;cursor:pointer;transition:background .2s ease,color .2s ease}.mgauge-popup-close:hover{background:#f5f5f5;color:#374151}.mgauge-popup-comparison{display:flex;align-items:center;gap:.4rem;padding:.6rem .875rem;font-size:.78rem;font-weight:500;color:#0d9488;background:#f0fdfa;border-bottom:1px solid #ccfbf1}.mgauge-popup-comparison svg{flex-shrink:0;opacity:.8}.mgauge-popup-body{padding:.75rem .875rem .875rem}.mgauge-popup-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 .4rem}.mgauge-popup-explanation{font-size:.8rem;color:#4b5563;line-height:1.6;margin:0}.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;min-height:3.2em}.food-navigator-content{max-width:1400px;margin:0 auto;padding:1.5rem}.search-bar-container{margin-bottom:.75rem}.ingredient-conversion-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem;margin-bottom:1rem;background:rgba(81,177,162,.07);border:1.5px solid rgba(81,177,162,.25);border-radius:20px;font-size:.875rem}.ingredient-conversion-banner .conversion-label{color:#4a4a68;white-space:nowrap}.ingredient-conversion-banner .conversion-chips{display:flex;flex-wrap:wrap;gap:.35rem}.ingredient-conversion-banner .conversion-chip{padding:.2rem .65rem;background:rgba(81,177,162,.12);color:#51b1a2;border-radius:9999px;font-weight:600;font-size:.8rem;text-transform:capitalize}.ingredient-conversion-banner .conversion-apply-btn{margin-left:auto;padding:.3rem .9rem;background:#51b1a2;color:#fff;border:none;border-radius:16px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.ingredient-conversion-banner .conversion-apply-btn:hover{opacity:.85}.ingredient-conversion-banner .conversion-dismiss-btn{padding:.3rem .5rem;background:none;border:none;color:#4a4a68;font-size:.9rem;cursor:pointer;line-height:1;transition:color .2s ease}.ingredient-conversion-banner .conversion-dismiss-btn:hover{color:#1a1a2e}.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 4rem;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);opacity:1;transition:opacity .2s ease 100ms}.stats-overview.stats-overview--stale{opacity:.6;transition:opacity .15s ease}.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}@media(max-width: 640px){.stats-overview{grid-template-columns:repeat(2, 1fr);gap:.625rem;padding:.75rem}.stats-overview .stat-item{gap:.375rem}.stats-overview .stat-icon{width:16px;height:16px}.stats-overview .stat-value{font-size:1.1rem}.stats-overview .stat-label{font-size:.7rem}}.food-navigator-layout{display:grid;grid-template-columns:260px 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}}.filters-sidebar-body{display:flex;flex-direction:column;gap:1rem}.apply-card{position:sticky;top:calc(60px + 2rem);z-index:20}.apply-card .apply-card-btn{box-shadow:0 4px 16px rgba(0,0,0,.18)}@media(max-width: 1024px){.apply-card{display:none}}.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:color .2s ease,background .2s ease,border-color .2s ease,filter .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.apply-card-btn.dirty{color:#fff;background:linear-gradient(135deg, #51b1a2, #06b6d4);border-color:rgba(0,0,0,0);cursor:pointer}.apply-card-btn.dirty:hover{filter:brightness(1.05)}@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;display:inline-flex;align-items:center;gap:.375rem}.filter-card-title .title-icon.include{color:#16a34a;font-weight:800}.filter-card-title .title-icon.exclude{color:#dc2626;font-weight:800}.filter-section-badge{display:inline-flex;align-items:center;justify-content:center;background:#51b1a2;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;flex-shrink:0;line-height:1}.filter-card-header-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.filter-options-count{font-size:.75rem;color:#4a4a68;font-weight:400}.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}.ingredient-more-hint{margin-top:.375rem;padding-top:.5rem;border-top:1px solid #e8e8ee;font-size:.75rem;color:#4a4a68;text-align:center;font-style:italic}.ingredient-search-box{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.ingredient-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#4a4a68;pointer-events:none}.ingredient-search-input{width:100%;padding:.375rem 1.75rem .375rem 1.75rem;font-size:.8125rem;font-family:inherit;color:#1a1a2e;background:#fafafa;border:1px solid #e8e8ee;border-radius:16px;outline:none;transition:border-color .2s ease}.ingredient-search-input::placeholder{color:#4a4a68}.ingredient-search-input:focus{border-color:#51b1a2;background:#fff}.ingredient-search-clear{position:absolute;right:.5rem;display:flex;align-items:center;background:none;border:none;cursor:pointer;color:#4a4a68;padding:0}.ingredient-search-clear:hover{color:#1a1a2e}.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:600}.tristate-hint .exclude{color:#dc2626;font-weight:600}.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;min-height:3.5rem}.selected-filters-header{display:flex;align-items:center;justify-content:space-between}.selected-filters-header.has-filters{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-search-card{padding:.75rem 1rem !important;overflow:visible;min-height:3.5rem}.filter-search-card .autocomplete-dropdown{z-index:9999;left:0;right:auto;min-width:320px;max-height:none}.filter-combobox{position:relative;width:100%}.filter-combobox-input{width:100%;padding:.5rem .875rem .5rem 2.125rem;font-size:.9375rem;font-family:inherit;color:#1a1a2e;background:#fafafa;border:1px solid #e8e8ee;border-radius:16px;outline:none;transition:border-color .2s ease}.filter-combobox-input::placeholder{color:#4a4a68}.filter-combobox-input:focus{border-color:#51b1a2;background:#fff}.filter-legend{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#4a4a68;padding-left:.75rem;border-left:2px solid #e8e8ee;margin-left:.25rem}.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;align-items:center;gap:.5rem;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;display:flex;align-items:center;gap:.5rem}.results-header-middle{display:flex;align-items:center;gap:.625rem}.results-header-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right}.results-count{font-size:.875rem;color:#4a4a68}.results-subtitle{font-size:.75rem;color:#4a4a68;font-style:italic;max-width:14rem;text-align:right;margin-left:auto}.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 th:first-child,.food-table td:first-child{padding-left:.875rem}.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.product-row{position:relative}.food-table .row-link{position:absolute;inset:0;z-index:1}.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:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.product-food-format{font-size:.75rem;font-weight:500;color:#4a4a68}.ingredient-match-score{font-size:.7rem;font-weight:600;color:#4a4a68}.ingredient-match-score--full{color:#51b1a2}.product-image-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;overflow:visible}.allergy-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;margin-top:4px;cursor:pointer;flex-shrink:0;position:relative;z-index:3;transition:transform .15s ease,background .15s ease}.allergy-icon::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:0;transform:none;background:#1a1a2e;color:#fff;font-size:.7rem;font-weight:500;white-space:nowrap;padding:.3rem .55rem;border-radius:6px;pointer-events:none;z-index:10;opacity:0;transition:opacity .15s ease}.allergy-icon:hover{transform:scale(1.15)}.allergy-icon:hover::after{opacity:1}.allergy-icon--low{color:#166534;background:#dcfce7}.allergy-icon--low:hover{background:#bbf7d0}.allergy-icon--medium{color:#92400e;background:#fef3c7}.allergy-icon--medium:hover{background:#fde68a}.allergy-icon--high{color:#991b1b;background:#fee2e2}.allergy-icon--high:hover{background:#fecaca}.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;position:relative;z-index:2}.cell-nutrition{min-width:170px;padding-right:1.25rem !important}.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;white-space:nowrap}.price-per-unit{font-size:.7rem;color:#51b1a2;font-weight:600}.price-per-lb{font-size:.75rem;font-weight:500;color:#49a295}@keyframes table-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.product-row--skeleton{cursor:default;pointer-events:none}.product-row--skeleton td{vertical-align:middle;height:73px}.sk{background:linear-gradient(90deg, #f5f5f5 25%, #e8e8ee 50%, #f5f5f5 75%);background-size:200% 100%;animation:table-shimmer 1.4s ease-in-out infinite;border-radius:8px}.sk-thumb{width:56px;height:56px;border-radius:12px;flex-shrink:0}.sk-product-image-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.sk-product-details{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}.sk-brand{width:70px;height:11px}.sk-name{width:150px;height:13px}.sk-rating{width:62px;height:13px}.sk-price{width:52px;height:14px;margin-left:auto}.sk-nutr{width:46px;height:11px}.sk-nutr--fat{width:36px}.sk-pill{width:68px;height:24px;border-radius:9999px}.sk-pill--sm{width:50px}.sk-pill--lg{width:90px}.sk-pills{display:flex;flex-wrap:wrap;gap:.375rem}.sk-nutrition{display:flex;flex-direction:column;gap:.3rem}.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}.mobile-filter-toggle-bar{display:none}.mobile-filter-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#1a1a2e;background:#fff;border:2px solid #e8e8ee;border-radius:20px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .2s ease;flex:1}.mobile-filter-toggle-btn:hover{border-color:#51b1a2;color:#49a295}.mobile-action-btn{display:none}.mobile-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;font-size:.75rem;font-weight:700;color:#fff;background:#51b1a2;border-radius:9999px}.mobile-filter-close-row{display:none}.mobile-filter-overlay{display:none}.mobile-sort-btn{display:none}.mobile-sort-overlay{display:none}.mobile-sort-drawer{display:none}@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: 640px){.search-bar-row{flex-wrap:wrap;gap:.5rem}.search-bar-row .pet-toggle-wrapper{flex:1}.search-bar-row .search-submit-btn{flex-shrink:0}.search-bar-row .autocomplete-wrapper{flex:0 0 100%;order:1}.mobile-filter-toggle-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .875rem;font-size:.9rem;font-weight:600;font-family:inherit;border-radius:20px;cursor:pointer;flex:0 0 auto;color:#1a1a2e;background:#fff;border:2px solid #e8e8ee;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .2s ease}.mobile-action-btn:hover{border-color:#51b1a2;color:#49a295}.mobile-action-btn.dirty{color:#fff;background:linear-gradient(135deg, #51b1a2, #06b6d4);border:none;box-shadow:0 10px 40px rgba(0,0,0,.1);animation:pulse-glow 2s ease-in-out infinite}.search-submit-btn{display:none}.search-bar-row .pet-toggle-wrapper{display:none}.filters-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(92vw,380px);z-index:1050;background:#fff;overflow:hidden;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 24px rgba(0,0,0,.15);padding:0;gap:0}.filters-sidebar.mobile-open{transform:translateX(0)}.mobile-filter-close-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e8e8ee;flex-shrink:0;background:#fff}.mobile-filter-close-title{font-size:1rem;font-weight:700;color:#1a1a2e}.mobile-filter-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;display:flex;align-items:center}.mobile-filter-close-btn:hover{color:#1a1a2e}.filters-sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;padding:1rem 0 1.5rem}.filter-card,.tips-card,.return-top-btn{flex-shrink:0}.filter-card{margin:0 1rem}.tips-card{margin:0 1rem}.return-top-btn{margin:0 1rem}.mobile-filter-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1049}.food-navigator-layout{grid-template-columns:1fr}.results-header{flex-wrap:wrap;padding:.75rem;gap:.375rem .5rem;align-items:center}.results-header-left{flex:1;min-width:0;order:1}.results-header-right{order:2;flex:0 0 auto;margin-left:0;align-items:flex-end;text-align:right}.results-header-middle{order:3;flex:0 0 100%;flex-wrap:wrap;gap:.375rem}.results-subtitle{order:4;flex:0 0 100%;text-align:left;max-width:none;font-size:.75rem;padding-top:.625rem;margin-top:.25rem;border-top:1px solid #e8e8ee}.results-title{font-size:1rem}.results-count{font-size:.75rem}.filter-search-card .autocomplete-dropdown{right:0;min-width:0;max-height:50dvh}.mobile-sort-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#1a1a2e;background:#fff;border:2px solid #e8e8ee;border-radius:20px;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;transition:all .2s ease}.mobile-sort-btn:hover{border-color:#51b1a2;color:#49a295}.mobile-sort-badge{width:8px;height:8px;border-radius:50%;background:#51b1a2;flex-shrink:0}.mobile-sort-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1049}.mobile-sort-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(85vw,300px);background:#fff;z-index:1050;transform:translateX(100%);transition:transform .25s ease;box-shadow:-4px 0 24px rgba(0,0,0,.15);overflow:hidden}.mobile-sort-drawer.mobile-open{transform:translateX(0)}.mobile-sort-close-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e8e8ee;flex-shrink:0}.mobile-sort-close-title{font-size:1rem;font-weight:700;color:#1a1a2e}.mobile-sort-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;display:flex;align-items:center}.mobile-sort-close-btn:hover{color:#1a1a2e}.mobile-sort-body{flex:1;overflow-y:auto;padding:.75rem 0;display:flex;flex-direction:column}.mobile-sort-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f5f5f5}.mobile-sort-row:last-child{border-bottom:none}.mobile-sort-row .sort-range-inputs{margin-top:.125rem}.mobile-sort-row-top{display:flex;align-items:center;justify-content:space-between}.mobile-sort-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#1a1a2e}.mobile-sort-dir-btns{display:flex;gap:.375rem}.mobile-sort-dir-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;font-family:inherit;color:#4b5563;background:#f5f5f5;border:1.5px solid #e8e8ee;border-radius:12px;cursor:pointer;transition:all .2s ease}.mobile-sort-dir-btn:hover:not(.active){border-color:#51b1a2;color:#49a295;background:rgba(81,177,162,.05)}.mobile-sort-dir-btn.active{background:#51b1a2;border-color:#51b1a2;color:#fff}.mobile-sort-clear-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:.75rem 1rem 0;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:#be123c;background:#fff1f2;border:1.5px solid #fecdd3;border-radius:12px;cursor:pointer;transition:all .2s ease}.mobile-sort-clear-btn:hover{background:#ffe4e6}.food-table-container{overflow-x:visible}.food-table{display:block;min-width:0}.food-table thead{display:none}.food-table tbody{display:flex;flex-direction:column;gap:0}.food-table tbody tr{display:grid;grid-template-areas:"product  rating" "product  nutrition" "ingredients ingredients" "features features" "price price";grid-template-columns:1fr 140px;gap:.5rem .75rem;padding:.875rem;border:none;border-bottom:1px solid #e8e8ee;border-radius:0;background:rgba(0,0,0,0)}.food-table tbody tr:nth-child(even){background:rgba(0,0,0,0)}.food-table tbody tr:last-child{border-bottom:none}.food-table tbody tr:hover{background:rgba(0,0,0,0)}.food-table tbody tr:nth-child(even):hover{background:rgba(0,0,0,0)}.food-table td{display:block;padding:0 !important;min-width:0}.food-table .cell-product{grid-area:product}.food-table .cell-rating{grid-area:rating;align-self:start;text-align:right}.food-table .cell-ingredients{grid-area:ingredients}.food-table .cell-features{grid-area:features}.food-table .cell-nutrition{grid-area:nutrition;align-self:start}.food-table .cell-price{grid-area:price;text-align:right;padding-right:0 !important;align-self:start}.pill-list{max-width:none}.cell-ingredients:not(:has(.filter-pill)),.cell-features:not(:has(.filter-pill)){display:none}.price-display{align-items:flex-end}.price-main{font-size:1.125rem}.rating-display{flex-direction:row;align-items:center;justify-content:flex-end;gap:.3rem}}@media(max-width: 480px){.selected-filters-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.similar-mode-banner{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f0fdfa;border:1.5px solid #99f6e4;border-radius:16px;margin-bottom:.75rem;font-size:.875rem;color:#1a1a2e}.similar-mode-banner svg{flex-shrink:0;color:#49a295}.similar-mode-banner a{color:#49a295;font-weight:600;text-decoration:none}.similar-mode-banner a:hover{text-decoration:underline}.similar-mode-banner span{flex:1}.similar-mode-exit{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:rgba(0,0,0,0);color:#4a4a68;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.similar-mode-exit:hover{background:#ccfbf1;color:#49a295}.view-more-row{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg, #fffbeb, #fef3c7, #f0fdfa);border-top:2px solid #e8e8ee}.view-more-count{font-size:.875rem;color:#4a4a68}.view-more-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#fff;border:1.5px solid #d1d5db;border-radius:16px;font-size:.875rem;font-weight:500;color:#1a1a2e;text-decoration:none;cursor:pointer;transition:all .2s ease}.view-more-btn:hover{background:#fafafa;border-color:#51b1a2;color:#49a295}.th-sort-btn{display:block;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;width:100%;text-align:left}.th-sort-btn .th-content{border-radius:8px;transition:background .2s ease,color .2s ease}.th-sort-btn .th-sort-chevron{margin-left:auto;color:#9ca3af;flex-shrink:0;transition:color .2s ease,transform .2s ease}.th-sort-btn .th-sort-arrow{color:#51b1a2;flex-shrink:0}.th-sort-btn:hover .th-content{background:rgba(81,177,162,.08);color:#49a295}.th-sort-btn:hover .th-content .th-sort-chevron{color:#51b1a2}.th-sort-btn.sort-panel-open .th-content{background:rgba(81,177,162,.1);color:#49a295}.th-sort-btn.sort-panel-open .th-content .th-sort-chevron{color:#51b1a2;transform:rotate(180deg)}.th-sort-btn.sort-active .th-content{color:#49a295}.sort-clear-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;font-size:.7rem;font-weight:600;color:#be123c;cursor:pointer;transition:background .2s ease,border-color .2s ease}.sort-clear-btn svg{flex-shrink:0}.sort-clear-btn:hover{background:#ffe4e6;border-color:#fda4af}.results-count-filtered{font-size:.8em;color:#6b7280;font-weight:400;margin:0 .25em}.sort-panel-dismiss{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0);cursor:default}.sort-panel-card{position:absolute;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);border:1px solid #e8e8ee;width:300px;max-width:calc(100vw - 16px);overflow:hidden;animation:sort-panel-in .14s cubic-bezier(0.16, 1, 0.3, 1) both}.sort-panel-card--wide{width:360px}@keyframes sort-panel-in{from{opacity:0;transform:translateY(-5px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sort-panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem .625rem;position:relative;border-bottom:1px solid #e8e8ee;font-size:.8rem;font-weight:700;color:#1a1a2e}.sort-panel-header svg{color:#51b1a2;flex-shrink:0}.sort-panel-clear{margin-left:auto;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.2rem;border-radius:8px;color:#9ca3af;cursor:pointer;transition:color .2s ease,background .2s ease}.sort-panel-clear.active{color:#dc2626;background:rgba(220,38,38,.08)}.sort-panel-clear:hover{color:#dc2626;background:rgba(220,38,38,.08)}.sort-panel-clear svg{color:inherit}.sort-panel-clear span{font-size:.72rem;font-weight:500}.sort-panel-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.625rem}.sort-dir-row{display:flex;gap:.4rem}.sort-dir-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:.78rem;font-weight:500;color:#4a4a68;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;font-family:inherit}.sort-dir-btn svg{flex-shrink:0}.sort-dir-btn:hover{border-color:#51b1a2;color:#49a295;background:rgba(81,177,162,.05)}.sort-dir-btn.active{border-color:#51b1a2;background:rgba(81,177,162,.1);color:#49a295;font-weight:600}.sort-dir-btn.active svg{stroke:#49a295}.sort-dir-btn--sm{flex:0 0 auto;padding:.3rem .45rem;min-width:0}.sort-range-row{display:flex;flex-direction:column;gap:.3rem}.sort-range-label{font-size:.72rem;font-weight:600;color:#4a4a68;text-transform:uppercase;letter-spacing:.04em}.sort-range-inputs{display:flex;align-items:center;gap:.35rem}.sort-range-sep{font-size:.8rem;color:#9ca3af;flex-shrink:0}.sort-range-input{flex:1;min-width:0;padding:.3rem .45rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.78rem;font-family:inherit;color:#1a1a2e;background:#fff;transition:border-color .2s ease;appearance:textfield}.sort-range-input:focus{outline:none;border-color:#51b1a2}.sort-range-input::placeholder{color:#9ca3af}.sort-metric-row .sort-range-inputs{min-width:0}.sort-metric-row{display:grid;grid-template-columns:6rem auto minmax(0, 1fr);align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid #f5f5f5}.sort-metric-row:last-child{border-bottom:none}.sort-metric-label{font-size:.75rem;font-weight:600;color:#1a1a2e;white-space:nowrap}.sort-metric-select{width:100%;padding:.18rem .3rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:.78rem;font-weight:500;color:#4a4a68;cursor:pointer;font-family:inherit;appearance:auto;transition:border-color .2s ease,color .2s ease}.sort-metric-select:hover{border-color:#51b1a2;color:#49a295}.sort-metric-select:focus{outline:none;border-color:#51b1a2;color:#49a295}.sort-metric-select.has-value{border-color:#51b1a2;color:#49a295;background:rgba(81,177,162,.06);font-weight:600}.sort-dir-pair{display:flex;gap:.25rem}.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}.breadcrumb-container{padding:.75rem 0 1.25rem;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}.bc-search-crumb{position:relative;display:inline-flex;align-items:center}.bc-search-crumb:hover .bc-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.bc-tooltip{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:#fff;border:1px solid #e8e8ee;border-radius:12px;padding:.625rem .75rem;box-shadow:0 4px 15px rgba(0,0,0,.1);max-width:380px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;white-space:normal;text-align:left}.bc-tooltip--desc{min-width:220px}.bc-tt-row{display:flex;align-items:start;gap:.2rem;font-size:.8rem}.bc-tt-row+.bc-tt-row{margin-top:.25rem}.bc-tt-label{color:#4a4a68;font-weight:500;flex-shrink:0;min-width:2.5rem}.bc-tt-val{color:#1a1a2e}.bc-tt-empty{color:#4a4a68;font-style:italic}.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}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.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-skeleton{width:100%;max-width:220px;height:200px;border-radius:12px;background:linear-gradient(90deg, #f5f5f5 25%, #e8e8ee 50%, #f5f5f5 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.product-image-skeleton--overlay{position:absolute;inset:0;max-width:unset;height:100%}.product-image-wrapper{width:100%;max-width:220px;position:relative}.product-image-wrapper img{width:100%;height:auto;border-radius:12px;position:relative;opacity:0;transition:opacity .25s ease}.product-image-wrapper img.loaded{opacity:1}.image-dots{position:absolute;bottom:.625rem;left:50%;transform:translateX(-50%);display:flex;gap:.375rem;z-index:2}.image-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.image-dot:hover{background:#9ca3af}.image-dot.active{background:#51b1a2;transform:scale(1.25)}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:.5rem}.product-placeholder-cody{width:100%;max-width:260px;height:auto}.product-placeholder-note{font-size:.72rem;color:#4a4a68;text-align:center;font-style:italic;line-height:1.4}.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-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.score-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.375rem}.score-rating-row{display:flex;align-items:center;gap:.5rem}.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{position:absolute;top:.625rem;left:.625rem;display:inline-flex;align-items:center;gap:.35rem;background:rgba(239,246,255,.92);border-radius:16px;border:1.5px solid #bfdbfe;padding:.25rem .5rem;font-size:.7rem;font-weight:700;color:#1e3a5f;backdrop-filter:blur(4px);z-index:2}.price-card{background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border-radius:20px;border:2px solid #d1d5db;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--avg{flex-direction:row;align-items:baseline;gap:.4rem}.price-col--avg .price-avg-note{margin-top:0}.price-col-label{font-size:.75rem}.price-col-label.low{color:#16a34a}.price-col-label.high{color:#dc2626}.price-avg-note{font-size:.7rem;color:#4a4a68;margin-top:.1rem}.price-low{font-size:1.125rem;font-weight:700;color:#15803d}.price-high{font-size:1.125rem;font-weight:700;color:#b91c1c}.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)}.score-price-card{background:#fafafa;border:2px solid #d1d5db;border-radius:20px;padding:.625rem 1rem;display:flex;align-items:stretch;gap:0}.score-price-card .score-label,.score-price-card .price-label{margin-bottom:.15rem}.spc-half{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:.25rem;padding:0 .875rem}.spc-half:first-child{padding-left:0}.spc-half:last-child{padding-right:0}.spc-half .spc-btn{margin-top:auto}.spc-divider{width:1px;background:#d1d5db;align-self:stretch;margin:.125rem 0;flex-shrink:0}.spc-btn{padding:.5rem .875rem !important;font-size:.85rem !important;margin-top:.25rem}.product-header-zone{padding:0}.product-header-zone .product-title{border-bottom:1px solid #d1d5db;padding-bottom:.875rem;margin-bottom:.875rem}.product-header-zone .allergy-risk-card{margin-top:.875rem}.product-right-column{display:flex;flex-direction:column;gap:.875rem;min-width:0}.product-title{font-size:1.875rem;font-weight:700;color:#1f2937;line-height:1.25;margin:0 0 .75rem 0}.limited-data-banner{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;background:linear-gradient(135deg, rgba(81, 177, 162, 0.08), rgba(81, 177, 162, 0.04));border:1px solid rgba(81,177,162,.25);border-radius:20px;color:#4a4a68}.limited-data-banner .limited-data-icon{flex-shrink:0;color:#51b1a2;opacity:.85}.limited-data-banner .limited-data-text{display:flex;flex-direction:column;gap:.2rem}.limited-data-banner .limited-data-text strong{font-size:.95rem;font-weight:600;color:#1a1a2e}.limited-data-banner .limited-data-text span{font-size:.85rem}.ti-section{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.ti-section-label{font-size:.8rem;font-weight:700;color:#92400e}.ti-section-pills{display:flex;flex-wrap:wrap;gap:.375rem}.ti-pill-similar-link{font-size:.75rem;color:#92400e;text-decoration:underline;text-underline-offset:2px;align-self:center}.ti-pill-similar-link:hover{color:#78350f}.metrics-ingredients-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.metrics-ingredients-row>*{min-width:0}.metrics-ingredients-row--no-ti .metrics-section{grid-column:1/-1;flex-direction:row}.metrics-ingredients-row--no-ti .metrics-section .metric-gauge-card{flex:1;min-width:0}.metrics-ingredients-row--no-ti .title-ingredients-panel{display:none}.title-ingredients-panel--empty{display:flex;align-items:center;justify-content:center;min-height:unset;padding:.35rem .75rem}.ti-empty-placeholder{display:flex;align-items:center;gap:.5rem;color:#92400e;opacity:.55}.ti-empty-placeholder span{font-size:.75rem;font-weight:600;font-style:italic}.metrics-section{background:rgba(0,0,0,0);display:flex;flex-direction:column;gap:.375rem}.metrics-section--row{flex-direction:row}.metrics-section--row .metric-gauge-card{flex:1;min-width:0}.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;cursor:pointer}.metric-gauge-card:hover{border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.15),0 4px 15px rgba(0,0,0,.1)}.metric-gauge-card--loading{border-color:#e8e8ee;pointer-events:none}@keyframes gauge-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.gauge-skeleton-bar,.gauge-skeleton-curve,.gauge-skeleton-arc{background:linear-gradient(90deg, #f5f5f5 25%, #e8e8ee 50%, #f5f5f5 75%);background-size:200% 100%;animation:gauge-shimmer 1.4s ease-in-out infinite;border-radius:8px}.gauge-skeleton-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:76px;gap:.35rem;padding:.25rem 0}.gauge-skeleton-arc{width:62px;height:32px;border-radius:62px 62px 0 0}.gauge-skeleton-center{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.25rem 0}.gauge-skeleton-curve{width:100%;height:38px;border-radius:8px}.gauge-skeleton-bar{height:10px}.gauge-skeleton-bar--value{width:52px}.gauge-skeleton-bar--label{width:38px}.gauge-skeleton-bar--comparison{width:90%;height:9px}.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-center--na{justify-content:center;min-height:3.25rem}.gauge-bell{display:block;width:100%;height:38px}.gauge-na-message{font-size:.72rem;color:#9ca3af;text-align:center;line-height:1.4;padding:0 .25rem}.gauge-na-dash{color:#d1d5db}.gauge-comparison{font-size:.7rem;color:#6b6b80;text-align:center}.see-reviews-btn{flex-shrink:0;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;white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .2s ease}.see-reviews-btn:hover{background:linear-gradient(to right, #0f766e, #0d9488);box-shadow:0 10px 40px rgba(0,0,0,.1)}.see-reviews-btn:disabled{background:#e8e8ee;color:#9ca3af;box-shadow:none;cursor:not-allowed}.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%}.title-ingredients-panel .allergy-icon{cursor:default;margin-top:0}.title-ingredients-panel .allergy-icon::after{bottom:calc(100% + 6px);left:auto;right:0;top:auto;transform:none}.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:10px}.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.ti-tooltip{position:relative;cursor:help;border-bottom:1px dotted #9ca3af}.panel-legend .ti-legend-item.ti-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;background:#1f2937;color:#fff;font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;white-space:normal;width:180px;padding:.4rem .6rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.panel-legend .ti-legend-item.ti-tooltip:hover::after{opacity:1}.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-row--clickable{cursor:pointer;transition:background .2s ease,border-color .2s ease}.ingredient-row--clickable:hover{background:#fef9c3;border-color:#fbbf24}.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;background:none;border:none;cursor:pointer;font-family:inherit}.view-similar-link:hover{text-decoration:underline}.allergy-risk-card{display:flex;flex-direction:column;gap:0rem;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-risk-card.medium{background:linear-gradient(to bottom right, #fefce8, #fef9c3);border-color:#fde047}.allergy-risk-card.medium .allergy-legend,.allergy-risk-card.medium .allergy-disclaimer{border-top-color:#fde047}.allergy-risk-card.high{background:linear-gradient(to bottom right, #fef2f2, #fee2e2);border-color:#fca5a5}.allergy-risk-card.high .allergy-legend,.allergy-risk-card.high .allergy-disclaimer{border-top-color:#fca5a5}.allergy-risk-card--loading{background:linear-gradient(to bottom right, #fafafa, #f5f5f5);border-color:#e8e8ee}.allergy-risk-top{display:flex;align-items:center;gap:.75rem}.allergy-badge{flex-shrink:0;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-badge:not(.low):not(.medium):not(.high){background:#d1d5db}.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-text--muted{color:#9ca3af;font-style:italic}.allergy-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#000;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-legend{display:flex;gap:.875rem;border-top:1px solid #a3a3a3;padding-top:.5rem;margin-bottom:.25rem}.allergy-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#6b7280;font-style:italic}.allergy-legend-swatch{display:inline-block;width:22px;height:14px;border-radius:9999px;border:1.5px solid;flex-shrink:0}.allergy-legend-swatch--red{background:#fee2e2;border-color:#fca5a5}.allergy-legend-swatch--green{background:#dcfce7;border-color:#86efac}.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-pill-list{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-bottom:.5rem}.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 #a3a3a3;padding-top:.5rem}.special-features-section{background:rgba(0,0,0,0);padding:0;min-width: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}.special-features-section .features-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2, 1fr);grid-auto-columns:minmax(90px, 1fr);gap:.5rem;margin-bottom:.75rem;overflow-x:auto;padding-bottom:.375rem}.special-features-section .features-grid::-webkit-scrollbar{height:4px}.special-features-section .features-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:999px}.special-features-section .features-grid::-webkit-scrollbar-thumb{background:#99f6e4;border-radius:999px}.special-features-section .features-grid::-webkit-scrollbar-thumb:hover{background:#14b8a6}.special-features-section .features-grid{scrollbar-width:thin;scrollbar-color:#99f6e4 #f5f5f5}.feature-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.2rem .5rem;border-radius:16px;border:2px solid #d1d5db;background:#fafafa;transition:all .2s ease;cursor:pointer;min-height:38px}.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:22px;height:22px;display:block}.feature-icon svg *{stroke-width:2 !important}.feature-icon.icon-lg svg{width:28px;height:28px}.feature-icon svg.icon-urinary{transform:translate(-2px, 3px)}.feature-icon svg.icon-limited-ing{width:42px;height:42px;transform:translateY(5px)}.feature-icon svg.icon-limited-ing *{stroke-width:5 !important}.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}.product-section-heading svg{flex-shrink:0;position:relative;top:-1px}.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:.625rem}.description-disclaimer p{font-size:.75rem;color:#6b6b80;font-style:italic;margin:0}.brand-about-row{display:flex;align-items:center;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:11rem;background:linear-gradient(135deg, #065f6b, #0a7a82);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-name-highlight{color:#49a295}.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:row;gap:.5rem;align-items:center;flex-shrink:0}.brand-view-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(to right, #0d9488, #14b8a6);border:none;border-radius:16px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.1)}.brand-view-btn:hover{background:linear-gradient(to right, #0f766e, #0d9488);box-shadow:0 10px 40px rgba(0,0,0,.1)}.brand-view-btn svg{width:16px;height:16px}.brand-website-link{display:inline-flex;align-items:center;gap:.4rem}.brand-website-link svg{position:relative;top:-1px;flex-shrink:0}.brand-website-link{padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:#4b5563;background:#f5f5f5;border:2px solid #e8e8ee;border-radius:16px;text-decoration:none;white-space:nowrap;transition:all .2s ease}.brand-website-link:hover{background:#e8e8ee;border-color:#d1d5db;color:#374151}.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-wip{font-size:.875rem;color:#4a4a68;font-style:italic;margin:0}.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-history-layout{display:flex;gap:.75rem;align-items:stretch;margin-bottom:1.5rem}.price-history-layout .price-chart-container{flex:1;min-width:0;margin-bottom:0}.price-summary-cards{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0;width:135px}.price-summary-low,.price-summary-high{padding:.625rem .75rem;border-radius:16px;border:2px solid;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.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.25rem;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:175px}.price-chart-title{font-size:.8125rem;font-weight:600;color:#1a1a2e;margin-bottom:.375rem;text-align:center}.price-chart-current{text-align:center;margin-top:.5rem}.price-chart-current-label{font-size:.6875rem;font-weight:500;color:#4a4a68;text-transform:uppercase;letter-spacing:.04em}.price-chart-current-value{font-size:1.25rem;font-weight:700;color:#49a295}.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:normal;width:max-content;max-width:min(250px,90vw);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}.tooltip-anchor-right .nutrient-gauge-tooltip{left:auto;right:0;transform:none}.tooltip-anchor-right .nutrient-gauge-tooltip::after{left:auto;right:7px;transform:none}.tooltip-anchor-left .nutrient-gauge-tooltip{left:0;transform:none}.tooltip-anchor-left .nutrient-gauge-tooltip::after{left:7px;transform:none}.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-wrap:wrap}.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}.metrics-ingredients-row--no-ti .metrics-section{flex-direction:column}.metrics-ingredients-row--no-ti .metrics-section .metric-gauge-card{flex:unset}}@media(max-width: 768px){.product-page{padding:1rem}.product-title{font-size:1.5rem}.metrics-section--row{flex-direction:column}.metrics-section--row .metric-gauge-card{flex:unset}.panel-legend{display:flex;gap:.25rem;margin-right:0}.panel-legend .ti-legend-item{min-width:0;font-size:.55rem}.ingredient-row{grid-template-columns:1fr auto auto auto}.ingredient-expand{display:none}.special-features-section .features-grid{grid-auto-columns:minmax(80px, 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 auto auto auto;gap:.375rem}.ingredient-bars{display:contents}.ingredient-name{font-weight:700;font-size:.75rem}.ingredient-bar-group{min-width:0;gap:.2rem}.ingredient-percent{font-size:.7rem;min-width:0}.ingredient-role{min-width:0;padding:.2rem .25rem}.special-features-section .features-grid{grid-auto-columns:minmax(72px, 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-extend-search{display:flex;justify-content:center;padding:1rem 0 .5rem}.brand-extend-search-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:1px solid #d1d5db;border-radius:9999px;background:#fff;color:#4a4a68;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.brand-extend-search-btn:hover{border-color:#14b8a6;color:#0d9488;background:#f0fdfa}.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}.coming-soon-header{background:linear-gradient(135deg, #334155, #0e7490);padding:3rem 2rem;text-align:center}.coming-soon-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 auto;max-width:1280px}.coming-soon-page{max-width:1280px;margin:0 auto;padding:4rem 2rem;text-align:center}.coming-soon-body{font-size:1.25rem;color:#4a4a68;margin-bottom:.75rem}.coming-soon-contact{font-size:1rem;color:#4a4a68}.coming-soon-contact a{color:#51b1a2;text-decoration:none}.coming-soon-contact a:hover{color:#10b981;text-decoration:underline}.aht-hero{background:linear-gradient(135deg, #334155, #0e7490);padding:3rem 0 4rem}.aht-hero-content{max-width:1280px;margin:0 auto;padding:0 2rem;text-align:center}.aht-hero-title{font-size:2.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.aht-hero-subtitle{font-size:1rem;color:hsla(0,0%,100%,.75);margin:0 0 1.75rem}.aht-search-wrapper{position:relative;display:flex;align-items:center;max-width:480px;margin:0 auto;background:#fff;border-radius:16px;padding:0 .75rem;box-shadow:0 4px 16px rgba(0,0,0,.15)}.aht-search-icon{color:#4a4a68;flex-shrink:0}.aht-search-input{flex:1;border:none;outline:none;padding:.75rem .5rem;font-size:.9375rem;font-family:inherit;background:rgba(0,0,0,0);color:#1a1a2e}.aht-search-input::placeholder{color:#4a4a68}.aht-search-clear{background:none;border:none;cursor:pointer;padding:.25rem;color:#4a4a68;display:flex;align-items:center;flex-shrink:0}.aht-search-clear:hover{color:#1a1a2e}.aht-body{width:100%;max-width:1280px;margin:-1.5rem auto 3rem;padding:0 2rem}.aht-empty{text-align:center;color:#4a4a68;padding:3rem 0;font-size:1rem}.aht-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;padding-top:.5rem}.aht-card-skeleton{height:180px;background:linear-gradient(90deg, #f5f5f5 25%, #e8e8ee 50%, #f5f5f5 75%);background-size:200% 100%;border-radius:16px;animation:aht-shimmer 1.4s infinite}@keyframes aht-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.aht-card{background:#fff;border-radius:16px;border:1.5px solid #e8e8ee;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;transition:box-shadow .2s ease,border-color .2s ease}.aht-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);border-color:#d1d5db}.aht-card-brand{font-size:.75rem;font-weight:600;color:#4a4a68;text-transform:uppercase;letter-spacing:.04em}.aht-card-name{font-size:1rem;font-weight:700;color:#1f2937;line-height:1.3}.aht-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.aht-card-price{font-size:1rem;font-weight:700;color:#374151}.aht-card-rating{font-size:.875rem;color:#4b5563;font-weight:500}.aht-card-reviews{font-size:.8125rem;color:#4a4a68}.aht-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.375rem}.aht-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .875rem;border-radius:12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s ease}.aht-btn--dog{background:#dbeafe;color:#1e40af}.aht-btn--dog:hover{background:#bfdbfe;color:#1e3a8a}.aht-btn--cat{background:#fce7f3;color:#9d174d}.aht-btn--cat:hover{background:#fbcfe8;color:#831843}.codybot-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1000;display:flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;padding:0;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 15px rgba(73,162,149,.3);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.codybot-fab svg{width:1.9rem;height:1.9rem}.codybot-fab:hover{box-shadow:0 6px 20px rgba(73,162,149,.4);transform:translateY(-2px)}.codybot-teaser{position:fixed;right:1.5rem;bottom:6.35rem;z-index:1000;display:flex;align-items:flex-start;gap:.4rem;max-width:16rem;padding:.9rem .7rem .9rem 1.05rem;background:#f2fcff;border:1px solid rgba(20,184,166,.45);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);opacity:0;transform:translateY(8px) scale(0.97);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.codybot-teaser::after{content:"";position:absolute;bottom:-6px;right:2rem;width:12px;height:12px;background:#f2fcff;border-right:1px solid rgba(20,184,166,.45);border-bottom:1px solid rgba(20,184,166,.45);transform:rotate(45deg)}.codybot-teaser__open{flex:1;padding:0;background:none;border:none;text-align:left;font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;line-height:1.3;color:#1a1a2e;cursor:pointer}.codybot-teaser__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;padding:0;background:none;border:none;border-radius:50%;color:#6b6b80;cursor:pointer}.codybot-teaser__close svg{width:.7rem;height:.7rem}.codybot-teaser__close:hover{color:#1a1a2e;background:#f5f5f5}.codybot.teaser-ready .codybot-teaser{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.codybot-panel{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1001;display:flex;flex-direction:column;width:min(360px,100vw - 3rem);height:min(440px,100vh - 3rem);background:#fff;border:1px solid rgba(20,184,166,.45);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.08);overflow:hidden;opacity:0;transform:translateY(12px) scale(0.98);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.codybot-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#fff}.codybot-panel__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:rgba(0,0,0,0);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease}.codybot-panel__close svg{width:1.1rem;height:1.1rem}.codybot-panel__close:hover{background:hsla(0,0%,100%,.18)}.codybot-panel__body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fafafa}.codybot-panel__input{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-top:1px solid #e8e8ee}.codybot-panel__field{flex:1;border:none;background:rgba(0,0,0,0);font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;color:#1a1a2e}.codybot-panel__field::placeholder{color:#6b6b80}.codybot-panel__field:focus{outline:none}.codybot-panel__send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.codybot-panel__send svg{width:1.1rem;height:1.1rem}.codybot-panel__send:hover:not(:disabled){transform:translateY(-1px)}.codybot-panel__send:disabled{opacity:.45;cursor:not-allowed}.codybot-panel__footer{margin:0;padding:.5rem;text-align:center;font-size:.75rem;color:#6b6b80}.codybot-brand{display:flex;align-items:center;gap:.6rem}.codybot-brand__avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;background:#fff}.codybot-brand__name{font-weight:700;font-size:1.05rem}.codybot-msg{display:flex;align-items:flex-end;gap:.5rem}.codybot-msg__avatar{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #e8e8ee}.codybot-msg__bubble{margin:0;max-width:80%;padding:.6rem .85rem;background:#fff;border:1px solid #e8e8ee;border-radius:12px;border-bottom-left-radius:4px;font-size:.9rem;line-height:1.4;color:#1a1a2e}.codybot-msg--user{justify-content:flex-end}.codybot-msg--user .codybot-msg__bubble{background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);border-color:rgba(0,0,0,0);color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:4px}.codybot-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:2.25rem}.codybot-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:#fff;color:#49a295;border:1.5px solid #49a295;border-radius:999px;font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.codybot-chip:hover{background:#49a295;color:#fff}.codybot.is-open .codybot-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.codybot.is-open .codybot-fab{opacity:0;pointer-events:none;transform:scale(0.85)}.codybot.is-open .codybot-teaser,.codybot.teaser-dismissed .codybot-teaser{opacity:0;transform:translateY(6px);pointer-events:none}.codybot-inline{position:relative}.codybot-inline__resting,.codybot-inline__panel{background:#fff;border:1px solid rgba(20,184,166,.45);border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.codybot-inline__resting{display:flex;flex-direction:column;gap:.6rem;padding:.85rem}.codybot-inline__panel{position:absolute;top:-0.35rem;left:-0.65rem;right:-0.65rem;z-index:100;display:flex;flex-direction:column;max-height:460px;overflow:hidden;border:1px solid rgba(73,162,149,.14);border-radius:20px;box-shadow:0 18px 44px -10px rgba(15,23,42,.28),0 6px 16px -6px rgba(15,23,42,.16)}.codybot-inline.is-expanded .codybot-inline__resting{visibility:hidden}.codybot-inline__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.6rem .85rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#fff}.codybot-inline__brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem}.codybot-inline__brand .codybot-inline__avatar{border-color:rgba(0,0,0,0)}.codybot-inline__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.85rem;height:1.85rem;background:rgba(0,0,0,0);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease}.codybot-inline__close svg{width:1rem;height:1rem}.codybot-inline__close:hover{background:hsla(0,0%,100%,.18)}.codybot-inline__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.85rem;background:#fafafa}.codybot-inline__footer{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding:.7rem .85rem .85rem;border-top:1px solid #e8e8ee;background:#fff}.codybot-inline__intro{display:flex;align-items:flex-end;gap:.5rem}.codybot-inline__avatar{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #e8e8ee}.codybot-inline__bubble{margin:0;padding:.55rem .8rem;background:#fafafa;border:1px solid #e8e8ee;border-radius:12px;border-bottom-left-radius:4px;font-size:.875rem;line-height:1.4;color:#1a1a2e}.codybot-inline__msg{display:flex}.codybot-inline__msg--user{justify-content:flex-end}.codybot-inline__msg--user .codybot-inline__bubble{background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);border-color:rgba(0,0,0,0);color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:4px}.codybot-inline__body .codybot-inline__bubble{background:#fff}.codybot-inline__body .codybot-inline__msg--user .codybot-inline__bubble{background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%)}.codybot-inline__input{display:flex;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem .85rem;background:#fff;border:1.5px solid rgba(20,184,166,.6);border-radius:999px;transition:border-color .2s ease}.codybot-inline__input:focus-within{border-color:#49a295}.codybot-inline__field{flex:1;min-width:0;border:none;background:rgba(0,0,0,0);font-family:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;color:#1a1a2e}.codybot-inline__field::placeholder{color:#6b6b80}.codybot-inline__field:focus{outline:none}.codybot-inline__send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;background:linear-gradient(135deg, #14B8A6 0%, #49a295 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.codybot-inline__send svg{width:1rem;height:1rem}.codybot-inline__send:hover:not(:disabled){transform:translateY(-1px)}.codybot-inline__send:disabled{opacity:.45;cursor:not-allowed}/*# sourceMappingURL=app.css.map */