/* ==========================================================
   bezubran.pl – šiltas minimalizmas, žurnalo tipografija
   ========================================================== */
:root {
  --bg: #F3ECE1;
  --paper: #FAF6EF;
  --ink: #26261F;
  --ink-2: #3B3A33;
  --muted: #6B655A;
  --line: #E2D7C6;
  --sand: #E9DBC4;
  --sand-deep: #D6BE98;
  --forest: #3E5345;
  --forest-deep: #2C3C31;
  --clay: #A8714A;
  --sea: #CBD5CC;
  --serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r: 6px;
  --r-lg: 14px;
  --w: 1160px;
  --shadow: 0 1px 2px rgba(38,38,31,.04), 0 8px 28px rgba(38,38,31,.06);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 400 17px/1.65 var(--sans);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
img, svg { max-width: 100%; display: block; }
a { color: var(--forest); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--forest-deep); }
:focus-visible { outline: 2px solid var(--clay); outline-offset: 3px; border-radius: 2px; }

h1, h2, h3 { font-family: var(--serif); font-weight: 400; line-height: 1.12; letter-spacing: -.01em; margin: 0 0 .5em; color: var(--ink); }
h1 { font-size: clamp(2.3rem, 5.2vw, 4.1rem); }
h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); }
h3 { font-size: 1.35rem; }
h1 em, h2 em { font-style: italic; color: var(--forest); }
p { margin: 0 0 1em; }

.ic { width: 1.15em; height: 1.15em; flex: none; }
.wrap { width: 100%; max-width: var(--w); margin: 0 auto; padding: 0 20px; }
.narrow { max-width: 780px; }
.center { text-align: center; }
.muted { color: var(--muted); }
.sr, .hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 12px; top: 12px; z-index: 99; background: var(--ink); color: var(--paper); padding: 8px 14px; }

.eyebrow, .kicker {
  font: 600 .72rem/1.3 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--clay); margin: 0 0 .9rem;
}
.lede { font-family: var(--serif); font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.5; color: var(--ink-2); max-width: 40em; }
.center .lede, .lede.center { margin-left: auto; margin-right: auto; }
.fine { font-size: .84rem; color: var(--muted); line-height: 1.5; }
.fine .ic { display: inline; vertical-align: -3px; margin-right: 4px; width: 1em; height: 1em; }
.h-small { font-size: 1.3rem; }
.byline { font-size: .86rem; color: var(--muted); }

/* ---------- Mygtukai ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  font: 500 .95rem/1 var(--sans); padding: .95em 1.4em; border-radius: 999px;
  border: 1px solid transparent; text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.btn:active { transform: translateY(1px); }
.btn-primary { background: var(--forest); color: #F7F2E9; }
.btn-primary:hover { background: var(--forest-deep); color: #fff; }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn-ghost:hover { background: var(--ink); color: var(--paper); }
.btn-light { background: var(--paper); color: var(--forest-deep); }
.btn-light:hover { background: #fff; color: var(--forest-deep); }
.btn-sm { padding: .7em 1.1em; font-size: .88rem; }
.btn-lg { padding: 1.1em 1.7em; font-size: 1rem; }
.btn-block { width: 100%; }
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.6rem 0 0; }
.btn-row.center { justify-content: center; }
.link-arrow { display: inline-flex; align-items: center; gap: .4em; font-weight: 500; text-decoration: none; }
.link-arrow .ic { transition: transform .2s; }
.link-arrow:hover .ic { transform: translateX(3px); }

/* ---------- Antraštė ---------- */
.site-head { position: sticky; top: 0; z-index: 50; background: rgba(243,236,225,.92); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--line); }
.head-row { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.logo { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 500 1.35rem/1 var(--serif); letter-spacing: -.01em; }
.logo svg { width: 30px; height: 30px; color: var(--forest); }
.logo em { font-style: italic; color: var(--clay); }
.nav { display: flex; align-items: center; gap: 28px; }
.nav a:not(.btn) { color: var(--ink); text-decoration: none; font-size: .95rem; position: relative; }
.nav a:not(.btn)[aria-current="page"]::after, .nav a:not(.btn):hover::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 1px; background: var(--clay); }
.nav-btn { display: none; background: none; border: 0; padding: 10px; cursor: pointer; }
.nav-btn span { display: block; width: 22px; height: 1.5px; background: var(--ink); margin: 5px 0; transition: transform .25s, opacity .25s; }

/* ---------- Kelias ---------- */
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .82rem; color: var(--muted); padding: 22px 0 0; }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--ink); text-decoration: underline; }
.crumbs [aria-current] { color: var(--ink-2); }

/* ---------- Sekcijos ---------- */
.section { padding: clamp(64px, 9vw, 112px) 0; }
.section-tight { padding: 32px 0; }
.section-sand { background: var(--sand); }
.section-dark { background: var(--forest-deep); color: #EDE6D8; }
.section-dark h2 { color: #F7F1E7; }
.section-dark .eyebrow { color: var(--sand-deep); }
.section-dark .lede { color: #E6DDCC; }
.sec-head { max-width: 720px; margin-bottom: 44px; }
.sec-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.sec-head.row { max-width: none; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.sec-head.row h2 { margin: 0; }
.sec-sub { color: var(--muted); }
.page-head { padding: 28px 20px 36px; }
.page-head h1 { max-width: 16em; }
.page-pad { padding-top: 72px; padding-bottom: 72px; }

/* ---------- Hero ---------- */
.hero { padding: clamp(40px, 7vw, 88px) 0 clamp(56px, 8vw, 104px); }
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.hero h1 { margin-bottom: .45em; }
.hero-art { margin: 0; }
.hero-art svg { width: 100%; height: auto; border-radius: 4px; box-shadow: var(--shadow); }
.hero-trust { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0; margin: 28px 0 0; font-size: .88rem; color: var(--muted); }
.hero-trust li { display: flex; align-items: center; gap: 7px; }
.hero-trust .ic { color: var(--forest); }

/* ---------- PAS ---------- */
.band { background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: clamp(56px, 8vw, 96px) 0; }
.pas { display: grid; gap: 4px; margin: 28px 0; }
.pas p { padding: 18px 0; border-top: 1px solid var(--line); margin: 0; color: var(--ink-2); }
.pas strong { color: var(--ink); font-weight: 600; }
.pas-solve { font-family: var(--serif); font-size: 1.3rem; line-height: 1.5; border-left: 2px solid var(--clay); padding-left: 20px; margin: 0; }
.pas-solve strong { font-weight: 500; color: var(--forest); }

/* ---------- Kam skirta ---------- */
.who { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--ink); }
.who-item { padding: 26px 24px 8px 0; border-right: 1px solid var(--line); }
.who-item + .who-item { padding-left: 24px; }
.who-item:last-child { border-right: 0; }
.who-item .num { font: italic 1rem var(--serif); color: var(--clay); }
.who-item h3 { margin: 10px 0 8px; }
.who-item p { color: var(--muted); font-size: .96rem; }

/* ---------- Ne erotika ---------- */
.not-erotic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: start; }
.not-erotic h2 { font-size: clamp(2.2rem, 5vw, 3.6rem); font-style: italic; }

/* ---------- Naudos ---------- */
.benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.benefit { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px 24px; }
.benefit > .ic { width: 28px; height: 28px; color: var(--forest); margin-bottom: 18px; }
.benefit h3 { font-size: 1.25rem; }
.benefit p { color: var(--muted); font-size: .95rem; margin: 0; }

/* ---------- Pažiūrėk į vidų ---------- */
.peek { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.peek-card { margin: 0; background: var(--paper); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow); }
.peek-blur { padding: 24px; height: 240px; filter: blur(4.5px); user-select: none; pointer-events: none; }
.peek-card figcaption { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--line); font-size: .9rem; font-weight: 500; }
.peek-card figcaption .ic { color: var(--clay); }
.pm-k { font: 600 .66rem var(--sans); letter-spacing: .14em; color: var(--clay); margin-bottom: 10px; }
.pm-h { font: 1.3rem/1.2 var(--serif); margin-bottom: 10px; }
.pm-line { display: block; height: 8px; background: var(--line); border-radius: 4px; margin: 10px 0; }
.pm-line.s { width: 60%; } .pm-line.m { width: 80%; }
.cal-row, .code-row { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: .95rem; }
.cal-row b { font: 1.1rem var(--serif); color: var(--forest); width: 2.4em; }
.code-row { justify-content: space-between; }
.code-row code { font: 600 .85rem ui-monospace, monospace; background: var(--sand); padding: 4px 8px; border-radius: 4px; }

/* ---------- Skaičiuoklė ---------- */
.calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.calc { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px; display: grid; gap: 16px; }
.calc label { display: grid; grid-template-columns: 1fr 140px; align-items: center; gap: 12px; font-size: .95rem; }
.calc input { font: 500 1rem var(--sans); padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r); background: #fff; width: 100%; }
.calc-out { border-top: 1px solid var(--line); padding-top: 18px; }
.calc-out p { margin: 0; }
.calc-out strong { font: 400 2.2rem var(--serif); color: var(--forest); }
.calc-verdict { color: var(--muted); font-size: .92rem; margin-top: 4px !important; }

/* ---------- Kainos ---------- */
.plans { display: grid; grid-template-columns: repeat(2, minmax(0, 380px)); gap: 20px; justify-content: center; }
.plan { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 32px 28px; display: flex; flex-direction: column; }
.plan-rec { border: 1.5px solid var(--forest); box-shadow: var(--shadow); }
.plan h3 { font-size: 1.5rem; margin-bottom: .2em; }
.price { margin: 0 0 .3em; color: var(--muted); }
.price span { font: 400 3rem/1 var(--serif); color: var(--ink); }
.plan-note { font-size: .9rem; color: var(--muted); min-height: 2.6em; }
.plan-note strong { color: var(--forest); font-weight: 600; }
.plan .ticks { flex: 1; margin-bottom: 24px; }
.badge { display: inline-block; font: 600 .66rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; background: var(--forest); color: #F7F2E9; padding: 6px 10px; border-radius: 999px; }
.plan .badge { position: absolute; top: -12px; left: 28px; }
.plans-fine { margin-top: 22px; }
.ticks { list-style: none; padding: 0; margin: 0 0 1em; display: grid; gap: 10px; }
.ticks li { display: flex; gap: 10px; align-items: flex-start; font-size: .96rem; }
.ticks .ic { color: var(--forest); margin-top: 3px; }
.ticks-light .ic { color: var(--sand-deep); }
.ticks-light li { color: #EDE6D8; }

/* ---------- DUK ---------- */
.faq { margin: 3rem 0; }
.faq h2 { margin-bottom: 1rem; }
.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; list-style: none; padding: 20px 40px 20px 0; position: relative; font: 500 1.12rem/1.4 var(--serif); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 16px; font: 300 1.6rem var(--sans); color: var(--clay); transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq-a { padding: 0 0 20px; color: var(--ink-2); }
.faq-a p { margin: 0; }

/* ---------- Lead magnet ---------- */
.lead { display: grid; grid-template-columns: 200px 1fr; gap: 40px; align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 36px; margin: 2.5rem 0; }
.lead-art svg { width: 100%; height: auto; box-shadow: var(--shadow); transform: rotate(-2deg); }
.lead h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
.lead-form { display: flex; gap: 10px; margin: 18px 0 12px; flex-wrap: wrap; }
.lead-form input[type=email] { flex: 1 1 240px; font: 400 1rem var(--sans); padding: .95em 1.1em; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.lead .fine { display: flex; align-items: center; gap: 4px; margin: 0; }

/* ---------- Teaseriai ---------- */
.teasers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.teaser { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px; transition: transform .2s, box-shadow .2s; }
.teaser:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.teaser .kicker { margin: 0; }
.teaser-h { font: 1.35rem/1.2 var(--serif); }
.teaser-p { color: var(--muted); font-size: .94rem; }

/* ---------- Galutinis CTA ---------- */
.final-cta { background: var(--forest); color: #EDE6D8; padding: clamp(72px, 10vw, 120px) 0; }
.final-cta h2 { color: #F7F1E7; font-size: clamp(2.2rem, 5vw, 3.6rem); font-style: italic; }
.final-cta .lede { color: #E6DDCC; }
.final-cta .fine { color: #CFC6B4; margin-top: 14px; }

/* ---------- Katalogas ---------- */
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.filter { font-size: .9rem; padding: .55em 1.1em; border-radius: 999px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); text-decoration: none; }
.filter:hover { border-color: var(--ink); color: var(--ink); }
.filter.is-on { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.map-wrap { margin-bottom: 36px; }
.map { height: 460px; border-radius: var(--r-lg); background: var(--sea); border: 1px solid var(--line); z-index: 1; }
.map-sm { height: 300px; margin: 8px 0 6px; }
.map-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.dot-exact { background: var(--forest); }
.dot-approx { background: #fff; border: 2px solid var(--clay); }
.map-noscript { padding: 24px; }
.bgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 36px; }
.bgrid-small { grid-template-columns: repeat(4, 1fr); gap: 12px; }
.bcard { display: flex; flex-direction: column; gap: 8px; padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); color: var(--ink); text-decoration: none; transition: transform .2s, box-shadow .2s; }
a.bcard:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.bcard-top { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.chip { font: 600 .66rem var(--sans); letter-spacing: .1em; text-transform: uppercase; background: var(--sand); color: var(--ink-2); padding: 4px 8px; border-radius: 4px; }
.bcard-status { font-size: .78rem; color: var(--muted); }
.bcard-name { font: 1.3rem/1.2 var(--serif); }
.bcard-region { display: flex; align-items: center; gap: 6px; font-size: .88rem; color: var(--muted); }
.bcard-more { margin-top: auto; padding-top: 8px; display: flex; align-items: center; gap: 6px; font-size: .88rem; font-weight: 500; color: var(--forest); }
.bcard-muted { background: transparent; border-style: dashed; padding: 16px; }
.bcard-muted .bcard-name { font-size: 1.05rem; }
.bcard-note { font-size: .82rem; color: var(--ink-2); }
.bcard-soon { margin-top: auto; font-size: .76rem; color: var(--clay); font-style: italic; font-family: var(--serif); }
.bcard[hidden] { display: none; }
.list-h { margin-top: 48px; }

/* ---------- Narystės blokas turinyje ---------- */
.member-inline { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; background: var(--sand); border-radius: var(--r-lg); padding: 28px; margin: 2.8rem 0; }
.mi-mark .ic { width: 40px; height: 40px; color: var(--forest); }
.member-inline h3 { margin: 0 0 6px; font-size: 1.4rem; }
.member-inline .eyebrow { margin-bottom: 6px; }
.member-inline p { margin: 0; color: var(--ink-2); font-size: .96rem; }
.mi-cta { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.mi-price { font-size: .8rem; color: var(--muted); }

/* ---------- Straipsniai ---------- */
.article-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 64px; align-items: start; padding-bottom: 40px; }
.prose { font-size: 1.06rem; }
.prose h2 { margin-top: 2.4em; font-size: clamp(1.5rem, 2.8vw, 2rem); scroll-margin-top: 90px; }
.prose > h2:first-child, .prose .facts + h2 { margin-top: 1.2em; }
.prose p, .prose li { color: var(--ink-2); }
.list { padding-left: 1.2em; margin: 0 0 1.2em; }
.list li { margin-bottom: .6em; padding-left: .2em; }
.list li::marker { color: var(--clay); }
.sidebar { position: sticky; top: 92px; }
.side-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; }
.side-card .eyebrow { margin-bottom: 8px; }
.side-h { font: 1.3rem/1.25 var(--serif); margin-bottom: 16px; }
.side-card .ticks li { font-size: .9rem; }
.side-card .fine { margin: 10px 0 0; }
.toc { background: var(--paper); border-left: 2px solid var(--clay); padding: 18px 22px; margin: 0 0 2rem; border-radius: 0 var(--r) var(--r) 0; }
.toc-h { font: 600 .72rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.toc ol { margin: 0; padding-left: 1.2em; }
.toc li { margin: 4px 0; font-size: .95rem; }
.toc a { text-decoration: none; color: var(--ink-2); }
.toc a:hover { color: var(--forest); text-decoration: underline; }
.note { background: #F6E9D8; border: 1px solid var(--sand-deep); border-radius: var(--r); padding: 16px 20px; margin: 0 0 2rem; }
.note p { margin: 0; font-size: .95rem; color: var(--ink); }
.facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; margin: 0 0 1.6rem; border-top: 1px solid var(--ink); }
.facts div { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--line); }
.facts dt { font: 600 .7rem var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.facts dd { margin: 0; font-size: .98rem; }
.sources { border-top: 1px solid var(--line); margin-top: 3rem; padding-top: 1.5rem; }
.sources ul { padding-left: 1.1em; margin: 0 0 1em; font-size: .88rem; }
.sources li { margin: 4px 0; }
.guide-list { border-top: 1px solid var(--ink); margin-bottom: 2rem; }
.guide-row { display: grid; grid-template-columns: 180px 1fr auto; gap: 8px 32px; align-items: baseline; padding: 28px 0; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.guide-row:hover .guide-row-h { color: var(--forest); }
.guide-row .kicker { margin: 0; }
.guide-row-h { font: clamp(1.3rem, 2.4vw, 1.75rem)/1.2 var(--serif); grid-column: 2; }
.guide-row-p { grid-column: 2; color: var(--muted); font-size: .96rem; }
.guide-row .link-arrow { grid-column: 3; grid-row: 1 / span 2; align-self: center; color: var(--forest); }

/* ---------- Renginiai ---------- */
.events { list-style: none; padding: 0; margin: 0 0 2rem; }
.event { display: grid; grid-template-columns: 160px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.event time { font: italic 1.05rem var(--serif); color: var(--clay); }
.event span { display: block; color: var(--muted); font-size: .9rem; }
.empty { display: flex; gap: 16px; align-items: flex-start; background: var(--paper); border: 1px dashed var(--sand-deep); border-radius: var(--r-lg); padding: 22px; }
.empty .ic { width: 28px; height: 28px; color: var(--clay); }
.empty p { margin: 0; }
.locked { position: relative; border-radius: var(--r-lg); overflow: hidden; background: var(--paper); border: 1px solid var(--line); margin: 1rem 0 2rem; }
.locked-list { padding: 12px 24px; filter: blur(4px); user-select: none; }
.locked-over { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(250,246,239,.55); text-align: center; }
.locked-over .ic { width: 28px; height: 28px; color: var(--forest); }
.locked-over p { margin: 0; }

/* ---------- Narystės forma ---------- */
.join-grid { display: grid; grid-template-columns: 1fr 460px; gap: 64px; align-items: start; padding-top: 28px; padding-bottom: 32px; }
.join-copy .ticks { margin: 24px 0; }
.discreet { background: var(--sand); border-radius: var(--r-lg); padding: 20px 22px; margin-top: 28px; }
.discreet .h-small { display: flex; align-items: center; gap: 8px; font-size: 1.15rem; margin-bottom: 6px; }
.discreet .h-small .ic { color: var(--forest); }
.discreet p:last-child { margin: 0; font-size: .92rem; }
.join-form, .form { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px; display: grid; gap: 18px; box-shadow: var(--shadow); }
.form { box-shadow: none; margin-bottom: 64px; }
.plan-pick { border: 0; padding: 0; margin: 0; display: grid; gap: 10px; }
.plan-pick legend { font: 500 1.25rem var(--serif); margin-bottom: 10px; }
.pick { display: flex; gap: 14px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 16px 18px; cursor: pointer; background: #fff; transition: border-color .2s, box-shadow .2s; }
.pick:has(input:checked), .pick.is-on { border-color: var(--forest); box-shadow: 0 0 0 1px var(--forest); }
.pick input { accent-color: var(--forest); margin-top: 5px; width: 18px; height: 18px; }
.pick-body { display: grid; gap: 2px; flex: 1; }
.pick-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.pick-price { font: 1.5rem var(--serif); }
.pick-note { font-size: .85rem; color: var(--muted); }
.field { display: grid; gap: 6px; font-size: .92rem; font-weight: 500; }
.field input, .field select, .field textarea { font: 400 1rem var(--sans); padding: .85em 1em; border: 1px solid var(--line); border-radius: var(--r); background: #fff; color: var(--ink); width: 100%; }
.field textarea { resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus, .lead-form input:focus, .calc input:focus { outline: none; border-color: var(--forest); box-shadow: 0 0 0 3px rgba(62,83,69,.15); }
.hint { font-weight: 400; font-size: .8rem; color: var(--muted); }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem; }
.check input { accent-color: var(--forest); width: 18px; height: 18px; margin-top: 3px; flex: none; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.alert { background: #F6DDD2; color: #6E2E17; border-radius: var(--r); padding: 12px 16px; margin: 0; font-size: .95rem; }
.alert-ok { background: #DDE7DC; color: var(--forest-deep); margin-bottom: 16px; }
.steps { list-style: none; padding: 0; margin: 36px 0; display: grid; gap: 16px; }
.steps li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; }
.steps li > span { width: 40px; height: 40px; border-radius: 50%; background: var(--forest); color: #fff; display: grid; place-items: center; font: 1.2rem var(--serif); }
.steps p { margin: 4px 0 0; color: var(--muted); font-size: .95rem; }

/* ---------- Poraštė ---------- */
.site-foot { background: var(--ink); color: #CFC7B8; padding: 64px 0 28px; font-size: .92rem; }
.foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
.logo-foot { color: #F3ECE1; font-size: 1.5rem; margin-bottom: 14px; }
.foot-brand p { max-width: 30em; }
.age { color: var(--sand-deep); font-size: .82rem; }
.foot-col { display: grid; gap: 8px; align-content: start; }
.foot-h { font: 600 .7rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: #8C8577; margin: 0 0 6px; }
.site-foot a { color: #E4DCCC; text-decoration: none; }
.site-foot a:hover { color: #fff; text-decoration: underline; }
.foot-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid #3B3A33; margin-top: 44px; padding-top: 22px; font-size: .82rem; color: #8C8577; }
.foot-bottom p { margin: 0; }

/* ---------- Leaflet ---------- */
.leaflet-container { font-family: var(--sans); }
.leaflet-popup-content { font-size: .9rem; margin: 12px 14px; }
.leaflet-popup-content strong { font: 500 1.05rem var(--serif); display: block; margin-bottom: 2px; }
.leaflet-popup-content a { font-weight: 500; }

/* ==========================================================
   Adaptyvumas
   ========================================================== */
@media (max-width: 1000px) {
  .benefits { grid-template-columns: repeat(2, 1fr); }
  .who { grid-template-columns: repeat(2, 1fr); }
  .who-item:nth-child(2) { border-right: 0; }
  .who-item:nth-child(3) { padding-left: 0; }
  .bgrid-small { grid-template-columns: repeat(3, 1fr); }
  .article-grid { grid-template-columns: 1fr; gap: 24px; }
  .sidebar { position: static; max-width: 420px; }
  .join-grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 820px) {
  body { font-size: 16px; }
  .nav-btn { display: block; }
  .nav { position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper); border-bottom: 1px solid var(--line); padding: 8px 20px 20px; display: none; box-shadow: 0 12px 24px rgba(38,38,31,.08); }
  .nav.is-open { display: flex; }
  .nav a:not(.btn) { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 1.05rem; }
  .nav a:not(.btn)::after { display: none; }
  .nav .btn { margin-top: 16px; }
  .nav-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .nav-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .nav-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
  .hero-grid, .not-erotic, .calc-grid { grid-template-columns: 1fr; }
  .hero-art { order: -1; }
  .hero-art svg { aspect-ratio: 16 / 10; }
  .not-erotic { gap: 12px; }
  .peek { grid-template-columns: 1fr; }
  .peek-blur { height: 180px; }
  .teasers, .bgrid { grid-template-columns: 1fr; }
  .bgrid-small { grid-template-columns: repeat(2, 1fr); }
  .plans { grid-template-columns: 1fr; }
  .lead { grid-template-columns: 1fr; padding: 26px 22px; gap: 20px; }
  .lead-art { max-width: 150px; }
  .member-inline { grid-template-columns: 1fr; gap: 14px; padding: 24px; }
  .mi-mark { display: none; }
  .mi-cta { align-items: flex-start; }
  .guide-row { grid-template-columns: 1fr; }
  .guide-row-h, .guide-row-p, .guide-row .link-arrow { grid-column: 1; grid-row: auto; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .foot-brand { grid-column: 1 / -1; }
  .map { height: 360px; }
  .form-row { grid-template-columns: 1fr; }
  .event { grid-template-columns: 1fr; gap: 4px; }
  .calc label { grid-template-columns: 1fr 120px; }
}
@media (max-width: 520px) {
  .who { grid-template-columns: 1fr; }
  .who-item, .who-item + .who-item { padding: 22px 0 6px; border-right: 0; border-bottom: 1px solid var(--line); }
  .facts { grid-template-columns: 1fr; }
  .bgrid-small { grid-template-columns: 1fr; }
  .btn-lg { width: 100%; }
  .price span { font-size: 2.6rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- Blogas ---------- */
.post-hero { display: grid; gap: 12px; padding: 40px; margin-bottom: 20px; background: var(--forest-deep); color: #EDE6D8; border-radius: var(--r-lg); text-decoration: none; }
.post-hero:hover { color: #fff; }
.post-hero .kicker { color: var(--sand-deep); margin: 0; }
.post-hero-h { font: clamp(1.7rem, 3.4vw, 2.6rem)/1.15 var(--serif); color: #F7F1E7; max-width: 22em; }
.post-hero .teaser-p { color: #D9D0BF; }
.post-hero .link-arrow { color: var(--sand-deep); }
.teasers + .member-inline { margin-top: 3rem; }
.teasers { margin-bottom: 2rem; }

/* ---------- Palyginimas ---------- */
.compare { max-width: 760px; margin: 0 auto; border-top: 1px solid var(--ink); }
.cmp-head, .cmp-row { display: grid; grid-template-columns: 1fr 120px 120px; gap: 12px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.cmp-head { font: 600 .72rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.cmp-head span:not(:first-child), .cmp-row span:not(:first-child) { text-align: center; justify-self: center; color: var(--muted); }
.cmp-row .ic { color: var(--forest); width: 1.3em; height: 1.3em; }
@media (max-width: 520px) { .cmp-head, .cmp-row { grid-template-columns: 1fr 70px 70px; } .post-hero { padding: 26px; } }

/* ==========================================================
   v3 – Narių žemėlapis, naujas pagrindinis puslapis
   ========================================================== */
.lead-form-hero { max-width: 520px; margin: 26px 0 10px; }
.lead-form-hero input[type=email] { padding: 1.05em 1.2em; font-size: 1.02rem; box-shadow: var(--shadow); border-color: var(--sand-deep); }
.lead-form-hero .btn { padding: 1.05em 1.4em; }
.hero-alt { font-size: .92rem; color: var(--muted); margin: 0; }
.hero-alt a { font-weight: 500; }
.hero-card { transform: rotate(1.2deg); }

/* Narių kortelė */
.mcard { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow); overflow: hidden; }
.mcard-head { padding: 20px 22px 14px; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #F6EFE3, var(--paper)); }
.mcard-head .eyebrow { margin-bottom: 6px; }
.mcard-head h3 { font-size: 1.35rem; margin: 0 0 2px; }
.mcard-sub { font-size: .82rem; color: var(--muted); margin: 0; }
.mcard-list { margin: 0; padding: 4px 22px; }
.mrow { display: grid; grid-template-columns: 1fr; gap: 3px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.mrow:last-child { border-bottom: 0; }
.mrow dt { display: flex; align-items: center; gap: 8px; font: 600 .7rem var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.mrow dt .ic { color: var(--forest); width: 1.05em; height: 1.05em; }
.mrow dd { margin: 0; font-size: .95rem; line-height: 1.5; color: var(--ink-2); }
.blurred { color: var(--sand-deep); letter-spacing: -2px; filter: blur(3px); user-select: none; }
.pending { font-style: italic; color: var(--muted); font-size: .9rem; }
.mcard-foot { display: flex; align-items: center; gap: 10px; padding: 14px 22px; background: var(--sand); font-size: .9rem; font-weight: 500; }
.mcard-foot .ic { color: var(--forest); }
.mcard-foot .btn { margin-left: auto; }
.mcard-foot-plain { background: transparent; border-top: 1px solid var(--line); }
.mcard-locked .mrow:nth-child(n+5) { display: none; }
.hero-card .mcard-locked .mrow:nth-child(n+5) { display: grid; }
.hero-card .mcard-locked .mrow:nth-child(n+7) { display: none; }

/* Pasitikėjimo juosta */
.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); }
.trust-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 28px; padding-top: 18px; padding-bottom: 18px; font-size: .92rem; color: var(--ink-2); }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.trust-row .ic { color: var(--forest); }
.trust-row strong { font: 500 1.15rem var(--serif); color: var(--ink); }

/* Top 3 */
.top3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.top-card { display: flex; flex-direction: column; gap: 10px; padding: 24px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); text-decoration: none; color: var(--ink); transition: transform .2s, box-shadow .2s; }
.top-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.top-card .chip { align-self: flex-start; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--line); font-size: .84rem; color: var(--muted); line-height: 1.4; }
.split em { display: block; font: 600 .66rem var(--sans); letter-spacing: .12em; text-transform: uppercase; font-style: normal; color: var(--clay); margin-bottom: 4px; }
.split span:last-child em { color: var(--forest); }

/* Narių žemėlapio pasiūlymas */
.map-offer { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.map-offer-cards { display: grid; gap: 18px; }

.who-note { margin-top: 28px; font-family: var(--serif); font-size: 1.2rem; line-height: 1.5; border-left: 2px solid var(--clay); padding-left: 18px; }
.narrow .who { grid-template-columns: repeat(2, 1fr); }
.narrow .who-item:nth-child(2) { border-right: 0; }
.narrow .who-item:nth-child(3) { padding-left: 0; }

/* Garantija */
.guarantee { display: flex; gap: 12px; align-items: flex-start; max-width: 780px; margin: 26px auto 0; background: var(--paper); border: 1px solid var(--forest); border-radius: var(--r-lg); padding: 18px 22px; }
.guarantee .ic { width: 26px; height: 26px; color: var(--forest); flex: none; }
.guarantee p { margin: 0; font-size: .95rem; }

/* Įkūrėjas */
.founder { display: grid; grid-template-columns: 88px 1fr; gap: 28px; align-items: start; }
.founder-mark { width: 88px; height: 88px; border-radius: 50%; background: var(--forest); color: #F3ECE1; display: grid; place-items: center; font: italic 2.6rem var(--serif); }
.founder h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }

.event-cta { background: var(--sand); border-radius: var(--r-lg); padding: 30px; }
.upsell { margin: 48px 0 0; }
.mini-grid, .member-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 20px 0; }
.member-grid > div { scroll-margin-top: 90px; }

@media (max-width: 1000px) {
  .top3 { grid-template-columns: 1fr; }
  .map-offer { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 820px) {
  .hero-card { order: 2; transform: none; }
  .hero-grid .hero-copy { order: 1; }
  .mini-grid, .member-grid { grid-template-columns: 1fr; }
  .founder { grid-template-columns: 1fr; gap: 16px; }
  .founder-mark { width: 64px; height: 64px; font-size: 2rem; }
  .trust-row { justify-content: flex-start; }
  .trust-row span { width: calc(50% - 14px); }
  .lead-form-hero .btn { width: 100%; }
}
@media (max-width: 520px) { .narrow .who { grid-template-columns: 1fr; } .split { grid-template-columns: 1fr; } }
.guarantee-left { margin: 24px 0 0; }
.join-copy .ticks li span strong { font-weight: 600; }

/* v4 – atmosfera, pradedantiesiems */
.vibe { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px 24px; margin: 1.6rem 0 0; }
.vibe .h-small { margin: 0 0 12px; }
.vibe-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 24px; }
.vibe-grid p { margin: 0; font-size: .96rem; }
.vibe-k { display: flex; align-items: center; gap: 7px; font: 600 .7rem var(--sans) !important; letter-spacing: .1em; text-transform: uppercase; color: var(--muted) !important; margin-bottom: 4px !important; }
.vibe-k .ic { color: var(--forest); }
.vibe-tip { grid-column: 1 / -1; background: var(--sand); border-radius: var(--r); padding: 12px 14px; }
.vibe .fine { margin: 14px 0 0; }
.beginner-badge { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 0; padding: 12px 14px; border: 1px solid var(--forest); border-radius: var(--r); font-size: .93rem; }
.beginner-badge .ic { color: var(--forest); margin-top: 3px; }
.bcard-beginner { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 600; color: var(--forest); }
.list-h-first { margin-top: 8px; }
@media (max-width: 520px) { .vibe-grid { grid-template-columns: 1fr; } }
.top-card { position: relative; }
.top-rank { position: absolute; top: 18px; right: 22px; font: italic 2rem/1 var(--serif); color: var(--sand-deep); }

/* ==========================================================
   v5 – Narių zona
   ========================================================== */
.nav-login { font-size: .92rem; color: var(--muted) !important; }
.mzone-bar { background: var(--forest-deep); color: #E9E1D2; }
.mzone-row { display: flex; align-items: center; gap: 20px; min-height: 54px; overflow-x: auto; scrollbar-width: none; }
.mzone-row::-webkit-scrollbar { display: none; }
.mzone-label { display: inline-flex; align-items: center; gap: 7px; margin: 0; font: 600 .7rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--sand-deep); white-space: nowrap; }
.mzone-nav { display: flex; gap: 4px; }
.mzone-nav a { color: #E9E1D2; text-decoration: none; font-size: .9rem; padding: 8px 12px; border-radius: 999px; white-space: nowrap; }
.mzone-nav a:hover { background: rgba(255,255,255,.08); color: #fff; }
.mzone-nav a[aria-current="page"] { background: var(--paper); color: var(--forest-deep); }
.mzone-out { margin-left: auto; color: #CFC6B4; font-size: .85rem; white-space: nowrap; }
.mzone-out:hover { color: #fff; }
.mzone-head { padding-top: 34px; }
.mzone-head h1 { font-size: clamp(2rem, 4vw, 3rem); }
.mzone-foot { margin: 48px 0 64px; }

.login-wrap { display: grid; place-items: center; padding: 64px 20px 96px; }
.login-card { width: 100%; max-width: 440px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 36px 32px; box-shadow: var(--shadow); }
.login-card h1 { font-size: 2.2rem; }
.login-card .eyebrow { display: flex; align-items: center; gap: 6px; }
.login-card .lede { font-size: 1.05rem; }
.login-form { display: grid; gap: 16px; margin: 20px 0; }
.login-card hr { border: 0; border-top: 1px solid var(--line); margin: 20px 0 14px; }

.dash-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 48px; }
.dash-card { display: grid; gap: 4px; padding: 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); color: var(--ink); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.dash-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.dash-card > .ic { width: 26px; height: 26px; color: var(--forest); margin-bottom: 8px; }
.dash-n { font: 400 2.4rem/1 var(--serif); }
.dash-t { font-weight: 600; font-size: .95rem; }
.dash-s { font-size: .84rem; color: var(--muted); }
.dash-cols { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; }
.news-item { padding: 18px 0; border-top: 1px solid var(--line); }
.news-item time { font: italic .95rem var(--serif); color: var(--clay); }
.news-item h3 { margin: 4px 0 6px; font-size: 1.25rem; }
.news-item p { margin: 0; color: var(--ink-2); }
.quick { list-style: none; padding: 0; margin: 0 0 20px; display: grid; gap: 6px; }
.quick a { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); text-decoration: none; color: var(--ink); }
.quick a:hover { border-color: var(--forest); }
.quick .ic { color: var(--forest); }
.tip-box { background: var(--sand); border-radius: var(--r-lg); padding: 16px 18px; }
.tip-box .h-small { display: flex; align-items: center; gap: 6px; font-size: 1.05rem; margin: 0 0 4px; }
.tip-box p:last-child { margin: 0; font-size: .92rem; }

.mcard-vibe { font-size: .9rem; background: var(--sand); border-radius: var(--r); padding: 10px 14px; margin: 10px 0 4px; }
.vibe-table { border-top: 1px solid var(--ink); margin: 12px 0 0; }
.vt-row { display: grid; grid-template-columns: 1fr 1.2fr 2fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: .92rem; color: var(--ink-2); }
.vt-row > div:first-child { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.vt-row a { color: var(--ink); text-decoration: none; }
.vt-row a:hover { color: var(--forest); }

.guide-files { display: grid; gap: 14px; }
.gfile { display: grid; grid-template-columns: 56px 1fr auto; gap: 20px; align-items: center; padding: 20px 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); }
.gfile-ic { width: 56px; height: 56px; border-radius: 12px; background: var(--sand); display: grid; place-items: center; }
.gfile-ic .ic { width: 26px; height: 26px; color: var(--forest); }
.gfile-body h3 { margin: 2px 0 4px; font-size: 1.3rem; }
.gfile-body p { margin: 0; font-size: .92rem; color: var(--muted); }
.gfile-body .kicker { margin: 0; }
.gfile-act { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
.gfile-act .fine { margin: 0; }
.gfile-soon { opacity: .75; border-style: dashed; }
.member-info { display: flex; gap: 6px; align-items: flex-start; font-size: .9rem; background: var(--sand); padding: 8px 12px; border-radius: var(--r); }
.deals { display: grid; gap: 14px; margin-bottom: 20px; }
.deal { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 20px 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); }
.deal h3 { margin: 0 0 4px; }
.deal p { margin: 0; }
.deal-code { display: grid; gap: 6px; justify-items: end; text-align: right; font-size: .88rem; }
.deal-off { font: 400 1.8rem/1 var(--serif); color: var(--forest); }
.deal-code code { font: 600 1rem ui-monospace, monospace; background: var(--sand); padding: 6px 12px; border-radius: 6px; letter-spacing: .08em; }

@media (max-width: 1000px) { .dash-grid { grid-template-columns: repeat(2, 1fr); } .dash-cols { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 820px) {
  .nav-login { padding: 14px 0; border-bottom: 1px solid var(--line); }
  .gfile { grid-template-columns: 44px 1fr; }
  .gfile-ic { width: 44px; height: 44px; }
  .gfile-act { grid-column: 1 / -1; align-items: flex-start; text-align: left; }
  .vt-row { grid-template-columns: 1fr; gap: 4px; }
  .deal { grid-template-columns: 1fr; }
  .deal-code { justify-items: start; text-align: left; }
}
@media (max-width: 520px) { .dash-grid { grid-template-columns: 1fr 1fr; gap: 10px; } .dash-card { padding: 16px; } .dash-n { font-size: 2rem; } .login-card { padding: 28px 22px; } }
.dash-soon { font-size: 1.5rem !important; font-style: italic; color: var(--clay); padding: 6px 0 4px; }
.pw-show { font-weight: 400; margin-top: 8px; font-size: .88rem; }

/* ==========================================================
   v6 – Narių zonos „wow“
   ========================================================== */
/* Skaičiuoklė */
.countdown { position: relative; overflow: hidden; border-radius: 20px; background: linear-gradient(180deg, #2C3C31 0%, #3E5345 55%, #6E8A74 100%); color: #F3ECE1; padding: 44px 40px 40px; margin: 8px 0 48px; min-height: 300px; }
.cd-sun { position: absolute; right: 8%; top: 38px; width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #F5D3A6, #E2B98E 60%, rgba(226,185,142,0) 72%); filter: blur(.5px); animation: cdSun 8s ease-in-out infinite; }
@keyframes cdSun { 50% { transform: translateY(8px) scale(1.04); } }
.cd-waves { position: absolute; left: 0; right: 0; bottom: 0; height: 90px; }
.cd-waves span { position: absolute; left: -50%; width: 200%; height: 100%; bottom: 0; background: repeating-radial-gradient(ellipse at 50% 0, transparent 0 22px, rgba(243,236,225,.07) 22px 24px); border-radius: 45% 45% 0 0; animation: cdWave 14s linear infinite; }
.cd-waves span:nth-child(1) { bottom: -30px; background: rgba(217,193,159,.35); height: 70px; border-radius: 50% 50% 0 0 / 30px 30px 0 0; }
.cd-waves span:nth-child(2) { bottom: -44px; background: rgba(230,211,184,.45); height: 70px; border-radius: 50% 50% 0 0 / 34px 34px 0 0; animation-duration: 19s; animation-direction: reverse; }
.cd-waves span:nth-child(3) { bottom: -58px; background: #E6D3B8; height: 70px; border-radius: 50% 50% 0 0 / 40px 40px 0 0; animation-duration: 24s; }
@keyframes cdWave { to { transform: translateX(25%); } }
.cd-inner { position: relative; z-index: 1; max-width: 720px; }
.cd-label { font: 600 .75rem var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--sand-deep); margin: 0 0 14px; }
.cd-digits { display: flex; gap: 14px; flex-wrap: wrap; }
.cd-digits div { display: grid; justify-items: center; min-width: 96px; padding: 14px 12px 10px; background: rgba(243,236,225,.1); border: 1px solid rgba(243,236,225,.16); border-radius: 14px; backdrop-filter: blur(4px); }
.cd-digits span { font: 400 clamp(2.6rem, 6vw, 4.2rem)/1 var(--serif); font-variant-numeric: tabular-nums; color: #FAF6EF; }
.cd-digits em { font: 600 .66rem var(--sans); letter-spacing: .14em; text-transform: uppercase; font-style: normal; color: #D9D0BF; margin-top: 6px; }
.cd-bar { height: 6px; background: rgba(243,236,225,.15); border-radius: 99px; overflow: hidden; margin: 22px 0 12px; max-width: 520px; }
.cd-bar span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #E2B98E, #F5D3A6); border-radius: 99px; transition: width 1s linear; }
.cd-note { margin: 0; color: #E6DDCC; font-family: var(--serif); font-size: 1.1rem; }

/* Oras */
.wx-wrap { margin-bottom: 48px; }
.wx-wrap .sec-head { margin-bottom: 16px; }
.wx-h { margin: 0; }
.wx-upd { margin: 0; }
.wx-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-bottom: 10px; }
.wx-card { display: grid; gap: 6px; padding: 16px; border-radius: var(--r-lg); background: var(--paper); border: 1px solid var(--line); color: var(--ink); text-decoration: none; position: relative; overflow: hidden; transition: transform .2s, box-shadow .2s; }
.wx-card::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--line); }
.wx-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.wx-name { font: 500 1.05rem var(--serif); }
.wx-score b { font: 400 2.4rem/1 var(--serif); }
.wx-score small { color: var(--muted); margin-left: 2px; }
.wx-label { font-size: .8rem; font-weight: 600; color: var(--muted); }
.wx-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: .8rem; color: var(--ink-2); margin-top: 4px; }
.wx-meta span { display: inline-flex; align-items: center; gap: 3px; }
.wx-meta .ic { width: .95em; height: .95em; color: var(--muted); }
.wx-card.is-loading .wx-score b { animation: pulse 1.2s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .3; } }
.lv1::before { background: #B9B0A2; } .lv1 .wx-label { color: #8C8577; }
.lv2::before { background: #D6BE98; } .lv2 .wx-label { color: #A8714A; }
.lv3::before { background: #7F9C84; } .lv3 .wx-label { color: #3E5345; }
.lv4::before { background: #3E5345; } .lv4 .wx-label { color: #2C3C31; }
.lv4.wx-card { background: #EEF3EC; }
.best-day { display: grid; gap: 2px; padding: 16px 20px; border-radius: var(--r-lg); margin-bottom: 12px; background: var(--sand); border-left: 4px solid var(--clay); }
.best-day.lv3, .best-day.lv4 { background: #E4ECE2; border-left-color: var(--forest); }
.best-day .bd-k { font: 600 .68rem var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.best-day strong { font: 500 1.35rem var(--serif); }
.best-day span:last-child { font-size: .9rem; color: var(--ink-2); }

/* Pasas */
.pass-top { display: grid; grid-template-columns: 1fr 1.4fr; gap: 32px; align-items: start; margin-bottom: 12px; }
.pass-progress { background: var(--forest-deep); color: #EDE6D8; border-radius: 20px; padding: 28px; }
.pass-progress .eyebrow { color: var(--sand-deep); }
.pass-big { font: 400 3.4rem/1 var(--serif); margin: 0; color: #FAF6EF; }
.pass-big b { font-weight: 400; }
.pass-progress .fine { color: #D9D0BF; margin: 0; }
.pass-bar { margin: 18px 0 12px; }
.badges { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.badge-item { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: var(--r-lg); border: 1px dashed var(--sand-deep); background: transparent; opacity: .55; transition: all .3s; }
.badge-item strong { display: block; font-size: .92rem; }
.badge-item small { display: block; font-size: .78rem; color: var(--muted); line-height: 1.35; }
.badge-ic { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--line); color: #fff; }
.badge-item.is-on { opacity: 1; border-style: solid; border-color: var(--forest); background: var(--paper); }
.badge-item.is-on .badge-ic { background: var(--forest); }
.badge-item.pop { animation: pop .9s ease; }
@keyframes pop { 30% { transform: scale(1.06); box-shadow: 0 0 0 6px rgba(62,83,69,.15); } }
.stamps { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 18px; margin: 14px 0 36px; }
.stamp { all: unset; cursor: pointer; display: grid; justify-items: center; gap: 8px; text-align: center; padding: 10px 4px; border-radius: 14px; transition: background .2s; }
.stamp:hover { background: var(--paper); }
.stamp:focus-visible { outline: 2px solid var(--clay); outline-offset: 2px; }
.stamp-ring { width: 118px; height: 118px; border-radius: 50%; display: grid; place-content: center; gap: 4px; border: 2px dashed var(--sand-deep); color: var(--muted); padding: 10px; transition: all .3s; }
.stamp-name { font: 500 1.02rem/1.15 var(--serif); }
.stamp-date { font: 600 .62rem var(--sans); letter-spacing: .08em; min-height: 1em; }
.stamp-cap { font-size: .74rem; color: var(--muted); line-height: 1.3; max-width: 150px; }
.stamp.is-on .stamp-ring { border: 3px double var(--clay); color: var(--clay); background: radial-gradient(circle, rgba(168,113,74,.07), rgba(168,113,74,.02)); transform: rotate(-8deg); box-shadow: inset 0 0 0 5px rgba(250,246,239,1), inset 0 0 0 6px rgba(168,113,74,.5); }
.stamp.is-on:nth-child(3n) .stamp-ring { transform: rotate(6deg); }
.stamp.is-on:nth-child(4n) .stamp-ring { transform: rotate(-3deg); }
.stamp.just .stamp-ring { animation: stampIn .55s cubic-bezier(.2,1.6,.4,1); }
@keyframes stampIn { 0% { transform: scale(1.6) rotate(-20deg); opacity: 0; } 100% { opacity: 1; } }
.linklike { all: unset; cursor: pointer; text-decoration: underline; color: var(--forest); }

/* Balsavimas */
.vote { background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 30px; margin: 8px 0 28px; }
.vote h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
.vote-form { display: grid; gap: 10px; margin: 18px 0; }
.vote-opt { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-lg); background: #fff; cursor: pointer; transition: border-color .2s; }
.vote-opt:hover, .vote-opt:has(input:checked) { border-color: var(--forest); }
.vote-opt input { accent-color: var(--forest); width: 18px; height: 18px; }
.vote-form .btn { justify-self: start; margin-top: 6px; }
.vote-thanks { display: flex; gap: 8px; align-items: center; background: #E4ECE2; padding: 12px 16px; border-radius: var(--r); }
.vote-thanks .ic { color: var(--forest); }
.vote-results { display: grid; gap: 12px; margin: 20px 0 10px; }
.vr-top { display: flex; justify-content: space-between; gap: 12px; font-size: .94rem; margin-bottom: 5px; }
.vr-bar { height: 10px; background: var(--sand); border-radius: 99px; overflow: hidden; }
.vr-bar span { display: block; height: 100%; background: var(--sand-deep); border-radius: 99px; transition: width .8s ease; }
.vr-mine .vr-bar span { background: var(--forest); }
.vr-mine .vr-top span { font-weight: 600; }

@media (max-width: 1100px) { .wx-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px) {
  .countdown { padding: 30px 22px 60px; }
  .cd-sun { width: 100px; height: 100px; right: -10px; top: 14px; }
  .cd-digits { gap: 8px; }
  .cd-digits div { min-width: 0; flex: 1; padding: 10px 4px 8px; }
  .pass-top { grid-template-columns: 1fr; }
  .wx-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) { .badges { grid-template-columns: 1fr; } .stamps { grid-template-columns: repeat(2, 1fr); gap: 8px; } .stamp-ring { width: 108px; height: 108px; } }
@media (prefers-reduced-motion: reduce) { .cd-sun, .cd-waves span { animation: none; } }
@media (max-width: 520px) {
  .cd-sun { width: 90px; height: 90px; top: -22px; right: -22px; opacity: .85; }
  .cd-digits span { font-size: 2.1rem; }
  .cd-digits em { font-size: .58rem; letter-spacing: .08em; }
  .cd-note { font-size: 1rem; }
}

/* ==========================================================
   v8 – Išvykos planuotojas, žemėlapis 2.0, pulsas
   ========================================================== */
/* Pirmas ekranas */
.start-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin: 4px 0 40px; }
.start-tile { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-radius: 20px; background: var(--paper); border: 1px solid var(--line); color: var(--ink); text-decoration: none; position: relative; transition: transform .2s, box-shadow .2s; }
a.start-tile:hover { transform: translateY(-3px); box-shadow: var(--shadow); color: var(--ink); }
.start-tile h2 { font-size: 1.35rem; margin: 0; }
.start-tile p { margin: 0; color: var(--ink-2); font-size: .94rem; }
.st-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--sand); color: var(--forest); }
.st-ic .ic { width: 22px; height: 22px; }
.st-go { margin-top: auto; padding-top: 8px; font-weight: 600; font-size: .92rem; color: var(--forest); }
.st-near { grid-column: 1 / span 3; background: var(--forest-deep); color: #EDE6D8; border: 0; }
.st-near h2 { color: #FAF6EF; font-size: 1.8rem; }
.st-near p { color: #D9D0BF; }
.st-near .st-ic { background: rgba(243,236,225,.12); color: #F5D3A6; }
.st-near { grid-row: 1 / span 3; }
.st-plan { grid-column: 4 / span 3; background: linear-gradient(135deg, #E9DBC4, #F3ECE1); }
.st-event { grid-column: 4 / span 3; }
.st-first { grid-column: 4 / span 3; }
.st-pulse { grid-column: 1 / -1; }
.near-ctl { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; align-items: center; }
.near-ctl select { font: 400 .92rem var(--sans); padding: .6em .9em; border-radius: 999px; border: 1px solid rgba(243,236,225,.3); background: rgba(243,236,225,.08); color: #FAF6EF; }
.near-ctl select option { color: var(--ink); }
.st-near .btn-primary { background: #F3ECE1; color: var(--forest-deep); }
.near-list { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 8px; }
.near-list a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 12px; background: rgba(243,236,225,.08); color: #FAF6EF; text-decoration: none; }
.near-list a:hover { background: rgba(243,236,225,.16); }
.near-list a strong { font: 500 1.1rem var(--serif); }
.near-list a span { color: #E2B98E; font-size: .9rem; }
.near-list .fine { color: #B9B0A2; }
.st-live { background: #E4ECE2; position: relative; }
.st-live span { width: 12px; height: 12px; border-radius: 50%; background: #4E8A5C; box-shadow: 0 0 0 0 rgba(78,138,92,.6); animation: live 1.8s infinite; }
@keyframes live { 70% { box-shadow: 0 0 0 10px rgba(78,138,92,0); } 100% { box-shadow: 0 0 0 0 rgba(78,138,92,0); } }
.pulse-feed { list-style: none; padding: 0; margin: 4px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.pulse-feed a { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); background: #fff; font-size: .92rem; }
.pulse-feed small { margin-left: auto; color: var(--muted); font-size: .78rem; }
.dot-t { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); }
.pt-good.dot-t, .dot-t.pt-good { background: #4E8A5C; } .dot-t.pt-warn { background: #D6A04F; } .dot-t.pt-bad { background: #B4533A; } .dot-t.pt-neutral { background: #8C8577; }

/* Planuotojas */
.planner { background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 28px; display: grid; gap: 22px; margin-bottom: 28px; }
.pl-step { border: 0; padding: 0; margin: 0; }
.pl-step legend { display: flex; align-items: center; gap: 10px; font: 500 1.25rem var(--serif); margin-bottom: 12px; }
.pl-step legend span { width: 30px; height: 30px; border-radius: 50%; background: var(--forest); color: #fff; display: grid; place-items: center; font: 600 .85rem var(--sans); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip-opt { position: relative; cursor: pointer; }
.chip-opt input { position: absolute; opacity: 0; pointer-events: none; }
.chip-opt > span { display: inline-flex; align-items: center; gap: 6px; padding: .65em 1.1em; border-radius: 999px; border: 1px solid var(--line); background: #fff; font-size: .94rem; transition: all .15s; }
.chip-opt small { color: var(--muted); font-size: .76rem; }
.chip-opt input:checked + span { background: var(--forest); color: #fff; border-color: var(--forest); }
.chip-opt input:checked + span small { color: #D9E3DA; }
.chip-opt input:focus-visible + span { outline: 2px solid var(--clay); outline-offset: 2px; }
.chip-opt .ic { width: 1em; height: 1em; }
.planner > .btn { justify-self: start; }

.plan-card { background: var(--paper); border: 1.5px solid var(--forest); border-radius: 20px; overflow: hidden; box-shadow: var(--shadow); margin-bottom: 20px; animation: rise .4s ease; scroll-margin-top: 90px; }
@keyframes rise { from { opacity: 0; transform: translateY(12px); } }
.plan-head { background: var(--forest-deep); color: #EDE6D8; padding: 26px 28px; }
.plan-head .eyebrow { color: var(--sand-deep); margin-bottom: 6px; }
.plan-head h2 { color: #FAF6EF; font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 0 0 10px; }
.plan-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.plan-meta span { font-size: .84rem; padding: 4px 10px; border-radius: 999px; background: rgba(243,236,225,.12); }
.plan-head .fine { color: #D9D0BF; margin: 8px 0 0; }
.plan-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 28px; padding: 26px 28px; }
.plan-grid section { margin-bottom: 18px; }
.plan-grid h3, .plan-b h3, .plan-alt h3 { font: 600 .72rem var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 6px; }
.plan-grid p { margin: 0; }
.plan-grid aside { display: grid; gap: 14px; align-content: start; }
.plan-wx { display: grid; gap: 2px; padding: 16px; border-radius: 14px; background: var(--sand); border-left: 4px solid var(--clay); }
.plan-wx b { font: 400 2.2rem/1 var(--serif); } .plan-wx b small { font-size: .9rem; color: var(--muted); }
.plan-wx.lv3, .plan-wx.lv4 { background: #E4ECE2; border-left-color: var(--forest); }
.plan-wx .bd-k, .plan-pulse .bd-k, .plan-check .bd-k { font: 600 .66rem var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); display: block; margin-bottom: 4px; }
.plan-pulse, .plan-check { padding: 16px; border-radius: 14px; border: 1px solid var(--line); background: #fff; }
.plan-check { display: grid; gap: 6px; }
.plan-check .check { font-size: .9rem; }
.plan-b, .plan-alt { padding: 0 28px 20px; }
.plan-b { border-top: 1px solid var(--line); padding-top: 20px; }
.plan-b p { margin: 0 0 8px; }
.alt-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.alt { display: grid; gap: 2px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); background: #fff; }
.alt:hover { border-color: var(--forest); color: var(--ink); }
.alt strong { font: 500 1.1rem var(--serif); }
.alt span { font-size: .86rem; }
.plan-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 18px 28px; background: var(--sand); }
.plan-foot .fine { margin-right: auto; }

/* Pulsas */
.pulse-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.pulse-item { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; padding: 4px 10px; border-radius: 999px; background: var(--sand); }
.pulse-item small { color: var(--muted); font-size: .72rem; }
.pulse-item.pt-good { background: #E1ECDF; } .pulse-item.pt-warn { background: #F4E4C7; } .pulse-item.pt-bad { background: #F3D9CF; }
.pulse-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.pulse-btn { font: 500 .8rem var(--sans); padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: #fff; cursor: pointer; color: var(--ink); }
.pulse-btn:hover { border-color: var(--forest); }
.pulse-btn.pt-good:hover { background: #E1ECDF; } .pulse-btn.pt-warn:hover { background: #F4E4C7; } .pulse-btn.pt-bad:hover { background: #F3D9CF; }
.pulse-btn:disabled { opacity: .5; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 12px; font-size: .92rem; z-index: 999; transition: all .25s; max-width: calc(100% - 32px); }
.toast.on { opacity: 1; transform: translate(-50%, 0); }

/* Žemėlapis 2.0 */
.mm-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.mm-filters .filter { cursor: pointer; font: inherit; font-size: .9rem; }
.mm-map { height: 420px; }
.pcards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 28px 0; }
.pcard { background: var(--paper); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; scroll-margin-top: 90px; }
.pcard.flash { animation: flash 1.6s ease; }
@keyframes flash { 20% { box-shadow: 0 0 0 4px rgba(168,113,74,.4); } }
.pc-head { display: flex; justify-content: space-between; gap: 12px; padding: 20px 22px 14px; }
.pc-head h2 { font-size: 1.5rem; margin: 8px 0 2px; }
.pc-sub { margin: 0; font-size: .85rem; color: var(--muted); }
.pc-badge { display: inline-flex; align-items: center; gap: 5px; font: 600 .66rem var(--sans); letter-spacing: .08em; text-transform: uppercase; padding: 4px 9px; border-radius: 999px; margin-right: 4px; }
.pc-badge .ic { width: 1em; height: 1em; }
.pc-official { background: #E1ECDF; color: var(--forest-deep); }
.pc-community { background: #F3D9CF; color: #7A3A24; }
.pc-beginner { background: var(--sand); color: var(--ink-2); }
.pc-actions { display: flex; gap: 6px; align-items: flex-start; }
.pc-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: #fff; font-size: 1.1rem; cursor: pointer; color: var(--ink); }
.pc-btn.is-on { background: var(--forest); color: #fff; border-color: var(--forest); }
.pc-photos { display: flex; gap: 6px; padding: 0 22px; overflow-x: auto; }
.pc-photos img { height: 140px; border-radius: 12px; object-fit: cover; }
.pc-nophoto { flex: 1; display: flex; align-items: center; gap: 10px; padding: 18px; border: 1px dashed var(--sand-deep); border-radius: 12px; color: var(--muted); font-size: .86rem; }
.pc-body { padding: 16px 22px; display: grid; gap: 14px; }
.pc-warn { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; background: #F3D9CF; border-radius: 10px; font-size: .88rem; }
.pc-vibe, .pc-fields { margin: 0; display: grid; gap: 0; }
.pc-vibe { grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pc-vibe div { background: var(--sand); padding: 10px 12px; border-radius: 10px; }
.pc-vibe dt, .pc-fields dt, .pc-k { font: 600 .66rem var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin: 0 0 3px; }
.pc-vibe dd { margin: 0; font-size: .88rem; }
.pc-fields div { padding: 9px 0; border-bottom: 1px solid var(--line); }
.pc-fields dd { margin: 0; font-size: .92rem; color: var(--ink-2); }
.pc-pulse { padding: 14px; border-radius: 14px; border: 1px solid var(--line); background: #fff; }
.pc-note textarea { width: 100%; font: 400 .92rem var(--sans); padding: .7em .9em; border: 1px solid var(--line); border-radius: 10px; background: #fff; resize: vertical; }
.pc-note small { text-transform: none; letter-spacing: 0; font-weight: 400; }
.pc-foot { margin-top: auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px 22px; border-top: 1px solid var(--line); }
.pc-links { display: flex; gap: 14px; font-size: .88rem; }

/* Pirmas kartas */
.first-cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 30px; border-radius: 20px; background: var(--forest); color: #EDE6D8; margin-bottom: 12px; }
.first-cta h2 { color: #FAF6EF; margin: 0 0 6px; } .first-cta p { margin: 0; color: #D9D0BF; } .first-cta .eyebrow { color: var(--sand-deep); }
.flow { list-style: none; padding: 0; margin: 14px 0 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.flow li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 18px; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; }
.flow b { width: 36px; height: 36px; border-radius: 50%; background: var(--sand); display: grid; place-items: center; font: 500 1.1rem var(--serif); color: var(--forest); }
.flow p { margin: 4px 0 0; font-size: .9rem; color: var(--muted); }
.first-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 32px; align-items: start; }
.first-grid .faq { margin-top: 0; }
.checklist { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 22px; display: grid; gap: 10px; position: sticky; top: 90px; }
.checklist .h-small { margin: 0 0 4px; }
.want-box { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 20px 22px; margin: 24px 0 8px; }
.want-list { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 8px; }
.want-list li { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; }

@media (max-width: 1000px) {
  .start-grid { grid-template-columns: 1fr 1fr; }
  .st-near, .st-plan, .st-event, .st-first, .st-pulse { grid-column: auto; grid-row: auto; }
  .st-near { grid-column: 1 / -1; }
  .st-pulse { grid-column: 1 / -1; }
  .pcards { grid-template-columns: 1fr; }
  .plan-grid { grid-template-columns: 1fr; }
  .first-grid { grid-template-columns: 1fr; }
  .checklist { position: static; }
  .flow { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .start-grid { grid-template-columns: 1fr; }
  .pc-vibe { grid-template-columns: 1fr; }
  .flow { grid-template-columns: 1fr; }
  .planner, .plan-grid { padding: 20px; }
  .plan-head, .plan-b, .plan-alt, .plan-foot { padding-left: 20px; padding-right: 20px; }
  .mm-map { height: 320px; }
}

/* ===================== Nustebink mane ===================== */
@media (min-width: 900px) { .mzone-row { flex-wrap: wrap; padding: 8px 0; } .mzone-nav { flex-wrap: wrap; } }
.surprise .sp-new { margin: 4px 0 22px; }
.sp-go-row { display: flex; justify-content: center; }
.sp-go { font-size: 1.15rem; padding: 18px 34px; gap: 12px; }
.sp-go .dice { display: inline-block; font-size: 1.4em; line-height: 1; transition: transform .3s; }
.sp-go:hover .dice { transform: rotate(-20deg) scale(1.1); }
.sp-go.rolling .dice { animation: dice .5s linear infinite; }
@keyframes dice { to { transform: rotate(360deg); } }
.sp-roll { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 56px 20px; margin-bottom: 20px; background: var(--forest-deep); color: var(--paper); border-radius: 20px; text-align: center; }
.sp-dice { font-size: 3rem; animation: dice .6s linear infinite; }
.sp-name { font: 400 clamp(1.8rem, 5vw, 2.8rem) var(--serif); letter-spacing: -.01em; }
.sp-reveal { animation: spPop .55s cubic-bezier(.2,1.4,.4,1); }
@keyframes spPop { from { opacity: 0; transform: scale(.94) translateY(12px); } to { opacity: 1; transform: none; } }
.sp-why ul { margin: 0; padding-left: 1.1em; }
.sp-why li { margin: 0 0 6px; }
.sp-why li:first-child { font-weight: 500; }
.dash-surprise { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: var(--forest-deep); color: var(--paper); border-radius: 18px; padding: 22px 26px; margin: 0 0 22px; text-decoration: none; }
.dash-surprise strong { font: 400 1.5rem var(--serif); display: block; }
.dash-surprise span { color: #D8CFBF; font-size: .92rem; }
.dash-surprise .btn { background: var(--paper); color: var(--forest-deep); }
.dash-surprise:hover .btn { background: #fff; }

/* ===================== Idėjos ===================== */
.idea-start { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; counter-reset: st; margin: 0 0 40px; padding: 0; list-style: none; }
.idea-start li { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 18px; counter-increment: st; font-size: .92rem; }
.idea-start li::before { content: counter(st); display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--forest); color: #fff; font-weight: 600; margin-bottom: 10px; }
.idea-start strong { display: block; margin-bottom: 4px; }
.idea-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ideas { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.idea { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 20px 20px 16px; display: flex; flex-direction: column; gap: 8px; transition: border-color .2s, background .2s; }
.idea h3 { font: 500 1.15rem var(--serif); margin: 0; }
.idea p { margin: 0; font-size: .93rem; color: var(--muted); }
.idea .lvl { font: 600 .68rem var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--clay); }
.idea-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; }
.idea.done { background: #EEF2EC; border-color: var(--forest); }
.idea.done h3::after { content: " ✓"; color: var(--forest); }
.idea[hidden] { display: none; }
.idea-rand { margin: 0 0 22px; padding: 20px 24px; border-radius: 16px; background: var(--sand); display: none; }
.idea-rand.on { display: block; animation: spPop .45s ease; }
.idea-pdfs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 40px 0 0; }
.idea-pdfs a { display: block; background: var(--forest-deep); color: var(--paper); border-radius: 16px; padding: 20px 22px; text-decoration: none; }
.idea-pdfs a span { display: block; color: #D8CFBF; font-size: .88rem; margin-top: 4px; }
@media (max-width: 900px) { .idea-start { grid-template-columns: 1fr 1fr; } .idea-pdfs { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .idea-start { grid-template-columns: 1fr; } .sp-go { width: 100%; justify-content: center; } }
@media (min-width: 1001px) { .dash-grid { grid-template-columns: repeat(3, 1fr); } }
.checklist .btn + .btn { margin-top: 8px; }
.checklist .btn { display: flex; justify-content: center; }
@media (min-width: 900px) { .mzone-row { gap: 12px; } .mzone-nav { gap: 2px; } .mzone-nav a { font-size: .86rem; padding: 7px 9px; } }

/* ===================== Blogo įrašai iš admin ===================== */
.teaser-has-img { padding-top: 0; overflow: hidden; }
.teaser-img { display: block; width: calc(100% + 52px); margin: 0 -26px 6px; aspect-ratio: 16/9; object-fit: cover; background: var(--sand); }
.post-cover { margin: 0 auto 8px; }
.post-cover img { display: block; width: 100%; max-height: 520px; object-fit: cover; border-radius: 20px; }
.post-fig { margin: 2rem 0; }
.post-fig img { display: block; width: 100%; height: auto; border-radius: 14px; }
.post-fig figcaption { font-size: .85rem; color: var(--muted); margin-top: 8px; }
.prose blockquote { margin: 1.8rem 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--clay); font: italic 400 1.2rem/1.55 var(--serif); color: var(--ink); }
.prose blockquote p { margin: 0; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin: 2.4rem 0; }
.post-hero-img { background-image: linear-gradient(180deg, rgba(28,36,30,.25), rgba(28,36,30,.82)), var(--hero-img); background-size: cover; background-position: center; color: #fff; }
.post-hero-img .kicker, .post-hero-img .teaser-p, .post-hero-img .link-arrow { color: #F3ECE1; }
.admin-preview-bar { background: var(--clay); color: #fff; font-size: .92rem; padding: 10px 0; }
.admin-preview-bar a { color: #fff; font-weight: 600; margin-left: 8px; }
.post-hero-img { min-height: 340px; align-content: end; }
.vote-past { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); display: grid; gap: 10px; }
.vote-past .vp { display: grid; gap: 2px; }
.vote-past .vp small { color: var(--muted); font-size: .85rem; }
.pulse-item.pulse-auto { border: 1px dashed rgba(62,83,69,.35); flex-basis: 100%; justify-content: flex-start; flex-wrap: wrap; }
.pulse-team { font-style: normal; font-size: .7rem; font-weight: 600; padding: 1px 6px; border-radius: 999px; background: var(--forest); color: #fff; }
.ev-month { font: 500 1.2rem var(--serif); margin: 1.6rem 0 .6rem; }
.ev-st { display: inline-block; vertical-align: 2px; margin-left: 6px; padding: 1px 8px; border-radius: 999px; font: 600 .7rem var(--sans); letter-spacing: .02em; }
.ev-planned { background: #ECE4D6; color: #6B655A; } .ev-open { background: #DCE8D8; color: #2C4A33; } .ev-full { background: #F3E1CF; color: #8A4E26; }
.ev-done { background: #E3E7EA; color: #445; } .ev-cancelled { background: #F3D9CF; color: #8A3B1C; }
.ev-go { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.ev-go form { display: inline; }
.events-done .event { opacity: .8; }
.event[hidden] { display: none; }
.event .ev-st, .event .ev-go span { display: inline-block; }
.ev-more > summary { cursor: pointer; list-style: none; display: inline-block; margin: 14px 0; padding: 8px 16px; border: 1px solid currentColor; border-radius: 999px; font-weight: 600; font-size: .9rem; color: var(--forest, #3E5345); }
.ev-more > summary::-webkit-details-marker { display: none; }
.ev-more[open] > summary { display: none; }