/* =========================================================
   Shopmester blog – cikk megjelenés (modern, letisztult)
   ========================================================= */
.post-page{
  --brand:#0072aa;
  --brand-2:#1ba6e8;
  --ink:#0d2b52;
  --text:#334155;
  --muted:#64748b;
  --line:#e6eef7;
  --soft:#f4f9ff;
  color:var(--text);
  background:
    radial-gradient(1200px 360px at 50% -80px, #e8f4ff 0%, rgba(232,244,255,0) 72%),
    #ffffff;
  padding:0 20px 96px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.post{
  max-width:748px;
  margin:0 auto;
}

/* Felső vissza-link */
.post-topnav{
  display:inline-flex; align-items:center; gap:6px;
  margin:30px 0 2px;
  color:var(--muted); text-decoration:none; font-weight:600; font-size:14px;
  transition:color .15s ease;
}
.post-topnav:hover{ color:var(--brand); }

/* Fejléc */
.post-header{ padding:22px 0 28px; border-bottom:1px solid var(--line); }
.post-kicker{
  display:inline-block;
  color:var(--brand); font-weight:800; font-size:12.5px;
  letter-spacing:.14em; text-transform:uppercase;
}
.post-title{
  margin:14px 0 24px;
  font-size:clamp(29px, 4.6vw, 45px);
  line-height:1.12; letter-spacing:-0.02em;
  color:var(--ink); font-weight:800;
}
.post-byline{ display:flex; align-items:center; gap:13px; }
.post-avatar{
  flex:0 0 auto; width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff; font-weight:800; font-size:18px;
  display:grid; place-items:center;
  box-shadow:0 6px 16px rgba(11,94,215,.22);
}
.post-byline-text{ display:flex; flex-direction:column; line-height:1.35; }
.post-author{ font-weight:700; color:var(--ink); font-size:15px; }
.post-role{ color:var(--muted); font-size:13.5px; }

/* Borítókép */
.post-cover{
  margin:32px 0 6px;
  display:flex; justify-content:center; align-items:center;
  background:linear-gradient(135deg,#eaf3ff 0%, #f4f9ff 100%);
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
}
.post-cover img{ width:190px; height:190px; max-width:72%; object-fit:contain; }

/* Törzsszöveg */
.post-body{ font-size:18px; line-height:1.75; }
.post-body > p:first-of-type{ font-size:1.14em; color:#1f3a5b; }
.post-body p{ margin:20px 0; }
.post-body h2{
  margin:48px 0 14px; font-size:clamp(22px,2.6vw,27px);
  line-height:1.25; letter-spacing:-0.015em; color:var(--ink); font-weight:800;
}
.post-body h3{
  margin:32px 0 10px; font-size:19px; color:var(--ink); font-weight:700;
}
.post-body a{
  color:var(--brand); font-weight:600;
  text-decoration:underline; text-decoration-color:rgba(11,94,215,.35);
  text-underline-offset:3px; transition:text-decoration-color .15s ease;
}
.post-body a:hover{ text-decoration-color:var(--brand); }
.post-body strong{ color:var(--ink); font-weight:700; }
.post-body img{ max-width:100%; height:auto; border-radius:10px; }

/* Listák */
.post-body ol, .post-body ul{ margin:22px 0; padding:0; list-style:none; }
.post-body li{ position:relative; margin:13px 0; padding-left:42px; }
.post-body ol{ counter-reset:post-counter; }
.post-body ol > li::before{
  counter-increment:post-counter; content:counter(post-counter);
  position:absolute; left:0; top:0;
  width:29px; height:29px; border-radius:9px;
  background:var(--soft); border:1px solid var(--line);
  color:var(--brand); font-size:14px; font-weight:800;
  display:grid; place-items:center;
}
.post-body ul > li{ padding-left:30px; }
.post-body ul > li::before{
  content:""; position:absolute; left:8px; top:11px;
  width:9px; height:9px; border-radius:50%;
  background:var(--brand-2);
}

/* Záró ajánlatkérő doboz */
.post-cta{
  margin:56px 0 0; padding:32px;
  background:linear-gradient(135deg,#f4f9ff,#eaf3ff);
  border:1px solid var(--line); border-radius:22px;
  text-align:center;
}
.post-cta-title{ margin:0 0 8px; color:var(--ink); font-size:23px; font-weight:800; letter-spacing:-0.01em; }
.post-cta-text{ margin:0 auto 22px; color:var(--muted); max-width:470px; font-size:16px; line-height:1.6; }
.post-cta-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.post-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:13px 26px; border-radius:12px; font-weight:700; font-size:15px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.post-btn-primary{
  background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff;
  box-shadow:0 10px 22px rgba(11,94,215,.24);
}
.post-btn-primary:hover{ transform:translateY(-1px); box-shadow:0 14px 26px rgba(11,94,215,.30); }
.post-btn-ghost{ background:#fff; color:var(--brand); border:1px solid var(--line); }
.post-btn-ghost:hover{ background:#f8fbff; }

@media (max-width:640px){
  .post-page{ padding:0 16px 64px; }
  .post-body{ font-size:16.5px; }
  .post-cover{ border-radius:20px; padding:20px; }
  .post-cover img{ width:150px; height:150px; }
  .post-cta{ padding:26px 20px; }
}