.cf-section{background-color:var(--cf-bg);color:var(--cf-text);padding-top:var(--cf-pt);padding-bottom:var(--cf-pb);overflow:hidden}.cf-head{text-align:center;margin-bottom:24px}.cf-heading{margin:0;font-size:2rem;font-weight:500;line-height:1.2}.cf-subheading{margin:8px 0 0;opacity:.8;font-size:1rem}.cf-slider-container{position:relative;width:100%;padding:10px 0}.cf-swiper{width:100%;padding-top:10px;padding-bottom:30px;perspective:1200px;overflow:visible}.cf-swiper .swiper-wrapper{align-items:center}.cf-slide{position:relative;width:260px;height:auto;transition:opacity .3s ease;z-index:1;margin:0;flex-shrink:0;transform-style:preserve-3d}@media(min-width:768px){.cf-slide{width:280px}}@media(min-width:1024px){.cf-slide{width:288px}}.cf-slide.swiper-slide-active{z-index:10}.cf-card{display:block;text-decoration:none;color:inherit;position:relative;width:100%;background:#fff;box-shadow:1px 1px 10px #12121233;overflow:hidden;transform:translateZ(0)}.cf-media{position:relative;width:100%;aspect-ratio:var(--cf-aspect);overflow:hidden}.cf-img{width:100%;height:100%;object-fit:cover;display:block}.cf-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,var(--cf-overlay));z-index:1;pointer-events:none}.cf-content{position:absolute;bottom:0;left:0;width:100%;padding:20px 10px;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}.cf-title{color:#fff;font-size:13px;margin:0 0 10px;text-shadow:0 1px 4px rgba(0,0,0,.6);font-weight:500;letter-spacing:.5px}.cf-btn{display:inline-block;color:#fff;border:1px solid #fff;padding:8px 18px;font-size:11px;background:transparent;transition:all .25s ease;pointer-events:auto}.cf-card:hover .cf-btn{background:#fff;color:#000}.cf-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:50;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:all .3s;color:#121212}.cf-nav:hover{background:#121212;color:#fff}.cf-prev{left:15px}.cf-next{right:15px}@media(min-width:1024px){.cf-nav{width:50px;height:50px}.cf-prev{left:5%}.cf-next{right:5%}}.cf-nav.swiper-button-disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coverflow-collection-slider.css.map */