/* dunes — vavada-online44.fun · namespace dun- */

:root{
  --dun-sand:#e3d3ae;
  --dun-sand-hi:#f1e6cb;
  --dun-sand-lo:#d2bd90;
  --dun-lee:#6b5533;
  --dun-lee-soft:#8a7048;
  --dun-night:#211a12;
  --dun-ink:#2b2219;
  --dun-line:rgba(107,85,51,.28);
  --dun-crest:#b99a63;
  --dun-ridge:0 1px 0 rgba(255,255,255,.55), 0 14px 26px -18px rgba(33,26,18,.75);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:
    repeating-linear-gradient(115deg, rgba(185,154,99,.10) 0 2px, transparent 2px 13px),
    radial-gradient(150% 70% at 12% 0%, var(--dun-sand-hi) 0%, var(--dun-sand) 46%, var(--dun-sand-lo) 100%);
  background-attachment:fixed;
  color:var(--dun-ink);
  font-family:'Ruda','Trebuchet MS',system-ui,sans-serif;
  font-size:17px;
  line-height:1.72;
  -webkit-text-size-adjust:100%;
}

.dun-shell{max-width:1060px;margin:0 auto;padding:0 26px 64px}

/* ——— гребень-разделитель ——— */
.dun-crestline{
  height:22px;margin:0;border:0;
  background:
    radial-gradient(circle at 12px -6px, transparent 14px, var(--dun-crest) 14px 15px, transparent 15px) repeat-x 0 0/30px 22px;
  opacity:.55;
}

/* ——— шапка ——— */
.dun-top{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 0 16px;flex-wrap:wrap;
}
.dun-mark{display:flex;align-items:center;gap:12px}
.dun-mark svg{flex:0 0 auto}
.dun-mark span{
  font-family:'Rubik Gemstones','Ruda',cursive;
  font-size:27px;letter-spacing:.06em;color:var(--dun-night);
}
.dun-ticker{
  font-size:13px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--dun-lee);border-bottom:1px dashed var(--dun-line);padding-bottom:3px;
}

/* ——— hero: наветренный склон ——— */
.dun-hero{
  position:relative;margin-top:10px;padding:40px 34px 34px;
  border-radius:180px 180px 26px 26px / 84px 84px 26px 26px;
  background:linear-gradient(168deg, #fbf3e0 0%, #f0e2c2 58%, #e7d6b0 100%);
  box-shadow:var(--dun-ridge);
  overflow:hidden;
}
.dun-hero::before{
  content:"";position:absolute;inset:auto -10% -55% -10%;height:120%;
  background:repeating-radial-gradient(ellipse at 50% 100%, transparent 0 22px, rgba(107,85,51,.13) 22px 24px);
  pointer-events:none;
}
.dun-hero>*{position:relative}
.dun-hero h1{
  margin:0 0 16px;font-family:'Rubik Gemstones','Ruda',cursive;font-weight:400;
  font-size:clamp(28px,4.4vw,44px);line-height:1.18;color:var(--dun-night);
}
.dun-lead{margin:0 0 24px;font-size:19px;max-width:63ch;color:#3a2f22}
.dun-hot{color:#8c3f15;border-bottom:2px solid rgba(140,63,21,.3)}

.dun-kpi{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0 28px;
}
.dun-kpi div{
  padding:16px 12px 14px;text-align:center;background:rgba(255,255,255,.58);
  border:1px solid var(--dun-line);
  border-radius:62px 62px 10px 10px / 34px 34px 10px 10px;
}
.dun-kpi b,.dun-kpi .dun-num{
  display:block;font-size:22px;line-height:1.2;color:var(--dun-night);font-weight:800;
}
.dun-kpi small{display:block;margin-top:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dun-lee)}

.dun-go{
  display:inline-block;padding:15px 40px;border-radius:40px 40px 14px 14px / 22px 22px 14px 14px;
  background:linear-gradient(180deg,#8c3f15,#6b2f0f);color:#fbf3e0;text-decoration:none;
  font-weight:800;letter-spacing:.04em;font-size:17px;
  box-shadow:0 10px 22px -12px rgba(107,47,15,.9);
}
.dun-go:hover{background:linear-gradient(180deg,#a04a19,#7d380f)}
.dun-go--flat{margin-top:8px}

/* ——— секции: наветренный / подветренный склон ——— */
.dun-sec{
  counter-increment:dun;
  position:relative;margin:34px 0 0;padding:30px 30px 26px 74px;
  background:linear-gradient(100deg, rgba(255,255,255,.62), rgba(255,255,255,.24));
  border:1px solid var(--dun-line);
  border-radius:8px 120px 8px 8px / 8px 46px 8px 8px;
  box-shadow:var(--dun-ridge);
}
.dun-sec:nth-of-type(even){
  padding:30px 74px 26px 30px;
  background:linear-gradient(260deg, rgba(255,255,255,.62), rgba(255,255,255,.24));
  border-radius:120px 8px 8px 8px / 46px 8px 8px 8px;
}
.dun-sec::before{
  content:counter(dun,decimal-leading-zero);
  position:absolute;top:26px;left:24px;
  font-family:'Rubik Gemstones','Ruda',cursive;font-size:22px;color:var(--dun-crest);
}
.dun-sec:nth-of-type(even)::before{left:auto;right:24px}
.dun-sec h2{
  margin:0 0 14px;font-family:'Rubik Gemstones','Ruda',cursive;font-weight:400;
  font-size:clamp(21px,2.7vw,29px);line-height:1.26;color:var(--dun-night);
}
.dun-sec h3{
  margin:24px 0 8px;font-size:18px;font-weight:800;color:var(--dun-lee);
  letter-spacing:.01em;
}
.dun-sec p{margin:0 0 14px}
.dun-sec ul{margin:0 0 16px;padding-left:0;list-style:none}
.dun-sec ul li{position:relative;padding-left:26px;margin-bottom:9px}
.dun-sec ul li::before{
  content:"";position:absolute;left:4px;top:.72em;width:12px;height:6px;
  border-top:2px solid var(--dun-crest);border-radius:12px 12px 0 0;
}

.dun-mid{counter-reset:dun}

/* ——— таблицы ——— */
.dun-scroll{overflow-x:auto;margin:6px 0 18px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
caption{
  caption-side:top;text-align:left;font-size:13px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--dun-lee);padding-bottom:9px;
}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--dun-line)}
thead th{
  background:rgba(185,154,99,.24);color:var(--dun-night);font-weight:800;
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
}
tbody tr:nth-child(even){background:rgba(255,255,255,.32)}

/* ——— гряда клуба ——— */
.dun-ridgebar{display:grid;gap:10px;margin:8px 0 18px}
.dun-ridgebar div{
  display:flex;align-items:center;gap:14px;padding:11px 16px;
  background:rgba(255,255,255,.46);border-left:5px solid var(--dun-crest);
  border-radius:0 42px 42px 0 / 0 22px 22px 0;
}
.dun-ridgebar span:first-child{font-weight:800;min-width:116px;color:var(--dun-night)}
.dun-ridgebar span:last-child{margin-left:auto;font-weight:800;color:#8c3f15}

/* ——— врезки ——— */
.dun-note{
  margin:16px 0;padding:16px 20px;border:1px dashed var(--dun-lee-soft);
  border-radius:6px 34px 6px 34px;background:rgba(251,243,224,.6);font-size:16px;
}
.dun-quote{
  margin:20px 0;padding:18px 22px;background:rgba(33,26,18,.06);
  border-radius:34px 6px 34px 6px;
}
.dun-quote p{margin:0 0 10px;font-style:italic}
.dun-quote cite{font-style:normal;font-size:14px;color:var(--dun-lee);letter-spacing:.04em}

/* ——— FAQ ——— */
details{
  border-bottom:1px solid var(--dun-line);padding:12px 0;
}
summary{
  cursor:pointer;font-weight:800;color:var(--dun-night);list-style:none;
  padding-right:28px;position:relative;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:"";position:absolute;right:4px;top:.55em;width:14px;height:8px;
  border-top:2px solid var(--dun-crest);border-radius:14px 14px 0 0;transition:transform .2s;
}
details[open] summary::after{transform:rotate(180deg)}
details p{margin:10px 0 2px;color:#3a2f22}

/* ——— методика + подвал ——— */
.dun-method{
  margin:34px 0 0;padding:28px 30px;border:1px solid var(--dun-line);
  border-radius:8px;background:rgba(33,26,18,.05);
}
.dun-method h2{
  margin:0 0 12px;font-family:'Rubik Gemstones','Ruda',cursive;font-weight:400;
  font-size:24px;color:var(--dun-night);
}
.dun-method ul{margin:0 0 18px;padding-left:20px}
.dun-method li{margin-bottom:8px;font-size:15px}

.dun-foot{
  margin-top:40px;padding:28px 0 0;border-top:2px solid var(--dun-line);
  font-size:14px;color:#41352a;
}
.dun-foot p{margin:0 0 9px}
.dun-age{
  display:inline-block;margin-top:10px;padding:9px 18px;
  background:var(--dun-night);color:var(--dun-sand);border-radius:30px;
  font-size:13px;letter-spacing:.03em;
}

@media (max-width:640px){
  body{font-size:16px;line-height:1.66}
  .dun-shell{padding:0 14px 44px}
  .dun-hero{padding:26px 18px 24px;border-radius:70px 70px 16px 16px / 38px 38px 16px 16px}
  .dun-lead{font-size:17px}
  .dun-kpi{grid-template-columns:repeat(2,1fr);gap:9px}
  .dun-kpi div:last-child{grid-column:1 / -1}
  .dun-sec,.dun-sec:nth-of-type(even){
    padding:24px 18px 20px;border-radius:10px;
  }
  .dun-sec::before,.dun-sec:nth-of-type(even)::before{
    position:static;display:block;margin-bottom:6px;
  }
  .dun-ridgebar div{flex-wrap:wrap;gap:6px;border-radius:0 20px 20px 0}
  .dun-ridgebar span:first-child{min-width:0}
  .dun-go{display:block;text-align:center;padding:14px 18px}
  .dun-method{padding:20px 16px}
  table{min-width:520px}
}