.main-wrapper{display:grid;grid-gap:10px}.main-wrapper .wrapper{display:flex;flex-flow:column wrap}.product-title{padding:10px}.modal-button{display:flex;align-items:center;justify-content:space-between;height:44px;border:1px solid #3e60c1;border-radius:31px;font-size:16px;color:#3e60c1;text-align:center;cursor:pointer}.modal-button-text{margin:0}.modal{position:fixed;top:0;left:0;bottom:0;right:0;display:none;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);z-index:9999}.columns-wrapper{display:flex;flex-flow:column wrap;grid-gap:10px;background:#f6f6f6;border-radius:8px;padding:20px 10px}.title-column{font-size:24px;font-weight:700;text-align:center;padding:0 10px 20px;color:#3e60c1}.modal-window{position:relative;background-color:#fff;width:181px;margin:10% auto;padding:10px 15px;border-radius:4px;border:1px solid #d2dcfa}.text-content *{color:inherit}.modal-content .custom-button{padding:5px 10px;display:block;border-radius:2px;font-size:14px;text-align:center}.close{position:absolute;top:0;right:0;color:#3e60c1;text-align:center;padding:0 5px}.open{display:block}.modal-content{display:flex;column-gap:20px}.modal-content .img-modal{flex-basis:30%}@media (min-width:601px){.columns-wrapper.nodesktop,.modal-button.nodesktop{display:none}.modal-window{width:300px}}@media (max-width:600px){.main-wrapper{grid-template-columns:repeat(1,1fr)!important}.modal-window{margin:0 auto}.modal-content{flex-flow:column wrap;grid-gap:10px}.modal.open{display:flex;align-items:center;justify-content:center}}