.banner-triple-section{margin:0;padding:0;width:100%}.banner-triple-title{display:none}.banner-triple-container{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;margin:0;width:100%}.banner-triple-container::-webkit-scrollbar{display:none}.triple-card{flex:0 0 auto;width:calc((100% - 24px) / 3);height:160px;border-radius:4px;overflow:hidden;scroll-snap-align:start;position:relative;box-shadow:0 2px 8px #0000001a;background:#f0f0f0}.triple-card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.triple-card-image{width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);will-change:transform}.triple-card-placeholder .placeholder-svg{width:100%;height:100%}.triple-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px;display:flex;flex-direction:column;gap:8px}.triple-card-logo{width:40px;height:40px;border-radius:4px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.triple-card-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.triple-card-logo-text{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;text-align:center;line-height:1}.triple-card-content{display:none}.triple-scroll-indicator{display:flex;justify-content:center;gap:6px;margin-top:12px}.triple-scroll-indicator .dot{width:6px;height:6px;border-radius:50%;background:#ccc;transition:background .3s}.triple-scroll-indicator .dot.active{background:#333}@media screen and (max-width:767px){.triple-card{width:85vw;height:160px}}@media screen and (min-width:768px){.banner-triple-container{overflow-x:visible;scroll-snap-type:none}.triple-card{width:calc((100% - 24px) / 3);height:200px}.triple-card-overlay{padding:20px}.triple-scroll-indicator{display:none}}@media screen and (min-width:1200px){.triple-card{height:220px}}.banner-triple-container{display:flex;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;margin:0;width:100%}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-banner-triple.css.map */