/* ===================================
   DUSHISTO — MAGAZIN WHY
   File: dush-mag-why.css
   Scope: .dush-mag--why
=================================== */

.dush-mag--why{
  --ink:#2a211a;
  --muted:#6f6a63;
  --accent:#bfa37a;
  --line:rgba(42,33,26,.12);

  padding: 18px 0 22px;
}

.dush-mag--why .dush-mag__container{
  width: min(1100px, calc(100% - 56px));
  margin: 0 auto;
}

/* Типографика блока (локально) */
.dush-mag--why .dush-h2{
  margin: 0 0 12px;
  font-family: "Cormorant Garamond","Times New Roman",serif;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.12;
  color: var(--ink);
}

.dush-mag--why .dush-lead{
  margin: 0 0 16px;
  max-width: 820px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(111,106,99,.98);
}

/* Карточка-панель (дорогая бумага) */
.dush-mag--why .dush-why{
  position: relative;
  padding: 22px 22px;
  border-radius: 24px;
  border: 1px solid rgba(191,163,122,.26);
  background:
    radial-gradient(900px 260px at 16% 0%, rgba(191,163,122,.14), transparent 60%),
    radial-gradient(700px 240px at 85% 40%, rgba(80,55,40,.10), transparent 65%),
    rgba(255,255,255,.62);
  box-shadow: 0 26px 70px rgba(24,18,14,.10);
  backdrop-filter: blur(8px) saturate(1.05);
  overflow: hidden;
}

/* "премиум пыль" */
.dush-mag--why .dush-why::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 22%, rgba(42,33,26,.09) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 35% 68%, rgba(42,33,26,.07) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 78% 40%, rgba(42,33,26,.07) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 62% 18%, rgba(42,33,26,.06) 0, rgba(42,33,26,0) 70%);
  opacity: .30;
}

/* Сетка преимуществ */
.dush-mag--why .dush-why{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
}

/* Элемент */
.dush-mag--why .dush-why__item{
  position: relative;
  display:flex;
  gap: 12px;
  align-items:flex-start;

  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(42,33,26,.08);
  background: rgba(255,255,255,.55);
  box-shadow: 0 10px 26px rgba(24,18,14,.06);
}

/* Знак */
.dush-mag--why .dush-why__item span{
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: rgba(191,163,122,.18);
  border: 1px solid rgba(191,163,122,.30);
  color: rgba(42,33,26,.88);
  font-weight: 800;
  line-height: 1;
}

/* Текст */
.dush-mag--why .dush-why__item{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: rgba(55,48,43,.92);
}

/* Hover — очень тонкий "лифтик" */
@media (hover:hover){
  .dush-mag--why .dush-why__item{
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .dush-mag--why .dush-why__item:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(24,18,14,.10);
    border-color: rgba(191,163,122,.34);
  }
}

/* Адаптив */
@media (max-width: 920px){
  .dush-mag--why{ padding: 14px 0 18px; }
  .dush-mag--why .dush-why{ grid-template-columns: 1fr; }
}

@media (max-width: 520px){
  .dush-mag--why .dush-mag__container{
    width: calc(100% - 32px);
  }
  .dush-mag--why .dush-why{
    padding: 18px;
    border-radius: 22px;
  }
}