.featured-slider{width:80%;max-width:2000px;margin:clamp(3rem,10vh,6rem) auto}.featured-slider .slick-list{padding:1rem 0;overflow:visible}.featured-slider .slick-track{align-items:stretch;display:flex}.featured-slide{box-sizing:border-box;padding:0 .75rem;display:block}.featured-slide a,.featured-slide .no-style-link{width:100%;height:100%;display:block}.featured-title{color:var(--text);text-align:center;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:900}.featured-title:after{content:"";background:var(--primary);border-radius:2px;width:60px;height:4px;margin:1.25rem auto 0;display:block}.featured-card{background-color:var(--surface);text-align:center;border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}@media (hover:hover){.featured-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #00000040}}.featured-image-container{background:#000;border-radius:16px;position:relative}.featured-image{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .5s}@media (hover:hover){.featured-card:hover .featured-image{transform:scale(1.08)}}.featured-card h3{color:var(--text);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:900;line-height:1.2}.featured-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.featured-price{color:var(--primary);margin:0;font-size:1.2rem;font-weight:800}.featured-slider .slick-prev,.featured-slider .slick-next{z-index:10;width:40px;height:40px}.featured-slider .slick-prev{left:10px}.featured-slider .slick-next{right:10px}.featured-slider .slick-prev:before,.featured-slider .slick-next:before{opacity:.75;color:var(--primary);text-shadow:0 2px 4px #00000080;font-size:30px}.featured-slider .slick-prev:hover:before,.featured-slider .slick-next:hover:before{opacity:1}@media (max-width:768px){.featured-slider{width:100%;margin:clamp(2rem,5vh,4rem) auto;padding:0 1rem}.featured-slide{padding:0 .5rem}}