:root{
  --brand:#6F1C87;
  --card:#ffffff;
  --text:#141414;
  --muted:#6b7280;
  --ring:rgba(111,28,135,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  background:var(--brand); color:var(--text);
  display:flex;align-items:center;justify-content:center;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.wrapper{width:100%;max-width:820px;padding:24px}
.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:0 22px 60px rgba(0,0,0,.28);
  margin:auto; padding:32px 28px;
}
@media (min-width:720px){ .card{ padding:46px 56px } }
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.lang{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}
.lang svg{opacity:.8}
.logo{display:block;margin:14px auto 8px;width:120px;height:auto;}
.title{text-align:center;margin:6px 0 22px 0;}
.title h1{font-size:28px;letter-spacing:.5px;margin:10px 0 8px 0}
.title p{color:var(--muted);margin:0}
.section-title{margin:16px 0 10px 0;font-weight:700;text-align:center;}
.pack{display:flex;flex-direction:column;gap:12px;}
.option{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;background:#fff;transition:all .15s ease;}
.option:hover{border-color:#d1d5db}
.option.active{border-color:var(--brand);box-shadow:0 0 0 6px var(--ring)}
.option .price{margin-left:auto;font-weight:800}
.option .desc{color:var(--muted);margin-top:4px;font-size:14px}
.radio{width:20px;height:20px;border-radius:999px;border:2px solid #c7cbd1;display:inline-flex;align-items:center;justify-content:center;}
.option.active .radio{border-color:var(--brand)}
.option.active .radio::after{content:'';width:10px;height:10px;border-radius:999px;background:var(--brand);}
.tos{display:flex;align-items:center;gap:10px;color:#374151;font-size:14px;margin-top:12px}
.tos a{color:#4f46e5;text-decoration:none}
.tos a:hover{text-decoration:underline}
.btn{margin-top:16px;width:100%;border:none;border-radius:14px;padding:14px 18px;font-weight:700;font-size:16px;background:#5a1470;color:#fff;cursor:pointer;transition:transform .04s ease,filter .15s ease;}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.footerNote{text-align:center;margin-top:12px;color:#e9d8ef;font-size:12px;opacity:.9;}
/* --- Language flags --- */
.card{ position:relative; } /* kad absoliutus pozicionavimas būtų kortelėje */
.lang-picker{
  position:absolute; left:16px; top:14px;
  display:flex; gap:6px; align-items:center; z-index:5;
}
/* paslepiam seno select'ą, bet paliekam prieinamumui */
.lang-picker .lang-hidden{
  position:absolute; opacity:0; pointer-events:none; width:1px; height:1px;
}
.lang-flags .flag{
  width:28px; height:22px; font-size:16px; line-height:22px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #ddd; border-radius:6px; background:#fff; cursor:pointer;
}
.lang-flags .flag.active{
  border-color:#6F1C87; box-shadow:0 0 0 2px rgba(111,28,135,.18);
}

.googlepay-help {
  margin-top: 14px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  text-align: center;
}

.googlepay-title {
  font-weight: 800;
  margin-bottom: 6px;
}

.googlepay-text {
  font-size: 14px;
  opacity: 0.9;
  line-height: 1.35;
  margin-bottom: 10px;
}

.googlepay-link {
  display: inline-block;
  padding: 9px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  background: rgba(255,255,255,0.14);
  color: inherit;
  border: 1px solid rgba(255,255,255,0.22);
}

.googlepay-url-box {
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.24);
  font-size: 14px;
  font-weight: 800;
  word-break: break-all;
}

.googlepay-big-btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.4px;
  background: #ffffff;
  color: #111111;
  border: 2px solid rgba(255,255,255,0.8);
  box-shadow: 0 6px 18px rgba(0,0,0,0.28);
}

.googlepay-small-note {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.85;
  line-height: 1.35;
}

.googlepay-help {
  margin-top: 14px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  text-align: center;
}

.googlepay-title {
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 16px;
}

.googlepay-instruction-btn {
  cursor: default;
  user-select: text;
}

.android-chrome-help {
  margin: 0 0 14px 0;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  text-align: center;
}

.android-chrome-title {
  font-weight: 900;
  font-size: 15px;
  margin-bottom: 4px;
}

.android-chrome-text {
  font-size: 13px;
  opacity: 0.9;
  margin-bottom: 10px;
}

.android-chrome-button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 12px;
  text-align: center;
  text-decoration: none;
  font-weight: 900;
  background: #ffffff;
  color: #111111;
  border: 2px solid rgba(255,255,255,0.85);
}

.android-chrome-address {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0,0,0,0.24);
  border: 1px solid rgba(255,255,255,0.20);
  font-weight: 900;
  word-break: break-word;
}