.image-page-wrapper{width:100%;overflow:hidden;position:relative;padding:30px 0}.image-section-title{font-size:36px;margin:0 0 20px;padding:0 50px}.-left{position:relative;overflow:hidden;padding:0 15px;width:1585px;margin:0 auto}.image-container{display:flex;gap:15px;padding-left:0;margin-left:0;transform:translate(0);transition:transform .3s ease;width:100%}.image-container:active{cursor:grabbing}.image-wrapper{flex:0 0 230px;position:relative;cursor:pointer;border-radius:8px;overflow:hidden;background:#fff;scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-box{position:relative;padding-top:75%;overflow:hidden}.image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-info{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:10px}.image-title{margin:0;font-size:13px;font-weight:400;line-height:1.4;color:#fff}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;width:24px;height:24px;cursor:pointer;z-index:2;padding:0;opacity:.8;transition:opacity .3s}.prev-btn:hover,.next-btn:hover{opacity:1}.prev-btn{left:0;z-index:3}.next-btn{right:0;z-index:3}.image-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.image-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6}.image-modal-content{position:relative;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#333}#modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.modal-image-info{margin-top:15px;color:#fff;text-align:center}.modal-image-close{position:absolute;top:20px;right:20px;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.modal-image-close:hover{background:#000c}@media (max-width: 768px){.image-page-wrapper{background:#fff;padding:15px 0}.image-section-title{font-size:29px;padding:0 15px 15px;margin:0;color:#333}.image-carousel-left,.image-carousel-right{width:100%!important;padding:0 15px!important}.image-wrapper{flex:0 0 180px}.image-container{gap:10px}.image-box{padding-top:66.67%}.image-info{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:0 5px}}.image-carousel-left{position:relative;overflow:hidden}.image-carousel-right{position:relative;overflow:hidden;margin:10px auto}.image-container-right{display:flex;gap:15px;padding-left:0;margin-left:0;transform:translate(0);transition:transform .3s ease;width:100%}
/*# sourceMappingURL=/cdn/shop/t/9/assets/customize-photo.css.map */