.calc{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.calc__preview-holder{position:relative;display:flex;align-items:center;justify-content:center;max-width:300px;margin:0 auto}
.calc__preview-holder::after{content:'';display:block;padding-top:100%}
.calc__preview{position:absolute}
.calc__title{font-size:16px;font-weight:700;margin-bottom:1em}
.calc__settings{display:grid;grid-template-columns:minmax(0,1fr);gap:30px 24px}
.calc__window-params{grid-column:1 / -1}
.calc__window:not(:last-child){margin-bottom:5px}
.calc__price{margin-top:30px;font-size:30px;font-weight:700;text-align:center;grid-column:1 / -1;justify-self:center;background-color:#fafafa;padding:0 15px;border-radius:3px;white-space:nowrap}
.calc__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}

.calc-window{display:flex;column-gap:5px}
.calc-window__input{min-width:0;text-align:center}
.calc-window__btn{padding:0 5px;border:none;background-color:transparent;font-size:24px}
.calc-window__btn_add{color:#09e}
.calc-window__btn_del{color:red}

.calc-options{margin:0;padding:0;list-style:none}
.calc-options__item:not(:last-child){margin-bottom:14px}
.calc-options__label{display:flex;align-items:center;width:max-content;max-width:100%;cursor:pointer;font-size:14px}
.calc-options__control{margin-right:10px}

.calc-spec{margin:15px 0 0;padding:0;list-style:none;font-size:14px}

.calc-print{display:none}

@media (min-width: 480px) {
.calc__settings{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
}
@media (min-width: 1200px) {
.calc{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
}