/* Bellissimo Moments — isolated styles */
#momentsApp{margin-top:18px}
.moments-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 28px}
.moments-tab{appearance:none;border:1px solid rgba(74,34,26,.18);background:rgba(255,255,255,.75);color:#4a221a;padding:10px 18px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer;transition:.22s ease;backdrop-filter:blur(10px)}
.moments-tab:hover{transform:translateY(-2px);border-color:rgba(74,34,26,.42)}
.moments-tab.active{background:#4a221a;color:#fff;border-color:#4a221a;box-shadow:0 12px 28px rgba(74,34,26,.2)}
.moments-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.moment-card{position:relative;grid-column:span 4;min-height:330px;border:0;padding:0;border-radius:24px;overflow:hidden;background:#eadfd8;cursor:pointer;text-align:inherit;box-shadow:0 12px 30px rgba(74,34,26,.08);isolation:isolate;animation:momentIn .48s cubic-bezier(.2,.7,.2,1) both}
.moment-card:nth-child(5n+1){grid-column:span 5}
.moment-card:nth-child(5n+2){grid-column:span 7}
.moment-card:nth-child(5n+4){grid-column:span 7}
.moment-card:nth-child(5n+5){grid-column:span 5}
.moment-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.moment-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(32,12,8,.72));z-index:1}
.moment-card:hover img{transform:scale(1.055)}
.moment-card:hover{box-shadow:0 20px 46px rgba(74,34,26,.16)}
.moment-meta{position:absolute;z-index:2;right:18px;left:18px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#fff}
.moment-branch{font-weight:900;font-size:1.05rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.moment-open{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);font-size:1.2rem}
.moments-empty{grid-column:1/-1;padding:46px 20px;text-align:center;border:1px dashed rgba(74,34,26,.25);border-radius:24px;color:#6b4a42}
.moments-modal{position:fixed;inset:0;z-index:9999;background:rgba(35,14,9,.88);display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .22s ease}
.moments-modal.open{opacity:1;pointer-events:auto}
.moments-modal-card{position:relative;max-width:min(1050px,94vw);max-height:90vh}
.moments-modal img{max-width:100%;max-height:84vh;display:block;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.42)}
.moments-modal-close{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(31,12,8,.64);color:#fff;font-size:1.5rem;cursor:pointer;backdrop-filter:blur(10px)}
.moments-modal-label{position:absolute;right:16px;bottom:15px;background:rgba(31,12,8,.68);color:white;border:1px solid rgba(255,255,255,.18);padding:9px 13px;border-radius:999px;backdrop-filter:blur(10px);font-weight:800}
@keyframes momentIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
html[data-theme="dark"] .moments-tab{background:rgba(74,34,26,.34);border-color:rgba(239,214,199,.18);color:#f5e8df}
html[data-theme="dark"] .moments-tab.active{background:#7b493a;color:#fff;border-color:#8b5a49}
html[data-theme="dark"] .moment-card{background:#321a14;box-shadow:0 12px 34px rgba(0,0,0,.22)}
@media(max-width:900px){.moment-card,.moment-card:nth-child(n){grid-column:span 6;min-height:300px}}
@media(max-width:620px){.moments-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.moments-tabs::-webkit-scrollbar{display:none}.moments-tab{flex:0 0 auto;padding:9px 15px}.moments-grid{gap:12px}.moment-card,.moment-card:nth-child(n){grid-column:1/-1;min-height:330px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.moment-card,.moment-card img,.moments-tab,.moments-modal{animation:none!important;transition:none!important}}.vibe-hero > .container > p{margin-top:19px!important;}