.three-column-images-section{width:100%;padding-left:20px;padding-right:20px}.three-column-images-container{max-width:1400px;margin:0 auto}.three-column-heading{margin-bottom:40px;font-weight:600;line-height:1.3}.three-column-wrapper{position:relative}.three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.column-item{position:relative;width:100%;overflow:hidden}.column-image-wrapper{position:relative;width:100%;height:100%}.column-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}.column-image-placeholder{width:100%;min-height:400px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.column-image-placeholder svg{width:80px;height:80px;opacity:.3}.carousel-navigation{display:none;align-items:center;justify-content:center;gap:20px;margin-top:20px}.carousel-button{background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;color:#fff}.carousel-button:hover{background:#000000b3}.carousel-button:disabled{opacity:.3;cursor:not-allowed}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#0000004d;cursor:pointer;transition:background .3s ease;border:none;padding:0}.carousel-dot.active{background:#000c}@media screen and (max-width:989px){.three-column-images-section{padding-left:15px;padding-right:15px}.three-column-heading{margin-bottom:30px}.three-column-grid{gap:15px}}@media screen and (max-width:749px){.three-column-images-section{padding-left:10px;padding-right:10px}.three-column-heading{margin-bottom:20px}.three-column-wrapper{overflow:hidden}.three-column-grid{display:flex;flex-wrap:nowrap;gap:0;transition:transform .3s ease;touch-action:pan-y}.column-item{flex:0 0 100%;min-width:100%;scroll-snap-align:start;padding:0 10px;box-sizing:border-box}.carousel-navigation{display:flex}}@media screen and (max-width:480px){.three-column-heading{margin-bottom:15px}.carousel-button{width:36px;height:36px}.carousel-button svg{width:20px;height:20px}.carousel-dot{width:8px;height:8px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/three-column-images.css.map */