
/* Ізольовані стилі лише для сторінки рецептів */
.recipes-page{--blue:#1e3a8a;--blueDark:#0f2a6b;--green:#2e7d32;--greenDark:#1b5e20;--text:#1b1b1b;--line:#e6eae7;--card:#ffffff;--bg:#f7faf7;
  background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;margin:0;padding:0}
.recipes-page *{box-sizing:border-box}
.recipes-page .container{max-width:1100px;margin:0 auto;padding:16px}

/* Синій блок шапки */
.recipes-page .header{background:linear-gradient(180deg,var(--blue),#134094);color:#fff;border-radius:14px;padding:14px;margin-bottom:14px}
.recipes-page .title{margin:0 0 8px;text-align:center;font-size:28px;line-height:1.2}
@media (max-width:600px){.recipes-page .title{font-size:24px}}

/* Ряд з двома маленькими кнопками */
.recipes-page .bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.recipes-page .btn{display:inline-block;background:var(--green);border:2px solid var(--greenDark);color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700;white-space:nowrap}
.recipes-page .btn.tiny{padding:6px 10px;font-size:16px;line-height:1}
.recipes-page .btn:focus{outline:3px solid #ffd54f;outline-offset:2px}

/* Кнопки категорій */
.recipes-page .navcats{display:flex;flex-wrap:wrap;gap:8px}
.recipes-page .linkcat{display:inline-block;background:#fff;border:2px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;color:#123d8e;font-weight:700}
.recipes-page .linkcat:hover{background:#123d8e;color:#fff}

/* Сітка карток */
.recipes-page .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:860px){.recipes-page .grid{grid-template-columns:1fr}}
.recipes-page .card{background:#fff;border:2px solid var(--line);border-radius:12px;padding:14px}
.recipes-page .card h3{margin:0 0 6px;color:#0b3e1a}
.recipes-page .cat{margin:14px 0 8px;font-size:22px;color:#0b3e1a}
.recipes-page .hr{height:2px;background:var(--line);margin:12px 0;border-radius:2px}
