.collection-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.collection-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.collection-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media screen and (min-width:768px){.collection-grid{grid-template-columns:1fr 1fr;gap:8rem}.collection-thumbnail-container{max-width:400px}}.collection-modal-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.collection-modal-container{box-sizing:border-box;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;height:90%;display:flex}.collection-modal-header{color:#fff;background-color:#0006;justify-content:space-between;align-items:center;gap:10px;padding:15px 30px;display:flex}.collection-modal-title{color:#fff;margin:0;font-size:1rem;font-weight:700}.collection-modal-close-btn{cursor:pointer;color:#fff;background:0 0;border:none;padding:0;font-size:1.8rem}.collection-image-viewer{flex-direction:column;flex:1;width:100%;height:calc(100vh - 100px);display:flex}.collection-main-image-container{flex:1;justify-content:center;align-items:center;width:100%;height:calc(100vh - 180px);display:flex;position:relative}.collection-main-image{object-fit:contain;max-width:90vw;max-height:calc(100vh - 200px)}.collection-modal-navigation{justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;bottom:20px;left:0;right:0}.collection-nav-button{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;transition:background .2s;display:flex}.collection-thumbnail-container{aspect-ratio:1;cursor:pointer;max-width:500px;height:auto;margin-bottom:.5rem;overflow:hidden}.collection-thumbnail{object-fit:cover;width:100%;transition:transform .3s}.collection-thumbnail:hover{transform:scale(1.05)}.collection-thumbnails-container{justify-content:center;gap:10px;padding:10px 0;display:flex;overflow-x:auto}.collection-thumbnail-item{cursor:pointer;border:2px solid #0000;width:60px;height:60px;overflow:hidden}.collection-thumbnail-item.active{border-color:#fff}.collection-thumbnail-image{object-fit:cover;width:100%;height:100%}.collection-thumbnail-placeholder{color:#fff;background-color:#333;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.collection-name{color:#fff;font-size:.875rem;font-weight:500}@media screen and (max-width:810px){.collction-item{width:100%}.collection-thumbnail{width:100%;height:auto}.collection-modal-container{height:60vh}}@media screen and (min-width:1920px){.collection-container{padding:4rem 1rem}}