/* 4detki — collections and authors mobile UX 1.45.0 */
.taxonomy-mobile-v5 {
  --t5-ink:#07113f;
  --t5-blue:#075db9;
  --t5-pink:#fa0061;
  --t5-line:#d7e7f2;
  --t5-soft:#eef8fe;
  --t5-shadow:0 10px 28px rgba(36,82,119,.1);
}

.t5-head-actions,
.t5-bottom-nav,
.t5-menu,
.t5-back,
.t5-collection-grid,
.t5-author-tools,
.t5-author-avatar {
  display:none;
}

@media (max-width:720px) {
  html:has(body.taxonomy-mobile-v5) { background:#eaf6fd; }
  body.taxonomy-mobile-v5 { min-height:100dvh; padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); color:var(--t5-ink); background:linear-gradient(180deg,#f9fdff,#edf8fe); }
  .taxonomy-mobile-v5 .container,
  .taxonomy-mobile-v5 .container--reading { width:min(100% - 24px,540px); }
  .taxonomy-mobile-v5 .site-header { position:sticky; top:0; z-index:95; background:rgba(255,255,255,.97); border-bottom:1px solid #e2edf5; box-shadow:0 4px 20px rgba(33,85,125,.07); backdrop-filter:blur(14px); }
  .taxonomy-mobile-v5 .site-header__inner { width:100%; min-height:72px; padding:10px 14px; gap:9px; }
  .taxonomy-mobile-v5 .brand { gap:9px; color:var(--t5-ink); font-size:1.36rem; font-weight:950; letter-spacing:-.05em; }
  .taxonomy-mobile-v5 .brand > span:not(.brand__mark) { display:inline !important; }
  .taxonomy-mobile-v5 .brand__mark { width:48px; height:48px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#ff1672,#ec0055); box-shadow:0 7px 15px rgba(244,0,91,.18); font-size:1.95rem; }
  .taxonomy-mobile-v5 .main-nav,
  .taxonomy-mobile-v5 .catalog-nav { display:none !important; }
  .t5-head-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
  .t5-head-action { display:inline-flex; align-items:center; justify-content:center; min-width:45px; height:45px; padding:0 10px; gap:5px; color:var(--t5-ink); background:#f4faff; border:1px solid #dfebf4; border-radius:12px; font:inherit; font-size:.82rem; font-weight:850; text-decoration:none; }
  .t5-head-action b { font-size:1.4rem; }
  .t5-head-action--search { font-size:0; }

  .taxonomy-mobile-v5 .page-intro { padding:10px 0 6px; background:transparent; }
  .taxonomy-mobile-v5 .page-intro .breadcrumbs,
  .taxonomy-mobile-v5 .page-intro .eyebrow { display:none; }
  .t5-back { display:inline-flex; align-items:center; min-height:34px; gap:6px; color:#123f7b; text-decoration:none; }
  .t5-back::before { content:"‹"; font-size:2rem; line-height:.7; }
  .taxonomy-mobile-v5 .page-intro h1 { margin:2px 0 4px; color:var(--t5-ink); font-size:clamp(2.1rem,9.5vw,2.7rem); line-height:.98; letter-spacing:-.055em; }
  .taxonomy-mobile-v5 .page-intro h1 + p { margin:0; color:#145198; font-size:.96rem; line-height:1.3; }
  .taxonomy-mobile-v5 .section { padding:10px 0 22px; }
  .taxonomy-mobile-v5 .site-footer { display:none; }

  /* Collections landing */
  .t5-collections-index .directory-grid,
  .t5-collections-index .directory-note { display:none; }
  .t5-collection-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
  .t5-collection-card { position:relative; display:flex; min-height:178px; padding:0; overflow:hidden; align-items:flex-end; color:var(--t5-ink); background:#fff; border:1px solid var(--t5-line); border-radius:14px; box-shadow:var(--t5-shadow); text-decoration:none; }
  .t5-collection-card__image { position:absolute; inset:0 0 49px; background-image:url('/assets/images/authors-v5/collections-sprite.png'); background-repeat:no-repeat; background-size:200% 200%; }
  .t5-collection-card[data-scene="bed"] .t5-collection-card__image { background-position:0 0; }
  .t5-collection-card[data-scene="road"] .t5-collection-card__image { background-position:100% 0; }
  .t5-collection-card[data-scene="short"] .t5-collection-card__image { background-position:0 100%; }
  .t5-collection-card[data-scene="family"] .t5-collection-card__image { background-position:100% 100%; }
  .t5-collection-card__copy { position:relative; z-index:2; width:100%; min-height:53px; padding:8px 28px 7px 9px; background:rgba(255,255,255,.96); }
  .t5-collection-card strong,
  .t5-collection-card small { display:block; }
  .t5-collection-card strong { font-size:.91rem; line-height:1.05; }
  .t5-collection-card small { margin-top:3px; color:#175196; font-size:.7rem; line-height:1.05; }
  .t5-collection-card__copy::after { position:absolute; right:9px; top:50%; content:"›"; transform:translateY(-50%); color:var(--t5-ink); font-size:1.8rem; }
  .t5-family-row { grid-column:1 / -1; min-height:82px; }
  .t5-family-row .t5-collection-card__image { right:52%; bottom:0; background-size:200% 200%; background-position:100% 100%; }
  .t5-family-row .t5-collection-card__copy { width:52%; min-height:100%; margin-left:auto; display:flex; justify-content:center; flex-direction:column; }

  /* Collection detail uses the same compact horizontal story card language as the homepage. */
  .t5-collection-detail .catalog-tools { padding:0; background:transparent; border:0; }
  .t5-collection-detail .facet-form { padding:0; border:0; background:transparent; box-shadow:none; }
  .t5-collection-detail .facet-form__search label,
  .t5-collection-detail .facet-form__fields,
  .t5-collection-detail .facet-form__actions { display:none; }
  .t5-collection-detail .catalog-search__control { position:relative; }
  .t5-collection-detail [data-catalog-query] { width:100%; min-height:49px; padding:0 48px 0 42px; background:#fff; border:1px solid var(--t5-line); border-radius:13px; }
  .t5-collection-detail .catalog-search__control::before { content:"⌕"; position:absolute; z-index:2; left:13px; top:50%; transform:translateY(-54%); color:#10477f; font-size:1.45rem; }
  .t5-collection-detail .catalog-search__button { position:absolute; top:6px; right:6px; width:37px; height:37px; padding:0; color:transparent; background:#edf7fd; border:0; border-radius:9px; }
  .t5-collection-detail .catalog-search__button::after { content:"→"; position:absolute; inset:0; display:grid; place-items:center; color:var(--t5-pink); }
  .t5-collection-detail .catalog-status { margin:0 0 8px; color:#144b87; font-size:.85rem; }
  .t5-collection-detail .mvp-grid { display:grid; grid-template-columns:1fr; gap:8px; }
  .t5-collection-detail .mvp-card { position:relative; display:grid; grid-template-columns:40% minmax(0,1fr); min-height:118px; overflow:hidden; background:#fff; border:1px solid var(--t5-line); border-radius:13px; box-shadow:var(--t5-shadow); }
  .t5-collection-detail .mvp-card[hidden] { display:none !important; }
  .t5-collection-detail .mvp-card__media { height:100%; min-height:118px; }
  .t5-collection-detail .mvp-card__media img { width:100%; height:100%; object-fit:cover; }
  .t5-collection-detail .mvp-card__rank,
  .t5-collection-detail .mvp-card__topline,
  .t5-collection-detail .mvp-card__author,
  .t5-collection-detail .mvp-card__scenario { display:none !important; }
  .t5-collection-detail .mvp-card__body { display:flex; min-width:0; padding:9px; flex-direction:column; }
  .t5-collection-detail .mvp-card h3 { margin:0 0 4px; font-size:1rem; line-height:1.08; }
  .t5-collection-detail .mvp-card h3 a { color:inherit; text-decoration:none; }
  .t5-collection-detail .mvp-card__meta { display:flex; gap:7px; color:#155196; font-size:.75rem; }
  .t5-collection-detail .mvp-card__action { display:flex; align-items:center; justify-content:center; min-height:36px; margin-top:auto; color:#fff; background:linear-gradient(135deg,#ff0c69,#f00057); border-radius:9px; font-size:.82rem; font-weight:850; text-decoration:none; }

  /* Authors directory */
  .t5-authors-index .page-intro h1 + p { display:none; }
  .t5-author-tools { display:block; margin:5px 0 10px; }
  .t5-author-search { position:relative; }
  .t5-author-search::before { position:absolute; z-index:2; left:13px; top:50%; content:"⌕"; transform:translateY(-53%); color:#10477f; font-size:1.55rem; }
  .t5-author-search input { width:100%; min-height:50px; padding:0 15px 0 45px; color:var(--t5-ink); background:#fff; border:1px solid var(--t5-line); border-radius:13px; font:inherit; }
  .t5-author-filters { display:flex; gap:7px; margin-top:8px; overflow-x:auto; scrollbar-width:none; }
  .t5-author-filters button { flex:none; min-height:41px; padding:0 16px; color:#103f79; background:#f1f8fd; border:1px solid #d7e7f2; border-radius:11px; font:inherit; font-size:.82rem; }
  .t5-author-filters button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#ff0d69,#f00057); border-color:transparent; font-weight:850; }
  .t5-authors-index .author-card-grid { display:grid; grid-template-columns:1fr; gap:7px; }
  .t5-authors-index .author-card { position:relative; display:grid; grid-template-columns:76px minmax(0,1fr) 22px; min-height:75px; padding:7px; align-items:center; gap:10px; background:#fff; border:1px solid var(--t5-line); border-radius:13px; box-shadow:0 6px 18px rgba(36,82,119,.07); }
  .t5-authors-index .author-card[hidden] { display:none !important; }
  .t5-author-avatar { display:block; grid-row:1 / span 3; width:76px; aspect-ratio:1; border-radius:11px; background-image:url('/assets/images/authors-v5/portraits-sprite.png'); background-repeat:no-repeat; background-size:300% 200%; }
  .t5-author-avatar[data-avatar="pushkin"] { background-position:0 0; }
  .t5-author-avatar[data-avatar="andersen"] { background-position:50% 0; }
  .t5-author-avatar[data-avatar="grimm"] { background-position:100% 0; }
  .t5-author-avatar[data-avatar="perrault"] { background-position:0 100%; }
  .t5-author-avatar[data-avatar="folk"] { background-position:50% 100%; }
  .t5-author-avatar[data-avatar="other"] { background-position:100% 100%; }
  .t5-authors-index .author-card h2 { grid-column:2; margin:0; font-size:1rem; line-height:1.08; }
  .t5-authors-index .author-card h2 a { color:var(--t5-ink); text-decoration:none; }
  .t5-authors-index .author-card p { display:none; }
  .t5-authors-index .author-card .text-link { grid-column:2; color:#1760ad; font-size:.79rem; text-decoration:none; }
  .t5-authors-index .author-card::after { grid-column:3; grid-row:1 / span 3; content:"›"; color:var(--t5-ink); font-size:1.9rem; }

  /* Individual author */
  .t5-author-detail .author-intro { padding-bottom:8px; }
  .t5-author-detail .author-intro .container { display:grid; grid-template-columns:45% minmax(0,1fr); grid-template-rows:auto auto auto 1fr; gap:2px 13px; align-items:start; }
  .t5-author-detail .author-intro .t5-back { grid-column:1 / -1; }
  .t5-author-detail .author-intro .t5-author-avatar { display:block; grid-column:1; grid-row:2 / span 3; width:100%; aspect-ratio:1; margin-top:5px; border-radius:15px; box-shadow:var(--t5-shadow); }
  .t5-author-detail .author-intro .eyebrow { display:block; grid-column:2; grid-row:3; margin:5px 0; color:#145198; font-size:.92rem; letter-spacing:0; text-transform:none; }
  .t5-author-detail .author-intro h1 { grid-column:2; grid-row:2; margin:5px 0 0; font-size:clamp(1.6rem,7.3vw,2.2rem); overflow-wrap:anywhere; }
  .t5-author-detail .author-intro h1 + p { grid-column:2; grid-row:4; display:-webkit-box; margin:2px 0 0; overflow:hidden; color:#164d8e; font-size:.82rem; line-height:1.28; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
  .t5-author-detail .author-biography { display:none; }
  .t5-author-detail .section-header { margin-bottom:8px; }
  .t5-author-detail .section-header .eyebrow,
  .t5-author-detail .section-header > span { display:none; }
  .t5-author-detail .section-header h2 { margin:0; font-size:1.25rem; }
  .t5-author-detail .publication-mini-grid { display:grid; grid-template-columns:1fr; gap:7px; }
  .t5-author-detail .publication-mini-card { display:grid; grid-template-columns:42% minmax(0,1fr); min-height:113px; padding:0; overflow:hidden; background:#fff; border:1px solid var(--t5-line); border-radius:13px; box-shadow:0 7px 20px rgba(36,82,119,.08); }
  .t5-author-detail .publication-mini-card__cover,
  .t5-author-detail .publication-mini-card__mark { grid-row:1 / span 5; width:100%; height:100%; min-height:113px; border-radius:0; }
  .t5-author-detail .publication-mini-card__cover img { width:100%; height:100%; object-fit:cover; }
  .t5-author-detail .publication-mini-card__mark { display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#6f4bd8,#1989e7); font-size:1.55rem; font-weight:950; text-decoration:none; }
  .t5-author-detail .publication-mini-card > :not(.publication-mini-card__cover):not(.publication-mini-card__mark) { grid-column:2; margin-inline:9px; }
  .t5-author-detail .publication-mini-card h3 { margin-top:9px !important; margin-bottom:4px !important; font-size:1rem; line-height:1.07; }
  .t5-author-detail .publication-mini-card h3 a { color:var(--t5-ink); text-decoration:none; }
  .t5-author-detail .publication-mini-card p { margin-block:2px !important; color:#155196; font-size:.76rem; }

  .t5-bottom-nav { position:fixed; right:0; bottom:0; left:0; z-index:110; display:grid; grid-template-columns:repeat(4,1fr); padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:rgba(255,255,255,.97); border-top:1px solid #dce8f1; box-shadow:0 -8px 28px rgba(40,88,124,.09); backdrop-filter:blur(16px); }
  .t5-bottom-nav a,
  .t5-bottom-nav button { position:relative; display:flex; min-width:0; min-height:56px; align-items:center; justify-content:center; flex-direction:column; gap:2px; color:#103e78; border:0; background:transparent; font:inherit; font-size:.72rem; text-decoration:none; }
  .t5-bottom-nav b { font-size:1.55rem; line-height:1; }
  .t5-bottom-nav [aria-current="page"] { color:var(--t5-pink); font-weight:850; }
  .t5-bottom-nav [aria-current="page"]::after { content:""; position:absolute; bottom:-3px; width:7px; height:7px; border-radius:50%; background:var(--t5-pink); }

  .t5-menu { position:fixed; inset:0; z-index:140; background:rgba(4,17,48,.4); backdrop-filter:blur(5px); }
  .t5-menu.is-open { display:block; }
  .t5-menu__panel { position:absolute; top:77px; right:10px; width:min(320px,calc(100% - 20px)); padding:10px; background:#fff; border:1px solid var(--t5-line); border-radius:18px; box-shadow:0 24px 70px rgba(5,30,72,.25); }
  .t5-menu__top { display:flex; align-items:center; justify-content:space-between; padding:7px 8px 10px; }
  .t5-menu__close { width:40px; height:40px; border:0; border-radius:11px; background:#eff7fc; font-size:1.35rem; }
  .t5-menu nav { display:grid; gap:5px; }
  .t5-menu nav a { display:flex; align-items:center; min-height:46px; padding:0 13px; color:var(--t5-ink); background:#f7fbfe; border-radius:11px; font-weight:750; text-decoration:none; }
}

@media (max-width:390px) {
  .taxonomy-mobile-v5 .brand { font-size:1.17rem; }
  .taxonomy-mobile-v5 .brand__mark { width:44px; height:44px; }
  .t5-head-action { min-width:41px; padding-inline:7px; }
  .t5-head-action span:last-child { display:none; }
  .t5-collection-card { min-height:164px; }
  .t5-author-detail .author-intro .container { grid-template-columns:42% minmax(0,1fr); column-gap:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .taxonomy-mobile-v5 *,
  .taxonomy-mobile-v5 *::before,
  .taxonomy-mobile-v5 *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
