/* الصفحة العامة للمشترك — خفيفة ومستقلة. المتغيرات تأتي من الصفحة (--bg,--text,--btn...) */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.pub{margin:0;min-height:100vh;font-family:var(--font,'Cairo',system-ui,sans-serif);background:var(--bg,#f6f7f9);background-attachment:fixed;color:var(--text,#14171c);line-height:1.6;-webkit-font-smoothing:antialiased}
.pub__wrap{width:min(560px,100%);margin-inline:auto;padding:0 16px 40px}
.pub__cover{margin-inline:-16px;height:150px;overflow:hidden;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}
.pub__cover img{width:100%;height:100%;object-fit:cover;display:block}
.pub__head{text-align:center;padding:28px 0 18px}
.pub__head.has-cover{margin-top:-52px;padding-top:0}
.pub__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--bg,#fff);display:block;margin:0 auto 12px;background:var(--card)}
.pub__avatar--ph{display:grid;place-items:center;font-size:2.4rem;font-weight:800;color:var(--text);border:3px solid color-mix(in srgb,var(--text) 25%,transparent)}
.pub__head h1{font-size:1.45rem;margin:0 0 4px;color:var(--text)}
.pub__bio{margin:0;color:var(--muted);font-size:.98rem;white-space:pre-line}
.pub__blocks{display:grid;gap:12px}
.b{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;font-weight:700;border-radius:var(--radius);transition:transform .15s,box-shadow .15s,filter .15s;min-height:56px;color:var(--btn-text);background:var(--btn);border:2px solid transparent}
a.b:hover{transform:translateY(-2px);filter:brightness(1.06)}
a.b:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.b__txt{display:grid;flex:1;text-align:center;min-width:0}.b__txt small{font-weight:400;opacity:.8;font-size:.85rem}
.b__emoji{font-size:1.4rem;flex:none;display:inline-grid;place-items:center;width:28px}
.b__thumb{width:44px;height:44px;border-radius:calc(var(--radius) - 4px);object-fit:cover;flex:none}
.b.is-hot{box-shadow:0 0 0 3px color-mix(in srgb,var(--btn) 35%,transparent);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--btn) 0%,transparent)}}
@media (prefers-reduced-motion:reduce){.b.is-hot{animation:none}a.b:hover{transform:none}}
/* أنماط الأزرار */
.bs-soft .b--link,.bs-soft .b--prod__cta{background:color-mix(in srgb,var(--btn) 14%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--btn) 28%,transparent)}
.bs-outline .b--link,.bs-outline .b--prod__cta{background:transparent;color:var(--text);border-color:var(--btn)}
.bs-shadow .b--link,.bs-shadow .b--prod__cta{box-shadow:4px 4px 0 var(--text);border-color:var(--text)}
.bs-shadow .b--link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text)}
.b--head{margin:10px 0 0;font-size:1.05rem;text-align:center;color:var(--text)}
.b--text{margin:0;text-align:center;color:var(--text);white-space:pre-line;background:var(--card);padding:14px 16px;border-radius:var(--radius)}
.b--text.muted{background:none;color:var(--muted)}
.b--div{border:0;height:1px;background:color-mix(in srgb,var(--text) 18%,transparent);width:100%;margin:6px 0}
.b--soc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.b--soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--card);color:var(--text);transition:transform .15s}
.b--soc a:hover{transform:scale(1.08)}
.b--wa{background:#1fa855!important;color:#fff!important}
.b--prod{display:block;padding:0;overflow:hidden;background:var(--card);color:var(--text);font-weight:400}
.b--prod img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.b--prod__body{padding:14px 16px}.b--prod h3{margin:0 0 2px;font-size:1.05rem}.b--prod p{margin:0 0 10px;color:var(--muted);font-size:.9rem}
.b--prod__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{font-weight:800;font-size:1.1rem}
.b--prod__cta{display:inline-block;padding:9px 18px;border-radius:var(--radius);text-decoration:none;font-weight:700;background:var(--btn);color:var(--btn-text);border:2px solid transparent}
.b--vid{margin:0}.b--vid figcaption{font-weight:700;margin-bottom:6px;text-align:center}
.ratio{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}.ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.b--img{display:block;border-radius:var(--radius);overflow:hidden}.b--img img{width:100%;display:block}
.pub__foot{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:34px;font-size:.82rem}
.brandbadge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--card);color:var(--text);text-decoration:none;font-weight:700;opacity:.9}
.logo__mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#c6f432;color:#08080d;font-size:.72rem;font-weight:800}
.reportlink{color:var(--muted);text-decoration:underline;opacity:.7}
.muted{color:var(--muted)}