/* ==========================================================================
   Сметни си — базови стилове, споделени между всички страници
   (променливи, reset, header, footer, реклами, основен grid)
   ========================================================================== */

:root{
  --bg:#EFF3EE;
  --ink:#15251C;
  --ink-soft:#4A5C51;
  --ink-mute:#7E8F84;
  --card:#FFFFFF;
  --line:#DCE4DD;
  --green:#0E7A54;
  --green-deep:#0A5C40;
  --green-tint:#E4F0EA;
  --paper:#FDFBF3;
  --paper-line:#EAE4CE;
  --focus:#0E7A54;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{
  font-family:'Sofia Sans',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--green-deep)}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ---------- header ---------- */
header{border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:10}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;padding-bottom:15px}
.logo{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:1.95rem;line-height:1;letter-spacing:-.025em;text-decoration:none;color:var(--ink);flex:none}
.logo img{width:40px;height:40px;object-fit:contain;display:block;flex:none;align-self:center;transform:translateY(-1px)}
.logo span{line-height:1;align-self:baseline}
.logo em{font-style:normal;color:var(--green)}
nav{display:flex;gap:26px;font-size:.92rem;color:var(--ink-soft)}
nav a{text-decoration:none;color:inherit}
nav a:hover{color:var(--green-deep)}
@media(max-width:820px){nav{display:none}}
@media(max-width:600px){
  .wrap{padding-left:16px;padding-right:16px}
  .header-in{gap:10px;padding-top:12px;padding-bottom:12px}
  .logo{gap:6px;font-size:1.62rem}
  .logo img{width:34px;height:34px}
  .logo span{font-size:.86rem!important}
}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding:18px 0 28px;font-size:.8rem;color:var(--ink-mute);background:var(--card)}
.foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* ---------- реклами (общи слотове) ---------- */
.ad{border:1.5px dashed #C7D2C8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ink-mute);font-size:.78rem;background:#F4F8F3}
.ad-top{height:90px;margin:22px 0 0}
.ad-side{width:100%;height:600px;flex:none}
.side-sticky{position:sticky;top:82px;display:flex;flex-direction:column;gap:14px}
@media(max-width:1020px){aside{display:none}}

/* ---------- основен two-column grid ---------- */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding:8px 0 44px}
.grid > *{min-width:0}
@media(max-width:1020px){.grid{grid-template-columns:1fr}}
@media(max-width:600px){
  .ad-top{height:76px;margin-top:16px}
  .grid{gap:20px;padding:18px 0 34px}
}