/* RadioPulse — Герой (блок acf/rp-hero). Замеры макета 1440: слайдер 794 × 441, картки 386 (207 + 22 + 211), зазор 21. Токены --rp-* с запасными значениями — в редакторе tokens.css не грузится. */
.rp-hero{--h-bg:var(--rp-surface,#242423);--h-bd:var(--rp-border,#3A3A38);--h-text:var(--rp-text,#F2F2F0);--h-muted:var(--rp-muted,#A6A6A2);--h-yellow:var(--rp-yellow,#FFD000);--h-dark:var(--rp-dark,#242423);
  display:grid;grid-template-columns:minmax(0,794fr) minmax(0,386fr);gap:21px;margin:0 0 40px;color:var(--h-text)}
.rp-hero-no-cards{grid-template-columns:1fr}
.rp-hero a{text-decoration:none}
/* слайдер: базовые правила Swiper (тема стилизует только свои wd-carousel-*) */
.rp-hero-slider{position:relative;overflow:hidden;min-height:441px;background:var(--h-bg);border:1px solid var(--h-bd);border-radius:16px;display:flex;flex-direction:column}
.rp-hero-track{display:flex;flex:1 1 auto;width:100%;transition-property:transform;transition-timing-function:ease;box-sizing:content-box}
.rp-hero-slide{flex:0 0 100%;width:100%;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 48px;box-sizing:border-box}
.rp-hero-body{flex:1 1 auto;min-width:0;max-width:420px;padding-bottom:34px}
.rp-hero-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:4px;background:var(--h-yellow);color:var(--h-dark);font-size:12px;font-weight:700;line-height:1;letter-spacing:.5px;text-transform:uppercase}
.rp-hero-title{margin:18px 0 0;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.5px;color:var(--h-text)}
.rp-hero-text{margin:20px 0 0;font-size:15px;line-height:1.5;color:var(--h-muted)}
.rp-hero-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}
.rp-hero-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:8px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}
.rp-hero-btn-primary{background:var(--h-yellow);color:var(--h-dark)!important}
.rp-hero-btn-primary:hover{background:#FFDA33;color:var(--h-dark)!important}
.rp-hero-btn-outline{border:1px solid var(--h-muted);color:var(--h-text)!important}
.rp-hero-btn-outline:hover{border-color:var(--h-text)}
.rp-hero-img{flex:0 0 300px;width:300px;height:300px;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;background:#fff;border-radius:12px}
.rp-hero-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* точки: активная 24×6 жёлтая, остальные 6 круг */
.rp-hero-dots{position:absolute;left:48px;bottom:33px;z-index:2;display:flex;align-items:center;gap:8px;line-height:0}
.rp-hero .rp-hero-dot{width:6px!important;height:6px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0;border:0;border-radius:3px;font-size:0;line-height:0;background:var(--h-muted);opacity:.5;cursor:pointer;transition:width .25s,opacity .25s;box-shadow:none;outline-offset:2px}
.rp-hero .rp-hero-dot.is-active{width:24px!important;background:var(--h-yellow);opacity:1}
.rp-hero-note{margin:0;padding:8px 48px 12px;font-size:12px;color:var(--h-muted)}
/* картки категорій */
.rp-hero-cards{display:flex;flex-direction:column;gap:22px;min-width:0}
.rp-hero-card{flex:1 1 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:var(--h-bg);border:1px solid var(--h-bd);border-radius:16px;color:var(--h-text);transition:border-color .2s}
.rp-hero-card:hover{border-color:var(--h-muted)}
.rp-hero-card-body{display:flex;flex-direction:column;min-width:0}
.rp-hero-card-title{font-size:20px;font-weight:700;line-height:1.2;color:var(--h-text)}
.rp-hero-card-text{margin-top:8px;font-size:13px;line-height:1.5;color:var(--h-muted)}
.rp-hero-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;color:var(--h-yellow)}
.rp-hero-more svg{width:14px;height:14px}
.rp-hero-card-img{flex:0 0 120px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;background:#fff;border-radius:8px}
.rp-hero-card-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* планшет: слайдер на всю ширину, картки в ряд */
@media (max-width:1024px){
  .rp-hero{grid-template-columns:1fr;gap:20px}
  .rp-hero-slider{min-height:0}
  .rp-hero-slide{padding:32px 36px}
  .rp-hero-img{flex-basis:240px;width:240px;height:240px;padding:24px}
  .rp-hero-dots{left:36px;bottom:28px}
  .rp-hero-cards{flex-direction:row;gap:20px}
  .rp-hero-card{flex:1 1 0}
}
/* мобильный: стопкой — бейдж, заголовок 28, текст, кнопки, фото квадратом на всю ширину, точки под ним */
@media (max-width:767px){
  .rp-hero{gap:16px;margin-bottom:28px}
  .rp-hero-slider{border-radius:12px}
  .rp-hero-slide{flex-direction:column;align-items:stretch;gap:24px;padding:24px 20px 20px}
  .rp-hero-body{max-width:none;padding-bottom:0}
  .rp-hero-title{font-size:28px;margin-top:14px}
  .rp-hero-text{margin-top:14px;font-size:14px}
  .rp-hero-btns{margin-top:20px;gap:12px}
  .rp-hero-btn{flex:1 1 auto;padding:0 18px}
  .rp-hero-img{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1/1;max-width:100%;padding:24px}
  .rp-hero-dots{position:static;justify-content:center;padding:0 20px 20px;margin-top:-4px}
  .rp-hero-note{padding:8px 20px 12px}
  .rp-hero-cards{flex-direction:column;gap:16px}
  .rp-hero-card{padding:20px;border-radius:12px}
  .rp-hero-card-title{font-size:18px}
  .rp-hero-card-img{flex-basis:96px;width:96px;height:96px}
}
/* ---- редактор (превью): ссылок нет (обёртки — div/span), слайды стопкой, всё правится на месте.
   Цепочка обёрток в холсте: .rp-hero > .block-editor-block-list__layout > [data-type=…] > .rp-hero-slider > .rp-hero-track > .block-editor-block-list__layout > [data-type=…] > .rp-hero-slide */
.rp-hero.is-preview{display:block}
.rp-hero.is-preview > .block-editor-block-list__layout{display:grid;grid-template-columns:minmax(0,794fr) minmax(0,386fr);gap:21px;align-items:stretch}
.rp-hero.is-preview .block-editor-block-list__layout > .wp-block{margin:0;max-width:none}
.rp-hero.is-preview > .block-editor-block-list__layout > [data-type="acf/rp-hero-cards"]{display:flex;flex-direction:column}
.rp-hero-slider.is-preview{min-height:0}
.rp-hero-slider.is-preview .rp-hero-track{display:block}
.rp-hero-slider.is-preview .rp-hero-track .block-editor-block-list__layout > [data-block] + [data-block] .rp-hero-slide{border-top:1px dashed var(--h-bd,#3A3A38)}
.rp-hero-cards.is-preview{flex:1 1 auto}
.rp-hero-cards.is-preview > .rp-hero-note{padding:8px 0 0;cursor:pointer}
.rp-hero-cards.is-preview > .block-editor-block-list__layout{display:flex;flex-direction:column;gap:22px;flex:1 1 auto}
.rp-hero-cards.is-preview > .block-editor-block-list__layout > [data-type="acf/rp-hero-card"]{flex:1 1 0;display:flex;flex-direction:column}
.rp-hero-card.is-preview{flex:1 1 auto}
.rp-hero .rp-hero-btn.is-empty{opacity:.45;border:1px dashed var(--h-muted,#A6A6A2);background:none;color:var(--h-text,#F2F2F0)!important}
.rp-hero .rp-hero-img.is-empty,.rp-hero .rp-hero-card-img.is-empty{background:none;border:1px dashed var(--h-muted,#A6A6A2)}
.rp-hero-img-hint{font-size:13px;color:var(--h-muted,#A6A6A2);text-align:center}
.rp-hero [data-acf-inline-contenteditable]{cursor:text;min-width:1em}
.rp-hero [data-acf-inline-fields]{cursor:pointer}
.rp-hero [data-acf-inline-contenteditable]:empty::before{content:attr(data-acf-placeholder);opacity:.5}
@media (max-width:1024px){.rp-hero.is-preview > .block-editor-block-list__layout{grid-template-columns:1fr;gap:20px}.rp-hero-cards.is-preview > .block-editor-block-list__layout{flex-direction:row;gap:20px}}
