.smart-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,5rem);border-radius:32px;background:linear-gradient(135deg,#fff4de,#f6e7d1);margin:1.5rem 0 2rem;overflow:hidden}.smart-hero h1{font-size:clamp(2.2rem,5vw,4.7rem);margin:.3rem 0}.smart-hero p{max-width:720px;font-size:1.1rem}.smart-hero-icon{font-size:clamp(5rem,15vw,11rem);filter:drop-shadow(0 18px 20px #0002)}
.fridge-form{max-width:900px;margin:0 auto 3rem;padding:1.5rem;border:1px solid #0001;border-radius:24px;background:#fff;box-shadow:0 18px 50px #3c241812}.fridge-form label{display:block;font-weight:800;margin-bottom:.5rem}.fridge-form textarea{width:100%;resize:vertical;border:1px solid #cdbca8;border-radius:16px;padding:1rem;font:inherit}.fridge-example-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.fridge-example-row button{border:0;border-radius:999px;padding:.55rem .85rem;background:#f3eadf;cursor:pointer}.smart-match-score{position:absolute;right:.75rem;top:.75rem;background:#fff;color:#7a421c;border-radius:999px;padding:.45rem .7rem;font-weight:900;box-shadow:0 4px 14px #0002}.match-have,.match-missing{font-size:.88rem;margin:.5rem 0}.match-have{color:#22643d}.match-missing{color:#7b5b41}
.smart-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.smart-feature-card{display:flex;align-items:center;gap:1rem;padding:1.35rem;border-radius:22px;background:#fff;border:1px solid #0001;text-decoration:none;color:inherit;box-shadow:0 12px 35px #3c24180c;transition:.2s}.smart-feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px #3c24181c}.smart-feature-card>span{font-size:2.5rem}.smart-feature-card strong{display:block;font-size:1.15rem}.smart-feature-card p{margin:.25rem 0 0;color:#715d50}.smart-fridge-feature{background:linear-gradient(135deg,#fff5df,#fff)}
.trend-rank{position:absolute;left:.75rem;top:.75rem;background:#3c2418;color:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:900}.trend-metric{font-weight:800;color:#c35f2d}.trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recommendation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recommendation-card .card-image,.trend-card .card-image{position:relative}.ingredient-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ingredient-list li label{flex:1}.ingredient-substitute-button{border:1px solid #d9c7b4;background:#fff;border-radius:999px;padding:.4rem .7rem;cursor:pointer;white-space:nowrap}.custom-scale-group label{display:flex;align-items:center;gap:.35rem}.custom-scale-group input{width:70px;padding:.3rem;border:1px solid #cdbca8;border-radius:8px}.substitute-dialog[hidden]{display:none}.substitute-dialog{position:fixed;inset:0;background:#0009;z-index:10000;display:grid;place-items:center;padding:1rem}.substitute-dialog-card{position:relative;background:#fff;max-width:560px;width:100%;border-radius:24px;padding:2rem;box-shadow:0 25px 80px #0005}.substitute-close{position:absolute;right:1rem;top:1rem;border:0;background:#eee;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer}.substitute-dialog li{margin:.65rem 0;padding:.7rem 1rem;background:#f7efe5;border-radius:12px}
@media(max-width:900px){.smart-feature-grid,.trend-grid,.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-hero{align-items:flex-start}.smart-hero-icon{font-size:5rem}}@media(max-width:600px){.smart-feature-grid,.trend-grid,.recommendation-grid{grid-template-columns:1fr}.smart-hero{padding:1.5rem}.smart-hero-icon{display:none}.ingredient-list li{align-items:flex-start;flex-wrap:wrap}.ingredient-substitute-button{margin-left:2rem}.smart-nav-link .nav-label{display:none}}