.book{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 32px}.book__title{text-wrap:balance}.book__poster{box-shadow:5px 5px 10px #00000080}.book__annotation{font-size:16px}.book__price-row{font-size:24px}.book__price{font-weight:700;font-size:32px;white-space:nowrap}.book__actions{margin-top:23px;display:flex;flex-wrap:wrap;gap:12px;max-width:600px}.book__btn{flex:1;min-width:fit-content}.book__alert{margin-top:32px;font-size:16px}@media(max-width:639.98px){.book__poster{max-width:300px;margin-left:auto;margin-right:auto}}@media(min-width:640px){.book{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}@media(max-width:991.98px){.book__title{grid-column:1/-1;text-align:center}.book__footer{grid-column:1/-1}}@media(min-width:992px){.book{grid-template-columns:minmax(0,364px) minmax(0,1fr)}.book__poster{grid-row:1/4}.book__annotation,.book__footer{grid-column:2/3}}.alert{display:flex;align-items:center;column-gap:24px;padding:16px;border:1px solid;border-radius:6px}.alert_theme_primary{color:#052c65;border-color:#9ec5fe;background-color:#cfe2ff}.alert__icon{font-size:20px}.modal{position:fixed;max-width:calc(100% - 24px);max-height:calc(100% - 24px);border:none;outline:none;padding:40px 24px;opacity:0;transform:scale(0);background-color:#fff;color:#000;transition-property:opacity,transform,overlay,display;transition-duration:.3s;transition-behavior:allow-discrete}.modal[open]{opacity:1;transform:scale(1)}@starting-style{.modal[open]{opacity:0;transform:scale(0)}}.modal::backdrop{background-color:#000000b3;opacity:0;transition:opacity .3s}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open]::backdrop{opacity:0}}.modal__close-wrapper{position:absolute;top:0;right:0}.modal__close{display:flex;align-items:center;justify-content:center;padding:10px;font-size:24px;border:none;transition:color .25s}.modal__title{font-size:24px;font-weight:500;line-height:1.2;margin-bottom:1.5em;text-align:center}@media(hover){.modal__close:hover{color:var(--color-accent)}}.order__phone{margin-top:10px;margin-bottom:10px;display:block;text-align:center}.order__phone:before{content:attr(data-phone);font-size:30px;white-space:nowrap;font-family:monospace}
