/* Cello Social Hub V1.1.0 — Homepage gallery + compact two-row native mobile peek slider. Media is served locally after worker sync/review. */
.csh1{margin-top:34px;padding:30px;border:1px solid #e8e3df;border-radius:22px;background:#fff}.csh1-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.csh1-head h2{margin:5px 0 7px;font-size:30px;line-height:1.15;font-weight:800;color:#202226}.csh1-head p{max-width:760px;margin:0;color:#73777d;line-height:1.55}.csh1-facebook-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:11px 15px;border:1px solid #eb5909;border-radius:999px;color:#eb5909;font-size:13px;font-weight:750;text-decoration:none;transition:.18s ease}.csh1-facebook-link:hover{background:#eb5909;color:#fff;text-decoration:none}.csh1-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.csh1-card{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;border-radius:14px;background:#f2efed;color:#fff;isolation:isolate}.csh1-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .3s ease,filter .3s ease}.csh1-card:hover img{transform:scale(1.035)}.csh1-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.62) 100%);z-index:1}.csh1-meta{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:7px}.csh1-meta b{font-size:12px;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.csh1-meta small{padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.92);color:#222;font-size:9px;font-weight:850;letter-spacing:.06em}.csh1-play{position:absolute;left:50%;top:50%;z-index:3;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(235,89,9,.94);box-shadow:0 8px 24px rgba(0,0,0,.18)}.csh1-play svg{width:24px;height:24px;fill:#fff}.csh1-card:focus-visible{outline:3px solid rgba(235,89,9,.35);outline-offset:3px}
@media(max-width:1199px){.csh1-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:991px){.csh1-grid{grid-template-columns:repeat(3,1fr)}.csh1{padding:22px}}@media(max-width:767px){.csh1{margin-top:24px;padding:16px;border-radius:18px;overflow:hidden}.csh1-head{display:block;margin-bottom:15px}.csh1-head h2{font-size:24px}.csh1-facebook-link{margin-top:12px;padding:9px 13px}.csh1-grid{--csh1-mobile-card:clamp(124px,36vw,148px);display:grid;grid-template-columns:none;grid-template-rows:repeat(2,var(--csh1-mobile-card));grid-auto-flow:column;grid-auto-columns:var(--csh1-mobile-card);gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;margin-right:-16px;padding:0 16px 4px 0}.csh1-grid::-webkit-scrollbar{display:none}.csh1-card{width:100%;height:100%;aspect-ratio:auto;border-radius:12px;scroll-snap-align:start;scroll-snap-stop:normal}.csh1-card:hover img{transform:scale(1.001)}.csh1-play{width:36px;height:36px}.csh1-play svg{width:19px;height:19px}.csh1-meta{left:8px;right:8px;bottom:8px}.csh1-meta b{font-size:10px}.csh1-meta small{padding:2px 5px;font-size:8px}}

/* Brand/Product context reuse the same Social Hub visual language. */
.csh1-context{margin:28px 0 30px}.csh1-context .csh1-head{margin-bottom:16px}.csh1-context-eyebrow{display:block;margin-bottom:5px;color:#9b8374;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.csh1-context--brand .csh1-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.csh1-context--product .csh1-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.csh1-context--product .csh1-head h2{font-size:26px}.csh1-card--exact{box-shadow:0 0 0 2px rgba(235,89,9,.16) inset}
@media(max-width:1199px){.csh1-context--product .csh1-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:991px){.csh1-context--brand .csh1-grid,.csh1-context--product .csh1-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.csh1-context{margin:22px 0}.csh1-context .csh1-head h2,.csh1-context--product .csh1-head h2{font-size:22px}.csh1-context--brand .csh1-grid,.csh1-context--product .csh1-grid{--csh1-mobile-card:clamp(124px,36vw,148px);display:grid;grid-template-columns:none;grid-template-rows:repeat(2,var(--csh1-mobile-card));grid-auto-flow:column;grid-auto-columns:var(--csh1-mobile-card)}}