:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,sans-serif;margin:2rem;border:1px solid #F8F4E1;border-radius:25px}.hdr_card{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #eee;flex-wrap:wrap}.hdr_card h3{font-family:Playfair Display,serif;margin:0;font-size:1.8rem;color:#e87f7f;font-weight:600}.hrd_txt{display:flex;gap:1.5rem;flex-wrap:wrap}.hrd_txt h6{font-size:1rem;font-weight:500;margin:0;cursor:pointer;color:#f8f4e1;position:relative;transition:color .3s ease}.hrd_txt h6:hover{color:#d86f45}.hrd_txt h6:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background-color:#d86f45;transition:width .3s ease}.hrd_txt h6:hover:after{width:100%}.mid_content{display:flex;justify-content:center;align-items:center;min-height:145px;padding:0 1rem;text-align:center}.mid_heading{font-family:Playfair Display,serif;font-size:3rem;line-height:1.3;margin:0;background:linear-gradient(90deg,#a83232,#ff914d,#a1ee74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.15);font-style:italic;animation:subtleGlow 4s ease-in-out infinite}.items_card{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem}.inner_items{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.inner_items:hover{transform:scale(1.03);box-shadow:0 12px 32px #00000026}.recipe_img_wrapper{width:100%;overflow:hidden}.recipe_img,.recipe_skeleton_img{width:100%;height:200px;object-fit:cover;border-radius:12px}.recipe_content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.recipe_content h3{margin:0;font-size:1.2rem;color:#333}.tag,.meta{font-size:.85rem;color:#666}.meta{display:flex;justify-content:space-between}.rating{font-size:.9rem;font-weight:500;color:#ff8c00}.view_btn{margin-top:auto;align-self:flex-start;padding:.5rem 1rem;background-color:#d86f45;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.view_btn:hover{background-color:#bf5f36}.fade_up{opacity:0;transform:translateY(30px);animation:fadeUp .6s ease forwards}.fade_up_slow{opacity:0;transform:translateY(40px);animation:fadeUpSlow .8s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeUpSlow{to{opacity:1;transform:translateY(0)}}@keyframes subtleGlow{0%,to{text-shadow:1px 1px 2px rgba(0,0,0,.15)}50%{text-shadow:2px 2px 6px rgba(255,145,77,.5)}}@media (max-width: 768px){.hdr_card{flex-direction:column;align-items:flex-start;gap:.75rem}.mid_heading{font-size:1.8rem;padding:0 .5rem}.items_card{grid-template-columns:1fr;padding:.5rem}}@media (max-width: 480px){.mid_heading{font-size:1.4rem;line-height:1.4;word-break:break-word}.view_btn{font-size:.85rem;padding:.4rem .8rem}.hdr_card h3{font-size:1.5rem}.recipe_img,.recipe_skeleton_img{height:180px}}.recipe_modal .recipe_modal_content{display:flex;flex-direction:column;gap:1.5rem}.recipe_modal .modal_recipe_image{margin-top:2rem;width:100%;height:250px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px #0000001a}.recipe_modal .modal_recipe_header{text-align:center}.recipe_modal .modal_recipe_title{font-size:28px;font-weight:700;margin:1rem 0 .5rem;color:#333}.recipe_modal .modal_meta{display:flex;justify-content:center;gap:20px;font-size:14px;color:#777;flex-wrap:wrap}.recipe_modal .modal_section{background:#f9f9f9;padding:1.2rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}.recipe_modal .modal_section h3{font-size:22px;margin-bottom:10px;color:#444;border-bottom:1px solid #ddd;padding-bottom:5px}.recipe_modal .modal_list{margin-top:10px;padding-left:20px;color:#555;font-size:16px;line-height:1.7}.recipe_modal .modal_list li{margin-bottom:8px}@media (max-width: 600px){.recipe_modal .recipe_modal_content{gap:1rem}.recipe_modal .modal_recipe_image{height:180px;border-radius:8px}.recipe_modal .modal_recipe_title{font-size:22px;margin:.8rem 0 .4rem}.recipe_modal .modal_meta{flex-direction:column;gap:5px;font-size:13px}.recipe_modal .modal_section{padding:.8rem}.recipe_modal .modal_section h3{font-size:18px}.recipe_modal .modal_list{font-size:14px}}