/* Правки под южная-заря.рф */

/* Баннер акций кликабелен целиком, а не только кнопкой «Подробнее»:
   человек приходит сюда из меню «Акции» и должен сразу видеть, что это она. */
a.promo{text-decoration:none;color:#fff;cursor:pointer;position:relative}
@media (hover: hover) and (pointer: fine){
  a.promo{transition:transform .25s ease,box-shadow .25s ease}
  a.promo:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(22,17,14,.22)}
  a.promo:hover .btn{background:#fff;color:#23262E}
  a.promo:active{transform:translateY(0)}
}
/* Метка «Акции» — чтобы блок читался как акция с первого взгляда */
.promo-label{display:inline-block;grid-column:1/-1;justify-self:start;
  padding:4px 10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.45);
  border-radius:2px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;opacity:.9}
@media (max-width:720px){.promo-label{margin-bottom:8px}}

/* Кнопка «На главную» на внутренних страницах — чтобы не искать выход */
.back-btn{position:sticky;top:14px;z-index:60;display:inline-flex;align-items:center;gap:8px;height:40px;
  padding:0 20px 0 15px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);color:var(--ink);text-decoration:none;
  font:500 14px/1 "Golos Text",sans-serif}
.back-btn::before{content:"←";font-size:16px;line-height:1}
.back-btn + .crumbs{margin-top:14px}
@media (hover: hover) and (pointer: fine){
  .back-btn{transition:transform .25s ease,box-shadow .25s ease,
    border-color .25s ease,color .25s ease}
  .back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,17,14,.10);
    border-color:var(--accent);color:var(--accent)}
  .back-btn:active{transform:translateY(0)}
}