/* ===========================================================
   BuzzPost · Секция «כיסוי 24/7» - стили
   Всё заскоуплено под .bp247 - не конфликтует с сайтом.
   Подключите шрифт Heebo (см. README) для корректного вида.
   =========================================================== */

.bp247{
  --bp-blue:#2563eb; --bp-purple:#7c3aed;
  --bp-yellow:#fcd34d; --bp-green:#10b981;
  --bp-ink:#0f172a;
  font-family:'Heebo',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:var(--bp-ink);
  direction:rtl;
}
.bp247, .bp247 *{box-sizing:border-box;}

/* ---------------- секция ---------------- */
.bp247 .bp-section{padding:46px 28px;}
.bp247 .bp-hero{position:relative;overflow:hidden;border-radius:30px;
  max-width:1240px;margin:0 auto;
  background:
    radial-gradient(110% 120% at 12% 18%, #3f7bff 0%, transparent 52%),
    linear-gradient(120deg,#1a2680 0%, #233fb4 48%, #244fd0 100%);
  box-shadow:0 40px 90px -50px rgba(26,38,128,.7);
}
.bp247 .bp-label{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:26px;}
.bp247 .bp-label .tag{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;
  letter-spacing:.02em;color:var(--bp-purple);background:#fff;border:1px solid #e3e7f3;
  padding:9px 17px;border-radius:999px;box-shadow:0 10px 26px -16px rgba(26,38,128,.5);white-space:nowrap;}
.bp247 .bp-label .tag .num{direction:ltr;}
.bp247 .bp-label .tag .d{width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--bp-blue),var(--bp-purple));}
.bp247 .bp-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;
  align-items:center;padding:60px 56px 70px;min-height:600px;}

.bp247 .bp-h1{font-size:62px;line-height:1.06;font-weight:800;letter-spacing:-.025em;color:#fff;margin:0 0 20px;}
.bp247 .bp-h1 .y{color:var(--bp-yellow);}
.bp247 .bp-sub{font-size:21px;line-height:1.55;color:#bcc6ef;font-weight:500;margin:0 0 30px;max-width:34ch;}

/* ---------------- карточки ботов ---------------- */
.bp247 .bp-botcards{display:flex;flex-direction:column;gap:13px;max-width:500px;margin-bottom:30px;}
.bp247 .bp-botcard{display:flex;align-items:center;gap:14px;border-radius:17px;padding:15px 17px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);transition:.3s;}
.bp247 .bp-botcard.active{background:rgba(255,255,255,.12);border-color:rgba(140,185,255,.55);
  box-shadow:0 16px 40px -20px rgba(0,0,0,.5);}
.bp247 .bp-botcard:not(.active){opacity:.62;}
.bp247 .bp-botcard .tile{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;
  color:#cfd9ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);}
.bp247 .bp-botcard .tile svg{width:22px;height:22px;}
.bp247 .bp-botcard.active .tile{color:#fff;border-color:rgba(255,255,255,.30);}
.bp247 .bp-botcard .main{flex:1;min-width:0;}
.bp247 .bp-botcard .row1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bp247 .bp-botcard .row1 b{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;}
.bp247 .bp-botcard .timepill{font-size:12.5px;font-weight:700;color:#d7e0ff;background:rgba(255,255,255,.14);
  padding:4px 11px;border-radius:999px;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap;}
.bp247 .bp-botcard .help{width:19px;height:19px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);
  color:rgba(255,255,255,.7);font-size:11px;font-weight:700;display:grid;place-items:center;}
.bp247 .bp-botcard .csub{font-size:13.5px;color:#aab4dd;font-weight:500;margin-top:4px;}
.bp247 .bp-botcard .status{margin-inline-start:auto;align-self:flex-start;
  font-size:12px;font-weight:600;color:#7ee2b8;white-space:nowrap;letter-spacing:.02em;}
.bp247 .bp-botcard:not(.active) .status{color:#7d89b5;}

.bp247 .bp-footline{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:600;color:#eef2ff;}
.bp247 .bp-footline .check{width:24px;height:24px;border-radius:50%;background:var(--bp-green);color:#fff;
  display:grid;place-items:center;font-size:13px;flex:none;}

/* ---------------- живая лента ---------------- */
.bp247 .bp-visual{position:relative;height:560px;}
.bp247 .bp-panel{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);
  width:430px;max-width:100%;border-radius:22px;padding:18px;
  background:rgba(13,20,58,.55);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 40px 90px -36px rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.bp247 .bp-panel-top{display:flex;align-items:center;gap:10px;padding:6px 8px 15px;}
.bp247 .bp-panel-top .live{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 10px 1px rgba(52,211,153,.7);}
.bp247 .bp-panel-top .ttl{font-size:15.5px;font-weight:700;color:#fff;}
.bp247 .bp-panel-top .clk{margin-inline-start:auto;font-size:14px;font-weight:700;color:#c3cde6;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;direction:ltr;}

.bp247 .bp-feed{position:relative;height:392px;overflow:hidden;border-radius:14px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);}
.bp247 .bp-track{display:flex;flex-direction:column;gap:10px;animation:bp247Scroll 32s linear infinite;}
@keyframes bp247Scroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion: reduce){
  .bp247 .bp-track{animation:none;}
  .bp247 .bp-panel-top .live{animation:none;}
}

.bp247 .bp-divider{display:flex;align-items:center;gap:11px;padding:7px 2px 3px;}
.bp247 .bp-divider .ln{flex:1;height:1px;background:rgba(255,255,255,.13);}
.bp247 .bp-divider .pill{flex:none;display:flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;
  font-size:12.5px;font-weight:700;white-space:nowrap;border:1px solid rgba(255,255,255,.16);}
.bp247 .bp-divider .pill svg{width:14px;height:14px;}
.bp247 .bp-divider .pill .nm{direction:ltr;}
.bp247 .bp-divider.night .pill{background:rgba(124,90,240,.2);color:#cdbcff;}
.bp247 .bp-divider.day .pill{background:rgba(52,140,235,.18);color:#aed4ff;}

.bp247 .bp-post{display:flex;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:10px 12px;
  box-shadow:0 12px 26px -14px rgba(0,0,0,.5);}
.bp247 .bp-post .dot{width:9px;height:9px;border-radius:50%;flex:none;}
.bp247 .bp-post.mp .dot{background:#7c3aed;} .bp247 .bp-post.fb .dot{background:#2563eb;}
.bp247 .bp-post .body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.bp247 .bp-post .body b{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bp247 .bp-post .body .price{font-size:12.5px;font-weight:600;color:#64748b;}
.bp247 .bp-post .done{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;}
.bp247 .bp-post .done .ok{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#0f9d6e;}
.bp247 .bp-post .done .ok .v{width:15px;height:15px;border-radius:50%;background:var(--bp-green);color:#fff;display:grid;place-items:center;font-size:9px;}
.bp247 .bp-post .done .tm{font-size:11px;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums;direction:ltr;}

@media (max-width:1040px){
  .bp247 .bp-grid{grid-template-columns:1fr;gap:40px;}
  .bp247 .bp-h1{font-size:48px;}
  .bp247 .bp-visual{height:520px;}
  .bp247 .bp-panel{position:relative;inset-inline-end:auto;top:auto;transform:none;margin:0 auto;}
}
@media (max-width:560px){
  .bp247 .bp-section{padding:30px 14px;}
  .bp247 .bp-grid{padding:42px 26px 50px;}
  .bp247 .bp-h1{font-size:38px;}
  .bp247 .bp-sub{font-size:18px;}
}