/* ═══════════════════════════════════════════════════════════════
   animal-mobile.css — страница объявления на телефоне как у Авито (03.10.2026).
   Фото во всю ширину со свайпом → цена → название → параметры →
   продавец с «Позвонить / Написать» → разделы без рамок с крупными
   заголовками. Подключается после animal.css, действует ≤640px.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width:640px){
  body{background:#fff!important}
  .breadcrumb{display:none}
  .page{padding:0 0 96px!important}
  .top-grid{gap:0!important;margin:0!important}

  /* ── Фото: во всю ширину, без рамки, свайп, счётчик снизу по центру ── */
  .gallery{border:none!important;border-radius:0!important}
  .gallery-main{height:auto!important;aspect-ratio:4/3;cursor:default}
  .gallery-main img{width:100%;height:100%;object-fit:cover}
  .gallery-thumbs,.gallery-nav{display:none!important}
  .gallery-counter{left:50%!important;bottom:12px!important;transform:translateX(-50%);border-radius:100px!important;padding:4px 12px!important;font-weight:600}
  .gallery-badges{top:12px!important;left:12px!important}

  /* ── Блок цены: плоский, сначала цена, потом название ── */
  .top-grid>.sidebar{gap:0!important}
  .sidebar-card{border:none!important;border-radius:0!important;padding:16px!important;background:#fff}
  .price-block{display:flex;flex-direction:column}
  .price-block .price-main{order:1;font-size:32px!important;color:var(--gr800)!important;margin-bottom:2px}
  .price-block .price-unit{order:2;font-size:14px}
  .price-block .price-total{order:3;margin-bottom:10px}
  .price-block .animal-title{order:4;font-size:20px!important;line-height:1.25;margin:0 0 14px!important}
  .price-block .reply-time{order:5}
  .price-block .price-meta{order:6;background:none!important;padding:0!important;gap:10px;margin:0!important}
  .price-block .pm-row{font-size:15px;align-items:flex-start;gap:16px}
  .price-block .pm-row .pm-label{flex:none;color:var(--gr500)}
  .price-block .pm-row .pm-val{text-align:right}
  .price-block .views-badge{display:none!important}

  /* ── Продавец ── */
  #seller-mini-card{border-top:8px solid var(--gr50)!important;padding-top:20px!important}
  #seller-mini-card::before{content:'Продавец';display:block;font:800 22px/1.2 var(--font-display,'Geologica',sans-serif);color:var(--gr800);margin-bottom:14px}
  .seller-avatar-lg{width:52px!important;height:52px!important;border-radius:50%!important;font-size:20px!important}
  .seller-name-main{font:700 18px/1.25 var(--font-display,'Geologica',sans-serif)!important;white-space:normal!important}
  .seller-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .seller-actions .btn{height:48px;background:var(--gr50);border:none;color:var(--gr800);font-size:15px}
  #seller-mini-card .farm-btn{margin-top:8px;background:none;border:none;color:var(--g700);height:40px}

  /* ── Разделы: без рамок, крупные заголовки, серая полоса между ── */
  .chars-card,.desc-card,.passport-card,.docs-card{border:none!important;border-radius:0!important;margin:0!important;padding:20px 16px!important;border-top:8px solid var(--gr50)!important}
  .card-title{font-size:22px!important;font-weight:800!important;margin-bottom:14px!important}
  .similar-section{padding:20px 16px 0;border-top:8px solid var(--gr50);margin:0!important}
  .similar-head .block-title{font-size:22px}
  .meta-card{margin:16px!important}

  /* ── Нижняя панель ── */
  .fixed-cta{padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;box-shadow:0 -4px 16px rgba(0,0,0,.06);border-top:none!important}
  .fixed-cta .cta-ghost{background:var(--gr50);border:none}
}
@media (min-width:641px){ .seller-actions{display:none!important} }