/* ═══════════════════════════════════════════════════════════════
   ОПТОМ (/optom) — блоки op-*, 2026-10-22
   Шаблон: application/views/index/pages/v_optom.php
   Подключается после dostavka.css (dv-*) и horeca.css (hc-*). Здесь только новое.
   ═══════════════════════════════════════════════════════════════ */

/* ─── «Рестораны и кафе» — карточка-ссылка на /horeca в ряду сегментов ─── */
.description .dv a.op-horeca {
  background: var(--dv-dark2);
  border-color: var(--dv-dark2);
  color: #fff;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.description .dv a.op-horeca:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(42,26,18,.18); color: #fff; }
.description .dv a.op-horeca .dv-ico { color: var(--dv-gold); }
.description .op-horeca-b { display: block; }
.description .op-horeca-t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--dv-head);
  font-size: 19px;
  line-height: 1.3;
  color: var(--dv-gold);
  margin: 0 0 6px;
}
.description .op-horeca-t svg { width: 18px; height: 18px; transition: transform .2s; }
.description .dv a.op-horeca:hover .op-horeca-t svg { transform: translateX(3px); }
.description .op-horeca-p { display: block; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.86); }

/* ─── «Все специи →» под каждой вкладкой витрины ─── */
.description .dv .hc-grid p.op-all { grid-column: 1 / -1; margin: 4px 0 0; text-align: right; }
.description .dv .op-all a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 15px;
  color: var(--dv-brown);
  text-decoration: none;
  border-bottom: 1px solid var(--dv-ochre2);
}
.description .dv .op-all a:hover { color: var(--dv-ochre); }
.description .op-all svg { width: 16px; height: 16px; }
@media (max-width: 600px) { .description .dv .hc-grid p.op-all { text-align: left; } }