#screen-recipes{background:#ececec;color:#1c1c1c;font-family:'Avenir Next',Arial,sans-serif;}
#screen-recipes [hidden]{display:none!important;}
#screen-recipes button{cursor:pointer;-webkit-tap-highlight-color:transparent;}
#screen-recipes button:focus-visible{outline:2px solid #ff626a;outline-offset:-2px;}
#recipes-search{position:absolute;left:10px;top:69px;width:278px;height:40px;border:1px solid #ddd;border-radius:24px;background:#f7f7f7;padding:0 14px;font:16px 'Avenir Next',sans-serif;}
#recipes-search-toggle img{width:20.94px;height:20.94px;}
#recipes-filters{position:absolute;top:113px;right:10px;z-index:22;width:250px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0003;font-size:14px;}
#recipes-filters select{width:100%;padding:10px;margin-top:8px;font:inherit;}
#recipes-reset{margin-top:12px;border:0;background:none;color:#ff626a;font:600 13px 'Avenir Next',sans-serif;}
.recipes-section{margin-top:16px;}
.recipes-section h2{margin:0 10px 9px;font-size:11px;line-height:15px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;}
.recipes-rail{display:flex;gap:10px;padding:0 10px;overflow-x:auto;scrollbar-width:none;}
.recipes-card{position:relative;flex:0 0 280px;width:280px;height:280px;border-radius:6px;overflow:hidden;background:#fff;cursor:default;}
.recipes-photo{position:absolute;max-width:none;}
.recipes-photo.pot-pie{width:289px;height:164px;left:-4px;top:0;transform:scaleX(-1);}
.recipes-photo.rigatoni{width:300px;height:225px;left:-4px;top:-49px;}
.recipes-photo.berry{width:280px;height:210px;left:0;top:-34px;transform:scaleX(-1);}
.recipes-save{position:absolute;right:10px;top:0;width:34px;height:40px;padding:0 6px 9px;border:0;background:transparent;}
.recipes-save img{display:block;width:22px;height:31px;}
.recipes-save[aria-pressed=true]{filter:brightness(0) saturate(100%) invert(21%) sepia(97%) saturate(4813%) hue-rotate(330deg);}
.recipes-chefs{display:flex;gap:24px;padding:3px 10px 16px;overflow-x:auto;scrollbar-width:none;}
.recipes-chefs-section h2{margin-bottom:9px;}
.recipes-chef{flex:0 0 75px;width:75px;padding:0;border:0;background:none;color:#000;font:600 10px/12px 'Avenir Next',Arial,sans-serif;text-align:center;}
.recipes-chef img{display:block;width:75px;height:75px;object-fit:cover;border-radius:50%;margin-bottom:6px;background:#ee174b;}
.recipes-chef[aria-pressed=true] img{outline:2px solid #ff626a;outline-offset:2px;}
#recipes-empty{margin:24px 16px;font-size:14px;}
#recipes-nav{position:absolute;bottom:0;width:375px;height:70px;background:#fff url('assets/classes/nav.svg') 0 -6px/375px 70px no-repeat;z-index:30;box-shadow:inset 0 1px #d8d8d8;}
.recipes-nav-classes{position:absolute;left:75px;top:1px;width:75px;height:69px;background:#fff url('assets/shows/showsNav.svg') -75px -7px/375px 70px no-repeat;}
/* Replace only the icon; retain the shared navigation label at its exact position. */
.recipes-nav-active{position:absolute;top:1px;left:150px;width:75px;height:35px;background:#fff;}
.recipes-nav-icon{position:absolute;left:27px;top:12px;width:22px;height:23px;}
.recipes-nav-icon img{position:absolute;display:block;}
.recipes-nav-back{width:17px;height:18px;left:2px;top:0;transform:rotate(10deg);}
.recipes-nav-front{width:17px;height:17px;left:1px;top:4px;}
.recipes-nav-flag{width:5px;height:7px;left:10px;top:4px;}
.recipes-nav-icon i{position:absolute;left:3px;top:15px;width:11px;height:1px;background:#c8c8c8;box-shadow:0 2px #c8c8c8;}

#screen-recipes main{padding-bottom:24px;}
.recipes-seasonal-section{margin-top:0;}

/* Reuse the exact label artwork and coordinates, changing only its selected color. */
#recipes-nav::after{content:"";position:absolute;left:150px;top:35px;width:75px;height:20px;background:#fff url('assets/recipes/selected-label.svg') 0 0/75px 20px no-repeat;pointer-events:none;}