:root{--carousel-card-width-mobile:calc(100% - 32px);--carousel-card-width-tablet:calc(50% - 8px);--carousel-card-width-desktop:calc(25% - 12px);--carousel-card-width-large:calc(20% - 14px)}.carousel-wrapper{margin:1.5rem auto;padding:0;position:relative;z-index:1;max-width:1060px;width:100%}.carousel-scroll{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:.5rem 0;margin:0 1rem;width:calc(100% - 2rem);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(to right,var(--color-bg-medium) 0,var(--color-bg-medium) 85%,rgba(38,38,38,0) 100%)}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-primary);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;z-index:3;opacity:.8;transition:opacity .2s,background-color .2s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.carousel-nav-btn:hover{opacity:1;background-color:var(--color-primary-light)}.carousel-nav-btn:disabled{opacity:.35;cursor:default}.carousel-nav-btn:active{transform:translateY(-50%) scale(.95)}.carousel-nav-btn--left{left:.5rem}.carousel-nav-btn--right{right:.5rem}@media (min-width:768px){.carousel-nav-btn--left{left:1rem}.carousel-nav-btn--right{right:1rem}}.carousel-card{flex:0 0 var(--carousel-card-width-mobile);flex-shrink:0;max-width:180px;scroll-snap-align:start;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:var(--color-bg-card);box-shadow:var(--shadow-sm);transition:.2s;display:flex;flex-direction:column;position:relative;z-index:1;border:1px solid var(--color-border)}.carousel-card:active,.carousel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--color-border-hover)}.carousel-card__image-wrapper{position:relative;width:100%;height:150px;overflow:hidden;background:var(--color-bg-dark)}.carousel-card__image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .3s}.carousel-card:hover .carousel-card__image{transform:scale(1.05)}.carousel-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-medium) 0,var(--color-bg-darker) 100%)}.carousel-card__badge{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.9);color:var(--color-primary-light);padding:4px 8px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px;z-index:2;border:1px solid var(--color-border)}.carousel-card__badge i{font-size:10px}.carousel-card__content{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.35rem;background:var(--color-bg-card)}.carousel-card__title{font-size:13px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);font-family:var(--font-sans)}.carousel-card__category{font-size:10px;background:rgba(255,105,180,.15);color:var(--color-primary-light);padding:3px 6px;border-radius:3px;display:inline-block;width:fit-content;text-transform:capitalize;border:1px solid var(--color-border)}.carousel-card__rating{display:flex;align-items:center;gap:3px;font-size:11px;margin-top:auto}.carousel-card__rating i{font-size:10px;color:#ffc107}.carousel-card__rating-value{color:var(--color-text-muted);font-weight:500;margin-left:2px}@media (min-width:480px){.carousel-card{flex:0 0 var(--carousel-card-width-tablet);max-width:220px;height:auto}.carousel-card__image-wrapper{height:160px}}@media (min-width:768px){.carousel-scroll{gap:1rem;margin:0 1.5rem;width:calc(100% - 3rem);overflow-x:scroll;background:linear-gradient(to right,var(--color-bg-medium) 0,var(--color-bg-medium) 80%,rgba(38,38,38,0) 100%)}.carousel-card{flex:0 0 var(--carousel-card-width-desktop);max-width:240px}.carousel-card__image-wrapper{height:180px}.carousel-card__title{font-size:14px}}@media (min-width:1024px){.carousel-card{flex:0 0 var(--carousel-card-width-large);max-width:260px}.carousel-card__image-wrapper{height:200px}}.carousel-section{margin:1.5rem auto .75rem;position:relative;z-index:1;max-width:1060px;width:100%;padding:0 1rem}.carousel-section__title{font-size:16px;font-weight:700;margin:0 0 .75rem;color:var(--color-text-primary);letter-spacing:-.3px;font-family:var(--font-sans);padding-bottom:.75rem;border-bottom:2px solid var(--color-primary);display:inline-block}@media (min-width:768px){.carousel-section{padding:0 1.5rem}.carousel-section__title{font-size:18px;margin:0}}.carousel-card--imageless{background:linear-gradient(135deg,var(--color-bg-card) 0,var(--color-bg-darker) 100%);border:1px solid var(--color-border);min-height:140px;justify-content:space-between;display:flex;flex-direction:column}.carousel-card--imageless .carousel-card__imageless-header{padding:.75rem .75rem .5rem;display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;min-height:28px}.carousel-card--imageless .carousel-card__category{font-size:10px;background:rgba(255,105,180,.15);color:var(--color-primary-light);padding:3px 6px;border-radius:3px;border:1px solid var(--color-border);text-transform:capitalize;display:inline-block;width:fit-content}.carousel-card--imageless .carousel-card__badge-new{font-size:9px;background:rgba(76,175,80,.2);color:#4caf50;padding:3px 6px;border-radius:3px;border:1px solid rgba(76,175,80,.4);font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap}.carousel-card--imageless .carousel-card__content--imageless{padding:.5rem .75rem .75rem;gap:.5rem;flex:1;display:flex;flex-direction:column}.carousel-card--imageless .carousel-card__title--imageless{font-size:13px;font-weight:700;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-primary);margin:0 0 .35rem}.carousel-card__imageless-stats{display:flex;gap:.6rem;margin:.35rem 0;flex-wrap:wrap;align-items:center}.carousel-card__stat{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.carousel-card__stat-rating{color:#ffc107}.carousel-card__stat i{font-size:10px;opacity:.9}.carousel-card__stat-rating i{color:#ffc107}.carousel-card__imageless-footer{display:flex;gap:.75rem;flex-wrap:wrap;font-size:10px;color:var(--color-text-muted);margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem}.carousel-card__meta{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:10px}.carousel-card__meta i{font-size:9px;opacity:.7}.carousel-card__author{overflow:hidden;text-overflow:ellipsis;max-width:70px;display:inline-block}.carousel-card__read-time{font-weight:500}@media (min-width:480px){.carousel-card--imageless{min-height:155px}.carousel-card--imageless .carousel-card__title--imageless{font-size:13px}.carousel-card__stat{font-size:11px}}@media (min-width:768px){.carousel-card--imageless{min-height:170px}.carousel-card--imageless .carousel-card__title--imageless{font-size:14px}.carousel-card__imageless-footer{font-size:10px}}