.c-triple-banner{width:100%;overflow:hidden;padding-top:0}.c-triple-banner__wrapper{display:flex;flex-direction:column;gap:1rem;padding:0}.c-triple-banner__small-banners-wrapper{display:flex;gap:12px;width:100%;padding:0 12px}@media screen and (min-width:768px){.c-triple-banner__small-banners-wrapper{gap:1rem;width:80%;padding:unset}}.c-triple-banner__small-item{flex:1;min-width:0;border-radius:20px;overflow:hidden}.c-triple-banner__carousel-container{width:100%;position:relative;order:-1}.c-triple-banner__carousel-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.c-triple-banner__carousel-track{overflow:hidden;width:100%;height:100%}.c-triple-banner__carousel-slides{height:100%;display:flex;transition:transform .5s ease-in-out;will-change:transform}.c-triple-banner__carousel-slide{flex:0 0 100%;min-width:100%;border-radius:0;overflow:hidden}.c-triple-banner__link{display:block;height:100%;text-decoration:none;position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}@media only screen and (max-width:7200px){.c-triple-banner__link{border-top-left-radius:0;border-top-right-radius:0}}.c-triple-banner__link:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.c-triple-banner__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background-color:#f5f5f5}.c-triple-banner__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.c-triple-banner__link:hover .c-triple-banner__image-wrapper img{transform:scale(1.05)}.c-triple-banner__placeholder{width:100%;min-height:200px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:8px}.c-triple-banner__placeholder svg{width:60px;height:60px;opacity:.3}.c-triple-banner__indicators{display:flex;gap:8px;justify-content:center;align-items:center;padding:12px 0;margin-top:8px}.c-triple-banner__indicator{width:32px;height:4px;background-color:#0003;border:none;border-radius:2px;cursor:pointer;transition:all .3s ease;padding:0}.c-triple-banner__indicator:hover{background-color:#0006}.c-triple-banner__indicator--active{background-color:#ff6b00;width:40px;box-shadow:0 0 8px #ff6b0066}.c-triple-banner__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026;color:#333}.c-triple-banner__carousel-btn:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.1)}.c-triple-banner__carousel-btn:active{transform:translateY(-50%) scale(.95)}.c-triple-banner__carousel-btn--prev{left:10px}.c-triple-banner__carousel-btn--next{right:10px}.c-triple-banner__carousel-btn svg{width:20px;height:20px}@media only screen and (max-width:480px){.c-triple-banner__carousel-btn{width:32px;height:32px}.c-triple-banner__carousel-btn svg{width:16px;height:16px}}@media only screen and (min-width:768px){.c-triple-banner__carousel-slide{border-radius:20px}.c-triple-banner__wrapper{gap:1rem;flex-direction:row-reverse;padding:0}.c-triple-banner__small-item{flex:initial;min-width:initial;max-width:initial}.c-triple-banner__carousel-container{flex:initial;min-width:initial;order:0}.c-triple-banner__indicators{display:none}}@media only screen and (min-width:1200px){.c-triple-banner__wrapper{gap:1rem}.c-triple-banner__carousel-btn{width:32px;height:32px}.c-triple-banner__carousel-btn svg{width:24px;height:24px}.c-triple-banner__carousel-btn--prev{left:15px}.c-triple-banner__carousel-btn--next{right:15px}}@media only screen and (min-width:768px){.c-triple-banner__wrapper[data-carousel-order="1"]{grid-template-columns:2fr 1fr 1fr}.c-triple-banner__wrapper[data-carousel-order="2"]{grid-template-columns:1fr 2fr 1fr}.c-triple-banner__wrapper[data-carousel-order="3"]{grid-template-columns:1fr 1fr 2fr}}.c-triple-banner .container{max-width:1400px;margin:0 auto;padding-left:0;padding-right:0}@media only screen and (min-width:768px){.c-triple-banner{padding-top:unset}.c-triple-banner .container{padding-left:2rem;padding-right:2rem}}@media only screen and (min-width:1200px){.c-triple-banner .container{padding-left:3rem;padding-right:3rem}}@media(prefers-reduced-motion:reduce){.c-triple-banner__carousel-slides,.c-triple-banner__link,.c-triple-banner__carousel-btn,.c-triple-banner__image-wrapper img{transition:none}}.c-triple-banner__link:focus,.c-triple-banner__carousel-btn:focus{outline:2px solid #4A90E2;outline-offset:2px}.c-triple-banner__link:focus:not(:focus-visible),.c-triple-banner__carousel-btn:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=/cdn/shop/t/328/assets/c-triple-banner.css.map */