.litter-card{flex-direction:column!important}.litter-main-row{display:flex;width:100%}@media(max-width:992px){.litter-main-row{flex-direction:column}.litter-main-row .litter-image{min-width:100%;height:350px}}.updates-container{margin-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.05);padding:var(--spacing-sm) var(--spacing-lg);width:100%;display:flex;flex-direction:column;align-items:center}.updates-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:var(--spacing-sm)}.updates-toggle-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.updates-toggle-btn .paw-icon{font-size:1.1rem;transition:transform .3s ease}.updates-toggle-btn.active .paw-icon{transform:rotate(180deg)}.updates-feed{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);position:relative}.updates-feed.expanded{max-height:800px;margin-top:1.5rem;overflow-y:auto;width:100%;display:block;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent;padding:10px 10px 10px 45px}.timeline-vertical-line{position:absolute;left:25px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0%,#e2e8f0 5%,#e2e8f0 95%,transparent 100%);z-index:1}.updates-feed.expanded::-webkit-scrollbar{width:6px}.updates-feed.expanded::-webkit-scrollbar-track{background:transparent}.updates-feed.expanded::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:20px}.puppy-loader{display:none;justify-content:center;align-items:center;padding:1rem 0;font-size:1.5rem;gap:.5rem}.updates-feed.expanding .puppy-loader{display:flex}.paw-print{opacity:0;animation:pawWalk 1.5s infinite}.paw-print:nth-child(2){animation-delay:.3s}.paw-print:nth-child(3){animation-delay:.6s}.paw-print:nth-child(4){animation-delay:.9s}@keyframes pawWalk{0%{opacity:0;transform:translateY(10px) scale(.5)}50%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-10px) scale(.5)}}.update-card-new{background-color:#fff;box-shadow:0 4px 20px #00000014;padding:1.25rem;position:relative;overflow:hidden;border-radius:12px;margin:1.25rem auto;max-width:320px;display:flex;flex-direction:column;gap:.35rem;text-align:left;transition:transform .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.03);animation:slideUp .5s ease-out forwards;opacity:0;transform:translateY(20px)}.update-card-new:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.update-number-badge{width:3.5rem;height:3.5rem;background-color:var(--color-accent);border-radius:9999px;position:absolute;right:-.75rem;top:-1rem;box-shadow:inset 0 0 15px #0000001a}.update-number-badge .number-text{position:absolute;bottom:.8rem;left:1rem;color:#fff;font-size:1rem;font-weight:800}.update-card-new h3{font-weight:800;font-size:1rem;color:var(--color-primary);margin:0;font-family:var(--font-serif)}.update-card-new p.update-text{font-size:.875rem;color:#475569;line-height:1.5;margin:.25rem 0}.new-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:1px;box-shadow:0 4px 15px #d4af3766;z-index:10;animation:bounce 2s infinite;border:1px solid rgba(255,255,255,.2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.update-card:nth-child(1){animation-delay:.1s}.update-card:nth-child(2){animation-delay:.2s}.update-card:nth-child(3){animation-delay:.3s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.update-date{font-size:.8rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:.25rem}.update-text{font-size:1.05rem;color:#fff;line-height:1.5;margin-bottom:.5rem;max-width:100%;font-family:var(--font-serif)}.update-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-top:.5rem}.update-media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease}.update-media-grid img:hover{transform:scale(1.05)}.update-video{width:100%;aspect-ratio:16/9;border-radius:12px;margin-top:.5rem;border:none}.update-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;width:100%;justify-content:center}.update-media-grid img,.update-media-grid .video-container{max-width:450px;width:100%!important;border-radius:12px;overflow:hidden;margin:.5rem auto;box-shadow:0 4px 15px #0000001a}.reactions-bar{display:flex;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);justify-content:center;width:100%}.reaction-btn.reacted{background:var(--color-primary);border-color:var(--color-primary)}.reaction-btn.reacted .reaction-count{color:#fff}.reaction-btn.reacted .reaction-emoji{filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.reaction-btn{background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border-radius:12px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:visible;min-width:55px}.reaction-btn:hover:not(.reacted){background:#f1f5f9;transform:scale(1.05) translateY(-2px);border-color:var(--color-primary)}.reaction-emoji{font-size:1.4rem;line-height:1}.reaction-count{font-size:.8rem;font-weight:800;color:#64748b}.animate-paw{animation:pawStamp .4s cubic-bezier(.175,.885,.32,1.275)}.animate-heart{animation:heartBeat .5s ease-in-out}.animate-love{animation:loveFloat .6s ease-out}@keyframes pawStamp{0%{transform:scale(1)}30%{transform:scale(1.4) rotate(-10deg)}50%{transform:scale(.9) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes loveFloat{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-15px) scale(1.2);opacity:.8}to{transform:translateY(-30px) scale(1.5);opacity:0}}.updates-content.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:dense;gap:1rem;width:100%;padding:.5rem}.update-card-new.bento-style{margin:0;max-width:none;height:100%;display:flex;flex-direction:column;padding:1rem}.update-card-new.bento-style[data-size=large]{grid-column:span 2}.update-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.update-date-badge{background:var(--color-primary);color:#fff;padding:2px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.update-age-tag{font-size:.7rem;font-weight:700;color:var(--color-accent);background:#fffbeb;padding:2px 8px;border-radius:6px;border:1px solid #fef3c7}.update-card-new.bento-style .update-number-badge{position:static;width:24px;height:24px;background:#f1f5f9;box-shadow:none}.update-card-new.bento-style .update-number-badge .number-text{position:static;color:#94a3b8;font-size:.7rem;line-height:24px;text-align:center;width:100%}.update-card-new.bento-style .timeline-dot{position:absolute;left:-24px;top:2rem;width:12px;height:12px;background:#fff;border:3px solid var(--color-accent);border-radius:50%;z-index:5;box-shadow:0 0 0 3px #fff}.update-card-new.bento-style .timeline-dot:after{content:"";position:absolute;left:9px;top:2px;width:20px;height:2px;background:#e2e8f0;z-index:-1}.update-card-content-wrapper{flex:1}@media(max-width:900px){.update-card-new.bento-style[data-size=large]{grid-column:span 1}}@media(max-width:650px){.updates-content.bento-grid{grid-template-columns:1fr}}