/* ===========================================================
   BuzzPost · Секция «תגים חכמים לקבוצות» - стили
   Всё заскоуплено под .bptags - не конфликтует с сайтом.
   Подключите шрифт Heebo (см. README).
   =========================================================== */

.bptags{
  --bt-blue:#2563eb; --bt-purple:#7c3aed; --bt-green:#10b981; --bt-amber:#f59e0b;
  --bt-ink:#0f172a; --bt-muted:#64748b;
  --bt-accent:#f59e0b; --bt-accent-soft:rgba(245,158,11,.16);
  font-family:'Heebo',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:var(--bt-ink);
  direction:rtl;
}
.bptags, .bptags *{box-sizing:border-box;}

.bptags .bt-wrap{max-width:1180px;margin:0 auto;padding:76px 40px 88px;}
.bptags .bt-head{text-align:center;max-width:720px;margin:0 auto 38px;}
.bptags .bt-head h2{font-size:50px;line-height:1.1;font-weight:800;letter-spacing:-.022em;margin:0 0 16px;}
.bptags .bt-head p{font-size:19px;line-height:1.55;color:var(--bt-muted);font-weight:500;margin:0;text-wrap:balance;}

/* ---------- segmented control ---------- */
.bptags .bt-seg{position:relative;display:flex;width:min(560px,100%);margin:0 auto 8px;
  background:#fff;border:1px solid #e6eaf2;border-radius:999px;padding:6px;
  box-shadow:0 14px 34px -22px rgba(15,23,42,.4);}
.bptags .bt-pin{position:absolute;top:6px;bottom:6px;width:calc((100% - 12px)/3);right:6px;
  border-radius:999px;background:var(--bt-accent);z-index:0;
  box-shadow:0 10px 22px -8px var(--bt-accent);
  transition:transform .45s cubic-bezier(.5,1.3,.4,1),background .4s;}
.bptags .bt-seg button{position:relative;z-index:1;flex:1;border:none;background:none;cursor:pointer;
  font-family:inherit;font-weight:800;font-size:15px;letter-spacing:.06em;color:#9aa3b6;
  padding:13px 0;border-radius:999px;transition:color .35s;}
.bptags .bt-seg button.on{color:#fff;}

.bptags .bt-cap{text-align:center;font-size:15px;font-weight:600;color:var(--bt-muted);margin:0 0 34px;min-height:22px;transition:color .3s;}
.bptags .bt-cap b{color:var(--bt-ink);font-weight:700;}

/* ---------- post card ---------- */
.bptags .bt-stage{position:relative;width:440px;max-width:100%;margin:0 auto;}
.bptags .bt-stage::before{content:"";position:absolute;inset:-12% -8% -6%;z-index:0;border-radius:40px;
  background:radial-gradient(60% 55% at 50% 38%, var(--bt-accent-soft), transparent 70%);
  filter:blur(8px);transition:background .5s;}
.bptags .bt-post{position:relative;z-index:1;background:#fff;border-radius:26px;overflow:hidden;
  box-shadow:0 2px 4px rgba(15,23,42,.04), 0 40px 80px -40px rgba(15,23,42,.4);}

.bptags .bt-phead{display:flex;align-items:center;gap:12px;padding:20px 22px 14px;}
.bptags .bt-phead .av{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--bt-blue),var(--bt-purple));font-weight:800;font-size:18px;}
.bptags .bt-phead .who b{font-size:16px;font-weight:700;display:block;line-height:1.2;}
.bptags .bt-phead .who span{font-size:13px;color:#94a3b8;font-weight:500;}
.bptags .bt-phead .grp{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;
  color:#1f7ae0;background:rgba(37,99,235,.09);padding:7px 12px;border-radius:999px;white-space:nowrap;}
.bptags .bt-phead .grp svg{width:13px;height:13px;}

.bptags .bt-photo{position:relative;height:150px;margin:2px 14px 0;border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#3b6fe0,#7c3aed);display:grid;place-items:center;}
.bptags .bt-photo::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 80% at 80% 0%, rgba(255,255,255,.25), transparent 55%);}
.bptags .bt-photo .home{width:54px;height:54px;color:rgba(255,255,255,.92);}
.bptags .bt-photo .chip{position:absolute;top:12px;inset-inline-start:12px;font-size:11.5px;font-weight:800;letter-spacing:.06em;
  color:#fff;background:rgba(15,23,42,.34);backdrop-filter:blur(4px);padding:6px 13px;border-radius:999px;z-index:2;}

.bptags .bt-pbody{padding:16px 22px 6px;}
.bptags .bt-pbody .t{font-size:18.5px;font-weight:700;margin:0 0 3px;letter-spacing:-.01em;}
.bptags .bt-pbody .price{font-size:15px;font-weight:700;color:#0f9d6e;}

.bptags .bt-clist{padding:6px 22px 2px;}
.bptags .bt-clist .lbl{font-size:12px;font-weight:700;color:#9aa3b6;letter-spacing:.04em;margin:10px 0 2px;}
.bptags .bt-crow{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid #f0f2f7;
  transition:opacity .45s, filter .45s;}
.bptags .bt-crow:last-child{border-bottom:none;}
.bptags .bt-crow .ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;}
.bptags .bt-crow.phone .ic{background:linear-gradient(135deg,#64748b,#334155);}
.bptags .bt-crow.wa .ic{background:linear-gradient(135deg,#25d366,#12a150);}
.bptags .bt-crow.site .ic{background:linear-gradient(135deg,#3b6fe0,#4338ca);}
.bptags .bt-crow.tg .ic{background:linear-gradient(135deg,#34a8e8,#1d87c9);}
.bptags .bt-crow .ic svg{width:20px;height:20px;}
.bptags .bt-crow .meta b{font-size:15px;font-weight:700;display:block;line-height:1.25;}
.bptags .bt-crow .meta .v{font-size:13px;color:#7a869c;font-weight:500;direction:ltr;text-align:right;}
.bptags .bt-crow .st{margin-inline-start:auto;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;}
.bptags .bt-crow .st .ok{width:24px;height:24px;border-radius:50%;background:var(--bt-green);color:#fff;display:grid;place-items:center;}
.bptags .bt-crow .st .ok svg{width:13px;height:13px;}
.bptags .bt-crow .st .lk{width:24px;height:24px;border-radius:50%;background:#eef1f6;color:#aab2c2;display:grid;place-items:center;}
.bptags .bt-crow .st .lk svg{width:12px;height:12px;}
.bptags .bt-crow.on .lk,.bptags .bt-crow.off .ok{display:none;}
.bptags .bt-crow.off{opacity:.42;filter:grayscale(.7);}
.bptags .bt-crow.off .meta .v{text-decoration:line-through;}

.bptags .bt-pfoot{display:flex;align-items:center;gap:10px;padding:14px 22px 20px;}
.bptags .bt-pfoot .ap{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#0f9d6e;
  background:rgba(16,185,129,.1);padding:9px 15px;border-radius:999px;}
.bptags .bt-pfoot .ap .c{width:18px;height:18px;border-radius:50%;background:var(--bt-green);color:#fff;display:grid;place-items:center;}
.bptags .bt-pfoot .ap .c svg{width:11px;height:11px;}
.bptags .bt-pfoot .auto{margin-inline-start:auto;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#9aa3b6;}
.bptags .bt-pfoot .auto .d{width:7px;height:7px;border-radius:50%;background:var(--bt-green);
  box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:bptagsBeat 2s ease-out infinite;}
@keyframes bptagsBeat{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

/* info box */
.bptags .bt-info{margin-top:44px;display:flex;align-items:flex-start;gap:18px;max-width:820px;margin-inline:auto;
  background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:22px 26px;
  box-shadow:0 16px 40px -32px rgba(15,23,42,.4);}
.bptags .bt-info .q{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.12));color:var(--bt-purple);font-size:19px;font-weight:800;}
.bptags .bt-info .txt{font-size:15.5px;line-height:1.7;color:var(--bt-muted);font-weight:500;}
.bptags .bt-info .txt b{color:var(--bt-ink);font-weight:700;}

@media (prefers-reduced-motion: reduce){.bptags .bt-pfoot .auto .d{animation:none;}}
@media (max-width:560px){
  .bptags .bt-wrap{padding:54px 18px 64px;}
  .bptags .bt-head h2{font-size:36px;}
  .bptags .bt-seg button{font-size:13px;letter-spacing:.03em;}
}