.grid-container{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));column-gap:6px;row-gap:12px;margin:0 auto;width:100%}.grid-item{background-color:#1b333b;color:#fff;text-align:center;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90px;height:75px}.grid-item img{max-width:100px;max-height:100px;width:35px;height:40px;margin-bottom:10px}.grid-item p{margin:0;font-size:7px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:99999}.modal-content{background-color:#dfdfd8;padding:12px;border-radius:8px;max-width:90%;max-height:90%;position:relative}.close-btn{position:absolute;top:-10px;right:-7px;width:22px;height:22px}.close-btn svg{width:22px;height:22px}@media screen and (min-width: 390px) and (max-width: 768px){.modal-content{max-width:100%;max-height:100%;width:95%;height:fit-content}.grid-item{width:100%;height:100%}.grid-item img{width:90%;height:90%}.grid-item p{font-size:9px}.close-btn,.close-btn svg{height:35px;width:35px}}@media screen and (min-width: 500px){.grid-item p{font-size:12px}}@media screen and (min-width: 768px){.modal-content{padding:0}.grid-container{padding:36px;column-gap:18px;row-gap:36px}.grid-item{width:220px;height:220px;border-radius:20px}.grid-item img{width:125px;height:100px}.grid-item p{font-size:18px}.close-btn{position:absolute;top:-20px;right:-20px;width:65px;height:65px}.close-btn svg{width:65px;height:65px}}@media screen and (min-width: 1024px){.grid-item{width:270px}.grid-item p{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/pdp-chuug-vessel-modal.css.map */