/* Doorganic stands kit: TikTok and Facebook mockups built from a stand's own posts
   (see channels.js). Every class starts with ch- so it never meets a page class. */
.ch-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,2.4vw,30px);align-items:start}
.ch-cap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 9px;font:800 12.5px/1.3 Montserrat,system-ui,sans-serif;color:#004536}
.ch-cap .ch-no{flex:none;min-width:34px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#0E1A17;color:#fff;font-size:11.5px;font-weight:900}
.ch-cap small{font-weight:600;color:#646363;font-size:11.5px}

/* phone */
.ch-phone{width:100%;max-width:320px;margin-inline:auto;border-radius:36px;background:#111;padding:9px;box-shadow:0 30px 60px -34px rgba(0,0,0,.6)}
.ch-scr{border-radius:28px;overflow:hidden;background:#fff;color:#111;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
.ch-sb{display:flex;justify-content:space-between;padding:10px 20px 2px;font-size:12px;font-weight:700}
.ch-av{position:relative;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;aspect-ratio:1}
.ch-av>*{width:100%!important;height:100%!important;max-width:none!important}
.ch-av .ch-sym{width:52%!important;height:auto!important;aspect-ratio:420.24/379.83}
.ch-cell{position:relative;overflow:hidden;background:#d9d4cf;isolation:isolate}

/* TikTok profile */
.ch-tt-top{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 0;font-weight:800;font-size:15px}
.ch-tt-top i{font-style:normal;font-weight:400;opacity:.55}
.ch-tt .ch-av{width:86px;margin:8px auto 0}
.ch-tt-h{text-align:center;font-size:14px;font-weight:700;margin-top:8px}
.ch-tt-st{display:flex;justify-content:center;gap:22px;margin-top:10px;text-align:center;font-size:11px;color:#6b6b6b}
.ch-tt-st b{display:block;font-size:15px;color:#111}
.ch-tt-bt{display:flex;justify-content:center;gap:6px;margin-top:12px}
.ch-tt-bt span{border-radius:4px;padding:8px 14px;font-size:13px;font-weight:700;background:#f1f1f2}
.ch-tt-bt span:first-child{background:#FE2C55;color:#fff;padding-inline:28px}
.ch-tt-bio{text-align:center;font-size:12px;line-height:1.38;padding:10px 16px 2px}
.ch-tt-bio a{display:block;font-weight:700;color:#111;text-decoration:none;margin-top:2px}
.ch-tt-tabs{display:flex;border-bottom:1px solid #eee;margin-top:10px}
.ch-tt-tabs span{flex:1;display:grid;place-items:center;padding:8px 0;opacity:.4}
.ch-tt-tabs span:first-child{opacity:1;box-shadow:inset 0 -2px 0 #111}
.ch-tt-tabs svg{width:17px;height:17px;fill:currentColor}
.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px}
.ch-grid .ch-cell{aspect-ratio:3/4}
.ch-play{position:absolute;left:5px;bottom:4px;z-index:60;width:12px;height:12px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}

/* TikTok video */
.ch-vid{position:relative;aspect-ratio:9/16;width:100%;max-width:320px;margin-inline:auto;border-radius:20px;overflow:hidden;background:var(--bg,#004536);container-type:inline-size;box-shadow:0 30px 60px -34px rgba(0,0,0,.6);font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
.ch-vtop{position:absolute;left:0;right:0;top:4.5cqw;z-index:70;text-align:center;color:rgba(255,255,255,.75);font-size:4.2cqw;font-weight:600}
.ch-vtop b{color:#fff;box-shadow:0 .9cqw 0 -0.3cqw #fff}
.ch-hook{position:absolute;left:6cqw;right:6cqw;top:13cqw;z-index:30;margin:0;font:900 8.4cqw/.98 Montserrat,system-ui,sans-serif;color:var(--ink,#FBF3EC);text-transform:uppercase;letter-spacing:-.02em}
.ch-mid{position:absolute;left:7.5cqw;right:7.5cqw;top:41cqw;aspect-ratio:4/5;border-radius:3cqw;overflow:hidden;box-shadow:0 3cqw 6cqw -3cqw rgba(0,0,0,.45)}
.ch-vid.full .ch-mid{inset:0;aspect-ratio:auto}
.ch-vid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52cqw;z-index:40;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.ch-rail{position:absolute;right:3cqw;bottom:30cqw;z-index:60;display:grid;gap:4.5cqw;justify-items:center;color:#fff;font-size:3.4cqw;font-weight:700;text-align:center}
.ch-rail .ch-av{width:12cqw;box-shadow:0 0 0 .6cqw #fff}
.ch-rail svg{width:9cqw;height:9cqw;fill:#fff;display:block;margin:0 auto .6cqw;filter:drop-shadow(0 .4cqw .8cqw rgba(0,0,0,.4))}
.ch-vcap{position:absolute;left:4.5cqw;right:20cqw;bottom:6cqw;z-index:60;color:#fff;font-size:3.8cqw;line-height:1.3;text-shadow:0 .3cqw 1cqw rgba(0,0,0,.5)}
.ch-vcap b{display:block;font-size:4.4cqw}
.ch-vcap em{display:block;font-style:normal;margin-top:1.6cqw;font-size:3.4cqw;opacity:.9}

/* Facebook page */
.ch-fb{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(14,26,23,.5),0 0 0 1px rgba(14,26,23,.08);font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;color:#1c1e21;container-type:inline-size}
.ch-fb-cover{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:2.6/1;background:#ddd}
.ch-fb-cover .ch-cell{height:100%}
.ch-fb-hd{display:flex;align-items:flex-end;gap:14px;padding:0 16px;margin-top:-7cqw;position:relative;z-index:5;flex-wrap:wrap}
.ch-fb-hd .ch-av{width:clamp(70px,17cqw,112px);box-shadow:0 0 0 4px #fff;background:#fff}
.ch-fb-nm{padding-bottom:4px;min-width:0}
.ch-fb-nm b{display:block;font-size:clamp(17px,4.2cqw,26px);font-weight:800;line-height:1.1}
.ch-fb-nm span{display:block;font-size:13px;color:#65676b;margin-top:3px}
.ch-fb-bt{display:flex;gap:8px;padding:12px 16px;flex-wrap:wrap}
.ch-fb-bt span{border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700;background:#e4e6eb}
.ch-fb-bt span:first-child{background:#0866FF;color:#fff}
.ch-fb-tabs{display:flex;gap:18px;padding:0 16px;border-top:1px solid #e4e6eb;font-size:13px;font-weight:700;color:#65676b;overflow:hidden}
.ch-fb-tabs span{padding:10px 0;white-space:nowrap}
.ch-fb-tabs span:first-child{color:#0866FF;box-shadow:inset 0 -3px 0 #0866FF}
.ch-fb-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;padding:12px;background:#f0f2f5;align-items:start}
@container (max-width:560px){.ch-fb-body{grid-template-columns:1fr}}
.ch-fb-card{background:#fff;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.42}
.ch-fb-card h4{margin:0 0 6px;font-size:15px}
.ch-fb-card p{margin:5px 0}
.ch-fb-ph{display:flex;gap:8px;align-items:center}
.ch-fb-ph .ch-av{width:38px}
.ch-fb-ph b{display:block;font-size:13.5px}
.ch-fb-ph span{font-size:12px;color:#65676b}
.ch-fb-txt{margin:8px 0 0}
.ch-fb-img{margin:10px -14px 0}
.ch-fb-img .ch-cell{aspect-ratio:4/5}
.ch-fb-re{display:flex;justify-content:space-around;border-top:1px solid #e4e6eb;margin-top:8px;padding-top:8px;color:#65676b;font-weight:700;font-size:12.5px}

.ch-fb-feed{display:grid;gap:12px;align-content:start}