/* Komplex Logopédia · site-matched skin (S1-S4, G1). Loaded AFTER kl.css.
   Mirrors komplexlogopedia.hu: Nunito Sans headings, Quicksand body, navy ink text,
   3px corners, light-blue bordered cards, flat blue buttons, pastel square decor. */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,700;6..12,800&family=Quicksand:wght@400;500;600;700&display=swap");
:root{
  --ink:#0D062D; --text:#0D062D; --muted:#4F4B66; --line:#DDE9F3; --line-2:#B9D9F2;
  --blue-50:#F1F8FC; --bg-soft:#F1F8FC;
  --r-lg:6px; --r:3px; --r-sm:3px; --r-pill:3px;
  --sh-1:0 12px 16px -4px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);
  --sh-2:0 20px 24px -4px rgba(0,0,0,.08),0 8px 8px -4px rgba(0,0,0,.03);
  --f-head:"Nunito Sans",system-ui,sans-serif; --f-body:"Quicksand",system-ui,sans-serif;
  --sec:88px;
}
body{font:500 16.5px/1.6 var(--f-body);color:var(--text)}
h1,h2,h3,h4{letter-spacing:normal}
h1{font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.2}
h2{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.2}
h3{font-size:1.32rem;line-height:1.4}
.lead{font-size:1.06rem;color:var(--text)}
.muted{color:var(--muted)}
.eyebrow{text-transform:none;letter-spacing:0;font:700 1.05rem/1.3 var(--f-head);color:var(--blue)}
.eyebrow::before{display:none}
.soft{background:var(--bg-soft)}
.tint{background:#fff}

/* buttons: flat, small radius, Quicksand 600 */
.btn{min-height:46px;padding:0 24px;border-radius:3px;font:600 1rem/1.2 var(--f-body);box-shadow:none}
.btn-primary,.btn-pink{box-shadow:none}
.btn-primary:hover,.btn-pink:hover{transform:none}
.btn-lg{min-height:52px;padding:0 28px;font-size:1.04rem}
.btn-ghost{border-width:1px;border-color:var(--blue);color:var(--blue)}
.nav .btn{min-height:40px;padding:0 20px;font-size:.95rem}

/* cards: the site's "_3-cards-card" look */
.card,.step,.mcard,.stat,.worth .w,.stest li{background:var(--bg-soft);border:1px solid var(--blue);border-radius:3px;box-shadow:var(--sh-1)}
.ink .stest li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}
.ico{border-radius:3px;background:#fff;border:1px solid var(--line-2)}
.wfeat .ico{border-radius:3px}
details.acc{border-radius:3px;border-color:var(--line-2)}
details.acc[open]{border-color:var(--blue)}
.day summary .dn{border-radius:3px}
.offer,.guarantee,.cmp,.rita-photo,.ph,.wfeat,.state .photo{border-radius:6px}
.offer{box-shadow:var(--sh-2)}
.offer .dates div,.addon,.gline,.after-days,.countdown div,.rita-photo .tag{border-radius:3px}
.stest li::before{border-radius:3px}
.fact,.pill,.gbadge,.state .pillb{border-radius:3px}
.checks li::before{border-radius:3px;background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.checks.x li::before{background-color:#9CA3AF}
.ink .checks li::before{background-color:var(--pink)}
.tm-dlg{border-radius:6px}
.tm-dlg .tm-x{border-radius:3px}

/* highlighted words in headings, like "néhány hét alatt" on the site */
h1 .hl,h2 .hl,h3 .hl{color:var(--blue)}

/* pastel square decor (site hero and section corners) */
.deco{position:relative;isolation:isolate}
.deco::before,.deco::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:96px;height:96px;opacity:.55;background:
  linear-gradient(135deg,rgba(0,138,230,.22),rgba(0,138,230,.08)) 0 0/44px 44px no-repeat,
  linear-gradient(135deg,rgba(0,138,230,.14),rgba(0,138,230,.04)) 40px 36px/36px 36px no-repeat;transform:rotate(-14deg)}
.deco::before{top:28px;left:2%}
.deco::after{bottom:34px;right:3%;background:
  linear-gradient(135deg,rgba(255,168,64,.30),rgba(255,168,64,.10)) 0 0/42px 42px no-repeat,
  linear-gradient(135deg,rgba(219,39,119,.18),rgba(219,39,119,.06)) 38px 40px/34px 34px no-repeat;transform:rotate(18deg)}
@media (max-width:720px){.deco::before,.deco::after{width:64px;height:64px;opacity:.4}}

/* ad quote strip: approved ad lines used as short pull quotes */
.adq{max-width:820px;margin:0 auto;padding:22px 26px;border-left:3px solid var(--blue);background:var(--bg-soft);border-radius:3px;font:500 1.08rem/1.6 var(--f-body);color:var(--ink)}
.adq b{color:var(--blue)}

/* site-style rating + guarantee badge row */
.srow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px;margin-top:28px}
.srow .g{display:flex;align-items:center;gap:10px;font:700 1.05rem var(--f-head);color:var(--ink)}
.srow .g small{display:block;font:500 .8rem var(--f-body);color:var(--muted)}
.srow .stars{color:#F5A623;letter-spacing:1px}
.stamp{width:88px;height:88px;font-size:.66rem!important;letter-spacing:.02em;border-radius:50%;border:3px solid var(--ink);display:grid;place-items:center;text-align:center;font:800 .78rem/1.1 var(--f-head);color:var(--ink);outline:2px dashed var(--ink);outline-offset:-9px}