/* ===================================
   DUSHISTO — MAGAZIN FAQ
   File: dush-mag-faq.css
   Scope: .dush-mag--faq
=================================== */

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

  padding: 18px 0 28px;
}

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

/* Заголовок FAQ */
.dush-mag--faq .dush-h2{
  margin: 0 0 16px;
  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);
}

/* =========================
   FAQ карточки
========================= */
.dush-mag--faq .dush-faq{
  position: relative;
  border: 1px solid rgba(191,163,122,.22);
  background:
    radial-gradient(700px 240px at 16% 0%, rgba(191,163,122,.12), transparent 62%),
    rgba(255,255,255,.60);
  border-radius: 18px;
  margin: 12px 0;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(24,18,14,.08);
  backdrop-filter: blur(8px) saturate(1.05);
}

/* Золотая нить слева */
.dush-mag--faq .dush-faq::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:2px;
  border-radius:4px;
  background: linear-gradient(
    to bottom,
    rgba(191,163,122,0),
    rgba(191,163,122,.65),
    rgba(191,163,122,0)
  );
  opacity:.75;
  pointer-events:none;
}

/* summary */
.dush-mag--faq .dush-faq summary{
  cursor:pointer;
  padding: 16px 18px;
  list-style:none;
  color: var(--ink);
  font-weight: 600;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14.5px;
  line-height: 1.55;
}

.dush-mag--faq .dush-faq summary::-webkit-details-marker{ display:none; }

/* плюс / минус */
.dush-mag--faq .dush-faq summary:after{
  content:"＋";
  float:right;
  background: rgba(191,163,122,.18);
  border: 1px solid rgba(191,163,122,.28);
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

.dush-mag--faq .dush-faq[open] summary:after{
  content:"—";
}

/* body */
.dush-mag--faq .dush-faq__body{
  padding: 0 18px 16px;
  color: rgba(55,48,43,.92);
  line-height: 1.75;
  font-size: 14.5px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Hover */
@media (hover:hover){
  .dush-mag--faq .dush-faq{
    transition: transform .22s ease, box-shadow .22s ease;
  }
  .dush-mag--faq .dush-faq:hover{
    transform: translateY(-2px);
    box-shadow: 0 24px 75px rgba(24,18,14,.10);
  }
}

/* Mobile */
@media (max-width:520px){
  .dush-mag--faq .dush-mag__container{
    width: calc(100% - 32px);
  }
}