.trending-carousel-section{width:100%}.trending-carousel-section .container{max-width:var(--page-width);margin:0 auto;padding:0}@media screen and (min-width: 750px){.trending-carousel-section .container{padding:0 3.2rem}}@media screen and (min-width: 990px){.trending-carousel-section .container{padding:0 1.5rem}}.trending-title{letter-spacing:1px;margin:0;text-transform:uppercase}.trending-swiper{position:relative}.trending-swiper .swiper-slide{height:auto}.trending-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px){.trending-grid{grid-template-columns:repeat(2,1fr);max-width:600px;margin:0 auto}}.trending-card-link{display:block;text-decoration:none;color:inherit;height:100%}.trending-card{position:relative;overflow:hidden;aspect-ratio:3 / 4;background:#f0f0f0;transition:transform .3s ease;height:100%}@media (hover: hover) and (min-width: 769px){.trending-card-link:hover .trending-card{transform:translateY(-4px)}}.trending-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#999;font-size:14px}.trending-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0000 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .3s ease,background .3s ease}@media (hover: hover) and (min-width: 769px){.trending-card-link:hover .trending-card-overlay{background:linear-gradient(to top,#000c,#0003)}}.trending-card-content{display:flex;flex-direction:column;gap:12px}.trending-card-title{font-size:18px;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:1px;line-height:1.3}.trending-card-button{display:inline-block;align-self:flex-start;background:#fff;color:#000;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:600;font-size:12px;transition:all .3s ease;border:2px solid white;text-transform:uppercase;letter-spacing:.5px}@media (hover: hover) and (min-width: 769px){.trending-card-link:hover .trending-card-button{background:transparent;color:#fff}}.trending-button-prev,.trending-button-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.trending-button-prev:hover,.trending-button-next:hover{background:#fff;box-shadow:0 4px 12px #0003}.trending-button-prev:after,.trending-button-next:after{content:"";width:8px;height:8px;border-top:2px solid black;border-right:2px solid black}.trending-button-prev:after{transform:rotate(-135deg);margin-left:2px}.trending-button-next:after{transform:rotate(45deg);margin-right:2px}.trending-button-prev{left:-20px}.trending-button-next{right:-20px}@media (max-width: 768px){.trending-card-title{font-size:14px}.trending-card-overlay{background:linear-gradient(to top,#0009,#0000 50%)}.trending-button-prev,.trending-button-next{display:none}.trending-header{padding-bottom:15px}}@media (min-width: 1024px){.trending-header{padding-bottom:30px}}.trending-header{text-align:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-trending-carousel.css.map */