.n-community { display:block; position:relative; padding:34px 0 42px; background:#fff; color:#424a3e; overflow:hidden; }
.n-community__header { padding:0 20px; margin-bottom:32px; text-align:center; }
.n-community__hearts { display:flex; justify-content:center; gap:4px; margin-bottom:16px; }
.n-community__hearts span { display:grid; place-items:center; width:20px; height:20px; border-radius:2px; background:#5d712f; color:#fff; }
.n-community__hearts svg { width:14px; height:14px; }
.n-community h2 { margin:0; color:inherit; }
.n-community__viewport { overflow-x:auto; scrollbar-width:none; }
.n-community__viewport::-webkit-scrollbar { display:none; }
.n-community__track { display:flex; width:max-content; }
.n-community__group { display:flex; flex:none; gap:12px; padding-right:12px; }
.n-community__photo { flex:none; width:150px; height:200px; border-radius:14px; overflow:hidden; background:#f5f5f1; }
.n-community__photo img { display:block; width:100%; height:100%; object-fit:cover; }
.n-community[data-ready] .n-community__viewport { overflow:hidden; }
.n-community[data-ready] .n-community__track { animation:natunora-community-scroll var(--community-duration, 60s) linear infinite; animation-play-state:paused; }
.n-community[data-in-view] .n-community__track { animation-play-state:running; }
.n-community--reverse[data-ready] .n-community__track { animation-direction:reverse; }
@keyframes natunora-community-scroll { to { transform:translateX(-50%); } }
@media(max-width:749px) {
  .n-community { padding:24px 0 30px; }
  .n-community__header { margin-bottom:28px; }
  .n-community__hearts { margin-bottom:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .n-community[data-ready] .n-community__track { animation:none; }
  .n-community[data-ready] .n-community__viewport { overflow-x:auto; }
  .n-community [data-duplicate] { display:none; }
}

.n-community--dark{isolation:isolate;background:#3e5527;color:#fff}
.n-community--dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('natunora-botanical-pattern-light-v001.svg') center/1200px auto;opacity:.14;mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000)}
.n-community--dark .n-community__hearts span{background:#f7faee;color:#3e5527}
@media(max-width:749px){.n-community--dark::before{background-size:700px auto;opacity:.12;mask-image:linear-gradient(90deg,#000,transparent 48%,#000)}}

.n-community--light{background:#fff;color:#424a3e;border-top:1px solid #e0e6d6}
.n-community--light .n-community__photo{box-sizing:border-box;border:3px solid #fff;border-radius:8px}

.n-community__desktop-break { display:none; }
@media(min-width:900px) { .n-community__desktop-break { display:initial; } }