.collection-showcase__section{background:var(--section-bg, #07090e);padding:80px 40px;width:100%;box-sizing:border-box;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.collection-showcase__container{max-width:1080px;margin:0 auto}.collection-showcase__title{font-size:clamp(2rem,4vw,3.2rem);text-align:center;margin-bottom:60px;letter-spacing:-.02em;color:var(--section-text, #05070a);text-transform:capitalize;position:relative;z-index:10}.collection-showcase__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:32px;width:100%;padding-top:180px;margin-top:-115px;padding-bottom:24px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.collection-showcase__grid::-webkit-scrollbar{display:none}.collection-showcase__card{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;outline:none;position:relative;height:100%;scroll-snap-align:start;flex:0 0 calc((100% - ((var(--cards-to-show, 4) - 1) * 32px)) / var(--cards-to-show, 4));box-sizing:border-box}.collection-showcase__slider-wrapper{position:relative;width:100%;padding:0 80px;box-sizing:border-box}.collection-showcase__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .35s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 20px #0006;padding:0}.collection-showcase__arrow svg{width:20px;height:20px;stroke:currentColor;transition:transform .35s cubic-bezier(.165,.84,.44,1)}.collection-showcase__arrow:hover{background:#fff;color:#000;border-color:#fff;box-shadow:none}.collection-showcase__arrow:active{transform:translateY(-50%) scale(.95)}.collection-showcase__arrow--left{left:16px}.collection-showcase__arrow--right{right:16px}.collection-showcase__arrow--left:hover svg{transform:translate(-2px)}.collection-showcase__arrow--right:hover svg{transform:translate(2px)}.collection-showcase__arrow[disabled]{opacity:.25;pointer-events:none}.collection-showcase__card-visual{position:relative;width:100%;aspect-ratio:1 / .92;border-radius:24px;overflow:visible;margin-bottom:20px;display:flex;justify-content:center;align-items:flex-end}.collection-showcase__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;border:1px solid rgba(255,255,255,.08);border-top:none;background:linear-gradient(to top,color-mix(in srgb,var(--card-accent) 26%,transparent),#07090e);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:1}.collection-showcase__paddle-wrapper{position:absolute;bottom:0%;left:50%;transform:translate(-50%) translateY(0);z-index:2;width:98%;height:115%;display:flex;justify-content:center;align-items:flex-end;transition:transform .45s cubic-bezier(.165,.84,.44,1);will-change:transform}.collection-showcase__paddle-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.55));transition:filter .4s ease}.collection-showcase__card-info{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;gap:18px;margin-top:15px;flex-grow:1}.collection-showcase__card-label{font-size:1.15rem;color:var(--section-text, #ffffff);opacity:.95;text-align:center;margin:0;transition:all .4s cubic-bezier(.165,.84,.44,1);letter-spacing:.04em;text-transform:uppercase}.collection-showcase__card-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-radius:30px;color:#fff;background-color:#00000073;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer;margin-top:auto}.collection-showcase__card-btn:after{content:"\2192";display:inline-block;font-family:inherit;transition:transform .4s cubic-bezier(.165,.84,.44,1);transform:translate(0)}.collection-showcase__card:hover .collection-showcase__paddle-wrapper{transform:translate(-50%) translateY(-15px) scale(1.03)}.collection-showcase__card:hover .collection-showcase__card-label{color:var(--card-accent)!important;letter-spacing:.08em;opacity:1}.collection-showcase__card:hover .collection-showcase__card-btn{background-color:#fff!important;color:#000!important;border-color:#fff!important;box-shadow:none!important;transform:translateY(-2px) scale(1.03)}.collection-showcase__card:hover .collection-showcase__card-btn:after{transform:translate(4px)}@media screen and (max-width:1024px)and (min-width:769px){.collection-showcase__slider-wrapper{padding:0 80px}.collection-showcase__arrow--left{left:16px}.collection-showcase__arrow--right{right:16px}.collection-showcase__card{flex:0 0 calc((100% - (2 * 26px)) / 3)}.collection-showcase__grid{gap:26px;padding-top:170px;margin-top:-105px}}@media screen and (max-width:768px){.collection-showcase__section{padding:60px 20px}.collection-showcase__slider-wrapper{padding:0 50px}.collection-showcase__grid{gap:20px;padding-top:130px;margin-top:-75px;padding-left:5px;padding-right:5px}.collection-showcase__card{flex:0 0 calc((100% - (1 * 20px)) / 1.8)}.collection-showcase__paddle-wrapper{height:115%;bottom:0%}.collection-showcase__arrow{width:36px;height:36px}.collection-showcase__arrow svg{width:16px;height:16px}.collection-showcase__arrow--left{left:7px}.collection-showcase__arrow--right{right:7px}}@media screen and (max-width:600px){.collection-showcase__title{font-size:1.8rem!important;line-height:1.25!important;margin-bottom:30px!important}.collection-showcase__slider-wrapper{padding:0!important}.collection-showcase__arrow{display:none!important}.collection-showcase__grid{gap:12px!important;padding-left:16px!important;padding-right:16px!important;scroll-padding-left:16px!important}.collection-showcase__card{flex:0 0 calc((100% - 32px)*.8)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-showcase.css.map */