/* Бежевая панель во всю ширину контейнера. По правилам проекта встречается
   только на главной: секции «маркетплейс» и «программа авторов». */

.beige-panel {
  position: relative;
  overflow: hidden;
  padding: var(--space-10) var(--space-6);
  border-radius: var(--radius-2xl);
  background: var(--bg-surface-alt);
}

.beige-panel__texture {
  position: absolute;
  top: 65.74%;
  inset-inline-start: 59.41%;
  width: 79.14%;
  height: 54.73%;
  opacity: 0.5;
  background-image: var(--decor-image, url("../../img/home/beige-texture.webp"));
  background-size: cover;
  pointer-events: none;
}

/* Песочное свечение: круг r200 с гауссовым размытием 70. */
.beige-panel__glow {
  position: absolute;
  border-radius: var(--radius-full);
  background: var(--sand-300);
  filter: blur(70px);
  pointer-events: none;
}

.beige-panel__glow--top {
  top: -235px;
  inset-inline-start: -200px;
  width: 400px;
  height: 400px;
}

.beige-panel__glow--bottom {
  top: 535px;
  inset-inline-start: 1145px;
  width: 440px;
  height: 440px;
}

.beige-panel__inner { position: relative; }

@media (min-width: 768px) {
  .beige-panel { padding: var(--space-12) var(--space-10); }
}

@media (min-width: 1024px) {
  .beige-panel { padding: 72px var(--space-16); }
}