/* vavada2076.com — olive grove theme */

:root{
  --olive-bg:#12150e;
  --olive-bg-2:#181c11;
  --olive-bg-3:#1e2315;
  --olive-line:#2c3320;
  --olive-key:#93a34a;
  --olive-key-2:#b3c265;
  --olive-cream:#efeade;
  --olive-text:#f2f1e6;
  --olive-mute:#b9bda3;
  --olive-radius:14px;
  --olive-wrap:1180px;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--olive-bg);
  color:var(--olive-text);
  font-family:"Bitter",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.72;
  -webkit-text-size-adjust:100%;
}

h1,h2,h3,.olive-logo,.olive-num{
  font-family:"Kelly Slab",Georgia,serif;
  font-weight:400;
  letter-spacing:.2px;
}

h1{font-size:40px;line-height:1.2;margin:0 0 18px}
h2{font-size:29px;line-height:1.25;margin:0 0 16px;color:var(--olive-cream)}
h3{font-size:20px;line-height:1.3;margin:0 0 10px;color:var(--olive-key-2)}
p{margin:0 0 14px}

a{color:var(--olive-key-2);text-decoration:none}
a:hover{text-decoration:underline}

.olive-wrap{width:100%;max-width:var(--olive-wrap);margin:0 auto;padding:0 22px}

/* ---------- header ---------- */
.olive-head{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(18,21,14,.94);
  border-bottom:1px solid var(--olive-line);
  backdrop-filter:blur(7px);
}
.olive-head-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 22px;max-width:var(--olive-wrap);margin:0 auto}
.olive-logo{display:flex;align-items:center;gap:10px;font-size:23px;color:var(--olive-cream)}
.olive-logo span{color:var(--olive-key)}
.olive-leaf{width:26px;height:26px;flex:0 0 26px;border-radius:50% 12% 50% 12%;background:linear-gradient(145deg,var(--olive-key),#5d6a2c)}
.olive-nav{display:flex;gap:20px;font-size:15px}
.olive-nav a{color:var(--olive-mute)}
.olive-nav a:hover{color:var(--olive-key-2);text-decoration:none}

/* ---------- buttons ---------- */
.olive-btn{
  display:inline-block;
  padding:14px 30px;
  border-radius:var(--olive-radius);
  font-family:"Kelly Slab",Georgia,serif;
  font-size:17px;
  letter-spacing:.4px;
  border:1px solid var(--olive-key);
  text-align:center;
  transition:.18s;
}
.olive-btn-main{background:var(--olive-key);color:#11140d}
.olive-btn-main:hover{background:var(--olive-key-2);text-decoration:none}
.olive-btn-ghost{background:transparent;color:var(--olive-cream)}
.olive-btn-ghost:hover{background:rgba(147,163,74,.16);text-decoration:none}

/* ---------- hero ---------- */
.olive-hero{
  padding:64px 0 52px;
  background:
    radial-gradient(760px 400px at 78% 8%,rgba(147,163,74,.20),transparent 62%),
    radial-gradient(520px 360px at 8% 92%,rgba(147,163,74,.10),transparent 60%),
    var(--olive-bg);
  border-bottom:1px solid var(--olive-line);
}
.olive-hero-lead{max-width:840px;font-size:19px;color:var(--olive-cream)}
.olive-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 34px}
.olive-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.olive-strip div{
  background:var(--olive-bg-2);
  border:1px solid var(--olive-line);
  border-radius:var(--olive-radius);
  padding:16px 14px;
  text-align:center;
}
.olive-num{display:block;font-size:26px;color:var(--olive-key-2);line-height:1.15}
.olive-cap{display:block;font-size:13.5px;color:var(--olive-mute);margin-top:4px}

/* ---------- sections ---------- */
.olive-sec{padding:52px 0;border-bottom:1px solid var(--olive-line)}
.olive-sec-lead{max-width:900px;color:var(--olive-cream)}

.olive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.olive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
.olive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.olive-grid-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}

.olive-card{
  background:var(--olive-bg-2);
  border:1px solid var(--olive-line);
  border-radius:var(--olive-radius);
  padding:22px 20px;
}
.olive-card-key{border-left:3px solid var(--olive-key)}

.olive-slot{
  background:linear-gradient(180deg,var(--olive-bg-3),var(--olive-bg-2));
  border:1px solid var(--olive-line);
  border-radius:var(--olive-radius);
  padding:16px 15px;
}
.olive-slot h3{font-size:17px;margin-bottom:4px;color:var(--olive-cream)}
.olive-slot p{margin:0;font-size:14px;color:var(--olive-mute)}
.olive-rtp{
  display:inline-block;
  margin-top:9px;
  padding:3px 11px;
  border-radius:999px;
  background:rgba(147,163,74,.18);
  color:var(--olive-key-2);
  font-size:13.5px;
}

/* ---------- steps ---------- */
.olive-steps{counter-reset:olivestep}
.olive-step{counter-increment:olivestep;position:relative;padding-left:52px}
.olive-step::before{
  content:counter(olivestep);
  position:absolute;
  left:18px;
  top:20px;
  font-family:"Kelly Slab",Georgia,serif;
  font-size:24px;
  color:var(--olive-key);
}

/* ---------- tables ---------- */
.olive-tw{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--olive-line);
  border-radius:var(--olive-radius);
  background:var(--olive-bg-2);
  margin-top:22px;
}
.olive-tw table{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px}
.olive-tw th,.olive-tw td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--olive-line)}
.olive-tw th{background:var(--olive-bg-3);color:var(--olive-key-2);font-weight:400;font-family:"Kelly Slab",Georgia,serif;white-space:nowrap}
.olive-tw tr:last-child td{border-bottom:0}
.olive-tw td:first-child{color:var(--olive-cream)}

/* ---------- reviews ---------- */
.olive-rev{background:var(--olive-bg-2);border:1px solid var(--olive-line);border-radius:var(--olive-radius);padding:20px}
.olive-rev p{font-size:15.5px;color:var(--olive-cream)}
.olive-rev-who{font-size:13.5px;color:var(--olive-key);margin:0}

/* ---------- faq ---------- */
.olive-faq{margin-top:24px}
.olive-faq details{
  background:var(--olive-bg-2);
  border:1px solid var(--olive-line);
  border-radius:var(--olive-radius);
  padding:15px 20px;
  margin-bottom:11px;
}
.olive-faq summary{
  cursor:pointer;
  list-style:none;
  font-family:"Kelly Slab",Georgia,serif;
  font-size:18px;
  color:var(--olive-cream);
  position:relative;
  padding-right:30px;
}
.olive-faq summary::-webkit-details-marker{display:none}
.olive-faq summary::after{content:"+";position:absolute;right:2px;top:-2px;color:var(--olive-key);font-size:22px}
.olive-faq details[open] summary::after{content:"–"}
.olive-faq details p{margin:12px 0 2px;font-size:15.5px;color:var(--olive-mute)}

/* ---------- cta band ---------- */
.olive-band{
  text-align:center;
  padding:56px 22px;
  background:linear-gradient(140deg,#1c2114,#242b17 60%,#1a1f12);
  border-bottom:1px solid var(--olive-line);
}
.olive-band h2{margin-bottom:12px}
.olive-band p{max-width:700px;margin:0 auto 24px;color:var(--olive-cream)}

/* ---------- editorial ---------- */
.olive-ed{background:var(--olive-bg-2);border:1px solid var(--olive-line);border-radius:var(--olive-radius);padding:24px}
.olive-ed p{font-size:15.5px;color:var(--olive-mute);margin-bottom:10px}

/* ---------- footer ---------- */
.olive-foot{padding:40px 0 56px;font-size:14.5px;color:var(--olive-mute);background:#0e1109}
.olive-foot p{margin-bottom:11px;max-width:960px}
.olive-18{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid var(--olive-key);
  color:var(--olive-key);
  font-family:"Kelly Slab",Georgia,serif;
  font-size:16px;
  margin-bottom:14px;
}

/* ---------- media ---------- */
@media (max-width:1000px){
  h1{font-size:32px}
  h2{font-size:25px}
  .olive-hero{padding:46px 0 40px}
  .olive-sec{padding:42px 0}
  .olive-nav{display:none}
  .olive-strip{grid-template-columns:repeat(3,1fr)}
  .olive-grid-3,.olive-grid-4{grid-template-columns:repeat(2,1fr)}
  .olive-grid-slots{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:600px){
  body{font-size:16px}
  h1{font-size:26px}
  h2{font-size:21px}
  h3{font-size:18px}
  .olive-wrap{padding:0 15px}
  .olive-head-in{padding:11px 15px}
  .olive-logo{font-size:19px}
  .olive-hero{padding:34px 0 30px}
  .olive-hero-lead{font-size:17px}
  .olive-sec{padding:34px 0}
  .olive-strip{grid-template-columns:repeat(2,1fr)}
  .olive-grid-2,.olive-grid-3,.olive-grid-4{grid-template-columns:1fr}
  .olive-grid-slots{grid-template-columns:repeat(2,1fr)}
  .olive-cta-row{flex-direction:column}
  .olive-btn{display:block;width:100%}
  .olive-tw table{font-size:14.5px;min-width:560px}
  .olive-tw th,.olive-tw td{padding:10px 12px}
  .olive-band{padding:38px 15px}
  .olive-step{padding-left:44px}
}

/* мобильный скролл широких таблиц */
@media (max-width: 600px) {
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
}