/* vavadacasino77.biz — шаблон "sundial": гномон-клин, часовые линии, римские деления */

:root{
  --sdl-sand:#e6ddc8;
  --sdl-sand-2:#d8cbae;
  --sdl-shadow:#2b2a26;
  --sdl-brass:#b08d3a;
  --sdl-brass-lt:#d7b45c;
  --sdl-paper:#f6f1e4;
  --sdl-ink:#211f1b;
  --sdl-soft:#6c6558;
  --sdl-rule:#c3b795;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--sdl-sand);
  color:var(--sdl-ink);
  font-family:"Andada Pro",Georgia,serif;
  font-size:17.5px;
  line-height:1.66;
  -webkit-text-size-adjust:100%;
}
img,svg{max-width:100%}
a{color:#7d6222}

.sdl-wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* ——— шапка: латунная планка ——— */
.sdl-head{background:var(--sdl-shadow);color:var(--sdl-sand);padding:11px 0}
.sdl-head__in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
.sdl-sign{font-family:"Rubik Iso",cursive;font-size:27px;color:var(--sdl-brass-lt);letter-spacing:1px}
.sdl-head__note{font-size:13px;color:#a79f8d;font-family:"Andada Pro",serif}

/* ——— hero: циферблат с гномоном ——— */
.sdl-hero{
  position:relative;
  overflow:hidden;
  background:
    repeating-conic-gradient(from 200deg at 4% 0%,
      rgba(176,141,58,.16) 0deg 1.4deg, rgba(176,141,58,0) 1.4deg 9deg),
    linear-gradient(140deg,#f3ecd9 0%,var(--sdl-sand) 55%,var(--sdl-sand-2) 100%);
  border-bottom:6px double var(--sdl-brass);
}
.sdl-hero__gnomon{position:absolute;left:0;top:0;width:min(46%,520px);opacity:.5;pointer-events:none}
.sdl-hero__in{position:relative;padding:46px 0 40px;max-width:760px;margin-left:auto}
h1{
  font-family:"Rubik Iso",cursive;
  font-weight:400;
  font-size:clamp(26px,4vw,42px);
  line-height:1.3;
  margin:0 0 18px;
  color:var(--sdl-shadow);
}
.sdl-lead{font-size:18.5px;margin:0 0 26px;color:#3b382f}
.sdl-fig{color:#7d6222;font-variant-numeric:tabular-nums}

/* KPI — пять отметок по дуге */
.sdl-marks{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:0 0 28px}
.sdl-mark{
  background:var(--sdl-paper);
  border:1px solid var(--sdl-rule);
  border-bottom:4px solid var(--sdl-brass);
  padding:14px 12px;
  text-align:center;
}
.sdl-mark:nth-child(1),.sdl-mark:nth-child(5){transform:translateY(16px)}
.sdl-mark:nth-child(2),.sdl-mark:nth-child(4){transform:translateY(7px)}
.sdl-mark__n{font-family:"Rubik Iso",cursive;font-size:19px;color:var(--sdl-shadow);line-height:1.25}
.sdl-mark__c{font-size:12px;color:var(--sdl-soft);margin-top:6px;letter-spacing:.4px}

/* CTA */
.sdl-go{
  display:inline-block;
  background:var(--sdl-shadow);
  color:var(--sdl-brass-lt);
  border:2px solid var(--sdl-brass);
  border-radius:999px;
  padding:14px 32px;
  text-decoration:none;
  font-weight:700;
  font-size:16.5px;
  letter-spacing:.4px;
}
.sdl-go:hover{background:var(--sdl-brass);color:#1d1a12}
.sdl-go--light{background:var(--sdl-brass);color:#1d1a12}
.sdl-go--light:hover{background:var(--sdl-brass-lt)}
.sdl-go-row{margin:26px 0 6px}

/* ——— секции: римское деление слева ——— */
.sdl-main{padding:36px 0 6px;counter-reset:hour}
.sdl-part{
  position:relative;
  display:grid;
  grid-template-columns:78px 1fr;
  gap:22px;
  padding:0 0 30px;
  margin:0 0 30px;
  border-bottom:1px solid var(--sdl-rule);
}
.sdl-part:last-of-type{border-bottom:0}
.sdl-dial{position:relative}
.sdl-dial__rn{
  display:block;
  width:64px;height:64px;line-height:60px;
  border:2px solid var(--sdl-brass);
  border-radius:50%;
  text-align:center;
  font-family:"Rubik Iso",cursive;
  font-size:17px;
  color:var(--sdl-shadow);
  background:var(--sdl-paper);
}
.sdl-dial__ray{
  position:absolute;left:31px;top:70px;bottom:-6px;width:2px;
  background:repeating-linear-gradient(180deg,var(--sdl-brass) 0 7px,transparent 7px 15px);
}
h2{
  font-family:"Rubik Iso",cursive;
  font-weight:400;
  font-size:clamp(20px,2.4vw,27px);
  line-height:1.32;
  margin:6px 0 6px;
  color:var(--sdl-shadow);
}
.sdl-tag{font-size:13px;color:var(--sdl-soft);letter-spacing:.6px;margin:0 0 14px;font-style:italic}
h3{
  font-family:"Andada Pro",serif;
  font-weight:700;
  font-size:18.5px;
  margin:20px 0 6px;
  color:#7d6222;
}
p{margin:0 0 14px}

/* списки */
.sdl-ul{list-style:none;margin:0 0 15px;padding:0}
.sdl-ul li{position:relative;padding-left:26px;margin:0 0 10px}
.sdl-ul li::before{
  content:"";position:absolute;left:2px;top:11px;width:14px;height:2px;background:var(--sdl-brass);
}

/* таблицы */
.sdl-pan{overflow-x:auto;margin:0 0 18px;background:var(--sdl-paper);border:1px solid var(--sdl-rule)}
table{border-collapse:collapse;width:100%;min-width:590px;font-size:15.5px}
caption{
  caption-side:top;text-align:left;padding:10px 13px;
  font-size:13px;font-style:italic;color:var(--sdl-soft);border-bottom:1px solid var(--sdl-rule);
}
th{
  background:var(--sdl-brass);color:#1f1b11;text-align:left;
  padding:10px 13px;font-weight:700;font-size:14px;
}
td{padding:9px 13px;border-top:1px solid var(--sdl-rule);vertical-align:top}
tbody tr:nth-child(even){background:#efe8d6}

/* клуб — дуга делений */
.sdl-dialrow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px}
.sdl-step{
  background:var(--sdl-paper);
  border:1px solid var(--sdl-rule);
  padding:14px 12px 12px;
  text-align:center;
  position:relative;
}
.sdl-step::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--sdl-brass);
}
.sdl-dialrow .sdl-step:nth-child(1)::before{opacity:.25}
.sdl-dialrow .sdl-step:nth-child(2)::before{opacity:.45}
.sdl-dialrow .sdl-step:nth-child(3)::before{opacity:.65}
.sdl-dialrow .sdl-step:nth-child(4)::before{opacity:.82}
.sdl-dialrow .sdl-step:nth-child(5)::before{opacity:1}
.sdl-step__t{font-weight:700;font-size:15.5px;margin-bottom:4px}
.sdl-step__p{font-family:"Rubik Iso",cursive;font-size:20px;color:#7d6222}
.sdl-step__q{font-size:12.5px;color:var(--sdl-soft);margin-top:5px}

/* карточки */
.sdl-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 18px}
.sdl-card{
  background:var(--sdl-paper);
  border-left:5px solid var(--sdl-brass);
  box-shadow:7px 7px 0 rgba(43,42,38,.10);
  padding:15px 16px 13px;
}
.sdl-card__t{font-weight:700;font-size:16px;margin:0 0 6px;color:var(--sdl-shadow)}
.sdl-card p{font-size:15.5px;margin:0;color:#43403a}

/* отзыв */
.sdl-quote{
  background:var(--sdl-shadow);
  color:#e4dcc6;
  padding:18px 20px;
  margin:0 0 18px;
  border-right:6px solid var(--sdl-brass);
}
.sdl-quote p{margin:0 0 9px;font-size:16.5px}
.sdl-quote__sig{font-size:13px;color:#a79f8d;font-style:italic}

/* FAQ */
details{
  background:var(--sdl-paper);
  border:1px solid var(--sdl-rule);
  margin:0 0 10px;
}
summary{
  cursor:pointer;list-style:none;
  padding:14px 17px;
  font-weight:700;font-size:16.5px;color:var(--sdl-shadow);
}
summary::-webkit-details-marker{display:none}
summary::before{content:"·";color:var(--sdl-brass);font-size:26px;line-height:0;margin-right:9px;vertical-align:middle}
details[open] summary{border-bottom:1px solid var(--sdl-rule)}
details p{padding:13px 17px 0;margin:0 0 13px;font-size:16px}

/* источники */
.sdl-src{
  background:var(--sdl-paper);
  border:2px solid var(--sdl-brass);
  padding:20px 22px;
  margin:6px 0 24px;
}
.sdl-src__h{font-family:"Rubik Iso",cursive;font-weight:400;font-size:20px;margin:0 0 12px;color:var(--sdl-shadow)}
.sdl-src ol{margin:0;padding-left:22px;font-size:15.5px}
.sdl-src li{margin:0 0 8px}

/* подвал */
.sdl-foot{background:var(--sdl-shadow);color:#a79f8d;padding:26px 0 32px;font-size:14px}
.sdl-foot p{margin:0 0 9px}
.sdl-foot__age{
  display:inline-block;margin-top:8px;padding:9px 15px;
  background:var(--sdl-brass);color:#1d1a12;font-size:13.5px;border-radius:999px;
}

@media (max-width:640px){
  body{font-size:16.5px}
  .sdl-wrap{padding:0 14px}
  .sdl-hero__gnomon{display:none}
  .sdl-hero__in{padding:28px 0 26px}
  .sdl-marks{grid-template-columns:1fr 1fr}
  .sdl-mark{transform:none !important}
  .sdl-part{grid-template-columns:1fr;gap:6px;padding-bottom:24px;margin-bottom:24px}
  .sdl-dial__ray{display:none}
  .sdl-dial__rn{width:46px;height:46px;line-height:42px;font-size:14px}
  .sdl-dialrow{grid-template-columns:1fr}
  .sdl-cards{grid-template-columns:1fr}
  .sdl-go{display:block;text-align:center;padding:13px 16px}
  .sdl-head__in{flex-direction:column;align-items:flex-start;gap:3px}
}