/* plinko-online.click — архетип bead-curtain, namespace bdc */

:root{
  --bg:#FFFFFF;          /* фон страницы — светлая тема, как на оригинале */
  --bg-soft:#FFF6F9;     /* очень светлая розовая подложка */
  --surface:#FFE6EF;     /* заливка секций и карточек */
  --surface-2:#FFD3E2;   /* вторая заливка, таблицы и выделенные блоки */
  --line:#FFB9D0;        /* границы, разделители, рамки таблиц */
  --pink:#FF6FA3;        /* основной акцент, фон главной кнопки */
  --pink-soft:#FF9FBD;   /* ховер, второстепенные акценты */
  --pink-mid:#E85F91;    /* активное состояние */
  --pink-deep:#D94F85;   /* нажатие */
  --plum:#4A1D2C;        /* основной текст */
  --plum-soft:#4E3441;   /* подписи, второстепенный текст */
  --gold:#FFBF19;        /* рейтинг, значки, акцент в цифрах */
  --green:#15AC24;       /* «да» в таблицах сравнения */
  --red:#E40539;         /* «нет» в таблицах сравнения */
}

*,*::before,*::after{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--bg);
  color:var(--plum);
  font-family:"Alegreya",Georgia,serif;
  font-size:1.0625rem;
  line-height:1.72;
  overflow-x:hidden;
}

h1,h2,h3,.bdc-mark,.bdc-btn-main,.bdc-btn-ghost,.bdc-kpi-v,.bdc-tab th{
  font-family:"Cuprum","Trebuchet MS",sans-serif;
  letter-spacing:.005em;
}

a{color:var(--pink-mid);}
a:hover{color:var(--pink-deep);}

/* ---------- нить с бусиной: базовый мотив занавеса ---------- */
.bdc-strand{
  position:relative;
  padding-top:2.25rem;
}
.bdc-strand::before{
  content:"";
  position:absolute;
  top:0;left:1.5rem;
  width:2px;height:1.5rem;
  background:var(--line);
}
.bdc-strand::after{
  content:"";
  position:absolute;
  top:1.35rem;left:1.1rem;
  width:12px;height:12px;border-radius:50%;
  background:var(--pink-soft);
}

/* ---------- шапка: лого сверху, кнопки подвешены под ним в одну линию ---------- */
.bdc-top{
  position:sticky;top:0;z-index:40;
  background:var(--bg);
  border-bottom:2px solid var(--line);
  background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 44px);
  background-position:0 0;
  background-size:auto 100%;
}
.bdc-top-in{
  max-width:1080px;margin:0 auto;
  padding:.85rem 1.25rem 1rem;
  text-align:center;
  background:var(--bg-soft);
}
.bdc-mark{
  display:inline-block;
  font-size:1.65rem;font-weight:700;
  text-transform:lowercase;
  color:var(--plum);
  letter-spacing:.02em;
}
.bdc-mark-bead{
  display:inline-block;
  width:.55em;height:.55em;border-radius:50%;
  background:var(--pink);
  margin:0 .22em;vertical-align:.08em;
}
.bdc-top-note{
  margin:.1rem 0 .55rem;
  font-size:.82rem;color:var(--plum-soft);
  letter-spacing:.04em;text-transform:uppercase;
}
.bdc-hangbar{
  display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;
  gap:.9rem;
  padding-top:1.4rem;
  position:relative;
}
.bdc-hangbar::before{
  content:"";
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:62%;max-width:420px;height:2px;
  background:var(--line);
}
.bdc-hangbar a{
  position:relative;
  white-space:nowrap;
}
.bdc-hangbar a::before{
  content:"";
  position:absolute;top:-1.4rem;left:50%;
  width:2px;height:1.4rem;
  background:var(--line);
}

.bdc-btn-main{
  display:inline-block;
  background:var(--pink);
  color:#FFFFFF;
  border:2px solid var(--pink);
  border-radius:20px;
  padding:.625rem 1.25rem;
  text-transform:uppercase;
  text-decoration:none;
  font-size:.9rem;font-weight:700;letter-spacing:.06em;
}
.bdc-btn-main:hover{background:var(--pink-mid);border-color:var(--pink-mid);color:#FFFFFF;}
.bdc-btn-main:active{background:var(--pink-deep);border-color:var(--pink-deep);}

.bdc-btn-ghost{
  display:inline-block;
  background:transparent;
  color:var(--pink);
  border:2px solid var(--pink);
  border-radius:20px;
  padding:.625rem 1.25rem;
  text-transform:uppercase;
  text-decoration:none;
  font-size:.9rem;font-weight:700;letter-spacing:.06em;
}
.bdc-btn-ghost:hover{background:var(--surface);color:var(--pink-mid);}

/* ---------- полосы и обёртки ---------- */
.bdc-wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem;}

.bdc-band{padding:2.4rem 0;}
.bdc-band-soft{background:var(--bg-soft);}
.bdc-band-fill{background:var(--surface);}
.bdc-band-curtain{
  background:var(--bg-soft);
  background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 56px);
}

/* ---------- первый экран ---------- */
.bdc-hero{
  padding:2.6rem 0 2.2rem;
  background:linear-gradient(180deg,var(--surface) 0%,var(--bg-soft) 62%,var(--bg) 100%);
}
.bdc-hero h1{
  margin:.2rem 0 .9rem;
  font-size:2.3rem;line-height:1.18;
}
.bdc-lead{
  max-width:44rem;
  font-size:1.14rem;
  color:var(--plum);
}
.bdc-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.7rem;
  margin:1.6rem 0 1.4rem;
}
.bdc-kpi-cell{
  position:relative;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:18px;
  padding:1.5rem .6rem .8rem;
  text-align:center;
}
.bdc-kpi-cell::before{
  content:"";
  position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);
  width:10px;height:10px;border-radius:50%;
  background:var(--pink-soft);
}
.bdc-kpi-v{display:block;font-size:1.32rem;font-weight:700;color:var(--plum);}
.bdc-kpi-k{display:block;font-size:.78rem;color:var(--plum-soft);text-transform:uppercase;letter-spacing:.04em;}

.bdc-cta-row{margin:1.5rem 0 .4rem;}
.bdc-cta-note{font-size:.9rem;color:var(--plum-soft);margin-top:.55rem;}

/* ---------- заголовки ---------- */
h2{
  font-size:1.62rem;line-height:1.24;
  margin:0 0 .75rem;
}
h3{
  font-size:1.16rem;
  margin:1.5rem 0 .45rem;
  color:var(--pink-deep);
}
.bdc-sec{margin-bottom:2.2rem;}
.bdc-sec:last-child{margin-bottom:0;}

.bdc-accent{color:var(--pink-deep);font-weight:700;}
.bdc-num{color:var(--gold);font-weight:700;}
.bdc-yes{color:var(--green);font-weight:700;}
.bdc-no{color:var(--red);font-weight:700;}

/* ---------- рисунки ---------- */
.bdc-fig{
  margin:1.2rem 0;
  padding:1rem;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:18px;
}
.bdc-art{display:block;width:100%;max-width:100%;height:auto;}
.bdc-cap{
  margin:.6rem 0 0;
  font-size:.86rem;color:var(--plum-soft);
}

/* ---------- таблицы ---------- */
.bdc-scroll{overflow-x:auto;margin:1.1rem 0;}
.bdc-tab{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--plum);
  font-size:.95rem;
  min-width:520px;
}
.bdc-tab th,.bdc-tab td{
  border:1px solid var(--plum);
  padding:.5rem .6rem;
  text-align:center;
}
.bdc-tab th{background:var(--surface-2);font-weight:700;}
.bdc-tab tbody tr:nth-child(even){background:var(--bg-soft);}

/* ---------- карточки на нитях ---------- */
.bdc-beads{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:1rem;
  margin:1.2rem 0;
}
.bdc-bead{
  position:relative;
  background:var(--bg);
  border:1.5px solid var(--line);
  border-radius:20px;
  padding:1.6rem 1rem 1rem;
}
.bdc-bead::before{
  content:"";
  position:absolute;top:-.7rem;left:1.6rem;
  width:12px;height:12px;border-radius:50%;
  background:var(--pink);
}
.bdc-bead h3{margin-top:0;}
.bdc-bead p{margin:.35rem 0 0;font-size:.95rem;}

.bdc-list{padding-left:1.2rem;}
.bdc-list li{margin:.3rem 0;}

/* ---------- FAQ ---------- */
.bdc-faq details{
  border:1.5px solid var(--line);
  border-radius:16px;
  background:var(--bg);
  margin:.6rem 0;
  padding:.2rem .95rem;
}
.bdc-faq summary{
  cursor:pointer;
  padding:.6rem 0;
  font-family:"Cuprum","Trebuchet MS",sans-serif;
  font-size:1.05rem;
  color:var(--plum);
}
.bdc-faq summary::marker{color:var(--pink);}
.bdc-faq details[open]{background:var(--bg-soft);}
.bdc-faq p{margin:.2rem 0 .8rem;font-size:.97rem;}

/* ---------- отзыв ---------- */
.bdc-quote{
  border-left:4px solid var(--pink);
  background:var(--surface);
  border-radius:0 16px 16px 0;
  padding:.9rem 1.1rem;
  margin:1.3rem 0;
}
.bdc-quote p{margin:0 0 .4rem;}
.bdc-sign{font-size:.85rem;color:var(--plum-soft);text-transform:uppercase;letter-spacing:.05em;}

/* ---------- подвал ---------- */
.bdc-foot{
  background:var(--surface);
  border-top:2px solid var(--line);
  padding:2rem 0 2.4rem;
  font-size:.92rem;
  color:var(--plum-soft);
}
.bdc-foot p{margin:.35rem 0;}
.bdc-age{
  margin-top:1rem;
  padding-top:.8rem;
  border-top:1px dashed var(--line);
  color:var(--plum);
  font-weight:700;
}

/* ---------- 640 ---------- */
@media (max-width:640px){
  body{font-size:1rem;}
  .bdc-hero h1{font-size:1.72rem;}
  h2{font-size:1.34rem;}
  .bdc-top-in{padding:.7rem .8rem .85rem;}
  .bdc-mark{font-size:1.32rem;}
  .bdc-hangbar{gap:.5rem;}
  .bdc-btn-main,.bdc-btn-ghost{
    padding:.5rem .8rem;
    font-size:.76rem;
    letter-spacing:.03em;
  }
  .bdc-kpi{grid-template-columns:repeat(2,1fr);}
  .bdc-kpi-cell:last-child{grid-column:1 / -1;}
  .bdc-wrap{padding:0 .9rem;}
  .bdc-fig{padding:.6rem;}
  .bdc-art{max-width:100%;height:auto;}
  .bdc-scroll{-webkit-overflow-scrolling:touch;}
  .bdc-tab{font-size:.88rem;min-width:460px;}
}