.styling-carousel{position:relative;padding:var(--section-padding-top, 36px) 0 var(--section-padding-bottom, 36px);background-color:var(--section-background-color, #ffffff)}.styling-carousel__header{text-align:center;margin-bottom:2rem}.styling-carousel__heading{margin:0;font-size:2rem;font-weight:600;color:#333}.styling-carousel__container{max-width:1200px;margin:0 auto;padding:0 20px}.styling-carousel__grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--columns-mobile, 2),1fr)}@media (min-width: 750px){.styling-carousel__grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (min-width: 990px){.styling-carousel__grid{gap:2rem;grid-template-columns:repeat(var(--columns-desktop, 4),1fr)}}.styling-carousel__container--slider{position:relative}.styling-carousel__slider-wrapper{position:relative;overflow:hidden;margin:0 40px}@media (max-width: 749px){.styling-carousel__slider-wrapper{margin:0 20px}}.styling-carousel__slider{display:flex;transition:transform .3s ease;gap:1rem}@media (min-width: 750px){.styling-carousel__slider{gap:1.5rem}}@media (min-width: 990px){.styling-carousel__slider{gap:2rem}}.styling-carousel__container--slider .styling-carousel__item{flex:0 0 calc((100% - (var(--columns-mobile, 2) - 1) * 1rem) / var(--columns-mobile, 2));max-width:calc((100% - (var(--columns-mobile, 2) - 1) * 1rem) / var(--columns-mobile, 2))}@media (min-width: 750px){.styling-carousel__container--slider .styling-carousel__item{flex:0 0 calc((100% - 2 * 1.5rem) / 3);max-width:calc((100% - 2 * 1.5rem) / 3)}}@media (min-width: 990px){.styling-carousel__container--slider .styling-carousel__item{flex:0 0 calc((100% - (var(--columns-desktop, 4) - 1) * 2rem) / var(--columns-desktop, 4));max-width:calc((100% - (var(--columns-desktop, 4) - 1) * 2rem) / var(--columns-desktop, 4))}}.styling-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 2px 8px #0000001a}.styling-carousel__nav:hover{background:#fff;box-shadow:0 4px 12px #00000026}.styling-carousel__nav:disabled{opacity:.3;cursor:not-allowed}.styling-carousel__nav--prev{left:0}.styling-carousel__nav--next{right:0}.styling-carousel__nav .icon{width:16px;height:16px;fill:none;stroke:#333;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 749px){.styling-carousel__nav{width:32px;height:32px}.styling-carousel__nav .icon{width:14px;height:14px}}.styling-carousel__item{position:relative}.styling-carousel__link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.styling-carousel__link:hover{transform:translateY(-2px)}.styling-carousel__image-wrapper{position:relative;overflow:hidden;border-radius:8px;background-color:#f8f9fa}.styling-carousel__image-container{position:relative;width:100%;overflow:hidden}.styling-carousel__image-container--square{padding-bottom:100%}.styling-carousel__image-container--original{padding-bottom:0}.styling-carousel__image{transition:transform .3s ease}.styling-carousel__image-container--square .styling-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.styling-carousel__image-container--original .styling-carousel__image{position:static;width:100%;height:auto;display:block}.styling-carousel__link:hover .styling-carousel__image{transform:scale(1.05)}.styling-carousel__image--placeholder{color:#ddd}.styling-carousel__image-container--square .styling-carousel__image--placeholder{width:100%;height:100%}.styling-carousel__image-container--original .styling-carousel__image--placeholder{width:100%;height:200px}.styling-carousel__image-container--placeholder{background-color:#f5f5f5}.styling-carousel__image-container--square.styling-carousel__image-container--placeholder{display:flex;align-items:center;justify-content:center}.styling-carousel__image-container--original.styling-carousel__image-container--placeholder{display:flex;align-items:center;justify-content:center;min-height:200px}.styling-carousel__footer{text-align:center;margin-top:2rem}.styling-carousel__view-all{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid #333;color:#333;text-decoration:none;border-radius:4px;font-weight:500;transition:all .2s ease}.styling-carousel__view-all:hover{background:#333;color:#fff}@media (max-width: 749px){.styling-carousel{padding:20px 0}.styling-carousel__heading{font-size:1.5rem}.styling-carousel__container{padding:0 15px}.styling-carousel__header{margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.styling-carousel__slider,.styling-carousel__link,.styling-carousel__image,.styling-carousel__nav{transition:none}}.styling-carousel__nav:focus{outline:2px solid #007acc;outline-offset:2px}.styling-carousel__link:focus{outline:2px solid #007acc;outline-offset:2px;border-radius:8px}.styling-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.styling-modal[aria-hidden=true]{display:none}.styling-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.styling-modal__container{position:relative;max-width:1200px;max-height:90vh;width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.styling-modal__content{position:relative;height:100%}.styling-modal__close{position:absolute;top:15px;right:15px;background:#ffffffb3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background-color .2s ease}.styling-modal__close:hover{background:#000000e6}.styling-modal__close .icon{width:20px;height:20px;stroke:#fff;stroke-width:2px;fill:none}.styling-modal__inner{display:flex;height:100%;min-height:500px}.styling-modal__image-section{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.styling-modal__main-image{width:100%;max-width:600px}.styling-modal__image-wrapper{position:relative;display:inline-block;width:100%}.styling-modal__image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block}.styling-modal__focal-point{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:all .2s ease}.styling-modal__focal-point-dot{width:20px;height:20px;background:#ffffffe6;border:3px solid #010053;border-radius:50%;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.styling-modal__focal-point-label{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#010053;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px #0003}.styling-modal__focal-point:hover .styling-modal__focal-point-dot{background:#010053;border-color:#fff;transform:scale(1.2)}.styling-modal__focal-point--highlighted .styling-modal__focal-point-dot{background:#010053;border-color:#fff;transform:scale(1.3);box-shadow:0 0 0 8px #3c56e74d}.styling-modal__focal-point--dimmed{opacity:.4}.styling-modal__products-section{flex:0 0 400px;padding:30px;overflow-y:auto;background:#fff;border-left:1px solid #e9ecef}.styling-modal__title{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#333;border-bottom:2px solid #f1f1f1;padding-bottom:10px}.styling-modal__products-list{display:flex;flex-direction:column;gap:20px}.styling-modal__product-item{display:flex;gap:15px;padding:15px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease;position:relative;cursor:pointer}.styling-modal__product-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#010053}.styling-modal__product-item--highlighted{border-color:#010053;background-color:#fcfdff;box-shadow:0 4px 12px #3c56e733;transform:translateY(-2px)}.styling-modal__product-item--dimmed{opacity:.4}.styling-modal__product-number{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background:#010053;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-shadow:0 2px 6px #0003;z-index:5}.styling-modal__product-image{flex:0 0 80px}.styling-modal__product-image img{width:80px;height:80px;object-fit:cover;border-radius:6px}.styling-modal__product-info{flex:1;display:flex;flex-direction:column;gap:8px}.styling-modal__product-title{font-size:1rem;font-weight:500;line-height:1.3;color:#333;margin:0}.styling-modal__product-price{display:flex;align-items:center;gap:8px;font-weight:600}.styling-modal__compare-price{color:#999;text-decoration:line-through;font-size:.9rem}.styling-modal__price{color:#010053;font-size:1.1rem}.styling-modal__product-actions{margin-top:auto}.styling-modal__view-product{padding:8px 16px;font-size:.9rem;text-decoration:none;display:inline-block;border-radius:4px;transition:background-color .2s ease,color .2s ease,padding .2s ease}.styling-carousel__modal-trigger{background:none;border:none;padding:0;cursor:pointer;width:100%;position:relative;transition:transform .2s ease}.styling-carousel__modal-trigger:hover{transform:scale(1.02)}.styling-carousel__modal-trigger:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#0009;border-radius:50%;opacity:0;transition:opacity .2s ease;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="21 21l-4.35-4.35"/></svg>');background-repeat:no-repeat;background-position:center;background-size:20px}.styling-carousel__modal-trigger:hover:after{opacity:1}.styling-carousel__modal-trigger:focus{outline:2px solid #007acc;outline-offset:2px;border-radius:8px}@media screen and (max-width: 768px){.styling-modal{padding:10px}.styling-modal__inner{flex-direction:column;height:auto;max-height:90vh}.styling-modal__image-section{flex:none;padding:15px}.styling-modal__products-section{flex:none;max-height:50vh;padding:20px;border-left:none;border-top:1px solid #e9ecef}.styling-modal__title{font-size:1.3rem;margin-bottom:15px}.styling-modal__product-item{padding:12px}.styling-modal__product-image{flex:0 0 60px}.styling-modal__product-image img{width:60px;height:60px}.styling-modal__product-title{font-size:.9rem}.styling-modal__view-product{padding:6px 12px;font-size:.8rem}.styling-modal__focal-point-dot{width:16px;height:16px;border-width:2px}.styling-modal__focal-point-label{top:-28px;padding:3px 6px;font-size:11px}.styling-modal__product-number{width:20px;height:20px;font-size:11px;top:-6px;left:-6px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/styling-carousel.css.map */