.c-triple-banner{width:100%;overflow:hidden}.c-triple-banner__wrapper{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 1rem}.c-triple-banner__wrapper::-webkit-scrollbar{display:none}.c-triple-banner__small-item{flex:0 0 calc(50% - .5rem);scroll-snap-align:start;min-width:280px;max-width:400px;border-radius:20px;overflow:hidden}.c-triple-banner__carousel-container{flex:0 0 100%;scroll-snap-align:start;min-width:280px;position:relative}.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:20px;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}.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__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__wrapper{display:grid;grid-template-columns:1fr 1fr 2fr;gap:1.5rem;overflow-x:visible;scroll-snap-type:none;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}.c-triple-banner__wrapper>*:nth-child(1){grid-column:var(--order-1, 1)}.c-triple-banner__wrapper>*:nth-child(2){grid-column:var(--order-2, 2)}.c-triple-banner__wrapper>*:nth-child(3){grid-column:var(--order-3, 3)}}@media only screen and (min-width: 1200px){.c-triple-banner__wrapper{gap:2rem}.c-triple-banner__carousel-btn{width:48px;height:48px}.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:1rem;padding-right:1rem}@media only screen and (min-width: 768px){.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/2/assets/c-triple-banner.css.map */