/* Poros.lt – quiz'o ir laiško puslapio papildymai prie funnel.css (TBL išvaizda, mobiliam pirmiausia) */
/* Lietuviškos raidės (ą č ę ė į š ų ū ž): tų pačių OFL šriftų latin-ext poaibiai iš Google Fonts (2026-10-14) – TBL poaibiai jų neturi */
@font-face { font-family: "Cormorant Garamond"; src: url("/assets/fonts/cormorant-italic-600-ext.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; src: url("/assets/fonts/cormorant-600-ext.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url("/assets/fonts/ebgaramond-italic-400-ext.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url("/assets/fonts/ebgaramond-400-ext.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; src: url("/assets/fonts/inter-var-ext.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
body.poros .st { max-width: 560px; margin: 0 auto; padding: 0 16px 24px; }
/* 1 žingsnis (U-003, copy/06): antraštė virš durų, durys su paveikslėliais 2 stulpeliais (TBL F – laimėjęs variantas) */
body.poros .st-intro { padding: 4px 2px 6px; }
body.poros .st-intro .h1 { font-size: 27px; line-height: 1.15; margin: 4px 0 10px; }
@media (min-width: 600px) { body.poros .st-intro .h1 { font-size: 32px; } }
body.poros .st-intro .st-sub { font-size: 15px; line-height: 1.45; margin: 0 0 10px; }
body.poros .st-trustline { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto 6px; max-width: 30em; text-align: left; font: 500 12.5px/1.4 Inter, system-ui, sans-serif; color: var(--night-soft, #cfc6b8); }
body.poros .st-trustline img { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(201, 164, 92, .6); }
body.poros .chips.doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0 10px; }
body.poros .chip.door { display: flex; flex-direction: column; align-items: stretch; text-align: left; gap: 3px; width: 100%; min-height: 0; padding: 6px 6px 10px; border-radius: 14px; white-space: normal; background: #fffdf8; }
body.poros .chip.door img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; margin: 0 0 6px; background: #1a1433; }
body.poros .chip.door b { padding: 0 4px; font: 600 11px/1.2 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8a6a2c; }
body.poros .chip.door span { display: block; padding: 0 4px; font: italic 600 16.5px/1.22 "Cormorant Garamond", Georgia, serif; color: #26211d; }
body.poros .chip.door.is-on { border: 2px solid #c9a45c; background: rgba(201, 164, 92, .14); }
body.poros .st-how { margin: 22px 0 2px; padding: 14px 4px 0; border-top: 1px solid rgba(168, 132, 79, .3); }
body.poros .st-how-title { margin: 0 0 8px; font: 600 12px/1.2 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #8a6a2c; }
body.poros .st-how ol { margin: 0; padding: 0 0 0 20px; display: grid; gap: 6px; font: 400 14px/1.45 Inter, system-ui, sans-serif; color: #4a423a; }
body.poros .st-how b { color: #26211d; }
body.poros .wait-sample blockquote { margin: 6px 0 6px; padding: 0; font: italic 600 19px/1.3 "Cormorant Garamond", Georgia, serif; }
body.poros .wait-sample blockquote p { margin: 0; }
body.poros .wait-sample .small { margin: 0; font-size: 12px; opacity: .75; }
@media (max-width: 380px) {
  body.poros .st-intro .h1 { font-size: 24px; }
  body.poros .chip.door span { font-size: 15.5px; }
}
body.poros .door-own { background: none; border: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; font: inherit; font-size: 15px; opacity: .85; padding: 8px 0 2px; cursor: pointer; }
body.poros .q-edit { margin-top: 14px; }
body.poros .q-edit .life-label { margin-top: 14px; }
body.poros .choices.two { grid-template-columns: 1fr 1fr; margin-top: 12px; }
body.poros .selects.s3 { grid-template-columns: 1.05fr 1.35fr .8fr; }
body.poros .selects.s2 { grid-template-columns: 1fr 1fr; }
body.poros .selects select { min-width: 0; width: 100%; }
body.poros .st-set { border: 0; padding: 0; margin: 0 0 6px; }
body.poros .st-trust { margin: 16px 0 0; text-align: center; font: 500 12.5px/1.5 Inter, system-ui, sans-serif; color: var(--ink-soft, #6b6157); }
body.poros .echo { margin: 0 0 10px; font: italic 500 18px/1.35 "Cormorant Garamond", Georgia, serif; color: #6b5a3c; }
body.poros .echo:empty { display: none; }
body.poros .st-private { display: block; max-width: 560px; margin: 14px auto 0; padding: 0 16px; font-size: 13px; line-height: 1.5; opacity: .8; text-align: center; }
body.poros .st-private a { color: inherit; }
body.poros .place-choice { display: block; width: 100%; text-align: left; padding: 11px 12px; border: 1px solid rgba(168, 132, 79, .45); border-radius: 10px; background: #fffdf8; font: 500 15px/1.35 Inter, system-ui, sans-serif; color: #26211d; cursor: pointer; }
body.poros .center { text-align: center; }
body.poros .map-seq { display: grid; gap: 10px; margin: 18px 0; }
body.poros .map-card { padding: 14px 16px; border: 1px solid rgba(201, 164, 92, .35); border-radius: 14px; background: rgba(255, 255, 255, .04); }
body.poros .map-title { margin: 0 0 6px; font: 600 12px/1.3 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #d8b46a; }
body.poros .map-card p { margin: 0; line-height: 1.45; }
body.poros .wait-lines { margin: 8px 0 18px; }
body.poros .wait-line { margin: 6px 0; opacity: .45; }
body.poros .wait-line.is-on { opacity: 1; }
body.poros .wait-line.is-done { opacity: .7; text-decoration: line-through; text-decoration-thickness: 1px; }
body.poros .wait-status { min-height: 1.4em; text-align: center; opacity: .9; }
body.poros .wait-kicker { font: 600 12px/1.4 Inter, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #d8b46a; margin: 18px 0 8px; }
body.poros .wait-block p { line-height: 1.55; margin: 0 0 12px; }
body.poros .letter-sheet { padding: 24px 20px; margin: 14px 0; }
body.poros .letter-body p { font: 400 19px/1.6 "EB Garamond", Georgia, serif; margin: 0 0 14px; color: #26211d; }
body.poros .offer { padding: 22px 20px; margin: 14px 0; }
body.poros .poros-locked { list-style: none; padding: 0; margin: 12px 0; display: grid; gap: 8px; }
body.poros .poros-locked li { padding: 10px 12px; border: 1px dashed rgba(168, 132, 79, .6); border-radius: 10px; }
body.poros .poros-locked li b { display: block; }
body.poros .poros-locked li span { font-size: 13.5px; opacity: .75; }
body.poros .offer-list { padding-left: 18px; margin: 8px 0 14px; }
body.poros .offer-list li { margin: 6px 0; line-height: 1.45; }
body.poros .offer .price { font: 600 34px/1.1 "Cormorant Garamond", Georgia, serif; margin: 10px 0 4px; }
body.poros .offer-note { font-size: 14px; opacity: .85; margin: 8px 0; }
body.poros .offer .btn-gold { display: flex; justify-content: center; width: 100%; margin-top: 10px; }
body.poros .offer-guarantee { margin: 14px 0; line-height: 1.5; }
/* „gali klausyti arba skaityti“: laiško tekstas grotuve */
.poros-read { position: fixed; z-index: 60; left: 50%; transform: translateX(-50%); bottom: calc(14px + env(safe-area-inset-bottom)); padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(216, 180, 106, .6); background: rgba(10, 18, 32, .82); color: #f6efdd; font: 600 14px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.poros-read[hidden] { display: none; }
body.bl-player.poros-reading #bl-player { display: none; }
body.bl-player.poros-reading #main { display: block !important; }
body.bl-player.poros-reading #main > :not(#screen-letter) { display: none; }
body.bl-player.poros-reading #screen-letter { display: block !important; }
/* /t/<token>: the same page without the form (js/poros.js shows the player, the wait or the letter) */
html.poros-t #screen-form { display: none; }
/* mokėjimo pasirinkimas (js/poros-pay.js) */
.pp-overlay { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(7, 10, 24, .72); opacity: 0; transition: opacity .2s ease; }
.pp-overlay.pp-show { opacity: 1; }
.pp-overlay[hidden] { display: none; }
.pp-modal { width: 100%; max-width: 440px; padding: 22px 20px 16px; border-radius: 18px; background: #fbf7ef; color: #26211d; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); }
.pp-title { margin: 0; font: 600 26px/1.2 "Cormorant Garamond", Georgia, serif; }
.pp-sub { margin: 4px 0 14px; font: 500 15px/1.4 Inter, system-ui, sans-serif; color: #6b6157; }
.pp-opt { display: flex; flex-direction: column; gap: 3px; width: 100%; margin: 0 0 10px; padding: 14px 16px; border: 1.5px solid #c9a45c; border-radius: 14px; background: #fffdf8; text-align: left; cursor: pointer; font: inherit; color: inherit; }
.pp-opt[hidden] { display: none; }
.pp-opt b { font: 700 17px/1.3 Inter, system-ui, sans-serif; }
.pp-opt span { font: 400 13.5px/1.4 Inter, system-ui, sans-serif; color: #6b6157; }
.pp-opt:hover, .pp-opt:focus-visible { background: rgba(201, 164, 92, .14); }
.pp-note { margin: 6px 0 4px; text-align: center; font: 500 13px/1.4 Inter, system-ui, sans-serif; color: #6b6157; }
.pp-cancel { display: block; margin: 4px auto 0; padding: 8px 14px; border: 0; background: none; color: #6b6157; text-decoration: underline; font: 500 14px/1 Inter, system-ui, sans-serif; cursor: pointer; }
@media (max-width: 560px) { .pp-overlay { align-items: flex-end; padding: 0; } .pp-modal { max-width: none; border-radius: 18px 18px 0 0; } }
body.poros .nw { white-space: nowrap; }
/* U-002: pilnas laiškas po apmokėjimo (/t/<token>), slapukų juosta, atsisakymo forma */
body.poros .poros-full-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 14px; }
body.poros .poros-full-tools[hidden] { display: none; }
body.poros .full-audio { flex: 1 1 260px; min-width: 0; }
body.poros .full-audio audio { width: 100%; }
body.poros .full-audio .offer-note { margin: 0; color: var(--night-soft, #cfc6b8); }
body.poros .letter-sec { margin: 26px 0 10px; font: 600 23px/1.2 "Cormorant Garamond", Georgia, serif; color: #26211d; }
body.poros .letter-sec:first-child { margin-top: 4px; }
.btn-ghost { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid #c9a45c; border-radius: 999px; background: transparent; color: #c9a45c; font: 600 15px/1 Inter, system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.legal-sheet .btn-ghost { color: #8a6a2c; border-color: #9c7a35; }
.pc-bar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 90; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; max-width: 720px; margin: 0 auto; padding: 14px 16px; border-radius: 14px; background: #fbf7ef; color: #26211d; box-shadow: 0 16px 50px rgba(0, 0, 0, .45); font: 500 14px/1.45 Inter, system-ui, sans-serif; }
.pc-bar[hidden] { display: none; }
.pc-bar .pc-text { margin: 0; flex: 1 1 260px; }
.pc-bar .pc-text a { color: #8a6a2c; }
.pc-bar .pc-actions { display: flex; gap: 8px; }
.pc-bar .pc-btn { min-height: 42px; min-width: 72px; padding: 0 16px; border-radius: 999px; border: 1px solid #9c7a35; background: transparent; color: #26211d; font: 600 15px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.pc-bar .pc-yes { background: #c9a45c; border-color: #c9a45c; color: #1d1b1a; }
.withdraw-status.is-bad { color: #8e2a22; }