/* === Узкая рекламная полоса (слот strip-top, ИБ26) — общий стиль для всех разделов.
   Подключается из render-ad.php через renderPortalAdStrip(). === */
.ad-strip { margin: 0 0 20px; min-width: 0; }
.ad-strip .ad-placeholder {
  display: grid; grid-template-columns: 200px minmax(0, 1fr);
  align-items: stretch; min-height: 128px;
  background: #fff; border-radius: 20px; overflow: hidden;
  border: 1px solid rgba(14, 30, 42, 0.06);
  box-shadow: 0 8px 24px rgba(14, 30, 42, 0.05);
  text-decoration: none; color: inherit; padding: 0; margin: 0; max-width: none; width: auto;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ad-strip .ad-placeholder:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(14, 30, 42, 0.09); }
.ad-strip .ad-cover { position: relative; min-height: 128px; background: #EFF8FD; aspect-ratio: auto; }
.ad-strip .ad-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ad-strip .ad-cover-icon { position: absolute; inset: 0; display: grid; place-items: center; color: #F57C18; opacity: .6; }
.ad-strip .ad-badge-small {
  position: absolute; top: 10px; left: 10px; right: auto; z-index: 1;
  background: rgba(255, 252, 246, 0.94); color: #9A4A00;
  padding: 4px 10px; border-radius: 999px; backdrop-filter: none;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .12em; text-transform: uppercase;
}
.ad-strip .ad-body {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto;
  column-gap: 24px; row-gap: 4px; align-items: center;
  padding: 18px 24px;
}
.ad-strip .ad-title {
  grid-column: 1; grid-row: 1; margin: 0; padding: 0;
  font-family: 'Unbounded', system-ui, sans-serif;
  font-size: 18px; font-weight: 600; line-height: 1.2; color: #0F2F44; letter-spacing: -.01em; text-transform: none;
}
.ad-strip .ad-text {
  grid-column: 1; grid-row: 2; margin: 0; padding: 0;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 13.5px; line-height: 1.45; color: #4A5563;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ad-strip .ad-cta {
  grid-column: 2; grid-row: 1 / span 2; justify-self: end;
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  background: #F57C18; color: #fff;
  padding: 12px 20px; border-radius: 999px;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 14px; font-weight: 700; line-height: 1;
  box-shadow: 0 2px 10px rgba(245, 124, 24, .28);
  transition: background .2s ease, transform .2s ease;
}
.ad-strip .ad-placeholder:hover .ad-cta { background: #D85F05; transform: translateY(-1px); }
/* Режим «Только баннер» в полосе: широкий креатив, ограничиваем высоту */
.ad-strip .ad-placeholder--image-only { display: block; min-height: 0; line-height: 0; }
.ad-strip .ad-placeholder--image-only .ad-cover { min-height: 0; }
.ad-strip .ad-placeholder--image-only .ad-img { position: static; height: auto; max-height: 180px; object-fit: cover; }
/* Embed-код */
.ad-strip .ad-embed { display: block; }
/* Пустой слот — компактная горизонтальная заглушка */
.ad-strip .ad-empty-slot { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px 16px; min-height: 0; height: auto; padding: 16px 22px; border-radius: 20px; }
.ad-strip .ad-empty-slot-icon { width: 36px; height: 36px; font-size: 1rem; margin: 0; animation: none; }
.ad-strip .ad-empty-slot-title { font-size: 1rem; }
.ad-strip .ad-empty-slot-desc, .ad-strip .ad-empty-slot-eyebrow { display: none; }
@media (max-width: 640px) {
  .ad-strip .ad-placeholder { grid-template-columns: 1fr; }
  .ad-strip .ad-cover { min-height: 120px; }
  .ad-strip .ad-body { grid-template-columns: 1fr; padding: 14px 16px 16px; }
  .ad-strip .ad-cta { grid-column: 1; grid-row: 3; justify-self: start; margin-top: 6px; }
  .ad-strip .ad-title { font-size: 16px; }
  .ad-strip .ad-text { -webkit-line-clamp: 3; }
}