:root{--b:#111;--y:#ffd400;--p:#f5f2ea}*{box-sizing:border-box}body{margin:0;background:var(--p);font-family:Arial;color:#111}a{color:inherit}
header{background:#111;color:#fff;border-bottom:4px solid var(--y)}.head{max-width:1180px;margin:auto;padding:18px 16px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo{font:34px Impact;text-decoration:none}.logo span{color:var(--y)}nav,.langs,.filters,.tags{display:flex;gap:8px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:13px}
.langs a{border:1px solid #fff;color:#fff;text-decoration:none;padding:7px 8px;font-weight:900;font-size:12px}.langs a.active{background:var(--y);color:#111;border-color:var(--y)}
.hero,.section{max-width:1180px;margin:42px auto;padding:0 16px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.hero-copy,.panel,.recipe-shell{background:#fff;border:3px solid #111;box-shadow:8px 8px #111;padding:32px}
.kicker,.tag,.pill{display:inline-block;background:var(--y);border:2px solid #111;padding:7px 10px;font-weight:900;text-transform:uppercase}h1,h2,h3{font-family:Impact;text-transform:uppercase}
.hero h1{font-size:72px;line-height:.86;margin:18px 0}.hero p{font-size:22px;font-weight:800;line-height:1.35}.hero-art{min-height:340px;border:3px solid #111;background:linear-gradient(135deg,#111 0 44%,#ffd400 44% 58%,#222 58%)}
.section h2{font-size:54px;margin:0}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.filters{margin:18px 0}.filter,button{border:2px solid #111;background:#fff;padding:10px 14px;font-weight:900;cursor:pointer}.filter.active,.filter:hover{background:var(--y)}
input,textarea,select{width:100%;border:2px solid #111;padding:11px;font:inherit;background:#fff}textarea{min-height:110px}.search{margin-bottom:24px}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:2px solid #111;box-shadow:6px 6px #111;overflow:hidden}.card-art{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#ffd400 0 35px,#111 35px 70px);display:flex;align-items:end;padding:14px}.card-art span{background:#fff;border:3px solid #111;padding:9px;font:28px Impact;text-transform:uppercase}
.card-body{padding:16px}.tag{font-size:11px;padding:4px 6px}.card-link{display:inline-block;background:#111;color:#fff;text-decoration:none;padding:9px 12px;font-weight:900}.card-link:hover{background:var(--y);color:#111}
.benefits{background:#111;color:#fff;border-top:4px solid var(--y);border-bottom:4px solid var(--y)}.benefit-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.benefit{padding:22px;text-align:center;font-weight:900;text-transform:uppercase}
.recipe-page,.admin-wrap{max-width:1050px;margin:40px auto 80px;padding:0 16px}.recipe-title{font-size:68px;line-height:.9}.recipe-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;border-top:3px solid #111;margin-top:28px;padding-top:24px}.recipe-content li{margin-bottom:9px}
.footer{background:#111;color:#fff;text-align:center;padding:35px 16px;margin-top:60px;border-top:4px solid var(--y)}.footer strong{font:40px Impact;text-transform:uppercase}
.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.panel h2{font-size:34px;margin-top:0}.field{margin:13px 0}.field label{display:block;font-weight:900;margin-bottom:6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{margin:10px 0;font-weight:900}.checks input{width:auto}.primary{background:#111;color:#fff}.status{font-weight:900}.recipe-list{display:grid;gap:10px}.item{background:#fff;border:2px solid #111;padding:11px;display:flex;justify-content:space-between;gap:10px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab.active{background:var(--y)}.hidden{display:none}
@media(max-width:850px){.hero,.admin-grid,.recipe-content{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.recipe-grid,.benefit-inner,.row{grid-template-columns:1fr}.hero h1{font-size:54px}}

.card-art.has-image{background:#ddd;padding:0;align-items:stretch}.card-art.has-image img{width:100%;height:100%;object-fit:cover;display:block}.recipe-image{width:100%;max-height:560px;object-fit:cover;border:3px solid #111;margin:20px 0 8px;display:block}.image-tools{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.image-preview{margin-top:12px;display:none}.image-preview.show{display:block}.image-preview img{width:100%;max-height:260px;object-fit:cover;border:3px solid #111}.upload-status{font-weight:900;margin-top:8px}@media(max-width:600px){.image-tools{grid-template-columns:1fr}}

.admin-hint{color:#666;margin:4px 0 12px}.category-groups{display:grid;gap:14px}.category-groups>div{border:2px solid #111;padding:12px;background:#f5f2ea}.category-checks{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:9px}.category-checks label{font-weight:800}.category-checks input{width:auto}.admin-preview{margin-top:24px;border-top:3px solid #111;padding-top:18px}.admin-preview-card{border:2px solid #111;padding:18px;background:#fff}.admin-preview-card img{width:100%;max-height:300px;object-fit:cover;border:2px solid #111}.admin-preview-card h3{font-size:34px;margin:12px 0}.filter{font-size:12px}.tags{margin-bottom:8px}
.ad-slot{margin:28px 0;border:2px dashed #777;min-height:110px;display:flex;align-items:center;justify-content:center;background:#fafafa;color:#777;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ad-slot:empty{display:none}.community{margin-top:34px;border-top:3px solid #111;padding-top:28px}.community h2{font-size:38px}.rating-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.stars-display{font-size:28px;letter-spacing:2px}.rating-form{border:2px solid #111;background:#f5f2ea;padding:16px;margin:16px 0}.star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px}.star-picker input{display:none}.star-picker label{font-size:36px;cursor:pointer;color:#bbb}.star-picker input:checked~label,.star-picker label:hover,.star-picker label:hover~label{color:#111}.comment-form{border:2px solid #111;padding:16px;margin:22px 0}.comments{display:grid;gap:12px}.comment{border:2px solid #111;background:#fff;padding:14px}.comment-meta{font-weight:900;margin-bottom:7px}.community-status{font-weight:900}.moderation{margin-top:26px;border-top:3px solid #111;padding-top:18px}.moderation-list{display:grid;gap:10px}.moderation-item{border:2px solid #111;padding:12px;background:#f5f2ea}.moderation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.ad-admin-note{font-size:13px;color:#666}