.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;place-items:center}.modal-content{background:#fff;border-radius:8px;max-width:1000px;width:90%;max-height:80vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.modal-header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}#modal-title{margin:0;padding:0}.modal-body{padding:1rem;overflow:hidden}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:100%}.modal-media{display:grid;grid-template-rows:auto auto;gap:.5rem}.carousel{position:relative;background:#fafafa;border-radius:8px;overflow:hidden;height:100%;min-height:280px;display:grid;user-select:none;-webkit-user-select:none}.carousel.dragging{cursor:grabbing}.carousel-track{display:flex;align-items:center;height:100%;transition:transform .25s ease;will-change:transform;touch-action:pan-y;-ms-touch-action:pan-y}.carousel-track img{width:100%;height:100%;object-fit:contain;flex:0 0 100%;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-drag:none;pointer-events:none}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;border-radius:999px;width:36px;height:36px;cursor:pointer;display:grid;place-items:center;z-index:5}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}.modal-thumbnails{padding:1rem 0}.thumbnails{display:grid;grid-auto-flow:column;gap:.25rem;overflow-x:auto;justify-content:center;margin-top:.5rem}.thumbnails img{height:64px;width:64px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid #e5e7eb}.thumbnails img.active{outline:2px solid #111}.modal-description{overflow:auto;padding-right:.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem}@media (max-width: 768px){.modal-content{width:calc(100% - 2rem);max-height:calc(100vh - 2rem)}.modal-grid{grid-template-columns:1fr}.thumbnails{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/description-modal.css.map */