.col-carousel-section{padding:var(--ccc-pad-top, 60px) 0 var(--ccc-pad-bot, 60px);background:var(--ccc-section-bg, #f9f9f9);overflow:hidden;width:100%;max-width:100vw;box-sizing:border-box;contain:layout}.col-carousel-section .page-width{max-width:100%;width:100%;margin:0 auto;padding:0;overflow:visible}.col-carousel-section .col-carousel-header{margin-bottom:var(--ccc-heading-desc-bottom-space, 40px);padding:0 15px}.col-carousel-section .section-heading{text-align:center;font-size:var(--ccc-heading-size, 36px);font-weight:var(--ccc-heading-weight, 700);margin-bottom:10px;color:var(--ccc-heading-color, #222)}.col-carousel-section .section-heading:last-child{margin-bottom:0}.col-carousel-section .section-description{text-align:center;font-size:var(--ccc-desc-font-size, 16px);font-weight:var(--ccc-desc-font-weight, 400);color:var(--ccc-desc-color, #666);margin-bottom:0}.col-carousel-wrapper{position:relative;width:100%;max-width:100%;margin:0;overflow:hidden}.col-carousel-track-outer{overflow:hidden;width:100%;max-width:100%;position:relative;direction:ltr!important;box-sizing:border-box}.col-carousel-track{display:flex;align-items:flex-start;width:max-content;padding:20px 0;gap:var(--ccc-gap, 20px);will-change:transform;min-height:calc(var(--ccc-height, 400px) + 40px);direction:ltr!important}.body-rtl .col-carousel-content,[dir=rtl] .col-carousel-content,.body-rtl .col-carousel-content h3,[dir=rtl] .col-carousel-content h3,.body-rtl .col-carousel-content p,[dir=rtl] .col-carousel-content p,.body-rtl .col-carousel-content a,[dir=rtl] .col-carousel-content a,.body-rtl .col-carousel-card .collection-title,[dir=rtl] .col-carousel-card .collection-title,.body-rtl .col-carousel-card .collection-description,[dir=rtl] .col-carousel-card .collection-description{direction:rtl!important;text-align:center!important}.body-rtl .col-carousel-btn,[dir=rtl] .col-carousel-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;direction:ltr!important;unicode-bidi:plaintext!important;white-space:nowrap!important;min-width:max-content!important}.body-rtl .col-carousel-arrow--prev,[dir=rtl] .col-carousel-arrow--prev{left:auto!important;right:16px!important}.body-rtl .col-carousel-arrow--next,[dir=rtl] .col-carousel-arrow--next{right:auto!important;left:16px!important}.col-carousel--no-transition .col-carousel-track,.col-carousel--no-transition .col-carousel-slide,.col-carousel--no-transition .col-carousel-slide .col-carousel-img,.col-carousel--no-transition .col-carousel-slide .col-carousel-product-img{transition:none!important}.col-carousel-slide{flex-shrink:0;position:relative;width:20vw;margin-top:var(--ccc-side-offset, 30px);opacity:1;transition:width .7s cubic-bezier(.25,.46,.45,.94),margin-top .7s cubic-bezier(.25,.46,.45,.94)}.col-carousel-slide.active{width:25vw;margin-top:0;z-index:10}.col-carousel-slide .col-carousel-img{height:calc(var(--ccc-height, 400px) * .85);width:100%;position:relative;overflow:hidden;border-radius:var(--ccc-radius, 24px);transition:height .7s cubic-bezier(.25,.46,.45,.94)}.col-carousel-slide.active .col-carousel-img{height:var(--ccc-height, 400px)}.col-carousel-img img{width:100%;height:100%;object-fit:var(--ccc-obj-fit, cover);object-position:center;display:block}.col-carousel-card{position:relative;width:100%;border-radius:var(--ccc-radius, 24px)}.col-carousel-content{position:absolute;top:0;left:0;right:0;padding:var(--ccc-content-padding, 24px);color:var(--ccc-text-color, #fff);z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%}.col-carousel-content h3{font-size:var(--ccc-title-size, 24px);font-weight:var(--ccc-title-weight, 700);color:var(--ccc-text-color, #fff);margin:0 0 8px;line-height:1.3}.col-carousel-content .collection-description{font-size:var(--ccc-desc-size, 14px);font-weight:var(--ccc-desc-weight, 400);line-height:1.5;margin:0 0 12px;opacity:.95;color:var(--ccc-text-color, #fff);max-width:90%}.col-carousel-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:8px!important;padding:10px 20px!important;background:transparent!important;color:var(--ccc-btn-color, #fff)!important;border:var(--ccc-btn-border-width, 2px) solid var(--ccc-btn-color, #fff)!important;border-radius:var(--ccc-btn-radius, 24px)!important;font-size:var(--ccc-btn-size, 13px)!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;min-width:max-content!important;box-sizing:border-box!important;direction:ltr!important;transition:background .3s ease,color .3s ease,border-color .3s ease}.col-carousel-btn:hover{background:var(--ccc-btn-hover-bg, #fff);color:var(--ccc-btn-hover-text, #000);border-color:var(--ccc-btn-hover-border, #fff)}.col-carousel-slide .col-carousel-product-img{position:absolute;bottom:calc(var(--ccc-float-space, 120px) * -.67);left:50%;transform:translate(-50%);width:110px;height:110px;object-fit:contain;z-index:5;transition:width .5s ease,height .5s ease,bottom .5s ease}.col-carousel-slide.active .col-carousel-product-img{width:240px;height:240px;bottom:calc(var(--ccc-float-space, 120px) * -1)}.col-carousel-arrow{position:absolute;top:calc(var(--ccc-height, 400px) / 2 + 20px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--ccc-arrow-bg, #fff);border:none;cursor:pointer;z-index:20;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ccc-arrow-color, #333);box-shadow:0 2px 8px #0000001f;transition:background .3s ease,color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;padding:0;-webkit-tap-highlight-color:transparent}.col-carousel-arrow:hover{background:var(--ccc-arrow-hover-bg, #f8f8f8);color:var(--ccc-arrow-hover-color, #000);box-shadow:0 4px 12px #0000002e}.col-carousel-arrow:active{transform:translateY(-50%) scale(.92)}.col-carousel-arrow--prev{left:16px}.col-carousel-arrow--next{right:16px}.col-carousel-dots{text-align:center;margin-top:30px;display:flex;justify-content:center;gap:10px}.col-carousel-dots span{display:inline-block;width:10px;height:10px;background:#d0d0d0;border-radius:50%;cursor:pointer;transition:all .3s ease}.col-carousel-dots span:hover{background:#999}.col-carousel-dots span.active{background:#333;width:30px;border-radius:5px}@media(max-width:1024px)and (min-width:769px){.col-carousel-slide{width:30vw}.col-carousel-slide.active{width:40vw}.col-carousel-slide .col-carousel-product-img{width:90px;height:90px}.col-carousel-slide.active .col-carousel-product-img{width:180px;height:180px}.col-carousel-arrow{width:44px;height:44px;font-size:22px}.body-rtl .col-carousel-arrow--prev,[dir=rtl] .col-carousel-arrow--prev{left:auto!important;right:14px!important}.body-rtl .col-carousel-arrow--next,[dir=rtl] .col-carousel-arrow--next{right:auto!important;left:14px!important}}@media(max-width:768px){.col-carousel-section .col-carousel-header{padding:0 15px}.col-carousel-section .section-heading{font-size:clamp(3rem,4vw,var(--font-h2))}.col-carousel-track-outer{padding-bottom:0}.col-carousel-track{padding:0;justify-content:flex-start;min-height:calc(var(--ccc-mobile-height, 350px) + 20px)}.col-carousel-slide,.col-carousel-slide.active{width:85vw;margin-top:0!important;opacity:1;flex-shrink:0}.col-carousel-img,.col-carousel-slide.active .col-carousel-img{height:var(--ccc-mobile-height, 350px)!important}.col-carousel-product-img{width:100px!important;height:100px!important;bottom:-50px!important}.col-carousel-slide.active .col-carousel-product-img{width:120px!important;height:120px!important;bottom:-60px!important}.col-carousel-arrow{width:40px;height:40px;font-size:20px;top:calc(var(--ccc-mobile-height, 350px) / 2)}.col-carousel-arrow--prev{left:8px}.col-carousel-arrow--next{right:8px}.body-rtl .col-carousel-arrow--prev,[dir=rtl] .col-carousel-arrow--prev{left:auto!important;right:8px!important}.body-rtl .col-carousel-arrow--next,[dir=rtl] .col-carousel-arrow--next{right:auto!important;left:8px!important}.col-carousel-content{padding:20px}.col-carousel-content h3{font-size:19px!important}.col-carousel-content .collection-description{font-size:13px!important;margin-bottom:8px}.col-carousel-btn{padding:8px 16px!important;font-size:13px!important}.col-carousel-dots{margin-top:15px;margin-bottom:0}}@media(max-width:480px){.col-carousel-content h3{font-size:18px!important}.col-carousel-content .collection-description{font-size:13px!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/col-center.css.map */