/* Страницы породы и региона (/breed/*, /region/*) — 03.11.2026.
   Раньше содержимое лежало прямо на фоне страницы; теперь — белыми блоками, как остальные разделы,
   а объявления рисуются общей карточкой (js/listing-card.js) с заглушкой без фото. Подключать после theme-warm.css. */
body{background:var(--cream,#F6F3EA)}
.page{padding-top:20px}
.sp-block{background:#fff;border:1px solid var(--gr100);border-radius:var(--r-lg,16px);padding:24px;margin-bottom:16px}
.sp-block > .section-title{margin-bottom:16px}
.section-title{font-size:20px}

/* Заголовок */
.sp-hero h1,.breed-info h1{margin-bottom:10px}
.breed-hero{margin-bottom:0}
.breed-desc{color:#555;margin-bottom:18px}
.specs{margin-bottom:0}
.spec{background:var(--cream,#F6F3EA);border:1px solid var(--gr100)}
.subtitle{margin-bottom:0}

/* Цифры */
.stats-grid{margin-bottom:0}
.stat-card{background:var(--cream,#F6F3EA);border:1px solid var(--gr100)}
.stat-num{font-size:24px;line-height:1.15}

/* Объявления — общая карточка */
.listings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:0}
.sp-empty{grid-column:1/-1;text-align:center;padding:28px 12px;color:var(--gr400);font-size:14px}
.sp-empty a{color:var(--g600);font-weight:600}

/* Призыв */
.cta-box{background:var(--g50);border:1px solid var(--g100);margin-bottom:16px}

/* Другие породы / регионы */
.related{margin-bottom:0}
.related-card{background:var(--cream,#F6F3EA);border:1px solid var(--gr100);transition:.15s}
.related-card:hover{background:var(--g50);border-color:var(--g100)}
.breeds-chips{margin-bottom:0}

@media(max-width:768px){
  .page{padding:12px 12px 32px}
  /* блоки — div, не section: mobile.css задаёт section{padding:16px 0!important}, текст прижимался к краям */
  .sp-block{padding:16px;border-radius:14px;margin-bottom:12px}
  .section-title{font-size:18px}
  .breed-info h1,.sp-hero h1{font-size:22px}
  .stats-grid{gap:8px}
  .stat-card{padding:12px 8px}
  .stat-num{font-size:19px}
  .stat-label{font-size:11px}
  .listings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .related{grid-template-columns:1fr 1fr;gap:8px}
  .specs{grid-template-columns:1fr 1fr;gap:8px}
  .spec{padding:10px 12px}
  .spec-label{font-size:11.5px}
  .spec-value{font-size:13px;line-height:1.35}
  .related-card{padding:12px 8px;font-size:13px}
  .cta-box{padding:18px}
}