/* Блок «Полезные инструменты» под списком ингредиентов (js/recipe-tools.js). Грузится только на страницах рецептов. */
.rt-tools { margin-top: 14px; padding: 12px 14px 4px; background-color: var(--warm); border-radius: 12px; }
.rt-tools__title { display: block; margin: 2px 0; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.rt-tools__link { display: flex; align-items: center; gap: 10px; min-height: 44px; border-top: 1px solid var(--line-strong); font-weight: 700; color: var(--green); text-decoration: none; }
.rt-tools__title + .rt-tools__link { border-top: 0; }
.rt-tools__link:hover, .rt-tools__link:focus-visible { color: var(--tomato); text-decoration: underline; }
.rt-tools__i { display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; background-color: var(--muted); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.rt-tools__link:hover .rt-tools__i, .rt-tools__link:focus-visible .rt-tools__i { background-color: var(--tomato); }
.rt-tools__i--substitutes { --ic: url(/calc/icons/substitutes.svg); }
.rt-tools__i--weight { --ic: url(/calc/icons/weight.svg); }
.rt-tools__i--pans { --ic: url(/calc/icons/pans.svg); }
.rt-tools__i--yeast { --ic: url(/calc/icons/yeast.svg); }
.rt-tools__i--oven { --ic: url(/calc/icons/oven.svg); }
.rt-tools__i--planner { --ic: url(/calc/icons/planner.svg); }

/* Строка «Рецепт есть в подборках»: лента с закладкой (04.11.2026) */
.rcol { position: relative; margin: 22px 0; padding: 18px 24px 18px 78px; background: linear-gradient(90deg, var(--warm), #ffffff 80%); border: 1px solid var(--line); border-radius: 14px; }
.rcol__rib { position: absolute; left: 22px; top: -1px; width: 34px; height: 64px; background-color: var(--tomato); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); }
.rcol__rib::after { content: ""; position: absolute; left: 50%; top: 14px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.85); }
.rcol__k { display: block; margin-bottom: 2px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.rcol__t { margin: 0; font-family: "Lobster"; font-size: 1.45rem; line-height: 1.35; color: var(--text); }
.rcol__t a { color: var(--tomato); text-decoration: none; border-bottom: 2px dotted var(--saffron); }
.rcol__t a:hover, .rcol__t a:focus-visible { color: var(--green); border-bottom-color: var(--green); }
.rcol__all { display: inline-block; margin-top: 6px; font-size: 0.9rem; font-weight: 800; color: var(--green); text-decoration: none; }
.rcol__all:hover, .rcol__all:focus-visible { text-decoration: underline; }
@media (max-width: 600px) {
  .rcol { margin: 16px 0; padding: 14px 16px 14px 62px; }
  .rcol__rib { left: 16px; width: 28px; height: 54px; }
  .rcol__rib::after { top: 12px; width: 8px; height: 8px; margin-left: -4px; }
  .rcol__t { font-size: 1.25rem; }
  .rcol__all { font-size: 0.85rem; line-height: 1.35; }
}