/* kiln — гончарный обжиг · namespace kln · vavadacasino676.top */

:root{
  --kln-shamot:#1e1714;
  --kln-shamot-up:#282019;
  --kln-shamot-hi:#31271f;
  --kln-glaze:#2f8f86;
  --kln-copper:#c96a2c;
  --kln-slip:#ede3d6;
  --kln-ash:#9a8b7c;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--kln-shamot);
  background-image:
    radial-gradient(ellipse at 50% -10%,rgba(201,106,44,.22) 0,transparent 62%),
    repeating-linear-gradient(90deg,rgba(237,227,214,.025) 0 1px,transparent 1px 64px);
  color:var(--kln-slip);
  font-family:'Ruda',Verdana,sans-serif;
  font-size:17px;
  line-height:1.7;
  -webkit-text-size-adjust:100%;
}

.kln-yard{max-width:960px;margin:0 auto;padding:0 20px}

a{color:var(--kln-glaze)}

/* ---------- горн ---------- */

.kln-mouth{padding:44px 0 34px;position:relative;overflow:hidden}

.kln-mouth::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--kln-copper),var(--kln-glaze),var(--kln-copper));
}

.kln-arch{display:block;margin:0 auto 18px}

.kln-stamp{
  display:block;text-align:center;margin-bottom:12px;
  font-size:.74rem;letter-spacing:4px;text-transform:uppercase;color:var(--kln-copper);
}

h1{
  font-family:'Rubik Lines',Georgia,serif;
  font-weight:400;font-size:2.3rem;line-height:1.28;
  margin:0 0 16px;text-align:center;color:#fff;
}

.kln-lede{margin:0 auto 24px;max-width:70ch;text-align:center;color:#d8cbbd;font-size:1.04rem}

.kln-heat{
  display:flex;flex-wrap:wrap;gap:0;
  border-top:2px solid var(--kln-copper);border-bottom:2px solid var(--kln-copper);
  margin:26px 0 26px;
}

.kln-heat div{
  flex:1 1 0;padding:16px 10px;text-align:center;
  border-right:1px solid rgba(154,139,124,.35);
}

.kln-heat div:last-child{border-right:0}

.kln-heat u{
  display:block;text-decoration:none;
  font-family:'Rubik Lines',Georgia,serif;font-size:1.34rem;color:var(--kln-glaze);
}

.kln-heat small{display:block;margin-top:6px;font-size:.75rem;letter-spacing:.8px;color:var(--kln-ash)}

/* ---------- кнопки ---------- */

.kln-draw{
  display:block;width:fit-content;margin:0 auto;
  padding:16px 34px;border-radius:999px;
  background:linear-gradient(100deg,var(--kln-copper),#e08b45);
  color:#1a120b;text-decoration:none;font-size:1.03rem;letter-spacing:.4px;
  border:2px solid rgba(255,220,180,.35);
}

.kln-draw:hover{filter:brightness(1.08)}

.kln-draw-cold{
  background:linear-gradient(100deg,var(--kln-glaze),#3fb0a5);
  color:#0d1f1d;border-color:rgba(190,240,235,.35);
}

/* ---------- секции-обжиги ---------- */

main{padding:30px 0 14px}

.kln-fire{
  position:relative;
  background:var(--kln-shamot-up);
  border:1px solid rgba(154,139,124,.28);
  border-radius:4px 4px 22px 22px;
  padding:28px 30px 34px;
  margin:0 0 34px;
  overflow:hidden;
}

.kln-fire::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:9px;
  background:linear-gradient(90deg,rgba(47,143,134,.15),var(--kln-glaze) 45%,var(--kln-copper));
}

.kln-fire h2{
  font-family:'Rubik Lines',Georgia,serif;font-weight:400;
  font-size:1.48rem;line-height:1.32;margin:0 0 6px;color:#fff;
}

.kln-ring{
  display:inline-block;margin-bottom:12px;
  width:34px;height:34px;line-height:28px;text-align:center;
  border:2px solid var(--kln-copper);outline:1px solid rgba(201,106,44,.35);outline-offset:3px;
  border-radius:50%;font-size:.8rem;color:var(--kln-copper);
}

.kln-fire h3{
  font-family:'Ruda',sans-serif;font-weight:700;font-size:1.03rem;
  margin:22px 0 8px;color:var(--kln-glaze);text-transform:none;
}

.kln-fire h3::before{content:"◈ ";color:var(--kln-copper);font-size:.8rem}

.kln-fire p{margin:0 0 14px}

.kln-fire ul{margin:0 0 14px;padding-left:18px}

.kln-fire li{margin-bottom:7px}

.kln-glz{color:var(--kln-glaze);font-weight:700}

.kln-cu{color:var(--kln-copper);font-weight:700}

/* трещины-кракелюр между блоками */

.kln-crack{
  height:16px;margin:0 0 34px;
  background:
    repeating-linear-gradient(72deg,rgba(201,106,44,.5) 0 1px,transparent 1px 13px),
    repeating-linear-gradient(-58deg,rgba(47,143,134,.42) 0 1px,transparent 1px 19px);
}

/* ---------- таблицы ---------- */

.kln-slab{overflow-x:auto;margin:16px 0 18px}

table{border-collapse:collapse;width:100%;min-width:560px;font-size:.93rem}

caption{
  caption-side:bottom;text-align:left;padding-top:8px;
  font-size:.78rem;color:var(--kln-ash);
}

th{
  text-align:left;padding:8px 12px;color:var(--kln-glaze);font-weight:700;
  font-size:.8rem;letter-spacing:1.1px;text-transform:uppercase;
  border-bottom:2px solid var(--kln-copper);
}

td{padding:10px 12px;border-bottom:1px dashed rgba(154,139,124,.3);color:#e2d7c9}

tbody tr:hover td{background:rgba(47,143,134,.09)}

/* ---------- клуб: семь обжигов ---------- */

.kln-kilnline{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 16px}

.kln-kilnline span{
  flex:1 1 110px;padding:12px 8px;text-align:center;
  background:linear-gradient(180deg,var(--kln-shamot-hi),rgba(47,143,134,.18));
  border:1px solid rgba(201,106,44,.4);border-radius:3px 3px 14px 14px;
  font-size:.86rem;
}

.kln-kilnline span::after{
  content:attr(data-cb);display:block;margin-top:6px;
  font-family:'Rubik Lines',serif;font-size:1.1rem;color:var(--kln-copper);
}

/* ---------- отзыв ---------- */

.kln-sherd{
  margin:20px 0 4px;padding:18px 20px;
  background:rgba(47,143,134,.1);
  border-left:3px solid var(--kln-glaze);
  border-radius:0 18px 18px 0;
}

.kln-sherd p{margin:0 0 8px;font-style:italic;color:#e6dbcd}

.kln-sherd cite{font-style:normal;font-size:.84rem;color:var(--kln-ash)}

/* ---------- FAQ ---------- */

details{
  border-bottom:1px solid rgba(154,139,124,.3);
  padding:0;margin:0;
}

details:first-of-type{border-top:1px solid rgba(154,139,124,.3)}

summary{
  cursor:pointer;padding:14px 8px 14px 30px;position:relative;list-style:none;
  color:var(--kln-slip);font-size:1rem;
}

summary::-webkit-details-marker{display:none}

summary::before{
  content:"+";position:absolute;left:6px;top:13px;
  color:var(--kln-copper);font-size:1.15rem;line-height:1;
}

details[open] summary::before{content:"–";color:var(--kln-glaze)}

details[open] summary{color:var(--kln-glaze)}

details p{margin:0;padding:0 8px 16px 30px;font-size:.95rem;color:#d6cabc}

/* ---------- методика ---------- */

.kln-marks{
  border:1px dashed var(--kln-copper);border-radius:4px;
  padding:24px 26px;margin:0 0 30px;background:rgba(201,106,44,.06);
}

.kln-marks h3{font-family:'Rubik Lines',serif;font-weight:400;font-size:1.26rem;margin:0 0 12px;color:var(--kln-copper)}

.kln-marks ol{margin:0 0 20px;padding-left:22px}

.kln-marks li{margin-bottom:8px;font-size:.93rem}

/* ---------- подвал ---------- */

.kln-bench{
  border-top:3px solid var(--kln-glaze);
  background:#161110;
  padding:26px 0 32px;font-size:.87rem;color:#a9998a;
}

.kln-bench p{margin:0 0 10px;max-width:82ch}

.kln-warn{
  display:block;margin-top:12px;padding:10px 0 0;
  border-top:1px dashed rgba(201,106,44,.5);
  color:#d3c4b3;letter-spacing:.3px;
}

/* ---------- мобильная раскладка ---------- */

@media (max-width:640px){
  body{font-size:16px}
  .kln-yard{padding:0 14px}
  h1{font-size:1.5rem;text-align:left}
  .kln-lede{text-align:left}
  .kln-arch{width:78px;height:78px}
  .kln-heat{display:grid;grid-template-columns:1fr 1fr;border-left:2px solid var(--kln-copper);border-right:2px solid var(--kln-copper)}
  .kln-heat div{border-right:1px solid rgba(154,139,124,.35);border-bottom:1px solid rgba(154,139,124,.35)}
  .kln-heat div:last-child{grid-column:1 / -1;border-bottom:0}
  .kln-fire{padding:20px 16px 26px;border-radius:3px 3px 14px 14px}
  .kln-fire h2{font-size:1.18rem}
  .kln-kilnline span{flex:1 1 44%}
  .kln-draw{width:100%;text-align:center;padding:14px 12px}
  .kln-marks{padding:18px 16px}
  details p{padding-left:30px}
}