:root{--mobile-title-width:55%;--title-h-desktop:32px;--title-h-mobile:25px}.okart-section{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out;padding-top:var(--padding-top,40px);padding-bottom:var(--padding-bottom,40px)}.okart-section.is-initialized{opacity:1;visibility:visible}.okart-carousel-container{position:relative;overflow:hidden}.okart-header{text-align:left;margin-bottom:5px}.okart-header h2{font-family:Josefin Sans,sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;letter-spacing:0px;margin:0}.okart-header sup{font-family:Josefin Sans,sans-serif;font-size:12px;top:-1em;left:5px}.okart-swiper{padding:0 5px;overflow:visible;touch-action:pan-x}.okart-swiper .swiper-wrapper,.okart-swiper .swiper-slide{height:auto;overflow:visible;touch-action:pan-x}.okart-card{position:relative;display:block;text-decoration:none;overflow:visible;border-radius:var(--radius);pointer-events:auto;-webkit-transform:translateZ(0);-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:pan-x;-webkit-user-select:none;user-select:none;padding-bottom:0;margin-bottom:calc(var(--title-h-desktop)/2 + 14px)}.okart-image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius);z-index:1;aspect-ratio:var(--card-ratio,4/5);pointer-events:none}.okart-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:var(--radius);pointer-events:none}.okart-card:hover .okart-image-wrapper img{transform:scale(1.05)}.okart-title-wrapper{position:absolute;left:50%;bottom:calc(-1 * var(--title-h-desktop) / 2);transform:translate(-50%);background:#fff;padding:0 12px;min-height:var(--title-h-desktop);height:auto;display:flex;align-items:center;justify-content:center;width:max-content;max-width:80%;min-width:90px;text-align:center;border-radius:var(--title-radius);z-index:5;overflow:hidden;cursor:pointer;transition:all .3s ease}.okart-title-wrapper span{display:block;font-family:Josefin Sans,sans-serif;font-size:clamp(12px,2vw,13px);line-height:1.1;color:#000;white-space:normal;text-align:center;transition:transform .3s ease,opacity .25s ease}.okart-title-wrapper:after{content:"\2192";position:absolute;opacity:0;transform:translate(-40px);transition:all .35s ease;font-size:18px;font-weight:600;color:#000}.okart-card:hover .okart-title-wrapper span{opacity:0;transform:translate(40px)}.okart-card:hover .okart-title-wrapper:after{opacity:1;transform:translate(0)}.okart-swiper-button-prev,.okart-swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;color:#000;background:#ffffffd9;border-radius:50%;width:45px;height:45px;transition:opacity .3s ease,background-color .2s ease;opacity:0;cursor:pointer}.okart-carousel-container:hover .okart-swiper-button-prev,.okart-carousel-container:hover .okart-swiper-button-next{opacity:1}.okart-swiper-button-prev:hover,.okart-swiper-button-next:hover{background:#fff}.okart-swiper-button-prev{left:15px}.okart-swiper-button-next{right:15px}.okart-swiper-button-prev:after,.okart-swiper-button-next:after{font-size:20px;font-weight:700}.okart-swiper-pagination{bottom:0!important}.shopify-image-placeholder{width:100%;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;border-radius:var(--radius)}.okart-hover-hint{display:none!important}@media (max-width:768px){.okart-section{padding-top:10px;padding-bottom:20px}.okart-swiper-button-prev,.okart-swiper-button-next{display:none!important}.okart-swiper{padding-right:40px}.okart-swiper .swiper-slide{margin-right:0}.okart-header h2{font-size:22px}.okart-image-wrapper{aspect-ratio:auto;height:auto;max-height:400px}.okart-image-wrapper img{width:100%;height:auto;object-fit:contain;max-height:400px}.okart-card{margin-bottom:calc(var(--title-h-mobile)/2 + 16px)}.okart-title-wrapper{bottom:calc(-1 * var(--title-h-mobile) / 2 + 10px);transform:translate(-50%);padding:6 12px;min-height:var(--title-h-mobile);max-width:var(--mobile-title-width)}.okart-title-wrapper span{font-size:clamp(10px,2.7vw,13px);line-height:1.1;text-align:center}}@media (max-width:480px){.okart-section{padding-top:10px;padding-bottom:20px}.okart-swiper{padding-right:35px}.okart-header h2{font-size:18px}.okart-image-wrapper{aspect-ratio:auto;height:auto;max-height:380px}.okart-image-wrapper img{width:100%;height:auto;object-fit:contain;max-height:380px}.okart-title-wrapper{min-height:var(--title-h-mobile);padding:0 6px;max-width:var(--mobile-title-width)}.okart-title-wrapper span{font-size:clamp(9px,3vw,11.5px)}}@media (max-width: 768px){.okart-card{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-okart-carousel.css.map */