.cm-community-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,80px); }
.cm-community-grid .cm-feed-window { height:430px; gap:18px; min-width:0; }
.cm-community-grid .cm-feed-window.is-static { height:auto; }
.cm-community-grid .cm-feed-set { gap:20px; padding-bottom:20px; }
.cm-community-grid .cm-feed-product img { border-radius:13px; }
.cm-community-grid .cm-feed-caption { align-items:flex-start; flex-direction:column; gap:5px; padding:11px 2px; }
.cm-community-grid .cm-feed-caption strong { font-size:13px; line-height:1.4; }
.cm-community-grid .cm-feed-caption > span { font-size:11px; }
.cm-community-invite { position:relative; padding:25px 0; min-width:0; }
.cm-community-gift { display:grid; place-items:center; width:66px; height:66px; margin-bottom:26px; border-radius:20px; background:radial-gradient(circle at 35% 20%,#c49bfa22,#a572dc08); color:#cfacf4; font-size:31px; }
.cm-community-gift > i { animation:cm-gift-heartbeat 3.6s ease-in-out infinite; transform-origin:50% 65%; }
@keyframes cm-gift-heartbeat { 0%,38%,100% { transform:scale(1); } 12% { transform:scale(1.1) rotate(-3deg); } 23% { transform:scale(1); } 30% { transform:scale(1.06) rotate(2deg); } }
.cm-community-invite .cm-community-eyebrow { display:flex; align-items:center; gap:8px; color:#91bedb; font:10px/1.6 ui-monospace,monospace; letter-spacing:.12em; margin:0 0 16px; }
.cm-community-invite h3 { margin:0 0 20px; color:#f0e7f6; font:400 clamp(29px,3vw,42px)/1.16 Georgia,serif; letter-spacing:-.025em; }
.cm-community-invite h3 em { color:#c19ae9; font-weight:400; }
.cm-community-invite .cm-community-message { max-width:450px; margin:0 0 22px; font-size:14px; line-height:1.8; color:#ac9cba; }
.cm-community-invite .cm-community-reward { display:flex; align-items:flex-start; gap:10px; margin:0 0 25px; color:#dbc7ed; font-size:13px; line-height:1.7; }
.cm-community-reward > i { color:#d5b887; margin-top:4px; }
.cm-community-join { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 22px; font-size:12px; }
.cm-community-join > i:last-child { font-size:10px; }
.cm-community-join:disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:760px) { .cm-community-grid { grid-template-columns:1fr; gap:24px; } .cm-community-grid .cm-feed-window { height:310px; width:100%; max-width:500px; margin:auto; gap:14px; } .cm-community-invite { padding:8px 0 0; } .cm-community-invite h3 { font-size:33px; } }
@media(prefers-reduced-motion:reduce) { .cm-community-gift > i { animation:none; } }