/* Cello TikTok Hub V1.3.0 — separate visual system from Facebook Social Hub. */
.cth1{--cth-accent:#eb5909;--cth-text:#161616;--cth-muted:#6f6f6f;--cth-line:#e9e9e9;margin:28px 0;padding:24px;border:1px solid var(--cth-line);border-radius:18px;background:#fff;overflow:hidden}.cth1-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.cth1-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#111}.cth1-eyebrow:before{content:"♪";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#111;color:#fff;font-size:12px}.cth1-head h2{margin:5px 0 5px;font-size:26px;line-height:1.15;color:var(--cth-text)}.cth1-head p{margin:0;color:var(--cth-muted);max-width:700px}.cth1-link{flex:none;color:var(--cth-accent);font-weight:700;text-decoration:none}.cth1-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.cth1-card{position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#111;color:#fff;text-decoration:none;isolation:isolate}.cth1-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}.cth1-card:hover img{transform:scale(1.03)}.cth1-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0,rgba(0,0,0,.12) 50%,rgba(0,0,0,.03) 100%);z-index:1}.cth1-play{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.64);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28)}.cth1-play svg{width:25px;height:25px;fill:#fff}.cth1-source{position:absolute;z-index:2;left:9px;top:9px;padding:5px 7px;border-radius:7px;background:#111;font-size:10px;font-weight:900;letter-spacing:.06em}.cth1-meta{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:3px}.cth1-meta b{font-size:12px}.cth1-meta small{font-size:10px;opacity:.86}.cth1-views{font-variant-numeric:tabular-nums}.cth1-context{margin-top:20px;margin-bottom:20px}.cth1-context .cth1-head h2{font-size:24px}.cth1-context--product .cth1-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.cth1-card--exact{outline:2px solid rgba(235,89,9,.45);outline-offset:-2px}
.cth1-modal[hidden]{display:none}.cth1-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px}.cth1-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.cth1-modal-box{position:relative;z-index:1;width:min(460px,94vw);height:min(82vh,820px);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45)}.cth1-modal-box iframe{width:100%;height:100%;border:0;background:#000}.cth1-modal-close{position:absolute;z-index:2;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:25px;line-height:1;cursor:pointer}
@media(max-width:1199px){.cth1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cth1-context--product .cth1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.cth1{margin:20px 0;padding:16px 12px;border-radius:14px}.cth1-head{align-items:flex-start;margin-bottom:12px}.cth1-head h2,.cth1-context .cth1-head h2{font-size:21px}.cth1-head p{font-size:13px}.cth1-link{font-size:12px}.cth1-grid,.cth1-context--product .cth1-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,166px);grid-auto-columns:132px;grid-template-columns:none;gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 26px 8px 1px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cth1-grid::-webkit-scrollbar{display:none}.cth1-card{width:132px;height:166px;aspect-ratio:auto;scroll-snap-align:start;border-radius:11px}.cth1-play{width:36px;height:36px}.cth1-play svg{width:20px;height:20px}.cth1-source{font-size:9px;padding:4px 5px}.cth1-meta{left:7px;right:7px;bottom:7px}.cth1-meta b{font-size:10px}.cth1-meta small{font-size:9px}.cth1-modal{padding:10px}.cth1-modal-box{height:min(85vh,760px)}}