/* 7k174r.fun — 7К Казино · войлочная мастерская
   палитра: тёмная шерсть #171512 · охра марены #c07a3c · небелёная шерсть #e9e2d4
   шрифты: Kadwa (заголовки) + Mulish (текст) · префикс .felt- */

:root{
  --wool:#171512;
  --wool-2:#1f1c18;
  --wool-3:#272320;
  --line:#3a332b;
  --madder:#c07a3c;
  --madder-hi:#d99757;
  --raw:#e9e2d4;
  --raw-dim:#a8977f;
  --ok:#7fa06a;
  --rad:14px;
  --wrap:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--wool);
  color:var(--raw);
  font:400 17px/1.65 Mulish,"Segoe UI",system-ui,sans-serif;
  letter-spacing:.01em;
  background-image:
    radial-gradient(circle at 12% 8%,rgba(192,122,60,.09),transparent 42%),
    radial-gradient(circle at 88% 62%,rgba(233,226,212,.05),transparent 46%);
}
h1,h2,h3,h4{font-family:Kadwa,Georgia,serif;font-weight:700;line-height:1.22;margin:0 0 14px;letter-spacing:0}
h1{font-size:clamp(27px,4.1vw,45px)}
h2{font-size:clamp(22px,3vw,32px)}
h3{font-size:clamp(17px,2vw,21px)}
h4{font-size:16px}
p{margin:0 0 14px}
a{color:var(--madder-hi);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{max-width:100%}

.felt-skip{position:absolute;left:-9999px;top:0;background:var(--madder);color:#12100d;padding:12px 18px;z-index:99;border-radius:0 0 var(--rad) 0}
.felt-skip:focus{left:0}

/* ---------- header ---------- */
.felt-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:12px clamp(14px,3vw,34px);
  background:rgba(23,21,18,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(9px);
}
.felt-logo{display:flex;align-items:center;gap:11px;color:var(--raw);text-decoration:none}
.felt-logo:hover{text-decoration:none}
.felt-logo__svg{width:38px;height:38px;flex:none}
.felt-logo__t{display:flex;flex-direction:column;font-family:Kadwa,serif;font-size:19px;line-height:1.1}
.felt-logo__sub{font-family:Mulish,sans-serif;font-size:11px;font-weight:600;color:var(--raw-dim);letter-spacing:.07em;text-transform:uppercase;margin-top:3px}
.felt-nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.felt-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 13px;
  border-radius:11px;color:var(--raw);font-size:14px;font-weight:600;
}
.felt-nav a:hover{background:var(--wool-3);color:var(--madder-hi);text-decoration:none}

/* ---------- cta ---------- */
.felt-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 22px;border-radius:12px;
  background:linear-gradient(135deg,var(--madder),var(--madder-hi));
  color:#151210;font-weight:800;font-size:15px;text-align:center;
  border:1px solid rgba(233,226,212,.16);
}
.felt-cta:hover{filter:brightness(1.08);text-decoration:none}
.felt-cta--sm{min-height:44px;padding:0 17px;font-size:14px}
.felt-cta--lg{min-height:54px;padding:0 30px;font-size:16.5px}
.felt-cta--ghost{background:transparent;color:var(--raw);border:1px solid var(--line)}
.felt-cta--ghost:hover{border-color:var(--madder);color:var(--madder-hi);filter:none}

/* ---------- layout ---------- */
main{max-width:var(--wrap);margin:0 auto;padding:0 clamp(14px,3vw,34px)}
section{padding:52px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
.felt-over{
  font-size:11.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;
  color:var(--madder);margin:0 0 9px;
}
.felt-lead{color:#d6cdbd;max-width:78ch}

/* ---------- counter strip ---------- */
.felt-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--rad);
  overflow:hidden;margin:22px 0 6px;
}
.felt-strip__c{background:var(--wool-2);padding:14px 12px;display:flex;flex-direction:column;gap:3px}
.felt-strip__n{font-family:Kadwa,serif;font-size:19px;color:var(--madder-hi)}
.felt-strip__l{font-size:12px;color:var(--raw-dim);line-height:1.35}

/* ---------- hero ---------- */
.felt-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;padding-top:34px}
.felt-chip{
  display:inline-block;padding:7px 14px;border-radius:999px;
  border:1px solid var(--line);background:var(--wool-2);
  font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--raw-dim);margin:0 0 15px;
}
.felt-hero__sub{color:#d6cdbd;max-width:62ch}
.felt-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 26px}
.felt-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.felt-kpi__i{
  background:var(--wool-2);border:1px solid var(--line);border-radius:12px;
  padding:13px 12px;display:flex;flex-direction:column;gap:3px;
}
.felt-kpi__n{font-family:Kadwa,serif;font-size:21px;color:var(--raw)}
.felt-kpi__l{font-size:12px;color:var(--raw-dim)}
.felt-hero__pic{margin:0}
.felt-hero__svg{width:100%;height:auto;display:block}
.felt-hero__pic figcaption{font-size:12.5px;color:var(--raw-dim);text-align:center;margin-top:6px}

/* ---------- welcome ---------- */
.felt-wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.felt-wbox{
  background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);
  padding:20px 18px;position:relative;overflow:hidden;
}
.felt-wbox::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--madder)}
.felt-wbox--2::after{background:var(--madder-hi)}
.felt-wbox--3::after{background:var(--raw-dim)}
.felt-wbox__s{font-size:11.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--raw-dim)}
.felt-wbox__p{font-family:Kadwa,serif;font-size:31px;color:var(--madder-hi);margin:6px 0 8px}
.felt-wbox__t{font-weight:700;margin-bottom:8px}
.felt-wbox__d{font-size:14.5px;color:var(--raw-dim);line-height:1.55}

/* ---------- steps ---------- */
.felt-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.felt-sbox{background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);padding:20px 18px}
.felt-sbox__n{
  width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--madder);color:#151210;font-family:Kadwa,serif;font-size:18px;margin-bottom:11px;
}
.felt-sbox__h{font-family:Kadwa,serif;font-size:18px;margin-bottom:7px}
.felt-sbox p{font-size:15px;color:var(--raw-dim);margin:0}

/* ---------- catalogue ---------- */
.felt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.felt-card{
  background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);
  overflow:hidden;display:flex;flex-direction:column;
}
.felt-card__cv{
  height:106px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:Kadwa,serif;font-size:15px;line-height:1.25;color:#1a1713;padding:8px;
}
.felt-cv1{background:linear-gradient(135deg,#c07a3c,#e6c08a)}
.felt-cv2{background:linear-gradient(135deg,#a8642f,#d99757)}
.felt-cv3{background:linear-gradient(135deg,#d99757,#e9e2d4)}
.felt-cv4{background:linear-gradient(135deg,#8f5a2c,#c07a3c)}
.felt-cv5{background:linear-gradient(135deg,#b8895a,#e9e2d4)}
.felt-cv6{background:linear-gradient(135deg,#7d5330,#b8895a)}
.felt-cv7{background:linear-gradient(135deg,#c07a3c,#f0d8b4)}
.felt-cv8{background:linear-gradient(135deg,#9d6a3b,#d9b78a)}
.felt-cv9{background:linear-gradient(135deg,#6f4a2a,#c07a3c)}
.felt-cv10{background:linear-gradient(135deg,#d9b78a,#c07a3c)}
.felt-cv11{background:linear-gradient(135deg,#a8642f,#e9e2d4)}
.felt-cv12{background:linear-gradient(135deg,#8f5a2c,#d99757)}
.felt-card h3{font-size:15px;margin:12px 13px 5px}
.felt-card p{font-size:13px;color:var(--raw-dim);margin:0 13px 12px}
.felt-card__b{
  margin:auto 13px 13px;min-height:44px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);color:var(--raw);font-size:14px;font-weight:700;
}
.felt-card__b:hover{background:var(--madder);color:#151210;text-decoration:none;border-color:var(--madder)}
.felt-prov{background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);padding:16px 18px;margin-top:14px}
.felt-prov__t{font-family:Kadwa,serif;font-size:15px;margin-bottom:10px}
.felt-prov__l{display:flex;flex-wrap:wrap;gap:8px}
.felt-prov__l span{
  padding:6px 12px;border-radius:999px;border:1px solid var(--line);
  background:var(--wool-3);font-size:13px;color:#d6cdbd;
}

/* ---------- loyalty ---------- */
.felt-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}
.felt-ladder__s{
  background:var(--wool-2);border:1px solid var(--line);border-radius:12px;
  padding:15px 12px;display:flex;flex-direction:column;gap:5px;text-align:center;
}
.felt-ladder__s:nth-child(6){border-color:var(--madder);background:linear-gradient(160deg,var(--wool-3),var(--wool-2))}
.felt-ladder__n{font-family:Kadwa,serif;font-size:16px}
.felt-ladder__c{font-size:13px;font-weight:800;color:var(--madder-hi)}
.felt-lgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.felt-lbox{background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);padding:19px 18px}
.felt-lbox__h{font-family:Kadwa,serif;font-size:17px;margin-bottom:8px;color:var(--madder-hi)}
.felt-lbox p{font-size:15px;color:var(--raw-dim);margin:0}

/* ---------- tournament ---------- */
.felt-tour__btns{margin:18px 0 22px}
.felt-tour__kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.felt-tour__kpi>div{
  background:var(--wool-2);border:1px solid var(--line);border-radius:12px;
  padding:16px;display:flex;flex-direction:column;gap:4px;
}
.felt-tour__kpi>div>span:first-child{font-family:Kadwa,serif;font-size:24px;color:var(--madder-hi)}
.felt-tour__kpi i{font-style:normal;font-size:12.5px;color:var(--raw-dim)}
.felt-b{font-weight:800;color:var(--raw)}

/* ---------- live ---------- */
.felt-lvgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.felt-lv{background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.felt-lv__cv{
  height:120px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:Kadwa,serif;font-size:17px;line-height:1.25;color:#1a1713;padding:10px;
}
.felt-lvc1{background:linear-gradient(135deg,#c07a3c,#e9e2d4)}
.felt-lvc2{background:linear-gradient(135deg,#8f5a2c,#d99757)}
.felt-lvc3{background:linear-gradient(135deg,#b8895a,#f0d8b4)}
.felt-lvc4{background:linear-gradient(135deg,#d99757,#e9e2d4)}
.felt-lvc5{background:linear-gradient(135deg,#7d5330,#c07a3c)}
.felt-lvc6{background:linear-gradient(135deg,#a8642f,#d9b78a)}
.felt-lv__b{padding:15px 16px;position:relative}
.felt-lv__t{font-family:Kadwa,serif;font-size:16px;margin-bottom:4px}
.felt-lv__s{font-size:13px;color:var(--raw-dim);margin-bottom:8px}
.felt-lv__m{font-size:14px;color:#d6cdbd}
.felt-lv__p{font-size:13px;color:var(--raw-dim);margin-top:3px}
.felt-lv__on{
  position:absolute;top:13px;right:14px;padding:3px 9px;border-radius:999px;
  background:rgba(127,160,106,.16);border:1px solid var(--ok);color:var(--ok);
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}

/* ---------- brand ---------- */
.felt-brand h3{margin-top:26px;color:var(--madder-hi)}
.felt-brand p{color:#d6cdbd;max-width:82ch}
.felt-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.felt-bdg{
  padding:8px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--wool-2);font-size:13px;font-weight:600;color:#d6cdbd;
}

/* ---------- reviews ---------- */
.felt-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.felt-rbox{background:var(--wool-2);border:1px solid var(--line);border-radius:var(--rad);padding:20px 18px}
.felt-rbox__st{color:var(--madder-hi);letter-spacing:.12em;margin-bottom:10px;font-size:15px}
.felt-off{color:var(--line)}
.felt-rbox__q{font-size:15px;color:#d6cdbd;margin:0 0 14px}
.felt-rbox__m{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--raw-dim)}
.felt-rbox__a{
  width:30px;height:30px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--madder);color:#151210;font-family:Kadwa,serif;font-size:14px;
}

/* ---------- payments ---------- */
.felt-pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0 14px}
.felt-pbox{
  background:var(--wool-2);border:1px solid var(--line);border-radius:12px;
  padding:15px 12px;display:flex;flex-direction:column;gap:4px;text-align:center;
}
.felt-pbox i{font-style:normal;font-size:12px;color:var(--raw-dim)}
.felt-ptimes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.felt-ptimes>div{
  background:var(--wool-3);border:1px solid var(--line);border-radius:12px;
  padding:14px 15px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--raw-dim);
}
.felt-ptimes .felt-b{font-family:Kadwa,serif;font-weight:400;font-size:18px;color:var(--madder-hi)}

/* ---------- final ---------- */
.felt-final{
  text-align:center;background:linear-gradient(160deg,var(--wool-3),var(--wool-2));
  border:1px solid var(--line);border-radius:var(--rad);padding:38px 22px;margin:52px 0 0;
}
.felt-final p{color:var(--raw-dim);max-width:60ch;margin:0 auto 20px}

/* ---------- faq ---------- */
.felt-faq details{
  background:var(--wool-2);border:1px solid var(--line);border-radius:12px;
  padding:0 18px;margin-bottom:10px;
}
.felt-faq summary{
  cursor:pointer;list-style:none;padding:16px 0;min-height:44px;
  font-family:Kadwa,serif;font-size:16px;color:var(--raw);position:relative;padding-right:32px;
}
.felt-faq summary::-webkit-details-marker{display:none}
.felt-faq summary::after{
  content:"+";position:absolute;right:4px;top:14px;color:var(--madder);font-size:22px;line-height:1;
}
.felt-faq details[open] summary::after{content:"–"}
.felt-faq details p{font-size:15px;color:var(--raw-dim);margin:0 0 16px}

/* ---------- author ---------- */
.felt-author p{color:var(--raw-dim);font-size:15.5px;max-width:88ch}

/* ---------- footer ---------- */
.felt-foot{border-top:1px solid var(--line);margin-top:52px;background:var(--wool-2)}
.felt-foot__top{
  max-width:var(--wrap);margin:0 auto;padding:36px clamp(14px,3vw,34px) 26px;
  display:grid;grid-template-columns:1.15fr 1.85fr;gap:30px;
}
.felt-foot__logo{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.felt-foot__logo>span{display:flex;flex-direction:column;font-size:12px;color:var(--raw-dim);line-height:1.4}
.felt-foot__logo .felt-b{font-family:Kadwa,serif;font-size:17px;font-weight:400;color:var(--raw)}
.felt-foot__legal{font-size:13.5px;color:var(--raw-dim);margin:0;max-width:60ch}
.felt-foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.felt-foot__col h4{color:var(--madder-hi);margin-bottom:9px}
.felt-foot__col ul{list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--raw-dim)}
.felt-foot__col li{padding:4px 0}
.felt-foot__bottom{
  max-width:var(--wrap);margin:0 auto;padding:16px clamp(14px,3vw,34px) 30px;
  border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;
  font-size:12.5px;color:var(--raw-dim);
}

/* ---------- adaptive ---------- */
@media (max-width:1080px){
  .felt-hero{grid-template-columns:1fr}
  .felt-hero__pic{order:-1}
  .felt-grid{grid-template-columns:repeat(3,1fr)}
  .felt-pgrid{grid-template-columns:repeat(3,1fr)}
  .felt-strip{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .felt-wgrid,.felt-sgrid,.felt-lvgrid,.felt-rgrid{grid-template-columns:1fr}
  .felt-ladder{grid-template-columns:repeat(3,1fr)}
  .felt-tour__kpi{grid-template-columns:repeat(2,1fr)}
  .felt-foot__top{grid-template-columns:1fr}
  .felt-nav{order:3;margin-left:0;width:100%;overflow-x:auto}
}
@media (max-width:620px){
  body{font-size:16px}
  section{padding:38px 0}
  .felt-grid{grid-template-columns:repeat(2,1fr)}
  .felt-kpi,.felt-strip,.felt-ptimes,.felt-lgrid,.felt-tour__kpi{grid-template-columns:1fr}
  .felt-ladder{grid-template-columns:repeat(2,1fr)}
  .felt-pgrid{grid-template-columns:repeat(2,1fr)}
  .felt-foot__cols{grid-template-columns:1fr}
  .felt-cta--lg{width:100%}
  .felt-prov__l{overflow-x:auto}
}
@media (max-width:400px){
  .felt-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}