:root{--ift-cream:#FDF5E8;--ift-cream-dark:#F5EBD8;--ift-red:#C4391C;--ift-red-light:#E8573A;--ift-red-glow:rgba(196,57,28,0.15);--ift-navy:#1B2838;--ift-navy-light:#2D3F52;--ift-navy-muted:#4A6177;--ift-border:#E5D9C6;--ift-shadow:rgba(27,40,56,0.08);--ift-shadow-med:rgba(27,40,56,0.12)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}::selection{background:var(--ift-red);color:var(--ift-cream)}html{scroll-behavior:smooth}body{background:var(--ift-cream);color:var(--ift-navy);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}input::placeholder{color:var(--ift-navy-muted);opacity:.6}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:fadeUp .5s ease forwards}.tab-content{animation:fadeIn .25s ease}.action-btn{transition:all .15s ease}.action-btn:hover{background:var(--ift-cream-dark)!important;border-color:var(--ift-navy-muted)!important}.val-item:hover{background:rgba(253,245,232,.08)}@media (max-width:900px){.detail-layout{flex-direction:column!important}.detail-sidebar{min-width:0!important}.detail-main,.detail-sidebar{width:100%!important}.hero-row{flex-direction:column!important}.hero-image{width:100%!important;min-width:0!important;height:200px!important}.data-grid{grid-template-columns:repeat(2,1fr)!important}.guide-layout{flex-direction:column!important}.guide-layout aside{width:100%!important;position:static!important}.picks-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.hero-title{font-size:72px!important}.section-title{font-size:30px!important}.category-grid,.pack-grid,.recipe-grid{grid-template-columns:1fr!important}.food-grid{grid-template-columns:repeat(2,1fr)!important}.val-row{flex-direction:column!important}.val-row a{border-right:none!important;border-bottom:1px solid rgba(253,245,232,.08)!important}.footer-grid{grid-template-columns:1fr!important;text-align:center!important}}@media (max-width:480px){.hero-title{font-size:56px!important}.food-grid,.picks-grid{grid-template-columns:1fr!important}}