.multi-image-gallery-wrapper{padding:60px 0;background:#fff}.container{max-width:1400px;margin:0 auto;padding:0 20px}.gallery-section-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:50px;color:#000}.gallery-columns{display:flex;flex-direction:column;gap:40px}.gallery-column{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.gallery-column:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.column-wrapper{display:flex;flex-direction:row;align-items:stretch}.column-wrapper--reverse{flex-direction:row-reverse}.image-carousel{position:relative;flex:0 0 55%;width:55%;height:400px;background:#f5f5f5;overflow:hidden;isolation:isolate}.carousel-images,.carousel-track{width:100%;height:100%;position:relative}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.placeholder-svg{width:100px;height:100px;opacity:.3}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0003}.carousel-btn-prev{left:15px}.carousel-btn-next{right:15px}.carousel-btn svg{color:#333;width:24px;height:24px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:10px;height:10px;border-radius:50%;background:#fff9;border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#fffc;transform:scale(1.2)}.dot.active{background:#fff;width:12px;height:12px}.column-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#fff}.column-wrapper--reverse .column-content{align-items:flex-end;text-align:right}.column-wrapper--reverse .column-brand-logo{margin-left:auto}.column-brand-logo{margin:0 0 16px;max-width:150px}.column-brand-logo img{width:100%;height:auto;display:block;object-fit:contain}.column-heading{font-size:22px;font-weight:700;color:#000;margin:0 0 14px;line-height:1.3}.column-description{font-size:15px;color:#666;line-height:1.6;margin:0 0 20px}.column-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#06c;text-decoration:none;transition:gap .3s ease,color .3s ease}.column-link:hover{gap:10px;color:#0052a3}.column-link svg{width:18px;height:18px}@media(max-width:1024px){.image-carousel{height:350px}.column-content{padding:35px}.column-brand-logo{max-width:130px}}@media(max-width:768px){.multi-image-gallery-wrapper{padding:40px 0}.gallery-section-title{font-size:28px;margin-bottom:35px}.gallery-columns{gap:30px}.column-wrapper,.column-wrapper--reverse{flex-direction:column}.column-wrapper--reverse .column-content{align-items:flex-start;text-align:left}.column-wrapper--reverse .column-brand-logo{margin-left:0}.column-wrapper--reverse .column-link{flex-direction:row}.image-carousel{flex:0 0 auto;width:100%;height:300px}.column-content{padding:28px}.column-brand-logo{max-width:120px;margin:0 0 14px}.column-heading{font-size:20px}.column-description{font-size:14px}.carousel-btn{width:38px;height:38px}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-btn svg{width:20px;height:20px}}@media(max-width:480px){.container{padding:0 15px}.gallery-columns{gap:20px}.image-carousel{height:250px}.column-content{padding:24px}.column-brand-logo{max-width:100px;margin:0 0 12px}.column-heading{font-size:18px}.carousel-btn{width:34px;height:34px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.carousel-dots{bottom:15px;gap:8px}.dot{width:8px;height:8px}.dot.active{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-multi-image-gallery.css.map */