/* =========================================================
   Pasiūlymas turintiems NT brokerio patirtį (page 206)
   2026-09-29 redesign. Naujas dizainas: pilno pločio tamsus
   hero, interaktyvi skaičiuoklė, dviejų stulpelių sąrašas.
   ========================================================= */

/* --- Astra konteinerio atlaisvinimas (pilno pločio sekcijos) --- */
body.page-id-206 #content { background: #faf9f7; }
body.page-id-206 #content .ast-container { max-width: none; padding-left: 0; padding-right: 0; }
body.page-id-206 #primary { margin: 0; padding: 0; }
.post-206 .entry-header,
.post-206 .ast-breadcrumbs-wrapper { display: none; }
.post-206 .entry-content { margin-top: 0; }
.post-206 .entry-content[data-ast-blocks-layout] > * { max-width: none !important; }

/* --- Spalvos --- */
.vt-pas {
    --navy: #2c3e5e;
    --navy-soft: #3a537d;
    --blue: #3f7ab0;
    --blue-lt: #5b93c4;
    --sky: #8db4d8;
    --pale: #c3cede;
    --pale-2: #e6ecf4;
    --ink: #1a1a1a;
    --muted: #555555;
    --faint: #8a959f;
    --line: #e6e3dd;
    --line-2: #ddd8d0;
    --line-3: #f0ede6;
    --paper: #faf9f7;
    --green: #2f7d4f;
    --r: 6px;
    background: var(--paper);
    color: var(--ink);
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
}
.vt-pas *, .vt-pas *::before, .vt-pas *::after { box-sizing: border-box; }
.vt-pas a { text-decoration: none; }
.vt-pas ::selection { background: var(--blue); color: #fff; }

.vt-pas-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.vt-pas-num { font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }

/* --- Hero --- */
.vt-pas-hero { background: var(--navy); padding: 108px 0 56px; }
.vt-pas-crumbs { display: flex; gap: 8px; font-size: 13px; margin-bottom: 36px; }
.vt-pas-crumbs a { color: var(--pale); }
.vt-pas-crumbs a:hover { color: #fff; }
.vt-pas-crumbs span[aria-hidden] { color: #8fa0b8; }
.vt-pas-crumbs-now { color: var(--sky); font-weight: 600; }

.vt-pas-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}
.vt-pas-kicker {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--sky);
}
.vt-pas-hero h1 {
    margin: 0 0 18px;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: #fff;
    text-wrap: pretty;
}
.vt-pas-lead { margin: 0 0 28px; font-size: 16px; line-height: 1.65; color: var(--pale); }
.vt-pas-hero-img { width: 100%; height: auto; display: block; border-radius: var(--r); }

/* --- Mygtukai --- */
.vt-pas-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: var(--r);
    background: var(--blue);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.vt-pas-btn:hover, .vt-pas-btn:focus-visible { background: var(--blue-lt); color: #fff; }
.vt-pas-btn svg { flex-shrink: 0; }
.vt-pas-btn--light { background: #fff; color: var(--navy); }
.vt-pas-btn--light:hover, .vt-pas-btn--light:focus-visible { background: var(--pale-2); color: var(--navy); }
.vt-pas-btn--ghost {
    background: transparent;
    border: 1.5px solid var(--navy-soft);
    color: var(--ink);
    padding: 12.5px 24px;
}
.vt-pas-btn--ghost:hover, .vt-pas-btn--ghost:focus-visible { background: #eef3f8; color: var(--ink); }
.vt-pas-btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* --- Sekcijos --- */
.vt-pas-sec { padding-top: 72px; }
.vt-pas-hero + .vt-pas-sec { padding-top: 56px; }
.vt-pas-sec--last { padding-bottom: 80px; }

.vt-pas h2 {
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--ink);
    text-wrap: pretty;
}
.vt-pas-h2--wide { max-width: 700px; margin-bottom: 28px; }
.vt-pas-body { margin: 0; font-size: 15px; line-height: 1.7; color: var(--muted); }
.vt-pas-body--dark-text { color: var(--ink); font-size: 15.5px; margin-bottom: 16px; }
.vt-pas-claim { margin: 18px 0 0; font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--navy-soft); }

.vt-pas-split { display: grid; gap: 40px; }
.vt-pas-split--calc { grid-template-columns: 1fr 440px; gap: 48px; align-items: center; }
.vt-pas-split--qa { grid-template-columns: 1fr 1.25fr; align-items: start; }
.vt-pas-split--grow { grid-template-columns: 1fr 1.25fr; align-items: start; }
.vt-pas-split--contact { grid-template-columns: 1.25fr 1fr; align-items: start; }

/* --- Skaičiuoklė --- */
.vt-pas-calc {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 22px 24px;
}
.vt-pas-calc-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 8px;
}
.vt-pas-cap {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--muted);
}
.vt-pas-calc-earned { font-size: 20px; font-weight: 700; color: var(--ink); }

/* Astros main.min.css stilizuoja KIEKVIENA input[type="range"]: deda 8,6px
   auksčio bėgelį su šešėliu ir savo rankenėlės poslinkį. Tas selektorius
   (elementas + atributas) yra stipresnis už paprastą klasę, todėl čia
   visur rašoma input[type="range"].vt-pas-range - kitaip mūsų taisyklės
   tiesiog nepritaikomos.

   Liniją piešia apvalkalas, o ne bėgelio pseudo-elementas: naršyklės jį
   piešia savaip, o apvalkalo vidurys visur tas pats. Rankenėlė tokio pat
   aukščio kaip input'as, tad jos vidurys sutampa su linijos viduriu. */
.vt-pas-slider {
    position: relative;
    display: flex;
    align-items: center;
    height: 20px;
    margin: 0 0 18px;
}
.vt-pas-slider::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    height: 4px;
    border-radius: 2px;
    background: var(--line);
}
input[type="range"].vt-pas-range {
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}
input[type="range"].vt-pas-range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 20px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}
input[type="range"].vt-pas-range:focus::-webkit-slider-runnable-track {
    background: transparent;
}
input[type="range"].vt-pas-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 1px 4px rgba(44,62,94,.35);
    cursor: pointer;
}
input[type="range"].vt-pas-range::-moz-range-track {
    height: 20px;
    border: 0;
    background: transparent;
    box-shadow: none;
}
input[type="range"].vt-pas-range::-moz-range-thumb {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: var(--blue);
    box-shadow: 0 1px 4px rgba(44,62,94,.35);
}
.vt-pas-range:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }

.vt-pas-calc-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid var(--line-3);
    font-size: 14px;
    color: var(--muted);
}
.vt-pas-calc-row .vt-pas-num { font-weight: 700; color: var(--ink); }
.vt-pas-calc-zero { color: var(--green); }
.vt-pas-faint { color: var(--faint); }
.vt-pas-calc-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-top: 2px;
    padding: 14px 0 4px;
    border-top: 2px solid var(--navy);
}
.vt-pas-calc-total .vt-pas-cap { font-size: 13px; letter-spacing: 0.08em; color: var(--ink); }
.vt-pas-calc-total .vt-pas-num { font-size: 30px; font-weight: 700; color: var(--navy); }
.vt-pas-fine { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--faint); }

/* --- Kodėl renkasi --- */
.vt-pas-why {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    border-top: 1px solid var(--line-2);
}
.vt-pas-why > li {
    display: flex;
    gap: 18px;
    margin: 0;
    padding: 22px 0;
    border-bottom: 1px solid var(--line-2);
    list-style: none;
}
.vt-pas-why > li::marker { content: none; }
.vt-pas-why-n { font-size: 30px; font-weight: 700; line-height: 1; color: var(--blue); width: 44px; flex-shrink: 0; }
.vt-pas-why h3 {
    margin: 0 0 5px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
}
.vt-pas-why p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--muted); }
/* Selektorius turi buti stipresnis uz ".vt-pas-why > li", kitaip tas
   nustato padding: 22px 0 ir skaicius prisispaudzia prie korteles krasto.
   Kortele isleidziama 24px i sonus, kad jos vidinis turinys stotu i ta
   pacia linija kaip 01-06 numeriai, o ne butu pastumtas i desine. */
.vt-pas-why > li.vt-pas-why--hl {
    grid-column: 1 / -1;
    margin: 16px -24px 0;
    padding: 22px 24px;
    border-bottom: none;
    border-radius: var(--r);
    background: var(--navy);
}
.vt-pas-why--hl .vt-pas-why-n { color: var(--sky); }
.vt-pas-why--hl h3 { color: #fff; }
.vt-pas-why--hl p { color: var(--pale); }

/* --- Klausimų kortelės --- */
.vt-pas-qa { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vt-pas-qa-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 22px 24px;
}
.vt-pas-q { margin: 0 0 8px; font-size: 13.5px; line-height: 1.45; color: var(--muted); }
.vt-pas-a { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); }

/* --- Tamsi kortelė --- */
.vt-pas-dark { background: var(--navy); border-radius: var(--r); padding: 36px 40px; color: #fff; }
.vt-pas-dark h2 { color: #fff; font-size: 28px; }
.vt-pas-claim--dark { margin: 0; color: var(--sky); }
.vt-pas-body--dark { margin: 0 0 16px; color: var(--pale-2); }
.vt-pas-aside {
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.14);
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--pale);
}
.vt-pas-aside a { font-weight: 700; color: var(--sky); }
.vt-pas-aside a:hover { color: #fff; text-decoration: underline; }

/* --- Kontaktų kortelė --- */
.vt-pas-person {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 24px;
}
.vt-pas-person-photo {
    width: 110px;
    height: 110px;
    flex-shrink: 0;
    display: block;
    object-fit: cover;
    object-position: center 20%;
    border-radius: var(--r);
    background: var(--line);
}
.vt-pas-person-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.vt-pas-person-name { margin: 0; font-size: 17px; font-weight: 700; color: var(--ink); }
.vt-pas-person-role { margin: 0 0 10px; font-size: 13px; color: var(--muted); }
.vt-pas-person-tel { font-size: 15px; font-weight: 700; color: var(--ink); }
.vt-pas-person-tel:hover { color: var(--blue); }
.vt-pas-person-mail { font-size: 13.5px; font-weight: 600; white-space: nowrap; color: var(--blue); }
.vt-pas-person-mail:hover { color: var(--navy-soft); }
.vt-pas-person-addr { font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.vt-pas-person-addr:hover { color: var(--blue); }

/* --- Adaptyvumas --- */
@media (max-width: 900px) {
    .vt-pas-hero-grid,
    .vt-pas-split--calc,
    .vt-pas-split--qa,
    .vt-pas-split--grow,
    .vt-pas-split--contact { grid-template-columns: 1fr; gap: 28px; }
    .vt-pas-why { grid-template-columns: 1fr; gap: 0; }
    .vt-pas-hero h1 { font-size: 32px; }
}
@media (max-width: 640px) {
    .vt-pas-wrap { padding: 0 20px; }
    .vt-pas-sec { padding-top: 48px; }
    .vt-pas-hero + .vt-pas-sec { padding-top: 48px; }
    .vt-pas-hero h1 { font-size: 28px; }
    .vt-pas h2 { font-size: 24px; }
    .vt-pas-qa { grid-template-columns: 1fr; }
    .vt-pas-dark { padding: 26px 22px; }
    .vt-pas-person { flex-direction: column; }
    .vt-pas-person-photo { width: 96px; height: 96px; }
    .vt-pas-btns .vt-pas-btn { width: 100%; justify-content: center; }
}


/* --- Astra „entry-content“ taisyklių perrašymas (specifiškumas) --- */
.post-206 .entry-content .vt-pas a { text-decoration: none; }
.post-206 .entry-content .vt-pas-aside a:hover { text-decoration: underline; }
.post-206 .entry-content .vt-pas-why { margin: 0; padding: 0; }

/* Astros antraštė yra absoliuti ir guli virš turinio, todėl hero pati
   pasilieka jai vietos: 80px antraštė + 28px tarpas (922px+ antraštė 180px). */
@media (min-width: 922px) { .vt-pas-hero { padding-top: 208px; } }

/* =========================================================
   Plotis
   Svetainės antraštė ir kiti nusileidimo puslapiai (pvz.
   /norintiems-parduoti/) eina per visą ekraną su 47px
   paraštėmis, be vidinio max-width. Šis puslapis daro tą patį.
   Skaitomą teksto plotį riboja patys elementai, ne konteineris.
   ========================================================= */
.vt-pas-wrap { max-width: none; padding: 0 47px; }

.vt-pas-hero h1 { max-width: 720px; }
.vt-pas h2 { max-width: 860px; }
.vt-pas .vt-pas-h2--wide { max-width: 900px; }
.vt-pas-lead { max-width: 640px; }
.vt-pas-body { max-width: 760px; }
.vt-pas-claim { max-width: 760px; }
.vt-pas-aside { max-width: 820px; }
.vt-pas-why p { max-width: 700px; }

.vt-pas-split--calc { grid-template-columns: minmax(0, 1fr) minmax(0, 560px); }
.vt-pas-split--contact { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); }

/* Plačiuose ekranuose nuotrauka nebeauga kartu su stulpeliu, kad hero
   netaptų viso lango aukščio. Iki 1440px pjūvio nėra. */
.vt-pas-hero-img { max-height: 470px; object-fit: cover; object-position: center 35%; }

@media (max-width: 921px) {
    .vt-pas-wrap { padding: 0 20px; }
}
@media (max-width: 900px) {
    .vt-pas-split--calc,
    .vt-pas-split--contact { grid-template-columns: 1fr; gap: 28px; }
}

/* Telefone puslapio parastes yra 20px, tad ir kortele isleidziama tiek pat:
   daugiau atsirastu horizontali slinktis. */
@media (max-width: 900px) {
    .vt-pas-why > li.vt-pas-why--hl {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}