
/* Instagram Feed Grid */
.ch-ig-feed { margin: 2rem 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.ch-ig-title { text-align:center; font-size:1.3rem; margin-bottom:1rem; color:#1a1a2e; }
.ch-ig-icon { font-family:'Font Awesome 5 Brands', sans-serif; }
.ch-ig-grid { display:grid; gap:4px; }
.ch-ig-feed[data-columns="4"] .ch-ig-grid { grid-template-columns: repeat(4, 1fr); }
.ch-ig-feed[data-columns="3"] .ch-ig-grid { grid-template-columns: repeat(3, 1fr); }
.ch-ig-feed[data-columns="2"] .ch-ig-grid { grid-template-columns: repeat(2, 1fr); }
@media(max-width:768px) { .ch-ig-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media(max-width:480px) { .ch-ig-grid { grid-template-columns: repeat(1, 1fr) !important; } }
.ch-ig-item { position:relative; display:block; overflow:hidden; aspect-ratio:1; background:#f0f0f0; }
.ch-ig-item img { width:100%; height:100%; object-fit:cover; transition:transform 0.3s; }
.ch-ig-item:hover img { transform:scale(1.05); }
.ch-ig-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.4); display:flex; align-items:center; justify-content:center; gap:12px; opacity:0; transition:opacity 0.3s; color:#fff; font-size:0.9rem; }
.ch-ig-item:hover .ch-ig-overlay { opacity:1; }
.ch-ig-video::after { content:'\\25B6'; position:absolute; top:8px; right:8px; color:#fff; font-size:1.2rem; text-shadow:0 1px 3px rgba(0,0,0,0.5); }
.ch-ig-follow { display:block; text-align:center; margin:1rem 0; padding:0.6rem 1.5rem; background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff; text-decoration:none; border-radius:6px; font-weight:600; max-width:280px; margin-left:auto; margin-right:auto; }
.ch-ig-follow:hover { opacity:0.9; color:#fff; }
.ch-ig-ugc-title { text-align:center; margin:1.5rem 0 0.5rem; font-size:1.1rem; color:#555; }
.ch-ig-ugc-grid { opacity:0.9; }
/* Facebook Reviews */
.ch-fb-reviews { margin:2rem 0; }
.ch-fb-title { font-size:1.2rem; margin-bottom:1rem; }
.ch-fb-review { padding:1rem; margin-bottom:0.8rem; background:#fafafa; border-left:3px solid #1877f2; border-radius:4px; }
.ch-fb-review-header { display:flex; align-items:center; gap:0.8rem; margin-bottom:0.4rem; flex-wrap:wrap; }
.ch-fb-stars { color:#f5a623; }
.ch-fb-date { color:#999; font-size:0.85rem; }
/* Social Proof Banner */
.ch-social-proof-banner { display:flex; justify-content:center; gap:2rem; padding:1.5rem; background:linear-gradient(135deg,#1a1a2e,#16213e); color:#fff; border-radius:8px; margin:2rem 0; flex-wrap:wrap; }
.ch-sp-item { text-align:center; }
.ch-sp-num { display:block; font-size:1.8rem; font-weight:700; color:#c9a84c; }
.ch-sp-label { font-size:0.8rem; opacity:0.8; }
/* Social Proof Popup */
#ch-social-proof-popup { position:fixed; bottom:20px; left:20px; z-index:9999; background:#fff; border-radius:10px; box-shadow:0 4px 20px rgba(0,0,0,0.15); padding:12px 16px; max-width:360px; border-left:4px solid #c9a84c; }
#ch-sp-close { position:absolute; top:4px; right:8px; background:none; border:none; font-size:1.2rem; cursor:pointer; color:#999; }
.ch-sp-content { display:flex; align-items:center; gap:10px; }
.ch-sp-icon { font-size:1.5rem; color:#c9a84c; }
.ch-sp-text strong { display:block; font-size:0.85rem; color:#1a1a2e; }
.ch-sp-text small { font-size:0.75rem; color:#777; }
@keyframes chSpSlideIn { from { transform:translateX(-120%); opacity:0; } to { transform:translateX(0); opacity:1; } }
@keyframes chSpSlideOut { from { transform:translateX(0); opacity:1; } to { transform:translateX(-120%); opacity:0; } }
@media(max-width:480px) { #ch-social-proof-popup { left:10px; right:10px; max-width:none; bottom:10px; } }
