.carousel-container{width:100%;max-width:1400px;margin:auto}.carousel-wrapper{position:relative}.carousel-viewport{overflow:hidden;width:100%}.carousel-track{display:flex;gap:1.5rem;transition:transform .5s cubic-bezier(.25,.8,.25,1);align-items:stretch}.carousel-card{flex:0 0 calc(33.333% - 1rem);background-color:var(--background-color);border-radius:1rem;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.carousel-card:hover{transform:translateY(-1px);cursor:pointer}.carousel-card img{width:100%;height:280px;border-radius:1rem;object-fit:cover;display:block}.card-content{padding:1.25rem 0;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;flex:1}.carousel-navigation{display:flex;gap:1rem;margin-top:1.5rem}.nav-btn{display:flex;width:56px;height:56px;justify-content:center;align-items:center;gap:var(--spacing-lg,12px);border-radius:var(--radius-full,9999px);background-color:var(--background-color);cursor:pointer;border:1px solid var(--Colors-Border-border-secondary,#e9eaeb)}.nav-btn:hover:not(:disabled){background-color:#f0f0f0;box-shadow:0 2px 4px rgba(0,0,0,.08)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;background-color:#f5f5f5}.nav-btn svg{width:20px;height:20px;stroke:var(--text-color);stroke-width:2}@media (max-width:1400px){.carousel-container{padding:1rem}}@media (max-width:1024px){.carousel-card{flex:0 0 calc(50% - 0.75rem)}}@media (max-width:768px){.carousel-viewport{overflow:visible}.carousel-track{display:block;transform:none!important}.carousel-card{width:100%;margin-bottom:1.5rem;display:none}.carousel-card:nth-child(-n+3){display:block}.carousel-navigation{display:none}}