/* Yeni dizayn — Abunə: [qt_pricing] səhifəsi, abunə qutusu (`.qt-cta`), səbət/ödəniş, Hesabım → Abunəliyim.
   Plaginin pricing.css / front.css qaydaları köhnə dizayn üçün qalır; burada hamısı `.qv` altında üstələnir. */

/* ---------- qiymət səhifəsi: ümumi ---------- */
.qv .qtp { color: var(--qv-navy); font-family: var(--qv-f-ui); line-height: 1.5; }
.qv .qtp .qtp-in { max-width: none; margin: 0; }
.qv .qtp h2, .qv .qtp h3 { font-family: var(--qv-f-ui); color: inherit; letter-spacing: normal; }
.qv-pricing .qv-page { padding-top: 16px; }

/* aktiv abunə zolağı */
.qv .qtp .qtp-status { position: relative; display: block; max-width: none; margin: 0 0 14px; padding: 12px 14px 12px 44px; border: 0; border-radius: 12px; background: var(--qv-ok-bg); color: var(--qv-navy); font-size: .9375rem; line-height: 1.45; }
.qv .qtp .qtp-status::before { content: ""; position: absolute; left: 14px; top: 13px; width: 20px; height: 20px; border-radius: 50%; background: var(--qv-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }

/* başlıq bloku */
.qv .qtp .qtp-hero { position: relative; overflow: hidden; max-width: none; margin: 0 0 16px; padding: 24px 20px 26px; border-radius: 20px; background: var(--qv-navy); color: #fff; text-align: left; }
.qv .qtp .qtp-hero::before { content: ""; position: absolute; right: -18%; top: -60%; width: 75%; height: 220%; background: radial-gradient(closest-side, rgba(13, 90, 198, .55), rgba(13, 90, 198, 0)); pointer-events: none; }
.qv .qtp .qtp-hero::after { content: ""; position: absolute; right: 36px; top: 50%; width: 170px; height: 194px; margin-top: -97px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 250' fill='none' stroke='%23fff' stroke-opacity='.11' stroke-width='2'%3E%3Cpath d='M110 4l102 58v126l-102 58L8 188V62z'/%3E%3Cpath d='M110 52l60 34v78l-60 34-60-34V86z'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; display: none; }
.qv .qtp .qtp-hero > * { position: relative; z-index: 1; }
.qv .qtp .qtp-eyebrow { display: block; margin: 0 0 10px; font-family: var(--qv-f-brand); font-size: .75rem; font-weight: 600; letter-spacing: .11em; line-height: 1.3; padding-top: .14em; color: var(--qv-marker); }
.qv .qtp .qtp-hero h2 { max-width: 20ch; margin: 0; font-size: 34px; font-size: clamp(2rem, 7.4vw, 3rem); font-weight: 800; font-stretch: 76%; line-height: 1.02; letter-spacing: -.012em; color: #fff; text-wrap: balance; }
.qv .qtp .qtp-hero p { max-width: 40rem; margin: 12px 0 0; color: var(--qv-soft); font-size: 1rem; line-height: 1.55; }
.qv .qtp .qtp-hero p b, .qv .qtp .qtp-hero p strong { color: #fff; }
.qv .qtp .qtp-anchor { max-width: none; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: var(--qv-sky); color: var(--qv-navy); text-align: left; }

/* kampaniya zolağı */
.qv .qtp .qtp-camp { justify-content: flex-start; max-width: none; margin: 0 0 18px; padding: 10px 14px; border-radius: 12px; background: #FFF5CF; box-shadow: inset 0 0 0 1px #F5DF8F; color: var(--qv-navy); font-size: .9375rem; font-weight: 700; }
.qv .qtp .qtp-camp-ic { flex: 0 0 26px; width: 26px; height: 28px; border-radius: 0; background: var(--qv-marker); color: var(--qv-navy); font-size: .875rem; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }

/* kalkulyator */
.qv .qtp .qtp-calc { max-width: none; margin: 0 0 18px; padding: 16px; border: 0; border-radius: 16px; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); }
.qv .qtp .qtp-calc-head b { font-size: 1.0625rem; font-weight: 800; font-stretch: 84%; }
.qv .qtp .qtp-calc-val { color: var(--qv-blue); font-size: 1.75rem; font-weight: 800; font-stretch: 76%; line-height: 1; }
.qv .qtp .qtp-calc input[type=range] { accent-color: var(--qv-blue); }
.qv .qtp .qtp-calc-scale { color: var(--qv-mute); font-size: .75rem; }
.qv .qtp .qtp-calc-out { border: 0; border-radius: 12px; background: var(--qv-mist); }
.qv .qtp .qtp-calc-out .qtp-big { font-weight: 800; font-stretch: 84%; }
.qv .qtp .qtp-calc-out .qtp-save { background: var(--qv-ok-bg); color: var(--qv-ok); }

/* ---------- paket kartları ---------- */
.qv .qtp .qtp-plans { gap: 14px; margin: 0 0 16px; }
.qv .qtp .qtp-plan { --c: var(--qv-blue); --c2: var(--qv-blue); --soft: var(--qv-mist); gap: 0; padding: 20px 18px 18px; border: 0; border-radius: 18px; background: var(--qv-paper); box-shadow: inset 0 0 0 1.5px var(--qv-line); color: var(--qv-navy); text-align: left; transform: none; transition: box-shadow .2s; cursor: pointer; }
.qv .qtp .qtp-plan:hover { transform: none; box-shadow: inset 0 0 0 1.5px var(--qv-blue); }
.qv .qtp .qtp-plan.is-rec { transform: none; box-shadow: inset 0 0 0 2px var(--qv-blue); }
.qv .qtp .qtp-plan > * { margin-bottom: 0; }
.qv .qtp .qtp-plan .qtp-icon { display: none; }
.qv .qtp .qtp-plan h3 { margin: 0; padding-right: 92px; font-size: 1.375rem; font-weight: 800; font-stretch: 80%; line-height: 1.1; }
.qv .qtp .qtp-plan .qtp-tag { margin: 4px 0 0; color: var(--qv-mute); font-size: .875rem; line-height: 1.35; }
.qv .qtp .qtp-plan .qtp-was { justify-content: flex-start; gap: 8px; min-height: 24px; margin-top: 16px; }
.qv .qtp .qtp-plan .qtp-was s { color: var(--qv-mute); font-size: .9375rem; }
.qv .qtp .qtp-plan .qtp-was .qtp-disc { padding: 3px 7px 2px; border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); font-size: .6875rem; font-weight: 800; letter-spacing: .02em; }
.qv .qtp .qtp-plan .qtp-was .qtp-note { color: var(--qv-mute); font-size: .8125rem; }
.qv .qtp .qtp-plan .qtp-was .qtp-camp-l { color: var(--qv-mute); font-size: .6875rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.qv .qtp .qtp-plan .qtp-until { margin-top: 4px; color: var(--qv-mute); font-size: .8125rem; font-weight: 600; }
.qv .qtp .qtp-plan .qtp-price { margin-top: 4px; font-size: 2.75rem; font-weight: 800; font-stretch: 72%; line-height: 1; letter-spacing: -.01em; white-space: nowrap; }
.qv .qtp .qtp-plan .qtp-per { margin-top: 6px; color: var(--qv-mute); font-size: .875rem; }
.qv .qtp .qtp-plan .qtp-per b { color: var(--qv-navy); }
.qv .qtp .qtp-plan ul { gap: 8px; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--qv-line); }
.qv .qtp .qtp-plan ul:not(:has(.qtp-plus)) { display: none; }
.qv .qtp .qtp-plan li { gap: 9px; font-size: .9375rem; line-height: 1.4; }
.qv .qtp .qtp-plan li:not(.qtp-plus) { display: none; } /* ortaq bəndlər bir dəfə — «Hər paketə daxildir» */
.qv .qtp .qtp-plan li.qtp-plus { font-weight: 600; }
.qv .qtp .qtp-plan li .qtp-ck { flex: 0 0 20px; width: 20px; height: 22px; border-radius: 0; background: var(--qv-sky); color: var(--qv-blue); font-size: .75rem; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qtp .qtp-plan .qtp-bonus { margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: var(--qv-mist); color: var(--qv-navy); font-size: .875rem; font-weight: 600; line-height: 1.4; }
.qv .qtp .qtp-plan .qtp-btn { display: flex; align-items: center; justify-content: center; min-height: 52px; margin-top: auto; padding: 0 20px; border: 0; border-radius: 10px; background: var(--qv-navy); background-image: none; box-shadow: none; color: #fff !important; font-size: 1rem; font-weight: 700; font-stretch: 94%; line-height: 1; filter: none; transform: none; transition: background-color .16s, transform .16s var(--qv-ease); }
.qv .qtp .qtp-plan .qtp-bonus + .qtp-btn, .qv .qtp .qtp-plan ul + .qtp-btn { margin-top: 16px; }
/* «Abunə ol» hər kartda altda, yan-yana kartlarda eyni xətdə (r8 QA2): ayırıcı düymədən əvvələ keçir və qalan yeri doldurur (ən azı 16px) */
.qv .qtp .qtp-plan::after { content: ""; order: 1; flex: 1 0 16px; }
.qv .qtp .qtp-plan .qtp-btn, .qv .qtp .qtp-plan .qtp-bonus + .qtp-btn, .qv .qtp .qtp-plan ul + .qtp-btn { order: 2; margin-top: 0; }
.qv .qtp .qtp-plan .qtp-btn::after { content: ""; width: 18px; height: 18px; margin-left: 10px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .25s var(--qv-ease); }
.qv .qtp .qtp-plan .qtp-btn:active { transform: scale(.97); }
.qv .qtp .qtp-plan .qtp-rec { top: 18px; right: 16px; padding: 4px 8px 3px; border-radius: 6px; background: var(--qv-sky); color: var(--qv-blue-3); font-size: .6875rem; font-weight: 700; }
.qv .qtp .qtp-plan .qtp-ribbon { top: 0; left: 18px; right: auto; transform: translateY(-50%); padding: 5px 10px 4px; border-radius: 6px; background: var(--qv-marker); background-image: none; box-shadow: none; color: var(--qv-navy); font-family: var(--qv-f-brand); font-size: .75rem; font-weight: 600; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }

/* ən sərfəli paket — tünd kart, sarı düymə */
.qv .qtp .qtp-plan.is-best { background: var(--qv-navy); box-shadow: none; color: #fff; }
.qv .qtp .qtp-plan.is-best.is-rec, .qv .qtp .qtp-plan.is-best:hover { box-shadow: 0 0 0 3px var(--qv-soft); }
.qv .qtp .qtp-plan.is-best .qtp-tag, .qv .qtp .qtp-plan.is-best .qtp-per, .qv .qtp .qtp-plan.is-best .qtp-was s, .qv .qtp .qtp-plan.is-best .qtp-was .qtp-note { color: var(--qv-soft); }
.qv .qtp .qtp-plan.is-best .qtp-per b { color: #fff; }
.qv .qtp .qtp-plan.is-best .qtp-was .qtp-camp-l { color: var(--qv-marker); }
.qv .qtp .qtp-plan.is-best .qtp-until { color: var(--qv-soft); }
.qv .qtp .qtp-plan.is-best ul { border-top-color: rgba(255, 255, 255, .16); }
.qv .qtp .qtp-plan.is-best li .qtp-ck { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qtp .qtp-plan.is-best .qtp-bonus { background: rgba(255, 255, 255, .08); color: #fff; }
.qv .qtp .qtp-plan.is-best .qtp-rec { background: rgba(255, 255, 255, .14); color: #fff; }
.qv .qtp .qtp-plan.is-best .qtp-btn { background: var(--qv-marker); color: var(--qv-navy) !important; }
@media (hover: hover) {
  .qv .qtp .qtp-plan .qtp-btn:hover { background: var(--qv-blue); }
  .qv .qtp .qtp-plan.is-best .qtp-btn:hover { background: #FFDD66; }
  .qv .qtp .qtp-plan .qtp-btn:hover::after { transform: translateX(4px); }
}

/* hər paketə daxildir */
.qv .qtp .qtp-incl { display: block; margin: 0 0 16px; padding: 18px; border-radius: 16px; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); }
.qv .qtp .qtp-incl h3 { margin: 0 0 12px; font-size: 1.1875rem; font-weight: 800; font-stretch: 84%; line-height: 1.2; }
.qv .qtp .qtp-incl ul { display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 10px 24px; gap: 10px 24px; max-width: none; margin: 0; padding: 0; list-style: none; }
.qv .qtp .qtp-incl li { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: .9375rem; line-height: 1.45; }
@supports not (aspect-ratio: 1) {
 .qv .qtp .qtp-incl li > * { margin-right: 10px; }
 .qv .qtp .qtp-incl li > :last-child:not(:first-child) { margin-right: 0; } }
.qv .qtp .qtp-incl .qtp-ck { flex: 0 0 20px; display: grid; align-items: center; justify-items: center; width: 20px; height: 22px; margin-top: 0; background: var(--qv-blue); color: #fff; font-size: .6875rem; font-weight: 900; line-height: 1; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qtp .qtp-footnote { max-width: 72ch; margin: 0 auto 18px; color: var(--qv-mute); font-size: .875rem; line-height: 1.55; text-align: center; }
/* «Hər paketə daxildir» altında: hələ hazırlanan bölmələr (QT_Agreement::pricing_prep) */
.qv .qtp .qtp-incl .qtp-prep { max-width: none; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--qv-line, #d9dee8); text-align: left; }

/* ---------- rəqəmlər və təhlükəsiz ödəniş ---------- */
.qv .qtp .qtp-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 16px; overflow: hidden; border-radius: 16px; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); }
.qv .qtp .qtp-trust > div { min-width: 0; margin: 0; padding: 16px 10px 14px; border: 0; border-radius: 0; background: transparent; text-align: center; }
.qv .qtp .qtp-trust > div + div { box-shadow: inset 1px 0 0 var(--qv-line); }
.qv .qtp .qtp-trust b { font-size: 2rem; font-weight: 800; font-stretch: 72%; line-height: 1; color: var(--qv-blue); font-variant-numeric: tabular-nums; }
.qv .qtp .qtp-trust span { display: block; margin-top: 6px; color: var(--qv-mute); font-size: .8125rem; line-height: 1.3; }
.qv .qtp .qtp-trust .qtp-secure { grid-column: 1 / -1; flex-direction: row; justify-content: center; gap: 12px; padding: 12px 14px; background: var(--qv-mist); box-shadow: inset 0 1px 0 var(--qv-line); }
.qv .qtp .qtp-trust .qtp-secure svg { flex: none; width: 72px; height: auto; }
.qv .qtp .qtp-trust .qtp-secure span { margin: 0; color: var(--qv-navy); font-size: .875rem; font-weight: 600; text-align: left; }
.qv .qtp-secure stop:first-child, .qv .qt-checkout-secure stop:first-child { stop-color: #0D5AC6; }
.qv .qtp-secure stop:last-child, .qv .qt-checkout-secure stop:last-child { stop-color: #0A1A3B; }

/* ---------- müqayisə ---------- */
.qv .qtp .qtp-cmp-toggle { display: block; margin: 0; }
.qv .qtp .qtp-cmp-toggle button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 56px; margin: 0; padding: 0 18px; border: 0; border-radius: 14px; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); color: var(--qv-navy); font-size: 1rem; font-weight: 700; font-stretch: 94%; text-align: left; cursor: pointer; }
.qv .qtp .qtp-cmp-toggle button[aria-expanded="true"] { border-radius: 14px 14px 0 0; }
.qv .qtp .qtp-cmp-car { display: grid; align-items: center; justify-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--qv-mist); color: var(--qv-blue); font-size: .75rem; line-height: 1; }
.qv .qtp .qtp-cmp { margin: 0 0 16px; overflow-x: auto; border: 1px solid var(--qv-line); border-top: 0; border-radius: 0 0 14px 14px; background: var(--qv-paper); -webkit-overflow-scrolling: touch; }
.qv .qtp .qtp-cmp table { min-width: 480px; margin: 0; font-size: .875rem; }
.qv .qtp .qtp-cmp th, .qv .qtp .qtp-cmp td { padding: 11px 12px; border-bottom: 1px solid var(--qv-line); color: var(--qv-navy); text-align: center; vertical-align: middle; }
.qv .qtp .qtp-cmp tr:last-child td { border-bottom: 0; }
.qv .qtp .qtp-cmp th:first-child, .qv .qtp .qtp-cmp td:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 1; width: 38%; background: var(--qv-paper); text-align: left; }
.qv .qtp .qtp-cmp thead th { background: var(--qv-mist); font-weight: 800; font-stretch: 88%; }
.qv .qtp .qtp-cmp thead th:first-child { background: var(--qv-mist); }
.qv .qtp .qtp-cmp th.is-best { background: var(--qv-navy); color: #fff; }
.qv .qtp .qtp-cmp td.is-best { background: #F7F9FD; font-weight: 700; }
.qv .qtp .qtp-cmp td.qtp-y { color: var(--qv-blue); font-weight: 800; }
.qv .qtp .qtp-cmp s { color: var(--qv-mute); }
.qv .qtp .qtp-cmp .qtp-disc { display: table; margin: 3px auto 0; padding: 2px 6px 1px; border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); font-size: .6875rem; font-weight: 800; line-height: 1.3; white-space: nowrap; }

/* ---------- TVS ---------- */
.qv .qtp .qtp-faq { max-width: none; margin: 26px 0 8px; }
.qv .qtp .qtp-faq h3 { margin: 0 0 12px; font-size: 1.5rem; font-weight: 800; font-stretch: 80%; line-height: 1.1; text-align: left; }
.qv .qtp .qtp-faq-item { margin: 0; overflow: hidden; border: 0; border-radius: 0; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); }
.qv .qtp .qtp-faq-item + .qtp-faq-item { margin-top: -1px; }
.qv .qtp .qtp-faq-item:first-of-type { border-radius: 14px 14px 0 0; }
.qv .qtp .qtp-faq-item:last-child { border-radius: 0 0 14px 14px; }
.qv .qtp .qtp-faq-q { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 56px; margin: 0; padding: 12px 16px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--qv-navy); font-size: 1rem; font-weight: 700; font-stretch: 94%; line-height: 1.35; text-align: left; cursor: pointer; }
@supports not (aspect-ratio: 1) {
 .qv .qtp .qtp-faq-q > * { margin-right: 14px; }
 .qv .qtp .qtp-faq-q > :last-child:not(:first-child) { margin-right: 0; } }
.qv .qtp .qtp-faq-q span { flex: none; display: grid; align-items: center; justify-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--qv-mist); color: var(--qv-blue); font-size: 1.125rem; font-weight: 600; transition: transform .25s var(--qv-ease), background-color .2s; }
.qv .qtp .qtp-faq-item.is-open .qtp-faq-q span { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qtp .qtp-faq-a { padding: 0 16px 16px; color: var(--qv-mute); font-size: .9375rem; line-height: 1.6; }
.qv .qtp .qtp-faq-a a { color: var(--qv-blue); }
@media (hover: hover) { .qv .qtp .qtp-faq-q:hover, .qv .qtp .qtp-cmp-toggle button:hover { color: var(--qv-blue); } }

@media (max-width: 900px) {
  .qv .qtp .qtp-plans { max-width: 480px; }
  .qv .qtp .qtp-plan.is-best { order: -1; } /* mobil: ən sərfəli paket birinci */
}
@media (max-width: 600px) {
  .qv .qtp .qtp-cmp table { min-width: 0; font-size: .8125rem; }
  .qv .qtp .qtp-cmp th, .qv .qtp .qtp-cmp td { padding: 9px 6px; }
  .qv .qtp .qtp-cmp th:first-child, .qv .qtp .qtp-cmp td:first-child { width: 36%; padding-left: 12px; }
  .qv .qtp .qtp-cmp td:not(:first-child) { white-space: nowrap; }
  .qv .qtp .qtp-cmp .qtp-pc { display: block; }
}
@media (max-width: 380px) {
  .qv .qtp .qtp-cmp table { font-size: .75rem; }
  .qv .qtp .qtp-cmp th, .qv .qtp .qtp-cmp td { padding-left: 4px; padding-right: 4px; }
  .qv .qtp .qtp-trust b { font-size: 1.625rem; }
  .qv .qtp .qtp-trust span { font-size: .75rem; }
  .qv .qtp .qtp-plan .qtp-price { font-size: 2.5rem; }
}
@media (min-width: 640px) {
  .qv .qtp .qtp-incl ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 901px) {
  .qv .qtp .qtp-hero { padding: 36px 36px 38px; }
  .qv .qtp .qtp-hero::after { display: block; }
  .qv .qtp .qtp-hero h2 { max-width: 16ch; }
  .qv .qtp .qtp-plans { gap: 16px; margin-top: 8px; }
  .qv .qtp .qtp-plan { padding: 24px 22px 22px; }
  .qv .qtp .qtp-plan .qtp-price { font-size: 3rem; }
  .qv .qtp .qtp-trust { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.25fr); }
  .qv .qtp .qtp-trust .qtp-secure { grid-column: auto; flex-direction: row; box-shadow: inset 1px 0 0 var(--qv-line); }
  .qv .qtp .qtp-incl { padding: 22px 24px; }
}

/* ---------- abunə qutusu (qapalı test, material, səsli kitab) ---------- */
.qv .qt-cta { --c-ink: var(--qv-navy); --c-muted: var(--qv-mute); --c-line: var(--qv-line); --c-blue: var(--qv-blue); --c-navy: var(--qv-navy); border: 0; border-radius: 18px; background: var(--qv-paper); box-shadow: inset 0 0 0 1px var(--qv-line); color: var(--qv-navy); font-family: var(--qv-f-ui); }
.qv .qt-cta::before { display: none; }
.qv .qt-cta .qt-cta-preview { min-height: 150px; padding: 20px 16px; background: var(--qv-navy); background-image: radial-gradient(closest-side at 70% 30%, rgba(13, 90, 198, .6), rgba(13, 90, 198, 0)); }
.qv .qt-cta .qt-cta-quiz, .qv .qt-cta .qt-cta-doc, .qv .qt-cta .qt-cta-player { border: 0; background: rgba(255, 255, 255, .92); }
.qv .qt-cta .qt-cta-lock { gap: 6px; padding: 12px 16px; border-radius: 12px; background: var(--qv-marker); box-shadow: 0 12px 28px -10px rgba(0, 0, 0, .55); color: var(--qv-navy); font-family: var(--qv-f-ui); font-weight: 700; }
.qv .qt-cta .qt-cta-lock svg { width: 24px; height: 24px; }
.qv .qt-cta .qt-cta-body { gap: 12px; padding: 20px 18px 18px; }
.qv .qt-cta .qt-cta-badge { padding: 4px 8px 3px; border-radius: 6px; background: var(--qv-marker); background-image: none; color: var(--qv-navy); font-family: var(--qv-f-brand); font-size: .6875rem; font-weight: 600; letter-spacing: .1em; }
.qv .qt-cta .qt-cta-title { margin: 0; color: var(--qv-navy); font-size: 1.375rem; font-weight: 800; font-stretch: 80%; line-height: 1.12; }
.qv .qt-cta .qt-cta-msg { color: var(--qv-mute); font-size: .9375rem; line-height: 1.5; }
.qv .qt-cta .qt-cta-list li { color: var(--qv-navy); font-size: .9063rem; line-height: 1.4; }
.qv .qt-cta .qt-cta-ck { width: 18px; height: 20px; border-radius: 0; background: var(--qv-sky); color: var(--qv-blue); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qt-cta .qt-cta-price { border: 0; border-radius: 10px; background: var(--qv-mist); color: var(--qv-mute); }
.qv .qt-cta .qt-cta-price b { color: var(--qv-navy); font-weight: 800; }
.qv .qt-cta .qt-cta-price s { color: var(--qv-mute); }
.qv .qt-cta .qt-cta-price .qt-cta-camp { color: var(--qv-navy); font-weight: 700; }
.qv .qt-cta .qt-cta-price .qt-cta-camp em { padding: 2px 6px 1px; border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-cta .qt-cta-btn { min-height: 52px; padding: 0 20px; border-radius: 10px !important; background: var(--qv-marker) !important; background-image: none !important; box-shadow: none !important; color: var(--qv-navy) !important; font-size: 1rem; font-weight: 700; font-stretch: 94%; filter: none; transform: none; }
.qv .qt-cta .qt-cta-btn2 { min-height: 52px; border: 0; border-radius: 10px; background: var(--qv-paper); box-shadow: inset 0 0 0 1.5px var(--qv-line); color: var(--qv-navy) !important; font-weight: 700; }
.qv .qt-cta .qt-cta-trust { border-top: 1px solid var(--qv-line); color: var(--qv-mute); font-size: .8125rem; }
@media (hover: hover) {
  .qv .qt-cta .qt-cta-btn:hover { background: #FFDD66 !important; }
  .qv .qt-cta .qt-cta-btn2:hover { background: var(--qv-paper); box-shadow: inset 0 0 0 1.5px var(--qv-blue); }
}
@media (min-width: 761px) {
  .qv .qt-cta { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); }
  .qv .qt-cta .qt-cta-preview { min-height: 250px; }
  .qv .qt-cta .qt-cta-body { padding: 24px 26px 20px; }
  /* dar məzmun sütununda (yazı səhifəsi) faydalar bir sütun — iki sütunda hər bənd 4–5 sətrə bölünürdü (r8 QA2) */
  .qv .qt-cta .qt-cta-list { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
}
@media (max-width: 760px) {
  .qv .qt-cta .qt-cta-preview { min-height: 128px; padding: 14px; }
  .qv .qt-cta .qt-cta-quiz, .qv .qt-cta .qt-cta-doc, .qv .qt-cta .qt-cta-player { max-width: 240px; padding: 10px; }
  .qv .qt-cta .qt-cta-opt:nth-of-type(n+3) { display: none; }
}

/* ---------- ödəniş: təhlükəsiz ödəniş nişanı (düymələr account.css-dədir) ---------- */
.qv .qt-checkout-secure { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: var(--qv-mist); color: var(--qv-navy); font-size: .8125rem; font-weight: 600; line-height: 1.35; }
@supports not (aspect-ratio: 1) {
 .qv .qt-checkout-secure > * { margin-right: 10px; }
 .qv .qt-checkout-secure > :last-child:not(:first-child) { margin-right: 0; } }
.qv .qt-checkout-secure svg { flex: none; width: 64px; height: auto; }
.qv .qt-checkout-secure img { max-height: 28px; width: auto; }

/* Hesabım → Abunəliyim: «Abunə ol / Müddəti uzat» — saytın əsas (sarı) düyməsi, abunə səhifəsi ilə eyni */
/* skin.css «.qv .qt-cta-btn» fonu !important ilə göy edir — burada da !important lazımdır (yoxsa göy fonda tünd yazı) */
.qv .qv-acc__content.woocommerce-MyAccount-content .qt-abunem .qt-cta-btn { min-height: 48px; background: var(--qv-marker) !important; background-image: none !important; color: var(--qv-navy) !important; }
@media (hover: hover) { .qv .qv-acc__content.woocommerce-MyAccount-content .qt-abunem .qt-cta-btn:hover { background: #FFDD66 !important; } }

/* Hesabım → Abunəliyim: paketlər birbaşa alış düyməsi ilə (r8; markup plaqinindir — front.css) */
.qv .qt-renew-camp { margin: 0 0 12px; color: var(--qv-navy); font-size: .9375rem; }
.qv .qt-renew-camp em { padding: 2px 7px 1px; border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-renew-list li { border-top-color: var(--qv-line); }
.qv .qt-renew-list li:first-child { border-top: 0; }
.qv .qt-renew-n b { color: var(--qv-navy); font-weight: 800; font-stretch: 88%; }
.qv .qt-renew-n small, .qv .qt-renew-note { color: var(--qv-mute); }
.qv .qt-renew-p s { color: var(--qv-mute); }
.qv .qt-renew-p b { color: var(--qv-navy); font-size: 1.25rem; font-weight: 800; font-stretch: 80%; }
.qv .qv-acc__content .qt-renew-btn { min-height: 44px; border-radius: 10px; background: var(--qv-navy); color: #fff !important; font-weight: 700; }
.qv .qv-acc__content .qt-renew-list li.is-best .qt-renew-btn { background: var(--qv-marker); color: var(--qv-navy) !important; }
@media (hover: hover) { .qv .qv-acc__content .qt-renew-btn:hover { background: var(--qv-blue); } .qv .qv-acc__content .qt-renew-list li.is-best .qt-renew-btn:hover { background: #FFDD66; } }

/* Səbət / ödəniş: paket sətrində kampaniya nişanı */
.qv .qt-cart-camp { color: var(--qv-ok); }