/* ==========================================================================
   Yeni dizayn (v2) — Mərhələ 2: ana səhifə (qonaq), Testlər, məcəllə
   səhifəsi, kitab rəfi, 3D kitab, test həlli.
   Yalnız bu səhifələrdə yüklənir (inc/v2-tests.php).
   ========================================================================== */

/* ---------- ana səhifə: hero ---------- */
.qv-hero { position: relative; overflow: hidden; background: var(--qv-blue); color: #fff; padding-top: 10px; padding-bottom: 30px; }
/* mobil: tək sütun ekrandan geniş ola bilməz — «Günün sualı» kartının uzun kateqoriya nişanı əvvəl sütunu (lede, tərəzi, kart) sağa daşırırdı */
.qv-hero__in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 8px 0; gap: 8px 0; }
.qv-hero__art { position: relative; min-width: 0; height: 216px; margin-left: calc(var(--qv-gut) * -.5); margin-right: calc(var(--qv-gut) * -.5); }
.qv-scl { display: block; width: 100%; height: 100%; cursor: grab; touch-action: pan-y; }
.qv-scl:active { cursor: grabbing; }
.qv-hero__hint { position: absolute; right: calc(var(--qv-gut) * .5); top: 8px; display: inline-flex; align-items: center; gap: 6px; color: var(--qv-soft); pointer-events: none; animation: qvFade .6s ease 1.6s backwards; }
@supports not (aspect-ratio: 1) {
 .qv-hero__hint > * { margin-right: 6px; }
 .qv-hero__hint > :last-child:not(:first-child) { margin-right: 0; } }
.qv-hero__hint .qv-ic { width: 18px; height: 18px; }
.qv-hero__main { min-width: 0; }
.qv-hero .qv-d1 { color: #fff; }
.qv-hero__eye { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--qv-soft); }
@supports not (aspect-ratio: 1) {
 .qv-hero__eye > * { margin-right: 8px; }
 .qv-hero__eye > :last-child:not(:first-child) { margin-right: 0; } }
.qv-hero__eye img { width: 22px; height: 22px; flex: none; }
.qv-ln { display: block; overflow: hidden; padding: .1em .22em .1em .16em; margin: -.1em -.22em -.1em -.16em; }
.qv-ln--mk { padding-top: .26em; margin-top: -.26em; }
.qv-ln__t { display: block; }
.qv-js .qv-hero .qv-ln__t { animation: qvUp .85s var(--qv-ease) backwards; animation-delay: calc(var(--l) * 95ms + .08s); }
.qv-mk { position: relative; display: inline-block; white-space: nowrap; transform: rotate(-1.6deg); transform-origin: 0 100%; margin-top: .06em; }
.qv-mk__ink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; margin: -.03em -.14em -.05em -.12em; padding: .03em .14em .05em .12em; background: var(--qv-marker); color: var(--qv-navy); clip-path: polygon(0 7%, 100% 0, 99% 93%, 1.2% 100%); }
.qv-js .qv-hero .qv-mk__ink { animation: qvSweep .55s var(--qv-ease) .78s backwards; }
.qv-hero__lede { max-width: 34rem; margin: 18px 0 0; font-size: 1.0625rem; line-height: 1.5; color: var(--qv-soft); }
.qv-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 22px; }
@supports not (aspect-ratio: 1) {
 .qv-hero__cta > * { margin-right: 22px; margin-bottom: 10px; } }
.qv-js .qv-hero__lede, .qv-js .qv-hero__cta, .qv-js .qv-stats, .qv-js .qv-hero__eye { animation: qvRise .7s var(--qv-ease) backwards; }
.qv-js .qv-hero__lede { animation-delay: .5s; } .qv-js .qv-hero__cta { animation-delay: .6s; } .qv-js .qv-stats { animation-delay: .72s; }
.qv-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 16px; gap: 16px; margin: 28px 0 0; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .24); }
/* column-reverse-də flex-end = yuxarı: etiket 1 və ya 2 sətir olsa da rəqəmlər eyni xətdə */
.qv-stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; min-width: 0; }
@supports not (aspect-ratio: 1) {
 .qv-stats div > * { margin-bottom: 6px; }
 .qv-stats div > :last-child { margin-bottom: 0; } }
.qv-stats dd { margin: 0; font-weight: 800; font-stretch: 68%; font-size: 30px; font-size: clamp(1.75rem, 8.2vw, 2.125rem); line-height: .95; font-variant-numeric: tabular-nums; white-space: nowrap; }
.qv-stats dt { font-size: .8125rem; line-height: 1.25; color: var(--qv-soft); }
.qv-hero__aside { min-width: 0; margin-top: 26px; }
.qv-daily { position: relative; background: var(--qv-paper); color: var(--qv-navy); border-radius: 16px; padding: 18px 20px; }
.qv-daily > * { max-width: 100%; }
/* sual yüklənənədək yer tutucu təxminən son hündürlükdə — aşağıdakı bloklar tərpənmir */
.qv-daily .qt-dqs-skel { min-height: 400px; align-content: start; }
.qv-hero__more { display: none; } /* yalnız geniş ekranda (aşağıda) */
@media (min-width: 1024px) {
  .qv-hero { padding-top: 40px; padding-bottom: 64px; }
  .qv-hero__in { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 64px; align-items: start; }
  /* yuxarıya bərkidilir: «Günün sualı» yüklənəndə sağ sütun uzanır — ortalanmış mətn aşağı sürüşürdü */
  .qv-hero__main { grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 24px; }
  .qv-hero__art { grid-column: 2; grid-row: 1; height: 290px; margin: 0; }
  .qv-hero__aside { grid-column: 2; grid-row: 2; margin-top: 8px; }
  .qv-hero__lede { font-size: 1.1875rem; }
  .qv-stats { max-width: 34rem; margin-top: 38px; }
  .qv-stats dd { font-size: 3rem; }
  /* «Günün sualı» kartı mətndən uzun olanda sol sütunun altı boş qalırdı. Sütun sıranın bütün hündürlüyünə uzanır,
     .qv-hero__more yalnız qalan yeri tutur (flex-basis 0 — sütunu, deməli hero-nu uzatmır). İçindəkilər sütun-sətir
     düzülür (column wrap): sığmayan element növbəti sütuna — görünən sahədən kənara — keçir və bütöv gizlənir, yarımçıq
     kəsilmir. ::before — sıfır hündürlüklü ilk element: birinci blok da sığmasa, o da kənara keçsin. Kart sualdan sonra
     uzananda (izah açılır) yer artır və növbəti blok özü görünür. */
  .qv-hero__main { align-self: stretch; display: flex; flex-direction: column; }
  .qv-hero__more { display: flex; flex: 1 1 0; flex-direction: column; flex-wrap: wrap; align-content: flex-start; min-height: 0; max-width: 34rem; overflow: hidden; }
  .qv-hero__more::before { content: ""; width: 100%; height: 0; }
  .qv-hero__more > * { flex: none; width: 100%; }
  .qv-hero__more > .is-out { visibility: hidden; } /* pages.js: kənara keçən blokdakı keçid klaviatura ilə seçilməsin */
  .qv-js .qv-hero__more { animation: qvRise .7s var(--qv-ease) .84s backwards; }
  .qv-hsub { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 16px; gap: 16px; margin: 0; padding-top: 22px; }
  .qv-hsub div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; min-width: 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .14); }
  @supports not (aspect-ratio: 1) {
  .qv-hsub div > * { margin-bottom: 4px; }
  .qv-hsub div > :last-child { margin-bottom: 0; } }
  .qv-hsub dd { margin: 0; font-weight: 800; font-stretch: 68%; font-size: 1.875rem; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .qv-hsub dt { font-size: .8125rem; line-height: 1.25; color: var(--qv-soft); }
  .qv-hsub + .qv-hsub { padding-top: 16px; } /* ikinci üçlük (Fərdiləşdir-də 4–6-cı əlavə rəqəm) */
  .qv-hx__hd { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; max-width: none; margin: 0; padding: 26px 0 8px; color: var(--qv-soft); }
  @supports not (aspect-ratio: 1) {
  .qv-hx__hd > * { margin-right: 12px; }
  .qv-hx__hd > :last-child:not(:first-child) { margin-right: 0; } }
  .qv-hx__hd a { display: inline-flex; align-items: center; gap: 4px; color: #fff; font-family: var(--qv-f-ui, inherit); font-size: .8125rem; font-weight: 600; letter-spacing: 0; text-decoration: none; }
  @supports not (aspect-ratio: 1) {
  .qv-hx__hd a > * { margin-right: 4px; }
  .qv-hx__hd a > :last-child:not(:first-child) { margin-right: 0; } }
  .qv-hx__hd a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .qv-hx__hd .qv-ic { width: 14px; height: 14px; }
  .qv-hx__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t d" "s d"; grid-column-gap: 14px; column-gap: 14px; align-items: center; max-width: none; margin: 0; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
  .qv-hx__row b { grid-area: t; font-weight: 600; font-size: .9375rem; line-height: 1.3; }
  .qv-hx__row span { grid-area: s; font-size: .8125rem; line-height: 1.35; color: var(--qv-soft); }
  .qv-hx__row em { grid-area: d; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .12); font-style: normal; font-weight: 700; font-size: .8125rem; line-height: 1.2; white-space: nowrap; }
  .qv-hx__hd + .qv-hx__row em { background: var(--qv-marker); color: var(--qv-navy); } /* ən yaxın imtahan */
}
/* 1024–1365: sol sütun dardır, izahlar iki sətrə düşür — əlavə rəqəmlər sırası yığcam olsun ki, kartın yanında daha tez sığsın */
@media (min-width: 1024px) and (max-width: 1365px) {
  .qv-hsub { padding-top: 16px; }
  .qv-hsub div { padding-top: 10px; }
  .qv-hsub dd { font-size: 1.625rem; }
}

/* imtahan lenti */
.qv-mq { overflow: hidden; background: var(--qv-marker); color: var(--qv-navy); }
.qv-mq__t { display: flex; align-items: center; width: max-content; min-height: 54px; font-weight: 800; font-stretch: 72%; font-size: 1.3125rem; letter-spacing: .02em; line-height: 1; white-space: nowrap; }
.qv-mq__t span { padding-left: 18px; padding-right: 18px; }
.qv-mq__sep { display: block; width: 11px; height: 12px; margin: 0 2px; background: var(--qv-blue); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv-mq.is-run .qv-mq__t { animation: qvMq 30s linear infinite; }

/* ---------- kitab rəfi ---------- */
.qv-shelves { display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 4px; gap: 4px; font-size: 13px; font-size: clamp(12px, 3.9vw, 16px); }
/* rəf sütunu kitabların cəmindən enli ola bilməz (auto sütun məzmuna görə böyüyüb bütün səhifəni enləndirirdi): kitablar
   PHP-də 360px-ə sığacaq qədər sıxılır (qt_v2_shelf_fit), bundan dar yerdə isə enləri nisbətlə daralır (flex-shrink) */
@media (max-width: 359px) { .qv-shelves { font-size: 11.5px; } } /* 5 kitab + «tezliklə» nişanı 320px-ə sığsın */
.qv-shelves--home { max-width: 420px; }
.qv-shelf__cap { margin: 14px 0 0; font-size: .875rem; color: var(--qv-mute); }
.qv-cap-ic { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; color: #E0AE14; }
.qv-shelf { position: relative; min-width: 0; padding-top: 18px; perspective: 900px; perspective-origin: 118% -30%; }
.qv-shelf + .qv-shelf { margin-top: 22px; }
/* rəf taxtası ayrıca 3D kontekstdir: z-index ilə kitabların arxasına qoyulur, yoxsa üst səthi kitabların ayağını örtür */
.qv-shelf__row { position: relative; z-index: 2; display: flex; align-items: flex-end; gap: 5px; min-height: 186px; padding: 0 14px 0 10px; transform-style: preserve-3d; }
@supports not (aspect-ratio: 1) {
 .qv-shelf__row > * { margin-right: 5px; }
 .qv-shelf__row > :last-child:not(:first-child) { margin-right: 0; } }
.qv-shelf__board { position: relative; z-index: 1; height: 13px; border-radius: 2px; background: linear-gradient(180deg, #1B3A6E, var(--qv-navy) 50%); transform-style: preserve-3d; transform: translateZ(10px); box-shadow: 0 16px 24px -12px rgba(10, 26, 59, .55); }
.qv-shelf__board::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 92px; background: linear-gradient(180deg, #22457F, #17315F 55%, #14305B); transform-origin: 50% 0; transform: rotateX(-90deg); }
.qv-bk { position: relative; flex: 0 1 var(--w); min-width: 0; display: block; width: var(--w); height: var(--h); padding: 0; border: 0; background: none; color: var(--t, #fff); text-decoration: none; transform-style: preserve-3d; transform-origin: 0 100%; transition: transform .5s var(--qv-ease); -webkit-tap-highlight-color: transparent; }
.qv-bk__sp { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 15px 0 10px; border-radius: 2px 3px 0 0; background: linear-gradient(90deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 24%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .24)), var(--c); overflow: hidden; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2), inset -1px 0 0 rgba(0, 0, 0, .2), 5px 0 10px -4px rgba(10, 26, 59, .4); }
@supports not (aspect-ratio: 1) {
 .qv-bk__sp > * { margin-bottom: 8px; }
 .qv-bk__sp > :last-child { margin-bottom: 0; } }
.qv-bk__sp::before, .qv-bk__sp::after { content: ""; position: absolute; left: 0; right: 0; height: 3px; background: var(--b, var(--qv-marker)); box-shadow: 0 1px 0 rgba(0, 0, 0, .22), 0 -1px 0 rgba(255, 255, 255, .18); }
.qv-bk__sp::before { top: 7px; } .qv-bk__sp::after { bottom: 9px; }
.qv-bk__m { margin-top: 8px; font-weight: 800; font-stretch: 62%; font-size: calc(var(--w) * .46); line-height: .9; letter-spacing: -.01em; text-shadow: 0 1px 0 rgba(255, 255, 255, .16), 0 -1px 1px rgba(0, 0, 0, .3); }
.qv-bk__n { flex: 1; min-height: 0; max-width: 100%; writing-mode: vertical-rl; transform: rotate(180deg); font-style: normal; font-size: .7em; font-weight: 600; font-stretch: 86%; line-height: 1.08; letter-spacing: .02em; text-align: center; overflow: hidden; opacity: .92; }
.qv-bk__q { margin-bottom: 8px; font-style: normal; font-size: .625rem; font-weight: 700; font-stretch: 80%; font-variant-numeric: tabular-nums; white-space: nowrap; }
.qv-bk__top { position: absolute; left: 0; top: 0; width: 100%; height: 84px; background: repeating-linear-gradient(90deg, #F3F6FA 0 2px, #D8DFEA 2px 3px); box-shadow: inset 0 -2px 0 var(--c), inset 2px 0 0 var(--c), inset -2px 0 0 var(--cs, var(--c)); transform-origin: 50% 0; transform: rotateX(-90deg); }
.qv-bk__side { position: absolute; right: 0; top: 0; width: 84px; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, .1), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .32)), var(--cs, var(--qv-blue-3)); transform-origin: 100% 50%; transform: rotateY(-90deg); }
.qv-bk__rib { position: absolute; right: 5px; top: -1px; width: 7px; height: calc(16px + var(--p) * 48px); background: var(--qv-marker); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 5px), 0 100%); transform: translateZ(1px); }
.qv-bk.c1 { --c: var(--qv-blue); --cs: var(--qv-blue-3); --t: #fff; --b: var(--qv-marker); }
.qv-bk.c2 { --c: var(--qv-navy); --cs: #040D21; --t: #fff; --b: var(--qv-marker); }
.qv-bk.c3 { --c: var(--qv-marker); --cs: #D9A915; --t: var(--qv-navy); --b: var(--qv-navy); }
.qv-bk.c4 { --c: #fff; --cs: #C7D2E4; --t: var(--qv-blue); --b: var(--qv-blue); }
.qv-bk.c4 .qv-bk__sp { box-shadow: inset 0 0 0 1.5px var(--qv-blue), 5px 0 10px -4px rgba(10, 26, 59, .4); }
.qv-bk.c5 { --c: var(--qv-sky); --cs: #A9C2EA; --t: var(--qv-blue-3); --b: var(--qv-blue); }
.qv-bk.c3 .qv-bk__rib, .qv-bk.c5 .qv-bk__rib, .qv-bk.c4 .qv-bk__rib { background: var(--qv-blue); }
/* «tezliklə»: kitab şəffaf deyil, belin başında saat nişanı var */
.qv-bk__soon { position: absolute; right: -5px; top: -9px; width: 24px; height: 26px; transform: translateZ(4px); filter: drop-shadow(0 0 1px var(--qv-navy)) drop-shadow(0 0 .6px var(--qv-navy)); } /* kontur — qonşu sarı kitabın üstündə itməsin */
.qv-bk__soon i { display: grid; align-items: center; justify-items: center; place-items: center; width: 100%; height: 100%; background: var(--qv-marker); color: var(--qv-navy); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv-bk__n--long { font-size: .6em; line-height: 1.06; letter-spacing: 0; }
.qv-bk.is-empty .qv-bk__q { font-size: .45rem; font-weight: 700; letter-spacing: 0; text-transform: none; }
.qv-bk__soon .qv-ic { width: 13px; height: 13px; }
/* seçilmiş imtahanın proqramında olmayan kitab: boz, amma şəffaf deyil */
.qv-bk.is-off .qv-bk__sp, .qv-bk.is-off .qv-bk__side, .qv-bk.is-off .qv-bk__top { filter: grayscale(1) brightness(1.06); }
.qv-bk:active { transform: translateZ(64px) rotateY(-26deg); }
@media (hover: hover) { .qv-bk:hover { transform: translateZ(40px) rotateY(-18deg); } }
.qv-bk:focus-visible { outline-offset: 6px; }
/* kitab dayağı (rəfin sonunda) */
.qv-shelf__stop { position: relative; flex: none; align-self: flex-end; width: 14px; height: 64px; margin-left: auto; background: linear-gradient(90deg, #1E3D72, #0A1A3B); border-radius: 2px 2px 0 0; transform-style: preserve-3d; }
.qv-shelf__stop::before { content: ""; position: absolute; right: 0; top: 0; width: 84px; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .35)), #0A1A3B; transform-origin: 100% 50%; transform: rotateY(-90deg); }
.qv-shelf__stop::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 84px; background: #2A4B86; transform-origin: 50% 0; transform: rotateX(-90deg); }
.is-in .qv-bk { animation: qvBookIn .6s var(--qv-ease) backwards; animation-delay: calc(var(--k, 0) * 55ms + .05s); }
@media (min-width: 1024px) {
  .qv-shelves:not(.qv-shelves--home) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; font-size: 16px; }
  .qv-shelves:not(.qv-shelves--home) .qv-shelf + .qv-shelf { margin-top: 0; }
  /* ana səhifə: masaüstündə iki rəf yan-yana (10 kitab), mobildə yalnız birinci rəf (5) */
  .qv-shelves--home { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; font-size: 16px; max-width: none; }
  .qv-shelves--home .qv-shelf + .qv-shelf { margin-top: 0; }
}
@media (max-width: 1023px) { .qv-shelves--home .qv-shelf + .qv-shelf { display: none; } }

/* Testlər səhifəsi */
.qv-tl__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0 18px; }
@supports not (aspect-ratio: 1) {
 .qv-tl__bar > * { margin-right: 10px; margin-bottom: 10px; } }
.qv-tl__bar .qv-seg { flex: none; width: 168px; }
.qv-tl .qv-find { margin-top: 4px; }
.qv-tl__body[data-qv-view-box="shelf"] .qv-tl__list { display: none; }
.qv-tl__body[data-qv-view-box="list"] .qv-tl__shelf { display: none; }
.qv-tl__list li[hidden] { display: none; }

/* ---------- 3D: üz qabığı önə baxan kitab ---------- */
.qv-b3 { --bw: 150px; --bh: 212px; --bd: 24px; position: relative; width: var(--bw); height: var(--bh); perspective: 1000px; touch-action: pan-y; flex: none; }
.qv-b3::after { content: ""; position: absolute; left: 4%; right: -2%; bottom: -11px; height: 13px; border-radius: 50%; background: rgba(10, 26, 59, .2); filter: blur(5px); pointer-events: none; }
.qv-b3__in { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transform: rotateX(var(--rx, 5deg)) rotateY(var(--ry, 32deg)); transition: transform .55s var(--qv-ease); }
.qv-b3.is-drag .qv-b3__in { transition: none; }
.qv-b3__f, .qv-b3__k, .qv-b3__s, .qv-b3__p, .qv-b3__t { position: absolute; left: 50%; top: 50%; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.qv-b3__f, .qv-b3__k { width: var(--bw); height: var(--bh); margin: calc(var(--bh) / -2) 0 0 calc(var(--bw) / -2); border-radius: 2px 4px 4px 2px; overflow: hidden; }
.qv-b3__f { transform: translateZ(calc(var(--bd) / 2)); background: linear-gradient(100deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .1)), var(--c, var(--qv-blue)); color: var(--t, #fff); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.qv-b3__f::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 9%; background: linear-gradient(90deg, rgba(10, 26, 59, .3), rgba(10, 26, 59, .06) 55%, rgba(255, 255, 255, .14) 75%, rgba(10, 26, 59, 0)); }
.qv-b3__k { transform: rotateY(180deg) translateZ(calc(var(--bd) / 2)); background: var(--cs, var(--qv-blue-3)); }
.qv-b3__s { width: var(--bd); height: var(--bh); margin: calc(var(--bh) / -2) 0 0 calc(var(--bd) / -2); transform: rotateY(-90deg) translateZ(calc(var(--bw) / 2)); background: var(--cs, var(--qv-blue-3)); color: var(--t, #fff); display: grid; align-items: center; justify-items: center; place-items: center; overflow: hidden; }
.qv-b3__s span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: .625rem; font-weight: 700; font-stretch: 80%; letter-spacing: .04em; white-space: nowrap; }
.qv-b3__p { width: calc(var(--bd) - 2px); height: calc(var(--bh) - 6px); margin: calc((var(--bh) - 6px) / -2) 0 0 calc((var(--bd) - 2px) / -2); transform: rotateY(90deg) translateZ(calc(var(--bw) / 2 - 3px)); background: repeating-linear-gradient(90deg, #F5F7FA 0 1.5px, #D9DFEA 1.5px 2.5px); }
.qv-b3__t { width: calc(var(--bw) - 4px); height: calc(var(--bd) - 2px); margin: calc((var(--bd) - 2px) / -2) 0 0 calc((var(--bw) - 4px) / -2); transform: rotateX(90deg) translateZ(calc(var(--bh) / 2 - 3px)); background: repeating-linear-gradient(0deg, #F5F7FA 0 1.5px, #D9DFEA 1.5px 2.5px); }
.qv-b3__cov { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 12% 10% 9% 13%; container-type: inline-size; }
.qv-b3__cov b { font-weight: 800; font-stretch: 62%; font-size: 3.5rem; font-size: 44cqw; line-height: .8; letter-spacing: -.02em; }
.qv-b3__cov i { font-style: normal; font-weight: 700; font-stretch: 88%; font-size: .8125rem; font-size: 8.6cqw; line-height: 1.15; }
.qv-b3__cov em { display: flex; align-items: center; gap: 4%; opacity: .92; }
@supports not (aspect-ratio: 1) {
 .qv-b3__cov em > * { margin-right: 4%; }
 .qv-b3__cov em > :last-child:not(:first-child) { margin-right: 0; } }
.qv-b3__cov em img { width: 12%; height: auto; flex: none; }
.qv-b3__cov em .qv-wm { width: 68%; }
.qv-b3.c1 { --c: var(--qv-blue); --cs: var(--qv-blue-3); --t: #fff; }
.qv-b3.c2 { --c: var(--qv-navy); --cs: #040D21; --t: #fff; }
.qv-b3.c3 { --c: var(--qv-marker); --cs: #D9A915; --t: var(--qv-navy); }
.qv-b3.c4 { --c: #fff; --cs: var(--qv-blue); --t: var(--qv-blue); }
.qv-b3.c4 .qv-b3__f { box-shadow: inset 0 0 0 1.5px var(--qv-blue); }
.qv-b3.c4 .qv-b3__s { color: #fff; }
.qv-b3.c5 { --c: var(--qv-sky); --cs: #A9C2EA; --t: var(--qv-blue-3); }
.qv-b3--idle .qv-b3__in { animation: qvSway 5s ease-in-out infinite alternate; }
.qv-b3--idle.is-drag .qv-b3__in, .qv-b3--idle.is-touched .qv-b3__in { animation: none; }

/* ---------- məcəllə səhifəsi ---------- */
.qv-mc { background: var(--qv-mist); padding-top: 22px; padding-bottom: 22px; }
.qv-mc__in { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; grid-gap: 22px; gap: 22px; }
.qv-mc__tx { display: grid; grid-gap: 8px; gap: 8px; min-width: 0; }
.qv-mc__tx .qv-lab { margin: 0; color: var(--qv-blue); }
.qv-mc__st { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font-size: .9375rem; color: var(--qv-mute); }
@supports not (aspect-ratio: 1) {
 .qv-mc__st > * { margin-right: 14px; margin-bottom: 4px; } }
.qv-mc__st b { color: var(--qv-navy); font-variant-numeric: tabular-nums; }
.qv-mc__prog { max-width: 220px; }
.qv-mc__prog small { display: block; margin-top: 6px; font-size: .8125rem; color: var(--qv-mute); }
.qv-mc__cta { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; gap: 10px; margin-top: 20px; }
.qv-seg--links { margin-bottom: 8px; }
.qv-mcp__desc { margin: 10px 0 0; color: var(--qv-mute); }
.qv-les { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--qv-line); }
.qv-les li { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; grid-gap: 10px; gap: 10px; padding: 12px 0; border-top: 1px solid var(--qv-line); }
.qv-les__n { font-weight: 800; font-stretch: 62%; font-size: 2rem; line-height: 1; color: var(--qv-blue); font-variant-numeric: tabular-nums; }
.qv-les__t { display: block; min-width: 0; color: inherit; text-decoration: none; }
.qv-les__t b { display: block; font-weight: 700; font-stretch: 94%; line-height: 1.25; }
.qv-les__t small { display: block; margin-top: 3px; font-size: .875rem; color: var(--qv-mute); }
.qv-les__a { display: flex; gap: 8px; }
@supports not (aspect-ratio: 1) {
 .qv-les__a > * { margin-right: 8px; }
 .qv-les__a > :last-child:not(:first-child) { margin-right: 0; } }
.qv-les__a .qv-ibtn { color: var(--qv-blue); }
.qv-les__a .qv-ibtn.is-done { color: var(--qv-ok); border-color: var(--qv-ok-bg); background: var(--qv-ok-bg); }
.qv-les .is-done .qv-les__n { color: var(--qv-ok); }
/* dərsin testi hələ yoxdur: test düyməsinin yerində səssiz qeyd */
.qv-les__soon { display: inline-flex; align-items: center; justify-content: center; align-self: center; min-height: 30px; padding: 0 11px; border: 1px dashed var(--qv-line); border-radius: 999px; color: var(--qv-mute); font-size: .75rem; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: default; }
@media (max-width: 479px) { .qv-les__soon { min-height: 44px; max-width: 70px; padding: 4px 6px; border-radius: 12px; font-size: .6875rem; white-space: normal; text-align: center; } }
@media (max-width: 359px) { .qv-mc__in { grid-template-columns: 1fr; justify-items: start; gap: 16px; } .qv-mc__cta { grid-template-columns: 1fr; } }
@media (min-width: 1024px) { .qv-mc { padding-top: 44px; padding-bottom: 44px; } .qv-mc__cta { max-width: 420px; } .qv-mc .qv-b3 { --bw: 196px; --bh: 277px; --bd: 30px; } .qv-mc__in { gap: 40px; } .qv-mc__tx .qv-t1 { font-size: 2.25rem; } .qv-mc__tx .qv-mc__st { font-size: 1.0625rem; } }

/* ---------- üç addım ---------- */
.qv-steps { display: grid; grid-gap: 40px; gap: 40px; margin: 0; padding: 0; max-width: none; list-style: none; }
.qv-step { display: grid; grid-gap: 16px; gap: 16px; min-width: 0; }
.qv-step__tx { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-column-gap: 14px; column-gap: 14px; align-content: start; }
.qv-step__n { grid-row: span 2; font-weight: 800; font-stretch: 62%; font-size: 4.25rem; line-height: .78; color: var(--qv-blue); }
.qv-step h3 { margin: 0; font-size: 1.5rem; font-weight: 800; font-stretch: 80%; line-height: 1.1; }
.qv-step__tx p { margin: 6px 0 0; font-size: .9375rem; line-height: 1.5; color: var(--qv-mute); max-width: 34rem; }
.qv-demo { position: relative; min-width: 0; padding: 18px; border: 1px solid var(--qv-line); border-radius: 16px; background: var(--qv-paper); }
.qv-listen__top { display: flex; align-items: center; gap: 14px; }
@supports not (aspect-ratio: 1) {
 .qv-listen__top > * { margin-right: 14px; }
 .qv-listen__top > :last-child:not(:first-child) { margin-right: 0; } }
.qv-listen__btn { display: grid; align-items: center; justify-items: center; place-items: center; flex: none; width: 52px; height: 52px; border: 0; border-radius: 50%; background: var(--qv-blue); color: #fff; transition: transform .16s var(--qv-ease); }
.qv-listen__btn:active { transform: scale(.9); }
.qv-listen__btn .qv-ic { width: 22px; height: 22px; }
.qv-listen__meta { display: grid; grid-gap: 3px; gap: 3px; min-width: 0; line-height: 1.2; }
.qv-listen__meta b { font-weight: 700; font-stretch: 94%; }
.qv-listen__meta span { font-size: .8125rem; color: var(--qv-mute); }
.qv-wave { display: flex; align-items: center; gap: 3px; height: 44px; margin-top: 16px; }
@supports not (aspect-ratio: 1) {
 .qv-wave > * { margin-right: 3px; }
 .qv-wave > :last-child:not(:first-child) { margin-right: 0; } }
.qv-wave i { flex: 1; min-width: 2px; height: calc(var(--h) * 100%); border-radius: 2px; background: var(--qv-line); }
.qv-listen:hover .qv-wave i, .qv-listen.is-play .qv-wave i { background: var(--qv-blue); animation: qvWave 1.1s ease-in-out infinite; animation-delay: calc(var(--k) * -87ms); }
.qv-listen__txt { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--qv-line); }
.qv-deck__hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--qv-blue); }
@supports not (aspect-ratio: 1) {
 .qv-deck__hd > * { margin-right: 12px; }
 .qv-deck__hd > :last-child:not(:first-child) { margin-right: 0; } }
.qv-deck__no { font-size: .8125rem; color: var(--qv-mute); }
.qv-deck__stage { position: relative; margin-top: 14px; padding-bottom: 14px; }
.qv-deck__stage::before, .qv-deck__stage::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 7px; height: 40px; border: 1px solid var(--qv-line); border-radius: 12px; background: var(--qv-mist); }
.qv-deck__stage::after { left: 20px; right: 20px; bottom: 0; }
.qv-fc { position: relative; z-index: 1; display: block; width: 100%; height: 208px; padding: 0; border: 0; border-radius: 12px; background: none; perspective: 1000px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.qv-fc__in { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; transform-style: preserve-3d; transition: transform .6s var(--qv-ease); }
.qv-fc.is-flip .qv-fc__in { transform: rotateY(180deg); }
.qv-fc__f, .qv-fc__b { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 20px; border-radius: 12px; text-align: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@supports not (aspect-ratio: 1) {
 .qv-fc__f > *,
.qv-fc__b > * { margin-bottom: 12px; }
 .qv-fc__f > :last-child,
.qv-fc__b > :last-child { margin-bottom: 0; } }
.qv-fc__f { border: 1.5px solid var(--qv-navy); background: var(--qv-paper); color: var(--qv-navy); }
.qv-fc__b { background: var(--qv-blue); color: #fff; transform: rotateY(180deg); }
.qv-fc__q { font-size: 1.3125rem; font-weight: 800; font-stretch: 84%; line-height: 1.16; text-wrap: balance; }
.qv-fc__hint { display: inline-flex; align-items: center; gap: 6px; font-size: .8125rem; color: var(--qv-mute); }
@supports not (aspect-ratio: 1) {
 .qv-fc__hint > * { margin-right: 6px; }
 .qv-fc__hint > :last-child:not(:first-child) { margin-right: 0; } }
.qv-fc__hint .qv-ic { width: 16px; height: 16px; }
.qv-fc__a { font-weight: 800; font-stretch: 70%; font-size: 2.25rem; line-height: 1; text-wrap: balance; }
.qv-fc__d { font-size: .875rem; line-height: 1.4; }
.qv-fc__s { font-size: .875rem; color: var(--qv-soft); }
.qv-deck .qv-btn { margin-top: 14px; }
.qv-ex__nums { display: grid; grid-template-columns: 1fr 1fr; margin-top: 18px; border-top: 1px solid var(--qv-line); border-bottom: 1px solid var(--qv-line); }
.qv-ex__nums div { padding: 16px 0 14px; }
.qv-ex__nums div + div { padding-left: 18px; border-left: 1px solid var(--qv-line); }
.qv-ex__nums b { display: block; font-weight: 800; font-stretch: 66%; font-size: 3.75rem; line-height: .9; font-variant-numeric: tabular-nums; color: var(--qv-blue); }
.qv-ex__nums span { display: block; margin-top: 6px; font-size: .875rem; color: var(--qv-mute); }
.qv-ex__per { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 4px; font-size: .9375rem; line-height: 1.4; color: var(--qv-mute); }
@supports not (aspect-ratio: 1) {
 .qv-ex__per > * { margin-right: 8px; }
 .qv-ex__per > :last-child:not(:first-child) { margin-right: 0; } }
.qv-ex__per .qv-ic { width: 20px; height: 20px; margin-top: 1px; color: var(--qv-blue); }
.qv-ex__per b { font-weight: 700; color: var(--qv-navy); font-variant-numeric: tabular-nums; }
.qv-ex__cap { margin: 0 0 16px; padding-left: 28px; font-size: .8125rem; color: var(--qv-mute); }
@media (min-width: 1024px) {
  .qv-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto; gap: 22px 28px; }
  .qv-step { grid-row: span 2; grid-template-rows: subgrid; }
  .qv-demo { display: flex; flex-direction: column; padding: 22px; }
  .qv-deck .qv-deck__stage { flex: 1; display: grid; }
  .qv-deck .qv-fc { height: auto; min-height: 208px; }
  .qv-ex .qv-btn, .qv-deck .qv-btn { margin-top: auto; }
}

/* ---------- son materiallar ---------- */
.qv-mats { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(216px, 64%); grid-gap: 16px; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--qv-gut); padding-left: var(--qv-gut); padding-right: var(--qv-gut); scrollbar-width: none; }
.qv-mats::-webkit-scrollbar { display: none; }
.qv-mat { display: grid; align-content: start; grid-gap: 10px; gap: 10px; min-width: 0; scroll-snap-align: start; color: inherit; text-decoration: none; }
.qv-cov { position: relative; display: block; width: 100%; max-width: 100%; aspect-ratio: 1 / 1; border-radius: 6px; overflow: hidden; container-type: inline-size; }
.qv-cov--blue { background: var(--qv-blue); color: #fff; }
.qv-cov--mark { background: var(--qv-marker); color: var(--qv-navy); }
.qv-cov--navy { background: var(--qv-navy); color: #fff; }
.qv-cov--mist { background: var(--qv-mist); color: var(--qv-blue); box-shadow: inset 0 0 0 1px var(--qv-line); }
.qv-cov__h { position: absolute; z-index: 1; left: 14px; right: 14px; top: 14px; display: grid; grid-gap: 5px; gap: 5px; }
.qv-cov__h .qv-lab { padding-top: 0; }
.qv-cov__r { font-size: .875rem; font-weight: 600; line-height: 1.2; }
.qv-cov__m { position: absolute; right: -.05em; bottom: -.13em; font-weight: 800; font-stretch: 62%; font-size: 8rem; font-size: 66cqw; line-height: .8; letter-spacing: -.02em; }
.qv-cov__m[data-n="1"] { right: -.01em; font-size: 10rem; font-size: 90cqw; }
.qv-cov__m[data-n="3"] { font-size: 6rem; font-size: 47cqw; }
.qv-cov__m[data-n="4"] { font-size: 5rem; font-size: 38cqw; }
.qv-mat__t { font-weight: 700; font-stretch: 94%; line-height: 1.25; }
.qv-mat__m { font-size: .8125rem; color: var(--qv-mute); }
.qv-mat.is-in .qv-cov { animation: qvWipe .8s var(--qv-ease) both; animation-delay: calc(var(--i, 0) * 70ms + .05s); }
.qv-mat.is-in .qv-cov__m { animation: qvMonoUp .9s var(--qv-ease) both; animation-delay: calc(var(--i, 0) * 70ms + .1s); }
@media (min-width: 1024px) { .qv-mats { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; overflow: visible; max-width: var(--qv-max); margin-left: auto; margin-right: auto; padding-left: var(--qv-gut); padding-right: var(--qv-gut); } }

/* ---------- abunə xülasəsi ---------- */
.qv-price { display: grid; grid-gap: 28px; gap: 28px; }
.qv-price__hd .qv-lab { margin: 0 0 12px; color: var(--qv-marker); }
.qv-price__hd .qv-d2 { color: #fff; }
.qv-plans { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.qv-plan { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .2); }
@supports not (aspect-ratio: 1) {
 .qv-plan > * { margin-right: 14px; }
 .qv-plan > :last-child:not(:first-child) { margin-right: 0; } }
.qv-plan__n b { display: block; font-weight: 800; font-stretch: 80%; font-size: 1.4375rem; line-height: 1.1; }
.qv-plan__n small { display: block; margin-top: 4px; font-size: .875rem; color: var(--qv-soft); font-variant-numeric: tabular-nums; }
.qv-plan__p { display: flex; align-items: baseline; gap: 12px; white-space: nowrap; }
@supports not (aspect-ratio: 1) {
 .qv-plan__p > * { margin-right: 12px; }
 .qv-plan__p > :last-child:not(:first-child) { margin-right: 0; } }
.qv-plan__p s { position: relative; text-decoration: none; color: var(--qv-soft); font-variant-numeric: tabular-nums; }
.qv-plan__p s::after { content: ""; position: absolute; left: -3px; right: -3px; top: 50%; height: 2px; background: var(--qv-marker); transform: rotate(-7deg); transform-origin: 0 50%; }
.qv-plans.is-in .qv-plan__p s::after { animation: qvStrike .45s var(--qv-ease) both .35s; }
.qv-plan__p strong { font-weight: 800; font-stretch: 68%; font-size: 2.375rem; line-height: 1; font-variant-numeric: tabular-nums; }
.qv-plan__p strong small { margin-left: 3px; font-stretch: 90%; font-size: 1.125rem; font-weight: 700; }
.qv-plan__d { align-self: baseline; padding: 3px 6px 2px; border-radius: 6px; background: var(--qv-marker); color: var(--qv-navy); font-style: normal; font-size: .75rem; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; } /* kampaniya faizi (r8) */
@media (max-width: 400px) { /* dar ekran: faiz və üstü xətli qiymət yuxarıda, qiymət altda */
  .qv-plan__p { flex-wrap: wrap; justify-content: flex-end; max-width: 60%; row-gap: 4px; }
  .qv-plan__p strong { flex: 0 0 100%; text-align: right; }
}
.qv-feats { display: grid; grid-gap: 12px; gap: 12px; margin: 0; padding: 0; list-style: none; }
.qv-feats li { display: grid; grid-template-columns: 22px minmax(0, 1fr); grid-gap: 10px; gap: 10px; line-height: 1.4; color: var(--qv-soft); }
.qv-feats .qv-ic { width: 18px; height: 18px; margin-top: 3px; color: var(--qv-marker); }
.qv-price__l { display: contents; }
.qv-price__hd { order: 1; } .qv-plans { order: 2; } .qv-price .qv-feats { order: 3; } .qv-price__cta { order: 4; justify-self: start; }
@media (min-width: 1024px) {
  .qv-price { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 36px 88px; align-items: start; }
  .qv-price__l { display: grid; grid-gap: 30px; gap: 30px; justify-items: start; }
  .qv-plan { padding: 24px 0; }
  .qv-plan__p strong { font-size: 3rem; }
}

/* ---------- test həlli (fokus rejimi) ---------- */
.qv-focus .qv-tabs { display: none; }
.qv-focus .qv-scr.qtt-main { padding-bottom: 32px; }
.qv-focus .qv-foot { padding-bottom: 0; }
.qv-qz { max-width: 760px; }
.qv-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-bottom: 6px; color: var(--qv-blue); font-weight: 700; font-stretch: 94%; text-decoration: none; }
@supports not (aspect-ratio: 1) {
 .qv-back > * { margin-right: 8px; }
 .qv-back > :last-child:not(:first-child) { margin-right: 0; } }
.qv-back .qv-ic { width: 20px; height: 20px; }
.qv-qz__hd { margin-bottom: 18px; }
.qv-qz__hd .qv-lab { margin: 0 0 8px; color: var(--qv-blue); }
.qv-qz__facts { margin: 10px 0 0; color: var(--qv-mute); font-size: .9375rem; }
.qv-qz__box { padding: 4px 0; }
.qv-qz__nav { display: grid; grid-gap: 14px; gap: 14px; margin-top: 28px; padding-top: 10px; border-top: 1px solid var(--qv-line); }
.qv-qz__nav .qv-row { border-top: 0; }
.qv-qz__pn { display: flex; justify-content: space-between; gap: 10px; }
@supports not (aspect-ratio: 1) {
 .qv-qz__pn > * { margin-right: 10px; }
 .qv-qz__pn > :last-child:not(:first-child) { margin-right: 0; } }
.qv-qz__cm { margin-top: 28px; }

/* Quiz Maker (ays) — ehtiyatlı üslub: yalnız rəng, şrift, künc, ölçü.
   Markup plagininkidir; düzülüşü dəyişən qayda yazılmır. */
.qv .ays-quiz-container { max-width: 100% !important; margin: 0 !important; border-radius: 16px; box-shadow: none; font-family: var(--qv-f-ui) !important; }
.qv .ays-quiz-container * { font-family: inherit; }
.qv .ays-quiz-container .ays-fs-title, .qv .ays-quiz-container .ays_quiz_title { font-weight: 800 !important; font-stretch: 82%; letter-spacing: -.005em; }
.qv .ays-quiz-container .ays_quiz_question, .qv .ays-quiz-container .ays_quiz_question p { font-size: 1.1875rem !important; font-weight: 700; font-stretch: 90%; line-height: 1.3; }
.qv .ays-quiz-container .ays-field { border-radius: 12px !important; }
.qv .ays-quiz-container .ays-field label { border-radius: 12px !important; min-height: 52px; font-size: 1rem !important; line-height: 1.35; }
.qv .ays-quiz-container input.action-button, .qv .ays-quiz-container .action-button, .qv .ays-quiz-container .ays_start_button, .qv .ays-quiz-container .ays_next, .qv .ays-quiz-container .ays_finish, .qv .ays-quiz-container .ays_previous, .qv .ays-quiz-container .ays_restart_button { border-radius: 10px !important; font-weight: 700 !important; font-stretch: 94%; min-height: 48px; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; }
.qv .ays-quiz-container .ays_quiz_timer, .qv .ays-quiz-container .ays-live-bar-percent { font-variant-numeric: tabular-nums; font-weight: 800; font-stretch: 70%; }
.qv .ays-quiz-container .ays-live-bar { border-radius: 3px; }
.qv .ays-quiz-container img.ays-quiz-image, .qv .ays-quiz-container .ays_quiz_question_image img { border-radius: 10px; }

/* ---------- hərəkət ---------- */
@keyframes qvUp { from { transform: translateY(112%); } to { transform: none; } }
@keyframes qvRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes qvFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes qvSweep { from { clip-path: polygon(0 7%, 0 0, 0 93%, 0 100%); } to { clip-path: polygon(0 7%, 100% 0, 99% 93%, 1.2% 100%); } }
@keyframes qvGrowX { from { transform: scaleX(0); } }
@keyframes qvStrike { from { transform: rotate(-7deg) scaleX(0); } }
@keyframes qvMq { to { transform: translateX(-50%); } }
@keyframes qvWave { 0%, 100% { transform: scaleY(.5); } 50% { transform: scaleY(1); } }
@keyframes qvWipe { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes qvMonoUp { from { transform: translateY(28%); } to { transform: none; } }
@keyframes qvBookIn { from { opacity: 0; transform: translateY(-46px) rotateZ(-5deg); } 60% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes qvSway { from { transform: rotateX(5deg) rotateY(32deg); } to { transform: rotateX(3deg) rotateY(14deg); } }
@media (prefers-reduced-motion: reduce) {
  .qv-mq.is-run .qv-mq__t, .qv-b3--idle .qv-b3__in, .is-in .qv-bk, .qv-mat.is-in .qv-cov, .qv-mat.is-in .qv-cov__m { animation: none !important; }
}

/* köhnə brauzer (aspect-ratio yoxdur): kitab üzü padding ilə kvadrat */
@supports not (aspect-ratio: 1) {
  .qv-cov { height: 0; padding-bottom: 100%; }
}

/* ---------- Fənn səhifəsi (v2/subject.php): Məntiq, İnformatika, Azərbaycan dili ---------- */
.qv-mc__lead { margin: 0; max-width: 62ch; color: var(--qv-mute); font-size: .9375rem; line-height: 1.5; }
.qv-mc--subj .qv-mc__in { grid-row-gap: 16px; row-gap: 16px; }
.qv-mc--subj .qv-mc__in > .qv-mc__lead { grid-column: 1 / -1; }
@media (min-width: 1024px) {
  .qv-mc--subj .qv-mc__in { grid-template-rows: auto auto; row-gap: 12px; }
  .qv-mc--subj .qv-mc__in > .qv-b3 { grid-row: 1 / 3; }
  .qv-mc--subj .qv-mc__in > .qv-mc__tx { align-self: end; }
  .qv-mc--subj .qv-mc__in > .qv-mc__lead { grid-column: 2; grid-row: 2; align-self: start; max-width: 56ch; }
}
.qv-sj__tabs { scroll-margin-top: calc(var(--qv-bar) + 12px); }
.qv-sj [data-qv-pane][hidden] { display: none; }
.qv-mc--subj .qv-mc__prog { max-width: 340px; }
@media (max-width: 479px) { .qv-mc--subj .qv-mc__st { gap: 4px 10px; } }
.qv-mc--subj .qv-mc__prog .qv-pbar { background: #fff; box-shadow: inset 0 0 0 1px var(--qv-line); }
/* bir düymə: telefonda tam en, masaüstündə yarım (məcəllə səhifəsi ilə eyni ölçü) */
.qv-mc__cta--one { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .qv-mc__cta--one { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* boş fənn: kart ağ fonda (səhifə fonu ilə qarışmasın), çıxışlar həmişə bərabər sütunlarda — biri tək qalmır */
.qv-sj .qv-sj-empty { margin-top: 0; background: var(--qv-paper); border: 1px solid var(--qv-line); }
.qv-sj .qv-exits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qv-sj .qv-exits--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 719px) {
  .qv-sj .qv-exit { flex-direction: column; justify-content: center; gap: 6px; min-height: 78px; padding: 12px 6px; text-align: center; font-size: .9375rem; }
}
/* Testlər: «Fənlər» və «Digər bloklar» alt yazısı başlığın altında (base.css p { max-width } onu başlığın yanına sıxırdı) */
.qv-tl .qv-sec__sub { max-width: none; }