/* ══ Попапи та стани ══════════════════════════════════════════
   Figma: 93:3 пошук, 95:143 поділитися, 95:204 sticky-плеєр,
   95:112 відео на весь екран; мобільні 146:185, 146:282, 146:333. */

.c-pop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:2rem}
.c-pop[hidden]{display:none}
.c-pop__scrim{position:absolute;inset:0;background:var(--c-bg-scrim);opacity:.55}
.c-pop__box{position:relative;background:var(--c-bg-surface);border-radius:2.4rem;box-shadow:0 2rem 4.8rem rgba(22,40,58,.18)}
.c-pop__close{position:absolute;top:-2.1rem;right:-2.1rem;width:4.2rem;height:4.2rem;border-radius:var(--r-full);
  background:var(--c-bg-surface);color:var(--c-text-primary);display:grid;place-items:center;box-shadow:0 0.8rem 2.4rem rgba(74,48,32,.10)}
.c-pop__close svg{width:1.9rem;height:1.9rem}

/* ── Пошук 760 ─────────────────────────────────────────────── */
.c-pop--search{align-items:flex-start;padding-top:12rem}
.c-search{width:76rem;max-height:calc(100vh - 16rem);display:flex;flex-direction:column;gap:2.2rem;padding:2.8rem}
.c-search__bar{display:flex;align-items:center;gap:1.2rem}
.c-search__field{flex:1 1 auto;display:flex;align-items:center;gap:1.1rem;height:5.4rem;padding:0 1.6rem;border-radius:1.2rem;
  background:var(--c-bg-surface);box-shadow:inset 0 0 0 0.1rem var(--c-border-strong)}
.c-search__field:focus-within{box-shadow:inset 0 0 0 0.1rem var(--c-brand-primary)}
.c-search__field svg{flex:0 0 auto;width:1.8rem;height:1.8rem;color:var(--c-brand-primary)}
.c-search__input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;font:400 1.6rem/2.6rem var(--f-body);color:var(--c-text-primary)}
.c-search__input::placeholder{color:var(--c-text-muted)}
.c-search__input::-webkit-search-cancel-button{display:none}
.c-search__cancel{display:none;font:400 1.5rem/2.4rem var(--f-body);color:var(--c-brand-primary)}
.c-search__body{display:flex;flex-direction:column;gap:2.2rem;min-height:0;overflow-y:auto;margin:0 -0.4rem;padding:0 0.4rem}
.c-search__recent{display:flex;flex-direction:column;gap:1.2rem}
.c-search__recent[hidden],.c-search__results[hidden],.c-search__divider[hidden],.c-search__all[hidden]{display:none}
.c-search__label{font:500 1.3rem/1.8rem var(--f-body);color:var(--c-text-muted);text-transform:uppercase}
.c-search__chips{display:flex;flex-wrap:wrap;gap:1rem}
.c-search__chip{background:var(--c-bg-surface);font:600 1.3rem/1.8rem var(--f-body);color:var(--c-text-secondary)}
.c-search__divider{height:0.1rem;margin:0;border:0;background:var(--c-border-subtle)}
.c-search__results{display:flex;flex-direction:column;gap:0.8rem}
.c-search__list{display:flex;flex-direction:column;gap:0.8rem;margin:0;padding:0;list-style:none}
.c-search__row{display:flex;align-items:center;gap:1.6rem;height:8rem;padding:1.2rem 1.6rem 1.2rem 1.2rem;border-radius:1.4rem;text-decoration:none}
.c-search__row:hover,.c-search__row.is-active{background:var(--c-brand-primary-soft);text-decoration:none}
.c-search__thumb{flex:0 0 5.6rem;width:5.6rem;height:5.6rem;border-radius:1rem;overflow:hidden;background:var(--c-bg-cream)}
.c-search__thumb img{width:100%;height:100%;object-fit:cover}
.c-search__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.5rem}
.c-search__name{display:flex;align-items:center;gap:1rem;min-width:0}
.c-search__name .c-badge{flex:0 0 auto}
.c-search__title{font:600 1.8rem/2.6rem var(--f-head);color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-search__path{font:400 1.4rem/2.2rem var(--f-body);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-search__path--m{display:none}
.c-search__arrow{flex:0 0 auto;font:400 1.8rem/1 var(--f-body);color:var(--c-brand-primary)}
.c-search__empty{padding:1.2rem 0;font:400 1.5rem/2.4rem var(--f-body);color:var(--c-text-secondary)}
.c-search__all{display:flex;align-items:center;justify-content:center;gap:0.8rem;margin-top:1.4rem;
  font:600 1.4rem/2rem var(--f-body);color:var(--c-brand-primary);text-decoration:none}
.c-search__all svg{width:1.7rem;height:1.7rem}

/* ── Поділитися 480 ────────────────────────────────────────── */
.c-share{width:48rem;display:flex;flex-direction:column;gap:2.2rem;padding:3.4rem 3.6rem 3.2rem}
.c-share__handle{display:none}
.c-share__head{display:flex;flex-direction:column;gap:0.8rem}
.c-share__title{font:600 2.6rem/3.4rem var(--f-head);color:var(--c-text-primary)}
.c-share__sub{font:400 1.4rem/2.2rem var(--f-body);color:var(--c-text-secondary)}
.c-share__nets{display:flex;gap:1.4rem}
.c-share__net{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:0.9rem;text-decoration:none}
.c-share__net:hover{text-decoration:none}
.c-share__icon{width:5.2rem;height:5.2rem;border-radius:var(--r-full);background:var(--c-brand-primary);color:#fff;display:grid;place-items:center}
.c-share__net:hover .c-share__icon{background:var(--c-brand-primary-hover)}
.c-share__icon svg{width:2.2rem;height:2.2rem}
.c-share__name{font:500 1.3rem/1.8rem var(--f-body);color:var(--c-text-secondary)}
.c-share__divider{height:0.1rem;margin:0;border:0;background:var(--c-border-subtle)}
.c-share__link{display:flex;flex-direction:column;gap:1rem}
.c-share__copy{display:flex;align-items:center;gap:1rem;min-height:6rem;padding:0.8rem 0.8rem 0.8rem 1.6rem;border-radius:1.2rem;background:var(--c-bg-cream)}
.c-share__url{flex:1 1 auto;min-width:0;font:400 1.4rem/2.2rem var(--f-body);color:var(--c-text-secondary);overflow-wrap:anywhere}
.c-share__btn{flex:0 0 auto;height:3.8rem;padding:0 1.8rem;border-radius:1.2rem;background:var(--c-brand-primary);color:#fff;
  font:600 1.3rem/1.8rem var(--f-body);box-shadow:var(--e-button)}
.c-share__btn:hover{background:var(--c-brand-primary-hover)}

/* ── Відео на весь екран ───────────────────────────────────── */
.c-pop--video{padding:0;background:#0E141B}
.c-vfull{position:relative;width:112rem;max-width:calc(100vw - 4rem);display:flex;flex-direction:column;gap:3.2rem}
.c-vfull__head{display:flex;flex-direction:column;gap:0.4rem}
.c-vfull__title{font:600 2rem/2.8rem var(--f-head);color:#fff}
.c-vfull__meta{font:500 1.3rem/1.8rem var(--f-body);color:rgba(255,255,255,.6)}
.c-vfull__stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 27rem);border-radius:1.4rem;overflow:hidden;background:#000;margin:0 auto}
.c-pop--video.is-vertical .c-vfull__stage{aspect-ratio:9/16;width:auto;height:calc(100vh - 27rem)}
.c-vfull__stage iframe,.c-vfull__stage img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.c-vfull__play{position:absolute;left:50%;top:50%;width:8.8rem;height:8.8rem;transform:translate(-50%,-50%);border-radius:var(--r-full);background:rgba(255,255,255,.94)}
.c-vfull__play::after{content:"";position:absolute;left:3.6rem;top:2.8rem;border-style:solid;border-width:1.6rem 0 1.6rem 2.4rem;border-color:transparent transparent transparent var(--c-brand-primary)}
.c-vfull__desc{margin-top:-0.6rem;font:400 1.4rem/2.2rem var(--f-body);color:rgba(255,255,255,.55)}
.c-vfull__close{position:fixed;top:3.4rem;right:3.4rem;width:4.6rem;height:4.6rem;border-radius:var(--r-full);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.c-vfull__close svg{width:2rem;height:2rem}

/* ── Sticky-плеєр 84 ───────────────────────────────────────── */
.c-sticky{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;gap:2rem;height:8.4rem;padding:0 2.4rem 0 2.8rem;
  background:var(--c-bg-surface);box-shadow:0 0.8rem 2.4rem rgba(74,48,32,.10)}
.c-sticky[hidden]{display:none}
.has-sticky body{padding-bottom:8.4rem}
.c-sticky__cover{flex:0 0 5.2rem;width:5.2rem;height:5.2rem;border-radius:1rem;object-fit:cover;background:var(--c-bg-cream)}
.c-sticky__track{flex:0 0 22rem;min-width:0;display:flex;flex-direction:column;gap:0.3rem}
.c-sticky__title{font:400 1.4rem/2.2rem var(--f-body);color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.c-sticky__sub{font:500 1.3rem/1.8rem var(--f-body);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-sticky__step{flex:0 0 auto;width:2rem;height:2rem;color:var(--c-text-primary);display:grid;place-items:center}
.c-sticky__step svg{width:2rem;height:2rem}
.c-sticky__play{flex:0 0 4.6rem;width:4.6rem;height:4.6rem;border-radius:var(--r-full);background:var(--c-brand-primary);color:#fff;display:grid;place-items:center}
.c-sticky__play svg{width:1.8rem;height:1.8rem}
.c-sticky__icon-pause,.c-sticky.is-playing .c-sticky__icon-play{display:none}
.c-sticky.is-playing .c-sticky__icon-pause{display:grid}
.c-sticky__time{flex:0 0 auto;font:500 1.3rem/1.8rem var(--f-body);color:var(--c-text-muted);font-variant-numeric:tabular-nums}
.c-sticky__wave{flex:1 1 auto;min-width:0;height:3.4rem;display:flex;align-items:center;gap:0.3rem;overflow:hidden;cursor:pointer}
.c-sticky__bar{flex:0 0 0.3rem;width:0.3rem;border-radius:0.2rem;background:var(--c-border-strong)}
.c-sticky__bar.is-played{background:var(--c-brand-primary)}
.c-sticky__tool{flex:0 0 auto;width:1.9rem;height:1.9rem;color:var(--c-text-secondary);display:grid;place-items:center}
.c-sticky__tool svg{width:1.9rem;height:1.9rem}
.c-sticky__tool:hover{color:var(--c-brand-primary)}
.c-sticky__close{flex:0 0 3.4rem;width:3.4rem;height:3.4rem;border-radius:var(--r-full);background:var(--c-bg-cream);color:var(--c-text-primary);display:grid;place-items:center}
.c-sticky__close svg{width:1.6rem;height:1.6rem}

/* ── Телефон 390 ───────────────────────────────────────────── */
@media (max-width:767px){
  .c-pop{padding:0}
  .c-pop__close{display:none}

  /* Пошук — окремий екран: рядок 72 з полем і «Скасувати». */
  .c-pop--search{align-items:stretch;padding-top:0}
  .c-pop--search .c-pop__scrim{display:none}
  .c-search{width:100%;max-height:none;height:100%;gap:0;padding:0;border-radius:0;box-shadow:none}
  .c-search__bar{height:7.2rem;padding:0 1.6rem;box-shadow:inset 0 -0.1rem 0 var(--c-border-subtle)}
  .c-search__cancel{display:block}
  .c-search__body{gap:1.8rem;padding:2rem;margin:0;flex:1 1 auto}
  .c-search__label{font:600 1rem/1.3rem var(--f-body);letter-spacing:0.04rem}
  .c-search__chips{flex-wrap:nowrap;gap:0.8rem;overflow-x:auto;margin:0 -2rem;padding:0 2rem;scrollbar-width:none}
  .c-search__chip{flex:0 0 auto}
  .c-search__divider{display:none}
  .c-search__results{gap:1.8rem}
  .c-search__row{height:7rem;gap:1.4rem;padding:1rem 1.2rem 1rem 1rem}
  .c-search__thumb{flex-basis:5rem;width:5rem;height:5rem;border-radius:0.9rem}
  .c-search__text{gap:0.4rem}
  .c-search__name{gap:0.8rem}
  .c-search__title{font:600 1.7rem/2.4rem var(--f-head)}
  .c-search__path{font:500 1.2rem/1.7rem var(--f-body)}
  .c-search__path--d,.c-search__arrow{display:none}
  .c-search__path--m{display:block}

  /* Поділитися — нижня шторка. */
  .c-pop--share{align-items:flex-end}
  .c-share{width:100%;gap:2rem;padding:1.2rem 2rem 2.8rem;border-radius:2.4rem 2.4rem 0 0}
  .c-share__handle{display:block;width:4.4rem;height:0.5rem;margin:0.6rem auto 0.5rem;border-radius:var(--r-full);background:var(--c-border-strong)}
  .c-share__head{gap:0.6rem}
  .c-share__title{font:600 2rem/2.8rem var(--f-head)}
  .c-share__sub{font:400 1.3rem/2rem var(--f-body)}
  .c-share__nets{gap:1.2rem}
  .c-share__net{gap:0.8rem}
  .c-share__name{font:500 1.2rem/1.7rem var(--f-body)}
  .c-share__divider,.c-share__label{display:none}
  .c-share__copy{min-height:5.4rem;gap:0.8rem;padding:0.8rem 0.8rem 0.8rem 1.4rem}
  .c-share__url{font:400 1.3rem/2rem var(--f-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .c-vfull{gap:1.6rem;padding:7rem 1.6rem 2rem;max-width:100%}
  .c-vfull__stage{max-height:none}
  .c-pop--video.is-vertical .c-vfull__stage{height:auto;width:100%;max-height:calc(100vh - 20rem)}
  .c-vfull__close{top:1.6rem;right:1.6rem}


  /* Sticky на телефоні: обкладинка, назва, play, закрити + тонка смуга прогресу. */
  .c-sticky{height:6.8rem;gap:1.2rem;padding:0 1.2rem 0 1.2rem}
  .has-sticky body{padding-bottom:6.8rem}
  .c-sticky__cover{flex-basis:4.4rem;width:4.4rem;height:4.4rem}
  .c-sticky__track{flex:1 1 auto}
  .c-sticky__step,.c-sticky__time,.c-sticky__tool{display:none}
  .c-sticky__wave{position:absolute;left:0;right:0;top:0;height:0.3rem;gap:0;align-items:stretch}
  .c-sticky__bar{flex:1 1 0;height:100%!important;border-radius:0}
  .c-sticky__play{flex-basis:4.2rem;width:4.2rem;height:4.2rem}
}

/* ── Сторінка пошуку і 404 ─────────────────────────────────── */
.l-content--search{gap:2.4rem;padding:0.8rem 4.8rem 8.8rem}
.s-searchpage__form{max-width:76rem}
.s-searchpage__form .c-search__field{background:var(--c-bg-surface)}
.s-searchpage__list{background:var(--c-bg-surface);border-radius:2rem;padding:1.2rem}
.l-content--search .s-sign{margin-top:1.6rem}
.s-404__actions{display:flex;flex-wrap:wrap;gap:1.2rem}
@media (max-width:767px){
  .l-content.l-content--search{gap:1.8rem;padding:0.8rem 2rem 5.6rem}
  .s-searchpage__form{height:auto;padding:0;box-shadow:none;gap:0.8rem}
  .s-searchpage__form .c-btn{display:none}
  .s-searchpage__list{padding:0.6rem}
  .s-404__actions .c-btn{flex:1 1 100%}
}

/* ── Книга на весь екран (95:68) ───────────────────────────── */
.c-bookfull{position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;align-items:center;background:#0E141B;color:#fff}
.c-bookfull[hidden]{display:none}
.c-bookfull__top{position:relative;align-self:stretch;display:flex;align-items:center;gap:2rem;height:7.6rem;padding:0 2.4rem 0 3.6rem}
.c-bookfull__name{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:0.3rem}
.c-bookfull__title{font:600 1.8rem/2.6rem var(--f-head);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-bookfull__author{font:500 1.3rem/1.8rem var(--f-body);color:rgba(255,255,255,.6)}
.c-bookfull__count{flex:0 0 auto;height:3.6rem;padding:0.9rem 1.8rem;border-radius:var(--r-full);background:rgba(255,255,255,.12);font:500 1.3rem/1.8rem var(--f-body);color:rgba(255,255,255,.92)}
.c-bookfull__tools{flex:1 1 0;display:flex;justify-content:flex-end;gap:2rem}
.c-bookfull__tool{width:4.4rem;height:4.4rem;border-radius:var(--r-full);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center}
.c-bookfull__tool:hover{background:rgba(255,255,255,.2)}
.c-bookfull__tool svg{width:1.9rem;height:1.9rem}
.c-bookfull__tool[aria-pressed="true"]{background:var(--c-brand-primary)}
.c-bookfull__stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;width:88rem;max-width:calc(100% - 4rem);margin-top:2rem;overflow:hidden}
.c-bookfull__spread{display:flex;height:100%;max-height:67.2rem;border-radius:1.2rem;overflow:hidden;background:#F2E7D9}
.c-bookfull__spread .s-flip__page{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.c-bookfull__spread.is-pair .s-flip__page{max-width:50%}
.c-bookfull.is-zoomed .c-bookfull__stage{overflow:auto;align-items:flex-start;justify-content:flex-start}
.c-bookfull.is-zoomed .c-bookfull__spread{height:auto;max-height:none;width:160%}
.c-bookfull.is-zoomed .c-bookfull__spread .s-flip__page{height:auto;width:100%;max-width:none}
.c-bookfull.is-zoomed .c-bookfull__spread.is-pair .s-flip__page{width:50%}
.c-bookfull__arrow{position:absolute;top:50%;width:5.6rem;height:5.6rem;margin-top:-2.8rem;border-radius:var(--r-full);background:#fff;color:var(--c-text-primary);
  display:grid;place-items:center;box-shadow:0 0.8rem 2.4rem rgba(0,0,0,.10)}
.c-bookfull__arrow svg{width:2rem;height:2rem}
.c-bookfull__arrow:disabled{opacity:.35;cursor:default}
.c-bookfull__arrow--prev{left:calc(50% - 57rem)}
.c-bookfull__arrow--next{right:calc(50% - 57rem)}
.c-bookfull__hint{margin:1.6rem 0 3rem;font:500 1.3rem/1.8rem var(--f-body);color:rgba(255,255,255,.5)}
.c-bookfull__strip{flex:0 0 auto;display:flex;gap:1rem;max-width:calc(100% - 4rem);margin-bottom:0.6rem;padding:1.2rem 1.6rem;border-radius:1.6rem;background:rgba(255,255,255,.10);overflow-x:auto;scrollbar-width:none}
.c-bookfull__thumb{flex:0 0 5.2rem;width:5.2rem;height:7rem;border-radius:0.5rem;overflow:hidden}
.c-bookfull__thumb img{width:100%;height:100%;object-fit:cover}
.c-bookfull__thumb.is-current{box-shadow:inset 0 0 0 0.2rem var(--c-brand-primary)}
.c-bookfull__thumb.is-current img{outline:0.2rem solid var(--c-brand-primary);outline-offset:-0.2rem}
.c-bookfull__thumb.is-far{opacity:.35}

@media (max-width:1199px){
  .c-bookfull__arrow--prev{left:1.6rem}
  .c-bookfull__arrow--next{right:1.6rem}
}
@media (max-width:767px){
  .c-bookfull__top{height:6.4rem;padding:0 1.2rem 0 1.6rem;gap:1rem}
  .c-bookfull__title{font-size:1.5rem;line-height:2.2rem}
  .c-bookfull__author{display:none}
  .c-bookfull__count{height:3.2rem;padding:0.7rem 1.2rem;font-size:1.2rem}
  .c-bookfull__tools{flex:0 0 auto;gap:0.8rem}
  .c-bookfull__tool{width:3.8rem;height:3.8rem}
  .c-bookfull__stage{max-width:calc(100% - 3.2rem);margin-top:1rem}
  .c-bookfull__spread{height:auto;max-height:100%}
  .c-bookfull__spread .s-flip__page{height:auto;width:100%}
  .c-bookfull__arrow{top:auto;bottom:13.2rem;width:4.4rem;height:4.4rem;margin-top:0}
  .c-bookfull__hint{margin:1.2rem 0 1.6rem;text-align:center;padding:0 6rem}
  .c-bookfull__strip{margin-bottom:1.6rem}
}