/* ============ FACEBOOK-LIGHT POST (faithful FB feed look) ============ */
  :root{
    --fb-blue:#1877F2; --fb-bg:#f0f2f5; --fb-card:#ffffff;
    --fb-text:#050505; --fb-2:#65676b; --fb-div:#ced0d4;
    --fb-bubble:#f0f2f5; --fb-hover:#f2f2f2; --fb-like:#1877F2;
    --fb-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{
    background:var(--fb-bg); color:var(--fb-text);
    font-family:var(--fb-font); font-size:15px; line-height:20px; letter-spacing:0;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  }
  a{ color:inherit; text-decoration:none; }
  img{ display:block; }

  .feed{ max-width:560px; margin:0 auto; padding:14px 8px 60px; display:flex; flex-direction:column; gap:12px; }
  @media (min-width:600px){ .feed{ padding:22px 0 80px; } }
  @media (min-width:900px){ .feed{ max-width:460px; } }

  /* ===== Facebook chrome bar (decorative) ===== */
  .fbbar{ position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #dadde1; box-shadow:0 1px 2px rgba(0,0,0,.06); }
  .fbbar-d{ display:none; align-items:center; gap:10px; height:56px; padding:0 16px; }
  .fbbar-m{ display:flex; align-items:center; gap:12px; height:50px; padding:0 12px; }
  @media (min-width:1000px){ .fbbar-d{ display:flex; } .fbbar-m{ display:none; } }

  .fbbar .fb-logo{ width:40px; height:40px; display:block; flex-shrink:0; }
  .fbbar-m .fb-logo-m{ width:34px; height:34px; }
  .fbbar-side{ display:flex; align-items:center; gap:8px; }
  .fbbar-side:first-child{ flex:1; }
  .fb-search{ display:flex; align-items:center; gap:8px; background:#f0f2f5; border-radius:50px; padding:9px 14px; color:#65676b; font-size:15px; min-width:240px; }
  .fb-search i{ font-size:15px; }
  .fbbar-mid{ display:flex; align-items:center; gap:6px; }
  .fb-nav{ display:flex; align-items:center; justify-content:center; width:96px; height:48px; border-radius:8px; color:#65676b; font-size:22px; cursor:pointer; }
  .fb-nav:hover{ background:#f2f2f2; }
  .fb-nav.active{ color:#1877F2; box-shadow:inset 0 -3px 0 #1877F2; border-radius:0; }
  .fbbar-end{ display:flex; align-items:center; gap:8px; flex:1; justify-content:flex-end; }
  .fb-circ{ position:relative; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:#e4e6eb; color:#050505; font-size:18px; cursor:pointer; }
  .fb-circ:hover{ background:#d8dadf; }
  .fb-badge{ position:absolute; top:-2px; right:-2px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#e41e3f; color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; border:2px solid #fff; }
  .fb-avatar{ width:40px; height:40px; border-radius:50%; overflow:hidden; flex-shrink:0; }
  .fb-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* fake notification dropdown under the bell (display-only) */
  .fb-noti{ position:absolute; top:100%; right:12px; width:344px; max-width:calc(100vw - 24px); background:#fff; border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.06); padding:8px; z-index:60; }
  .fb-noti[hidden]{ display:none; }
  .fb-noti-h{ font-size:18px; font-weight:800; color:#050505; padding:8px 8px 4px; }
  .fb-noti-item{ display:flex; gap:10px; align-items:flex-start; padding:9px 8px; border-radius:8px; cursor:default; }
  .fb-noti-item:hover{ background:#f2f2f2; }
  .fb-noti-ic{ width:40px; height:40px; border-radius:50%; flex-shrink:0; background:radial-gradient(circle at 32% 28%,#E8C766,#D4A537 55%,#9A7320); color:#3a2a00; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:18px; }
  .fb-noti-tx{ font-size:13.5px; color:#050505; line-height:1.4; }
  .fb-noti-tx .t{ color:#65676b; font-size:12px; white-space:nowrap; }

  /* mobile bar */
  .fbbar-m .fb-burger{ font-size:22px; color:#050505; }
  .fb-wordmark{ font-size:26px; font-weight:800; color:#1877F2; letter-spacing:-1.2px; line-height:1; }
  .fbbar-m .fbbar-end{ gap:9px; }
  .fbbar-m .fb-circ{ width:36px; height:36px; font-size:16px; }

  .card{
    background:var(--fb-card); border-radius:8px;
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    overflow:hidden;
  }

  /* ---------- POST HEADER ---------- */
  .post-head{ display:flex; align-items:flex-start; gap:8px; padding:12px 12px 0 12px; }
  .pg-av{
    width:40px; height:40px; border-radius:50%; flex-shrink:0;
    background:radial-gradient(circle at 32% 28%,#E8C766,#D4A537 55%,#9A7320);
    box-shadow:inset 0 -3px 8px rgba(40,28,0,.35), 0 0 0 1px rgba(0,0,0,.04);
    position:relative;
  }
  .pg-av::after{
    content:"A"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:20px; color:#3a2a00; font-family:var(--fb-font);
    text-shadow:0 1px 0 rgba(255,255,255,.25);
  }
  .ph-meta{ flex:1; min-width:0; padding-top:1px; }
  .ph-name{ display:flex; align-items:center; gap:5px; font-weight:600; font-size:15px; color:var(--fb-text); line-height:1.2; }
  .ph-name .vbadge{ width:15px; height:15px; flex-shrink:0; }
  .ph-sub{ display:flex; align-items:center; gap:5px; color:var(--fb-2); font-size:13px; margin-top:1px; }
  .ph-sub .dot{ width:2px; height:2px; border-radius:50%; background:var(--fb-2); display:inline-block; }
  .ph-sub i{ font-size:11px; }
  .ph-sub .live{ display:inline-flex; align-items:center; gap:4px; background:#e0294a; color:#fff; font-weight:700; font-size:11px; letter-spacing:.03em; padding:1px 7px; border-radius:4px; }
  .ph-sub .live .ldot{ width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,.7); animation:livePulse 1.6s ease-out infinite; }
  @keyframes livePulse{ 0%{ box-shadow:0 0 0 0 rgba(255,255,255,.7);} 70%{ box-shadow:0 0 0 4px rgba(255,255,255,0);} 100%{ box-shadow:0 0 0 0 rgba(255,255,255,0);} }
  .ph-actions{ display:flex; align-items:center; gap:4px; color:var(--fb-2); }
  .ph-actions button{ border:0; background:none; color:var(--fb-2); width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:17px; }
  .ph-actions button:hover{ background:var(--fb-hover); }

  /* ---------- POST TEXT ---------- */
  .post-text{ padding:10px 12px 12px; font-size:15px; color:var(--fb-text); white-space:pre-wrap; line-height:20px; letter-spacing:0; }
  .post-text .more{ color:var(--fb-2); cursor:pointer; }

  /* ---------- VIDEO (VTurb) — fills the card edge-to-edge, no side bands ---------- */
  .post-media{ background:#000; line-height:0; width:100%; overflow:hidden; position:relative; }
  .post-media vturb-smartplayer{ width:100% !important; max-width:none !important; display:block; margin:0 !important; }
  .post-media vturb-smartplayer video,
  .post-media vturb-smartplayer iframe,
  .post-media vturb-smartplayer > div{ width:100% !important; max-width:none !important; }
  .watch-note{
    background:#000; color:#fff; text-align:center; font-size:12.5px;
    padding:7px 10px; line-height:1.3; letter-spacing:.01em;
  }
  .watch-note i{ color:#E8C766; margin-right:6px; }

  /* live "watching now" counter under the video */
  .live-watchers{
    display:flex; align-items:center; justify-content:center; gap:7px;
    padding:8px 12px; background:#eaf3ff; color:#1c3d5a;
    font-size:13.5px; font-weight:600; line-height:1.3;
  }
  .live-watchers strong{ color:#1877F2; font-weight:800; }
  .live-watchers .lw-dot{ width:8px; height:8px; border-radius:50%; background:#e0294a; flex-shrink:0;
    box-shadow:0 0 0 0 rgba(224,41,74,.6); animation:lwPulse 1.5s ease-out infinite; }
  @keyframes lwPulse{ 0%{ box-shadow:0 0 0 0 rgba(224,41,74,.55);} 70%{ box-shadow:0 0 0 6px rgba(224,41,74,0);} 100%{ box-shadow:0 0 0 0 rgba(224,41,74,0);} }

  /* floating live reactions over the video (bottom-right) */
  .live-reax{ position:absolute; right:10px; bottom:8px; width:60px; height:80%; pointer-events:none; z-index:2147483000; }
  .live-reax .fr{ position:absolute; bottom:0; right:0; width:30px; height:30px; border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,.3); will-change:transform,opacity; animation:frFloat 2.6s ease-out forwards; }
  @keyframes frFloat{
    0%{ transform:translateY(8px) scale(.6); opacity:0; }
    15%{ opacity:1; transform:translateY(0) scale(1); }
    100%{ transform:translateY(-150px) translateX(-14px) scale(.9); opacity:0; }
  }

  /* ---------- REACTION SUMMARY ---------- */
  .reax{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px 8px; color:var(--fb-2); font-size:14px; }
  .reax .left{ display:flex; align-items:center; gap:6px; cursor:pointer; }
  .reax .pills{ display:flex; }
  .reax .pill{ width:20px; height:20px; display:block; border-radius:50%; margin-left:-5px; box-shadow:0 0 0 2px #fff; }
  .reax .pill:first-child{ margin-left:0; }
  .reax .right{ display:flex; gap:10px; }
  .reax .right span{ cursor:pointer; }
  .reax .right span:hover{ text-decoration:underline; }

  /* ---------- ACTION BAR ---------- */
  .bar{ display:flex; border-top:1px solid var(--fb-div); border-bottom:1px solid var(--fb-div); margin:0 12px; }
  .bar button{
    flex:1; border:0; background:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:9px 4px; color:var(--fb-2); font-weight:600; font-size:15px; font-family:var(--fb-font);
    border-radius:6px; margin:4px 2px;
  }
  .bar button:hover{ background:var(--fb-hover); }
  .bar button i{ font-size:18px; }
  .bar button.on{ color:var(--fb-like); }

  /* ---------- COMMENTS ---------- */
  .cwrap{ padding:6px 12px 12px; }
  .csort{ display:flex; align-items:center; justify-content:space-between; padding:6px 2px 8px; }
  .csort .s{ font-weight:600; color:var(--fb-2); font-size:15px; cursor:pointer; }
  .csort .s i{ font-size:11px; margin-left:3px; }
  .csort .vc{ color:var(--fb-2); font-size:13px; }

  .cmt{ display:flex; gap:8px; padding:6px 0; align-items:flex-start; }
  .cmt.drip-in{ animation:cmtIn .42s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes cmtIn{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }
  .cmt .av{ width:32px; height:32px; border-radius:50%; flex-shrink:0; overflow:hidden;
    display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:14px; }
  .cmt .av img{ width:100%; height:100%; object-fit:cover; }
  .cmt .body{ min-width:0; flex:1; }
  .bubble{ background:var(--fb-bubble); border-radius:18px; padding:8px 12px; display:inline-block; max-width:100%; }
  .bubble .nm{ font-weight:600; font-size:13px; color:var(--fb-text); display:inline-flex; align-items:center; gap:4px; }
  .bubble .nm .vbadge{ width:12px; height:12px; }
  .bubble .tx{ font-size:15px; color:var(--fb-text); margin-top:1px; line-height:20px; letter-spacing:0; white-space:pre-wrap; word-wrap:break-word; }
  .cmeta{ display:flex; align-items:center; gap:14px; padding:3px 0 0 12px; font-size:12.5px; color:var(--fb-2); font-weight:600; }
  .cmeta button{ border:0; background:none; color:var(--fb-2); font-weight:600; font-size:12.5px; cursor:pointer; padding:0; font-family:var(--fb-font); }
  .cmeta button:hover{ text-decoration:underline; }
  .cmeta .lk.on{ color:var(--fb-like); }
  .cmeta .t{ font-weight:400; }
  /* Reaction summary on a comment — NO container (real FB light mode), real FB
     reaction SVGs (16px native), and the COUNT sits on the LEFT of the icons. */
  .cmeta .rx{ display:none; align-items:center; margin-left:auto; }
  .cmeta .rx.show{ display:inline-flex; }
  .cmeta .rx .rnum{ color:var(--fb-2); font-weight:400; font-size:13px; margin-right:5px; order:0; }
  .cmeta .rx .rgs{ display:inline-flex; align-items:center; order:1; }
  .cmeta .rx .rg{ width:18px; height:18px; display:block; border-radius:50%; margin-left:-5px; box-shadow:0 0 0 1.5px #fff; }
  .cmeta .rx .rgs .rg:first-child{ margin-left:0; }

  /* Replies — indented under the parent. The curved connector starts at the
     PARENT avatar and curves into each reply avatar. Geometry (--elb-w/--elb-h)
     is computed in JS per reply since it depends on the parent bubble height.
     Multiple replies overlap their verticals → one continuous trunk. */
  .replies{ margin:2px 0 0 40px; }
  .replies > .cmt{ position:relative; }
  .replies > .cmt::before{
    content:''; position:absolute; pointer-events:none;
    left: var(--elb-left, -62px);
    top: var(--elb-top, 9px);
    width: var(--elb-w, 60px);
    height: var(--elb-h, 26px);
    border-left:2px solid var(--fb-div);
    border-bottom:2px solid var(--fb-div);
    border-bottom-left-radius:11px;
  }

  /* comment composer + reply box (functional inputs) */
  .composer{ display:flex; align-items:center; gap:8px; padding:8px 0 2px; }
  .composer .av{ width:32px; height:32px; border-radius:50%; background:#e4e6eb; display:flex; align-items:center; justify-content:center; color:#65676b; font-size:14px; flex-shrink:0; }
  .composer .box{ flex:1; background:var(--fb-bubble); border-radius:18px; padding:0 10px 0 14px; display:flex; align-items:center; gap:6px; }
  .composer .box input{ flex:1; border:0; background:none; outline:none; font-family:var(--fb-font); font-size:15px; color:var(--fb-text); padding:9px 0; line-height:20px; }
  .composer .box input::placeholder{ color:var(--fb-2); }
  .composer .box .icns{ display:flex; gap:8px; color:var(--fb-2); font-size:15px; }
  .composer .box .icns i{ cursor:pointer; opacity:.75; }
  .composer .box .icns i:hover{ opacity:1; }
  /* reply box appears under a comment */
  .reply-box{ display:flex; align-items:center; gap:8px; margin:4px 0 2px 40px; }
  .reply-box .av{ width:28px; height:28px; border-radius:50%; background:#e4e6eb; display:flex; align-items:center; justify-content:center; color:#65676b; font-size:12px; flex-shrink:0; }
  .reply-box .box{ flex:1; background:var(--fb-bubble); border-radius:18px; padding:0 14px; display:flex; align-items:center; }
  .reply-box input{ flex:1; border:0; background:none; outline:none; font-family:var(--fb-font); font-size:14px; color:var(--fb-text); padding:8px 0; line-height:19px; }
  .reply-box input::placeholder{ color:var(--fb-2); }
  .cmt.you > .body > .bubble{ background:#eaf3ff; }

  /* ---------- OFFER (revealed at pitch, under the post) ---------- */
  /* Hidden by default — VTurb reveals #offer-block at the pitch time. */
  .offer-card{ background:var(--fb-card); border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.2); padding:22px 18px; text-align:center; }
  @media(min-width:600px){ .offer-card{ padding:28px 26px; } }
  .offer-kick{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#1d8a4e; background:#e7f6ec; display:inline-block; padding:5px 12px; border-radius:999px; margin-bottom:14px; }
  .price .amt{ display:inline-flex; align-items:flex-start; justify-content:center; font-weight:800; letter-spacing:-.03em; line-height:1; color:#050505; }
  .price .amt .was{ align-self:center; font-size:30px; font-weight:700; color:#e0294a; text-decoration:line-through; text-decoration-thickness:2px; margin-right:12px; }
  .price .amt .cur{ font-size:68px; margin-top:0; margin-right:2px; color:#1d8a4e; }
  .price .amt .num{ font-size:68px; color:#1d8a4e; }
  .price .meta{ margin-top:8px; font-size:13.5px; color:var(--fb-2); }
  .price .meta b{ color:#050505; }
  .incl{ list-style:none; margin:16px auto 18px; padding:0; max-width:380px; display:grid; gap:9px; text-align:left; }
  .incl li{ display:flex; gap:10px; align-items:flex-start; font-size:15px; color:#050505; }
  .incl li i{ color:#1d8a4e; margin-top:3px; }

  /* COUPON ticket (replaces the value bullets) — gold brand accent on the white FB card */
  .coupon{ position:relative; display:flex; align-items:stretch; max-width:380px; margin:18px auto 14px; background:#FFFBED; border:1.5px dashed #C99A2E; border-radius:11px; text-align:left; box-shadow:0 3px 10px -4px rgba(201,154,46,.45); }
  .coupon-stub{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 15px; background:linear-gradient(160deg,#E0B843,#C99A2E); color:#0A1628; border-radius:10px 0 0 10px; }
  .coupon-stub .coupon-amt{ font-size:27px; font-weight:800; line-height:1; letter-spacing:-.02em; }
  .coupon-stub .coupon-off{ font-size:11px; font-weight:800; letter-spacing:.16em; margin-top:2px; }
  .coupon-body{ position:relative; flex:1; padding:11px 15px 11px 17px; border-left:2px dashed #C99A2E; }
  .coupon-body::before,.coupon-body::after{ content:""; position:absolute; left:-7px; width:12px; height:12px; border-radius:50%; background:var(--fb-card); }
  .coupon-body::before{ top:-8px; } .coupon-body::after{ bottom:-8px; }
  .coupon-title{ display:block; font-size:14.5px; font-weight:800; color:#050505; }
  .coupon-sub{ display:block; font-size:12px; color:var(--fb-2); margin-top:2px; line-height:1.35; }
  /* spots remaining */
  .spots{ display:flex; align-items:center; justify-content:center; gap:9px; flex-wrap:wrap; max-width:380px; margin:0 auto 14px; font-size:13px; color:#050505; }
  .spots-label{ font-weight:700; color:#b3471d; } .spots-label i{ margin-right:5px; }
  .spots-pips{ display:inline-flex; gap:5px; }
  .spots-pips span{ width:13px; height:16px; border-radius:3px; background:linear-gradient(160deg,#E0B843,#C99A2E); box-shadow:inset 0 0 0 1px rgba(0,0,0,.07); }
  .spots-pips span.used{ background:#dcdcdc; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }
  .spots-pips span.open{ animation:pip 1.4s ease-in-out infinite; }
  @keyframes pip{ 0%,100%{ opacity:1; } 50%{ opacity:.5; } }
  .spots-left b{ color:#b3471d; }
  .incl-mini{ max-width:380px; margin:0 auto 16px; font-size:12.5px; color:var(--fb-2); text-align:center; }
  .incl-mini i{ color:#1d8a4e; margin:0 3px 0 0; }

  /* COUPON REVEAL — plays once when VTurb un-hides #offer-block (.revealed added by JS). */
  .coupon-stub{ position:relative; overflow:hidden; }
  .coupon-stub::after{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.6) 50%,transparent 68%); transform:translateX(-160%); pointer-events:none; }
  #offer-block.revealed .coupon{ animation:couponDrop .62s cubic-bezier(.18,.89,.32,1.28) both, couponGlow 1.5s ease .15s 2; }
  #offer-block.revealed .coupon-stub::after{ animation:couponShine 1s ease .5s 1; }
  #offer-block.revealed .spots{ animation:couponFadeUp .5s ease .34s both; }
  #offer-block.revealed .spots-pips span.open{ animation:pip 1.4s ease-in-out infinite, pipPop .45s ease .5s both; }
  @keyframes couponDrop{ 0%{ opacity:0; transform:translateY(-15px) scale(.9) rotate(-1.5deg); } 60%{ opacity:1; transform:translateY(0) scale(1.03) rotate(.4deg); } 100%{ opacity:1; transform:none; } }
  @keyframes couponGlow{ 0%,100%{ box-shadow:0 3px 10px -4px rgba(201,154,46,.45); } 50%{ box-shadow:0 4px 22px -2px rgba(201,154,46,.85); } }
  @keyframes couponShine{ to{ transform:translateX(160%); } }
  @keyframes couponFadeUp{ 0%{ opacity:0; transform:translateY(8px); } 100%{ opacity:1; transform:none; } }
  @keyframes pipPop{ 0%{ transform:scale(.5); } 70%{ transform:scale(1.25); } 100%{ transform:scale(1); } }
  @media (prefers-reduced-motion: reduce){
    #offer-block.revealed .coupon,
    #offer-block.revealed .coupon-stub::after,
    #offer-block.revealed .spots,
    #offer-block.revealed .spots-pips span.open{ animation:none; }
  }
  .buy{
    display:flex; flex-direction:column; align-items:center; gap:3px;
    background:linear-gradient(#21b85e,#16a34a); color:#fff; font-weight:800;
    border-radius:10px; padding:15px 18px; min-height:66px; justify-content:center;
    box-shadow:0 8px 20px -6px rgba(22,163,74,.5); cursor:pointer;
    animation:pulse 2.2s infinite;
  }
  @keyframes pulse{ 0%,100%{ box-shadow:0 8px 20px -6px rgba(22,163,74,.5);} 50%{ box-shadow:0 8px 28px -4px rgba(22,163,74,.75);} }
  .buy .m{ font-size:19px; } .buy .m i{ margin-right:7px; }
  .buy .s{ font-size:12.5px; font-weight:600; opacity:.95; }
  .reassure{ margin-top:14px; }
  .guarantee{ display:flex; gap:12px; align-items:flex-start; text-align:left; background:#f7f8fa; border:1px solid #e4e6eb; border-radius:10px; padding:12px 14px; }
  .guarantee .sh{ color:#1d8a4e; font-size:22px; margin-top:2px; }
  .guarantee b{ display:block; margin-bottom:2px; }
  .guarantee .g-tx{ font-size:13px; color:var(--fb-2); }
  .guarantee .g-tx a{ color:#1d8a4e; text-decoration:underline; font-weight:600; }
  .trust-row{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:12px; font-size:12.5px; color:var(--fb-2); }
  .trust-row i{ color:#1d8a4e; margin-right:5px; }

  /* ---------- FOOTER ---------- */
  .foot{ max-width:560px; margin:0 auto; text-align:center; font-size:11.5px; color:#8a8d91; line-height:1.7; padding:0 12px; }
  .foot .legal a{ color:#65676b; text-decoration:underline; }
  .foot .disc{ display:block; max-width:540px; margin:10px auto 0; font-size:11px; line-height:1.6; }
  .foot .disc a{ color:#65676b; text-decoration:underline; }
  .foot .copy{ margin-top:10px; }

/* Push Button identities and existing account form. */
.pg-av { background:#111; display:grid; place-items:center; box-shadow:none; }
.pg-av::after { content:none; }
.pg-av img { width:34px; height:auto; }
.vbadge { color:#1877f2; font-size:14px; }
.reaction { display:grid; place-items:center; width:20px; height:20px; font-size:13px; background:#1877f2; color:white; border-radius:50%; margin-left:-4px; box-shadow:0 0 0 2px white; }
.reaction.love { background:#ed4569; }
.reaction.care { background:#f7bd48; }
.fb-logo-symbol { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:white; background:#1877f2; font:bold 42px Arial,sans-serif; overflow:hidden; padding-top:8px; }
.fb-logo-symbol.mobile { width:34px; height:34px; font-size:36px; }
.pbs-cta { display:none; }
/* Let VTurb's selected desktop/mobile video determine its own height. */
.post-media { aspect-ratio:auto; }
.post-media vturb-smartplayer { --player-vertical-width:100% !important; }
.offer-card h2 { font-size:23px; line-height:1.2; margin:0 0 17px; }
.buy { text-decoration:none; }
.coupon-stub .coupon-off { font-size:9px; letter-spacing:.06em; }
.immediate-access { display:inline-block; margin:8px 0; text-decoration:underline; font-weight:600; color:#65676b; }
.comment-notice { margin:0 2px 9px; color:#65676b; font-size:11px; line-height:1.5; }
.local-feedback { margin:8px 0 0; font-size:12px; line-height:1.4; color:#65676b; }
[hidden] { display:none !important; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid #81aef2; outline-offset:3px; }
.funnel-status { margin:16px 0 0; padding:12px 16px; border-radius:8px; background:#f2f6fb; color:#143452; font-size:14px; line-height:1.5; text-align:center; }
.funnel-status.funnel-error { background:#fff1f1; color:#9b1c1c; }
@media(max-width:599px) { .composer .box input { min-width:0; } .reax .right { gap:6px; font-size:12px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; scroll-behavior:auto !important; } }

        .opt-in-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.62); display: none; justify-content: center; align-items: center; z-index: 1000000; padding: 24px 16px; overflow-y: auto; box-sizing: border-box; }
        .opt-in { position: relative; width: 100%; max-width: 440px; max-height: calc(100dvh - 48px); overflow-y: auto; background: #fff; color: #152336; border-radius: 18px; box-shadow: 0 24px 80px rgba(0,0,0,.25); text-align: left; box-sizing: border-box; font-family: Arial, sans-serif; }
        .opt-in-content { padding: 32px; }
        .opt-in .account-step { margin: 0 0 10px; color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; }
        .opt-in h1 { margin: 0 0 9px; padding: 0; font-size: 27px; line-height: 1.2; font-weight: 700; color: #152336; background: none; }
        .opt-in #account-description { margin: 0 0 27px; font-size: 14px; line-height: 1.5; color: #64748b; }
        .opt-in-close { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f1f5f9; color: #475569; font-size: 24px; line-height: 1; cursor: pointer; }
        .opt-in .form-group { margin: 0 0 19px; }
        .opt-in label { display: block; margin: 0 0 7px; font-size: 13px; font-weight: 600; color: #334155; }
        .opt-in input:not([type="hidden"]), .opt-in select { display: block; width: 100%; min-width: 0; height: 49px; border: 1px solid #cbd5e1; border-radius: 8px; padding: 0 13px; background: #fff; color: #152336; font: 16px Arial, sans-serif; box-sizing: border-box; transition: border-color .15s, box-shadow .15s; }
        .opt-in .input-with-icon { position: relative; }
        .opt-in .input-with-icon input { padding-left: 42px; }
        .opt-in .field-icon { position: absolute; left: 14px; top: 15px; width: 19px; height: 19px; color: #94a3b8; pointer-events: none; }
        .opt-in input::placeholder { color: #94a3b8; opacity: 1; }
        .opt-in input:focus, .opt-in select:focus, .opt-in button:focus-visible { outline: 0; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.15); }
        .opt-in .phone-row { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 8px; }
        .opt-in select { padding: 0 7px; font-size: 14px; }
        .opt-in .field-hint { margin: 7px 0 0; color: #64748b; font-size: 12px; line-height: 1.4; }
        .opt-in .validation-message { margin: 7px 0 0; color: #b42318; font-size: 12px; line-height: 1.4; }
        .opt-in .validation-message:empty { display: none; }
        .opt-in input.invalid, .opt-in input[aria-invalid="true"] { border-color: #d92d20; }
        .opt-in-submit { display: block; width: 100%; min-height: 49px; border: 0; border-radius: 8px; margin: 25px 0 0; padding: 14px 16px; background: #1764e8; color: #fff; font: 600 15px Arial, sans-serif; text-align: center; cursor: pointer; box-shadow: none; animation: none; }
        .opt-in-submit:hover { background: #1557ca; }
        .opt-in-submit[aria-disabled="true"] { cursor: wait; opacity: .7; }
        .opt-in .funnel-status { font-size: 13px; }
        @media (max-width: 480px) { .opt-in-content { padding: 30px 22px 24px; } .opt-in h1 { font-size: 25px; } .opt-in .phone-row { grid-template-columns: 120px minmax(0,1fr); } }
        @media (max-height: 640px) { .opt-in-overlay { align-items: flex-start; } }
    

/* Comment feed copied from /fblive1/. */
        .fb-comments-section {
            padding: 8px 16px 4px
        }

        .fb-comment-sort {
            font-size: 14px;
            font-weight: 600;
            color: #050505;
            padding: 4px 0 10px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px
        }

        .fb-comment-sort span {
            color: #65676b;
            font-size: 12px;
            font-weight: 400
        }

        .fb-comment {
            display: flex;
            gap: 8px;
            margin-bottom: 10px;
            animation: m1CommentSlide .35s ease
        }

        @keyframes m1CommentSlide {
            from {
                opacity: 0;
                transform: translateY(-8px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .fb-c-avatar {
            width: 32px;
            height: 32px;
            min-width: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 11px;
            font-weight: 700
        }

        .fb-c-body {
            flex: 1;
            min-width: 0
        }

        .fb-c-bubble {
            background: #f0f2f5;
            border-radius: 18px;
            padding: 8px 12px;
            display: inline-block;
            max-width: 100%
        }

        .fb-c-name {
            font-size: 13px;
            font-weight: 600;
            color: #050505
        }

        .fb-c-city {
            font-size: 11px;
            color: #65676b;
            font-weight: 400
        }

        .fb-c-text {
            font-size: 14px;
            color: #050505;
            line-height: 1.35;
            margin-top: 2px;
            word-wrap: break-word
        }

        .fb-c-meta {
            font-size: 12px;
            color: #65676b;
            padding: 2px 0 0 12px;
            display: flex;
            gap: 12px
        }

        .fb-c-meta span {
            cursor: pointer
        }

        .fb-c-meta span:hover {
            text-decoration: underline
        }

        .fb-typing {
            display: none;
            gap: 8px;
            align-items: center;
            margin-bottom: 10px
        }

        .fb-typing-dots {
            display: flex;
            gap: 3px;
            background: #f0f2f5;
            border-radius: 18px;
            padding: 12px 16px
        }

        .fb-typing-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #65676b;
            animation: m1CommentBounce .6s infinite
        }

        .fb-typing-dot:nth-child(2) {
            animation-delay: .15s
        }

        .fb-typing-dot:nth-child(3) {
            animation-delay: .3s
        }

        @keyframes m1CommentBounce {

            0%,
            100% {
                transform: translateY(0);
                opacity: .4
            }

            50% {
                transform: translateY(-4px);
                opacity: 1
            }
        }


.m1-comment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0;font-size:14px}.m1-comment-heading>span{font-size:12px;color:#65676b}.simulated-notice{margin:8px 16px 10px;font-size:12px;line-height:1.4;color:#65676b}.fb-comments-section{padding-bottom:8px}.card>.composer{margin:0 16px 16px}.card>.local-feedback{margin:0 16px 12px}@media(prefers-reduced-motion:reduce){.fb-comment,.fb-typing-dot{animation:none}}