.order{padding:20px 80px}@media(max-width:992px){.order{padding:10px}}.order h1,.order h2,.order h3{text-align:center;margin-bottom:50px}@media(max-width:992px){.order h1,.order h2,.order h3{margin-bottom:20px}}.order strong,.order h4{color:#fff;font-size:20px;font-weight:400;display:block;margin-bottom:10px}@media(max-width:992px){.order strong,.order h4{margin-bottom:5px;font-size:16px;line-height:16px}}.order .center{display:flex;justify-content:stretch;padding:0 50px}@media(max-width:992px){.order .center{padding:0;display:block}}.order .center .form,.order .center .example{flex:1}.order .center .form .overlay{background:#ffffff1f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:24px 0 24px 24px;border:1px solid rgba(255,255,255,.3);padding:3rem;box-shadow:0 4px 30px #fff3;color:#fff}@media(max-width:992px){.order .center .form .overlay{border-radius:24px 24px 0 0;padding:20px}}.order .center .example .overlay{position:sticky;top:90px;z-index:10;padding:3rem;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0 24px 24px 0}@media(max-width:992px){.order .center .example .overlay{padding:20px;border-radius:0 0 24px 24px}}.order .center .example .preview{align-self:1/1;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #303059e6}.order .center .example .loader{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;background:#30305966;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.order .center .example img{align-self:1/1;max-width:100%}@media(max-width:992px){.order p{font-size:13px;line-height:15px;margin-bottom:15px}}.order .usps{margin-bottom:15px}.order .usps .usp{display:flex;gap:8px;align-items:center}.order .usps .usp div.check{width:22px;height:22px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#12b152}.order .usps .usp div.check .icon{-webkit-mask-size:12px;mask-size:12px}.order .usps .usp strong{font-weight:700;font-size:13px;margin:0}.order .info,.order .frame-texts{margin-bottom:15px}.order .info strong,.order .frame-texts strong{margin:0 0 5px}.order .info p,.order .frame-texts p{font-size:13px;line-height:18px}.order .info strong.warning,.order .frame-texts strong.warning{font-size:15px;font-weight:700;color:#e8621b}.order .materials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}@media(max-width:768px){.order .materials{grid-template-columns:repeat(2,1fr)}}.order .materials label{flex:1}.order .materials label:hover>span{background-color:#303059}.order .materials label input{width:0;height:0;opacity:0;position:absolute}.order .materials label input:checked+span{border-color:#fff}.order .materials label>span{display:flex;justify-content:center;flex-direction:column;background-color:#303059b3;border:2px solid transparent;cursor:pointer;border-radius:16px;overflow:hidden;position:relative}.order .materials label>span .image{display:flex;aspect-ratio:1/1}.order .materials label>span .image img{max-width:100%}.order .materials label>span .price{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0}.order .materials label>span .price .was{color:#999;text-decoration:line-through;display:block;font-size:13px;line-height:13px}.order .materials label>span .price .is{font-weight:700;color:#fff;font-size:15px;line-height:15px}.order .materials label>span strong{display:block;text-align:center;font-size:12px;margin:0}.order .childs{display:flex;gap:12px}.order .childs .child{cursor:pointer}.order .childs .child input{position:absolute;width:0;height:0;opacity:0}.order .childs .child input:checked+span{background:#12b1524d;border:1px solid #12b152;box-shadow:0 0 0 2px #12b152}.order .childs .child span{display:block;padding:12px 20px;font-size:16px;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.4);border-radius:6px}.order .childs .child:hover span{border:1px solid #fff}
