/* 7k-slot47.xyz — концепт «Литейный слиток». Префикс .ingot- */

:root{
  --ingot-bg:#111013;
  --ingot-surf:#1a181d;
  --ingot-line:#28252b;
  --ingot-acc:#e4b363;
  --ingot-acc2:#9d8df1;
  --ingot-tx:#eeebf0;
  --ingot-mu:#9c96a3;
  --ingot-r:4px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--ingot-bg);
  color:var(--ingot-tx);
  font-family:'Raleway',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  letter-spacing:0.005em;
}

/* Заголовочный шрифт — явным правилом, чтобы serif не встал первым в body-цепочке */
h1,h2,h3,h4,
.ingot-logo__t,.ingot-kpi__n,.ingot-mold__sum,.ingot-drop__t,
.ingot-num,.ingot-table th,.ingot-mrow__t,.ingot-eyebrow{
  font-family:'Vollkorn',Georgia,'Times New Roman',serif;
  font-weight:600;
  letter-spacing:0.01em;
}

h1{font-size:2.35rem;line-height:1.2;margin:0 0 18px}
h2{font-size:1.72rem;line-height:1.26;margin:0 0 16px}
h3{font-size:1.12rem;line-height:1.3;margin:0 0 8px}

a{color:var(--ingot-acc);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 14px}
img,svg{max-width:100%}

.ingot-skip{
  position:absolute;left:-9999px;top:0;background:var(--ingot-acc);
  color:#17130c;padding:10px 16px;z-index:99
}
.ingot-skip:focus{left:8px;top:8px}

/* ---------- Шапка ---------- */
.ingot-bar{
  display:flex;align-items:center;gap:22px;
  padding:14px 34px;
  background:rgba(17,16,19,0.94);
  border-bottom:1px solid var(--ingot-line);
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(6px);
}
.ingot-logo{display:flex;align-items:center;gap:11px;color:var(--ingot-tx)}
.ingot-logo:hover{text-decoration:none}
.ingot-logo__svg{width:40px;height:40px;flex:0 0 40px}
.ingot-logo__t{display:flex;flex-direction:column;font-size:1.12rem;line-height:1.15}
.ingot-logo__sub{font-family:'Raleway',sans-serif;font-size:.7rem;font-weight:500;color:var(--ingot-mu);letter-spacing:.06em;text-transform:uppercase}
.ingot-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.ingot-nav a{color:var(--ingot-mu);font-size:.9rem;font-weight:500}
.ingot-nav a:hover{color:var(--ingot-acc);text-decoration:none}

/* ---------- Кнопки ---------- */
.ingot-btn{
  display:inline-block;
  padding:13px 24px;
  background:linear-gradient(102deg,var(--ingot-acc) 0%,#f0cc8c 100%);
  color:#191207;
  font-weight:600;
  font-size:.95rem;
  border-radius:var(--ingot-r);
  border:1px solid #f0cc8c;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
  transition:filter .16s ease,transform .16s ease;
}
.ingot-btn:hover{filter:brightness(1.09);text-decoration:none;transform:translateY(-1px)}
.ingot-btn--bar{padding:10px 20px;font-size:.87rem}
.ingot-btn--ghost{
  background:transparent;color:var(--ingot-acc2);
  border:1px solid var(--ingot-acc2);
}
.ingot-btn--ghost:hover{background:rgba(157,141,241,.12)}
.ingot-btn--sm{padding:9px 16px;font-size:.84rem;margin-top:auto}
.ingot-btn--wide{margin-top:12px}
.ingot-cta{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 26px}

/* ---------- Hero с диагональной сеткой ---------- */
.ingot-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ingot-line)}
.ingot-hero__grid{
  position:absolute;inset:-40% -10%;
  background-image:
    repeating-linear-gradient(38deg,transparent 0 25px,rgba(228,179,99,.09) 25px 26px),
    repeating-linear-gradient(-52deg,transparent 0 25px,rgba(157,141,241,.07) 25px 26px);
  pointer-events:none;
}
.ingot-hero__in{
  position:relative;
  max-width:1220px;margin:0 auto;
  padding:56px 34px 48px;
  display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;
}
.ingot-eyebrow{
  font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ingot-acc2);margin:0 0 14px
}
.ingot-lead{font-size:1.07rem;color:#d7d2dc;max-width:620px}
.ingot-kpi{
  list-style:none;display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin:0;padding:0;background:var(--ingot-line);
  border:1px solid var(--ingot-line);
}
.ingot-kpi li{background:var(--ingot-surf);padding:15px 14px;display:flex;flex-direction:column;gap:3px}
.ingot-kpi__n{font-size:1.35rem;color:var(--ingot-acc)}
.ingot-kpi__l{font-size:.79rem;color:var(--ingot-mu);line-height:1.35}
.ingot-hero__art svg{display:block;width:100%;height:auto;border:1px solid var(--ingot-line)}

/* ---------- Секции ---------- */
.ingot-sec{max-width:1220px;margin:0 auto;padding:52px 34px}
.ingot-sec--alt{
  max-width:none;
  background:var(--ingot-surf);
  border-top:1px solid var(--ingot-line);
  border-bottom:1px solid var(--ingot-line);
}
.ingot-sec--alt>*{max-width:1152px;margin-left:auto;margin-right:auto}
.ingot-p{max-width:900px;color:#ddd8e1}

/* ---------- Welcome: формы для слитков ---------- */
.ingot-molds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.ingot-mold{
  background:var(--ingot-bg);
  border:1px solid var(--ingot-line);
  border-top:3px solid var(--ingot-acc);
  padding:20px 20px 18px;
  clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);
}
.ingot-mold__n{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ingot-mu);margin:0 0 8px}
.ingot-mold__sum{font-size:1.3rem;color:var(--ingot-acc);margin:0 0 10px}
.ingot-mold__d{font-size:.9rem;color:var(--ingot-mu);margin:0}
.ingot-terms{
  list-style:none;padding:0;margin:22px 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.ingot-terms li{
  border-left:2px solid var(--ingot-acc2);
  padding:6px 0 6px 14px;font-size:.9rem;color:var(--ingot-mu)
}
.ingot-num{display:block;font-size:1.22rem;color:var(--ingot-tx)}

/* ---------- Релизы: лента ---------- */
.ingot-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}
.ingot-drop{
  background:var(--ingot-bg);
  border:1px solid var(--ingot-line);
  padding:18px;
  position:relative;
}
.ingot-drop::before{
  content:"";position:absolute;left:18px;top:0;width:34px;height:3px;background:var(--ingot-acc2)
}
.ingot-drop__w{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ingot-acc2);margin:6px 0 6px}
.ingot-drop__t{font-size:1.14rem;color:var(--ingot-acc);margin:0 0 8px}
.ingot-drop__d{font-size:.88rem;color:var(--ingot-mu);margin:0}

/* ---------- Каталог ---------- */
.ingot-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}
.ingot-card{
  display:flex;flex-direction:column;
  background:var(--ingot-surf);
  border:1px solid var(--ingot-line);
  padding:16px 16px 18px;
}
.ingot-card__st{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ingot-acc2);margin:0 0 6px}
.ingot-card__m{font-size:.82rem;color:var(--ingot-acc);margin:0 0 10px}
.ingot-spec{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
.ingot-spec li{
  font-size:.74rem;color:var(--ingot-mu);
  border:1px solid var(--ingot-line);padding:3px 7px;background:var(--ingot-bg)
}
.ingot-card__d{font-size:.85rem;color:var(--ingot-mu);margin:0 0 14px}

/* ---------- Механики ---------- */
.ingot-mech{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:22px;border-top:1px solid var(--ingot-line)}
.ingot-mrow{
  border-bottom:1px solid var(--ingot-line);
  border-right:1px solid var(--ingot-line);
  padding:16px 20px 16px 0;
}
.ingot-mrow:nth-child(even){padding-left:20px;border-right:none}
.ingot-mrow__t{font-size:1.02rem;color:var(--ingot-acc);margin:0 0 6px}
.ingot-mrow__d{font-size:.9rem;color:var(--ingot-mu);margin:0}

/* ---------- Live ---------- */
.ingot-live{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ingot-tab{
  background:var(--ingot-surf);
  border:1px solid var(--ingot-line);
  border-left:3px solid var(--ingot-acc2);
  padding:18px
}
.ingot-tab__st{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ingot-acc2);margin:0 0 6px}
.ingot-tab__d{font-size:.88rem;color:var(--ingot-mu);margin:0}

/* ---------- Таблицы ---------- */
.ingot-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--ingot-line)}
.ingot-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.9rem}
.ingot-table th{
  text-align:left;padding:13px 16px;
  background:var(--ingot-bg);color:var(--ingot-acc);
  border-bottom:1px solid var(--ingot-line);font-size:.88rem
}
.ingot-table td{padding:12px 16px;border-bottom:1px solid var(--ingot-line);color:#d7d2dc}
.ingot-table tr:last-child td{border-bottom:none}
.ingot-table tbody tr:nth-child(odd) td{background:rgba(228,179,99,.035)}

/* ---------- Турнир ---------- */
.ingot-sec--tour{
  border:1px solid var(--ingot-line);
  background:
    linear-gradient(122deg,rgba(228,179,99,.09) 0%,rgba(157,141,241,.07) 100%),
    var(--ingot-surf);
  margin-top:34px;margin-bottom:34px;
}
.ingot-tstat{
  list-style:none;padding:0;margin:20px 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.ingot-tstat li{
  background:var(--ingot-bg);border:1px solid var(--ingot-line);
  padding:14px 16px;font-size:.86rem;color:var(--ingot-mu)
}
.ingot-tstat .ingot-num{color:var(--ingot-acc);font-size:1.24rem;margin-bottom:2px}

/* ---------- Отзывы ---------- */
.ingot-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.ingot-rev{
  background:var(--ingot-surf);border:1px solid var(--ingot-line);
  padding:20px;border-bottom:3px solid var(--ingot-acc)
}
.ingot-rev__h{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.88rem;color:var(--ingot-tx);margin:0 0 10px}
.ingot-ava{
  width:32px;height:32px;flex:0 0 32px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--ingot-acc),var(--ingot-acc2));
  color:#17130c;font-family:'Vollkorn',Georgia,serif;font-size:.98rem;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
}
.ingot-stars{color:var(--ingot-acc);letter-spacing:.08em;font-size:.85rem}
.ingot-rev__d{font-size:.89rem;color:var(--ingot-mu);margin:0}

/* ---------- FAQ ---------- */
.ingot-faq{margin-top:22px;border-top:1px solid var(--ingot-line)}
.ingot-faq details{border-bottom:1px solid var(--ingot-line);background:var(--ingot-bg)}
.ingot-faq summary{
  cursor:pointer;padding:15px 18px;
  font-family:'Vollkorn',Georgia,serif;font-size:1rem;font-weight:600;
  color:var(--ingot-tx);list-style:none;position:relative;padding-right:44px
}
.ingot-faq summary::-webkit-details-marker{display:none}
.ingot-faq summary::after{
  content:"+";position:absolute;right:18px;top:13px;
  color:var(--ingot-acc);font-size:1.25rem;line-height:1
}
.ingot-faq details[open] summary::after{content:"–"}
.ingot-faq summary:hover{color:var(--ingot-acc)}
.ingot-faq p{padding:0 18px 16px;margin:0;font-size:.9rem;color:var(--ingot-mu);max-width:920px}

/* ---------- Author note ---------- */
.ingot-note{
  border-left:3px solid var(--ingot-acc2);
  background:var(--ingot-surf);
  max-width:1220px;
}

/* ---------- Пре-футер ---------- */
.ingot-prefoot{
  max-width:1220px;margin:0 auto 44px;padding:38px 34px;
  border:1px solid var(--ingot-acc);
  background:linear-gradient(96deg,rgba(228,179,99,.11),rgba(157,141,241,.06));
  text-align:center;
}
.ingot-prefoot .ingot-p{margin-left:auto;margin-right:auto}

/* ---------- Подвал ---------- */
.ingot-foot{
  border-top:1px solid var(--ingot-line);
  background:var(--ingot-surf);
  padding:34px;font-size:.85rem;color:var(--ingot-mu)
}
.ingot-foot p{max-width:1152px;margin:0 auto 10px}
.ingot-foot__l{font-family:'Vollkorn',Georgia,serif;font-size:1.05rem;color:var(--ingot-tx)}
.ingot-foot__c{color:#6f6a76;font-size:.8rem}

/* ---------- Адаптив ---------- */
@media (max-width:1080px){
  .ingot-hero__in{grid-template-columns:1fr;gap:32px;padding:44px 26px 40px}
  .ingot-sec{padding:44px 26px}
  .ingot-sec--alt>*{max-width:none}
  .ingot-cards{grid-template-columns:repeat(3,1fr)}
  .ingot-rail{grid-template-columns:repeat(2,1fr)}
  h1{font-size:2.05rem}
  .ingot-bar{padding:12px 26px}
}
@media (max-width:860px){
  body{font-size:16px}
  .ingot-bar{flex-wrap:wrap;gap:12px}
  .ingot-nav{margin-left:0;order:3;width:100%;gap:14px}
  .ingot-btn--bar{margin-left:auto}
  .ingot-molds{grid-template-columns:1fr}
  .ingot-live{grid-template-columns:repeat(2,1fr)}
  .ingot-revs{grid-template-columns:1fr}
  .ingot-mech{grid-template-columns:1fr}
  .ingot-mrow{padding:14px 0;border-right:none}
  .ingot-mrow:nth-child(even){padding-left:0}
  .ingot-terms{grid-template-columns:repeat(2,1fr)}
  .ingot-tstat{grid-template-columns:repeat(2,1fr)}
  .ingot-kpi{grid-template-columns:repeat(2,1fr)}
  h1{font-size:1.86rem}
  h2{font-size:1.5rem}
}
@media (max-width:620px){
  .ingot-sec{padding:34px 16px}
  .ingot-bar{padding:12px 16px}
  .ingot-hero__in{padding:32px 16px 30px}
  .ingot-cards{grid-template-columns:1fr}
  .ingot-rail{grid-template-columns:1fr}
  .ingot-live{grid-template-columns:1fr}
  .ingot-terms{grid-template-columns:1fr}
  .ingot-tstat{grid-template-columns:1fr}
  .ingot-prefoot{padding:28px 16px;margin-bottom:30px}
  .ingot-foot{padding:26px 16px}
  h1{font-size:1.6rem}
  h2{font-size:1.32rem}
  .ingot-cta{gap:10px}
  .ingot-btn{width:100%;text-align:center}
}
