.lu-feast{
  --lu-feast-accent: #97332d;                    /* «цвет еды», локальный акцент */
  --feast-bleed: 0px;                             /* вылет фона (0px = стандартная ширина). ВАЖНО: с единицей px! */
  --feast-pad: 36px;                              /* внутренний отступ плашки — как lu-wide-card--p36 */
  --feast-radius: 36px;

  position: relative;
  border-radius: var(--feast-radius);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(0,0,0,.06);

  /* Безопасный вылет: не больше свободного места сбоку — без горизонтального скролла */
  margin-left:  calc(-1 * min(var(--feast-bleed, 0px), (100vw - 100%) / 2));
  margin-right: calc(-1 * min(var(--feast-bleed, 0px), (100vw - 100%) / 2));
}
.lu-feast, .lu-feast *{ box-sizing: border-box; }

/* -------- Фон -------- */
.lu-feast__bg{ position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.lu-feast__bg::before{                            /* размытый JPG (Lightroom) */
  content: ""; position: absolute; inset: -4%;
  background-position: center; background-size: cover; background-repeat: no-repeat;
  background-image: var(--lu-feast-img, none);    /* путь передаём через style в HTML */
  transform: scale(1.06);
  animation: luFeastZoom 30s ease-in-out infinite alternate;
}
.lu-feast__bg::after{                             /* нейтральная вошь + тёплый подтон */
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(120% 120% at 12% 8%, rgba(151,51,45,.06) 0%, transparent 42%),
    linear-gradient(180deg, rgba(250,247,240,.80) 0%, rgba(232,224,208,.86) 100%);
}
@keyframes luFeastZoom{ from{ transform: scale(1.06) } to{ transform: scale(1.12) } }
@media (prefers-reduced-motion: reduce){ .lu-feast__bg::before{ animation: none } }

/* -------- Сетка контента (в родных ширинах) -------- */
.lu-feast__inner{
  position: relative; z-index: 1;
  padding: var(--feast-pad, 36px) calc(var(--feast-bleed, 0px) + var(--feast-pad, 36px));
  display: grid;
  grid-template-columns: 5fr 7fr;                 /* как в стандартной карточке */
  align-items: stretch;                           /* колонки равной высоты */
  gap: 36px;                                       /* как отступ текста в lu-wide-card */
}

/* Левая колонка: слайдер сверху, кикер снизу */
.lu-feast__media{
  display: flex;
  flex-direction: column;
  justify-content: space-between;                 /* прижимает кикер к низу */
  gap: 20px;
  min-width: 0;
}
.lu-feast__kicker{
  position: relative;
  margin: 0;
  padding-top: 26px;
  text-align: center;
  font-size: 18px; font-style: italic; line-height: 1.45;
  letter-spacing: 0; text-transform: none;
  color: var(--lu-feast-accent);
}
.lu-feast__kicker::before{                        /* истончающаяся линия по центру — рифма с разделителем справа */
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(to right, transparent, rgba(151,51,45,.35), transparent);
}

/* -------- Правая плашка -------- */
.lu-feast__card{
  position: relative; z-index: 2;
  background: #fff;
  border: 1px solid var(--lu-stone, #E8E0D0);
  border-radius: var(--lu-card-radius, 28px);
  padding: 34px 40px 36px;
  box-shadow: 0 18px 44px rgba(45,36,24,.12);
  min-width: 0;
}

.lu-feast .lu-feast__title{
  font-size: 21px; font-weight: 700; line-height: 1.2;
  color: var(--lu-feast-accent);
  margin: 0 0 10px;
}
.lu-feast .lu-feast__text{ font-size: 16px; line-height: 1.6; color: var(--lu-bark, #6B5D4F); }
.lu-feast .lu-feast__text p{ margin: 0 0 10px; }
.lu-feast .lu-feast__text p:last-child{ margin-bottom: 0; }
.lu-feast .lu-feast__text strong{ color: var(--lu-bark-deep, #2D2418); }

/* Разделитель с иконкой */
.lu-feast__divider{ display: flex; align-items: center; gap: 14px; margin: 22px 0; }
.lu-feast__divider::before,
.lu-feast__divider::after{
  content: ""; flex: 1 1 auto; height: 1px;
  background: linear-gradient(to right, transparent, rgba(151,51,45,.30), transparent);
}
.lu-feast__divider-ic{
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  background: #fff; color: var(--lu-feast-accent);
  border: 1px solid rgba(151,51,45,.18);
  box-shadow: 0 4px 14px rgba(45,36,24,.10);
}
.lu-feast__divider-ic .lu-icon{ width: 22px; height: 22px; }

/* =========================================================
   МОБАЙЛ (<=767px): слайдер + кикер + текст = ОДНА карточка.
   ========================================================= */
@media (max-width: 767px){
  .lu-feast{ --feast-bleed: 14px; border-radius: 26px; }

  .lu-feast__inner{
    display: block;
    padding: 0;
    /* единый визуальный контейнер карточки поверх фона */
    margin: 14px 12px 18px;
    border-radius: 20px; overflow: hidden;
    border: 1px solid var(--lu-stone, #E8E0D0);
    box-shadow: 0 16px 40px rgba(45,36,24,.16);
  }

  .lu-feast__media{ display: block; gap: 0; }

  /* слайдер = шапка карточки */
  .lu-feast .lu-story{ --lu-story-radius: 20px 20px 0 0; --lu-story-shadow: none; }

  /* кикер — мостик между фото и текстом */
  .lu-feast__kicker{ padding: 22px 22px 4px; }
  .lu-feast__kicker::before{ left: 22px; right: 22px; }

  /* плашка = низ карточки */
  .lu-feast__card{
    border: 0; border-radius: 0 0 20px 20px;
    box-shadow: none; margin: 0;
    padding: 22px 22px 30px;
  }
}