:root { --card-radius: 22px; --cream: #f5f1e5;}
.feed-wrap { position: relative; overflow: hidden; }
.feed-rail { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; padding: 8px 8px 16px; }
.feed-rail::-webkit-scrollbar { height: 10px; }
.feed-rail::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 10px; }
.feed-card { flex: 0 0 90%; max-width: 90%; background: #fff; border-radius: var(--card-radius); box-shadow: var(--shadow); scroll-snap-align: start; }
@media (min-width: 992px) { .feed-card { flex-basis: 32%; max-width: 32%; } }
.card-head { display: flex; gap: 12px; align-items: center; padding: 16px 18px 0; }
.card-head .avatar { width: 80px; border-radius: 50%; overflow: hidden; border: 2px solid #eee; }
.card-head .brand { font-weight: 700; margin-bottom: 2px; }
.card-head .date { font-size: .9rem; color: #555; }
.card-head .ig { width: 26px; height: 26px; margin-left: auto; background: url('https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg') center/contain no-repeat; opacity: .9; }
.card-body { padding: 10px 18px 0; }
.card-img { position: relative; margin: 8px 8px 16px; border-radius: calc(var(--card-radius) - 4px); overflow: hidden; }
.card-img img { width: 100%; height: auto; display: block; }
.badge-count { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.65); color: #fff; font-weight: 700; padding: 2px 8px; border-radius: 20px; font-size: .9rem; }
.arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 1px solid #eee; box-shadow: var(--shadow); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 5; }
.arrow:disabled { opacity: .4; cursor: not-allowed; }
.arrow svg { width: 18px; height: 18px; }
.arrow.prev { left: -6px; }
.arrow.next { right: -6px; }
.veja { font-weight: 700; color: #111; text-decoration: none; }
.veja:hover { text-decoration: underline; }