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

.d5-head-actions,
.d5-bottom-nav,
.d5-menu,
.d5-back,
.d5-tabs,
.d5-suggestions,
.d5-filter-toggle,
.d5-coloring-favorites {
  display: none;
}

@media (max-width: 720px) {
  html:has(body.discovery-mobile-v5) { background: #eaf6fd; }
  body.discovery-mobile-v5 {
    min-height: 100dvh;
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    color: var(--d5-ink);
    background: linear-gradient(180deg,#f9fdff,#eef8fe);
  }
  .discovery-mobile-v5 .container,
  .discovery-mobile-v5 .container--reading { width: min(100% - 24px, 540px); }
  .discovery-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); }
  .discovery-mobile-v5 .site-header__inner { width: 100%; min-height: 72px; padding: 10px 14px; gap: 9px; }
  .discovery-mobile-v5 .brand { gap: 9px; color: var(--d5-ink); font-size: 1.36rem; font-weight: 950; letter-spacing: -.05em; }
  .discovery-mobile-v5 .brand > span:not(.brand__mark) { display: inline !important; }
  .discovery-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; }
  .discovery-mobile-v5 .main-nav,
  .discovery-mobile-v5 .catalog-nav { display: none !important; }
  .d5-head-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
  .d5-head-action { display:inline-flex; align-items:center; justify-content:center; min-width:45px; height:45px; padding:0 10px; gap:5px; color:var(--d5-ink); background:#f4faff; border:1px solid #dfebf4; border-radius:12px; font:inherit; font-size:.82rem; font-weight:850; text-decoration:none; }
  .d5-head-action b { font-size:1.4rem; }
  .d5-head-action--search { font-size:0; }

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

  .discovery-mobile-v5 .catalog-tools { padding:0; background:transparent; border:0; }
  .discovery-mobile-v5 .facet-form { padding:0; border:0; background:transparent; box-shadow:none; }
  .discovery-mobile-v5 .facet-form__search label { display:none; }
  .discovery-mobile-v5 .catalog-search__control { position:relative; display:block; }
  .discovery-mobile-v5 .catalog-search__control::before { content:"⌕"; position:absolute; z-index:2; top:50%; left:15px; transform:translateY(-54%); color:#10477f; font-size:1.8rem; pointer-events:none; }
  .discovery-mobile-v5 [data-catalog-query] { width:100%; min-height:56px; padding:0 50px 0 53px; color:var(--d5-ink); background:#fff; border:1px solid var(--d5-line); border-radius:14px; box-shadow:0 5px 18px rgba(36,82,119,.06); font-size:1.06rem; }
  .discovery-mobile-v5 .catalog-search__button { position:absolute; top:7px; right:7px; width:42px; height:42px; padding:0; overflow:hidden; color:transparent; background:#f0f8fd; border:0; border-radius:10px; }
  .discovery-mobile-v5 .catalog-search__button::after { content:"→"; position:absolute; inset:0; display:grid; place-items:center; color:var(--d5-pink); font-size:1.35rem; }
  .d5-filter-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:38px; margin-top:8px; padding:0 13px; color:#0e4d91; background:#f3f9fd; border:1px solid var(--d5-line); border-radius:10px; font:inherit; font-size:.82rem; font-weight:800; }
  .discovery-mobile-v5 .facet-form__fields { display:none; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; padding:10px; background:#fff; border:1px solid var(--d5-line); border-radius:13px; }
  .discovery-mobile-v5 .facet-form.is-filter-open .facet-form__fields { display:grid; }
  .discovery-mobile-v5 .facet-form__fields label { font-size:.73rem; }
  .discovery-mobile-v5 .facet-form__fields select { width:100%; min-height:42px; margin-top:3px; border:1px solid var(--d5-line); border-radius:9px; }
  .discovery-mobile-v5 .facet-form__actions { display:none; }

  .discovery-mobile-v5 .section { padding:10px 0 20px; }
  .discovery-mobile-v5 .catalog-status { margin:0 0 8px; color:#143f78; font-size:.94rem; }
  .discovery-mobile-v5 .mvp-grid { display:grid; grid-template-columns:1fr; gap:8px; }
  .discovery-mobile-v5 .mvp-card {
    position:relative;
    display:grid;
    grid-template-columns:44% minmax(0,1fr);
    min-height:125px;
    margin:0;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--d5-line);
    border-radius:14px;
    box-shadow:var(--d5-shadow);
  }
  .discovery-mobile-v5 .mvp-card[hidden] { display:none !important; }
  .discovery-mobile-v5 .mvp-card__media { min-height:125px; height:100%; border-radius:0; }
  .discovery-mobile-v5 .mvp-card__media img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
  .discovery-mobile-v5 .mvp-card__rank,
  .discovery-mobile-v5 .mvp-card__topline,
  .discovery-mobile-v5 .mvp-card__author,
  .discovery-mobile-v5 .mvp-card__scenario { display:none !important; }
  .discovery-mobile-v5 .mvp-card__body { display:flex; min-width:0; padding:10px 10px 9px; flex-direction:column; }
  .discovery-mobile-v5 .mvp-card h3 { margin:0 35px 5px 0; color:var(--d5-ink); font-size:1.02rem; line-height:1.08; letter-spacing:-.02em; }
  .discovery-mobile-v5 .mvp-card h3 a { color:inherit; text-decoration:none; }
  .discovery-mobile-v5 .mvp-card__meta { display:flex; gap:7px; margin:0 0 7px; color:#155196; font-size:.78rem; }
  .discovery-mobile-v5 .mvp-card__meta span + span::before { content:"·"; margin-right:7px; }
  .discovery-mobile-v5 .mvp-card__action { display:flex; align-items:center; justify-content:center; min-height:39px; margin-top:auto; color:#fff; background:linear-gradient(135deg,#ff0b69,#f00057); border-radius:10px; font-weight:850; text-decoration:none; }
  .d5-favorite-button { position:absolute; z-index:4; top:7px; right:7px; display:grid; place-items:center; width:34px; height:34px; padding:0; color:var(--d5-pink); background:rgba(255,255,255,.94); border:1px solid #e0eaf2; border-radius:10px; font:inherit; font-size:1.35rem; box-shadow:0 4px 12px rgba(30,75,110,.08); }
  .d5-favorite-button[aria-pressed="true"] { color:#fff; background:var(--d5-pink); border-color:var(--d5-pink); }

  .d5-suggestions { display:block; margin-top:15px; }
  .d5-suggestions h2 { margin:0 0 8px; font-size:1.08rem; }
  .d5-suggestions__links { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }
  .d5-suggestions a { flex:none; padding:8px 13px; color:#104981; background:#eef7fd; border:1px solid #d7e7f2; border-radius:10px; text-decoration:none; }

  .d5-tabs { display:flex; gap:7px; margin:7px 0 10px; overflow-x:auto; scrollbar-width:none; }
  .d5-tabs button { flex:none; min-height:42px; padding:0 17px; color:#103f79; background:#f1f8fd; border:1px solid #d7e7f2; border-radius:11px; font:inherit; font-size:.85rem; }
  .d5-tabs button[aria-pressed="true"] { color:#fff; background:linear-gradient(135deg,#ff0d69,#f00057); border-color:transparent; font-weight:850; }
  .d5-coloring-favorites.is-visible { display:grid; grid-template-columns:1fr; gap:8px; margin-top:8px; }
  .d5-empty { padding:30px 18px; text-align:center; color:#164e8d; background:#fff; border:1px solid var(--d5-line); border-radius:16px; }
  .d5-empty strong { display:block; margin-bottom:5px; color:var(--d5-ink); font-size:1.22rem; }
  .discovery-mobile-v5 .empty-state { padding:28px 16px; border:1px solid var(--d5-line); border-radius:16px; background:#fff; }

  .d5-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); }
  .d5-bottom-nav a,
  .d5-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; }
  .d5-bottom-nav b { font-size:1.55rem; line-height:1; }
  .d5-bottom-nav [aria-current="page"] { color:var(--d5-pink); font-weight:850; }
  .d5-bottom-nav [aria-current="page"]::after { content:""; position:absolute; bottom:-3px; width:7px; height:7px; border-radius:50%; background:var(--d5-pink); }

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

@media (min-width: 721px) {
  .discovery-mobile-v5 .mvp-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 390px) {
  .discovery-mobile-v5 .brand { font-size:1.17rem; }
  .discovery-mobile-v5 .brand__mark { width:44px; height:44px; }
  .d5-head-action { min-width:41px; padding-inline:7px; }
  .d5-head-action span:last-child { display:none; }
  .discovery-mobile-v5 .mvp-card { grid-template-columns:42% minmax(0,1fr); }
}

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