.order,.order br.mobile,.order form.second,.order-select{display:none}.order{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1d1d1d;overflow-y:scroll;opacity:0;scroll-behavior:smooth}.order.active{display:block;animation:.5s forwards showPopup}.order-form{display:grid;grid-template-columns:repeat(5,1fr);gap:48px;margin-top:40px}.order-form .color{display:flex;flex-direction:column;gap:14px}.order-form .color span{color:#818181;font-size:17px;font-weight:500;line-height:20.29px;text-align:left}.order-form .color .order-form__color{background:rgba(127,127,127,.2);width:fit-content;display:flex;border-radius:34px;padding:26px 76px;gap:24px}.order-form .color .order-form__color button{width:40px;height:40px;border-radius:50%;border:2px solid #adadad;background:0 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s}.order-form .color .order-form__color button.active,.order-right ul li.active{border-color:#fff}.order-form .color .order-form__color button.disabled{border-color:rgba(173,173,173,.5333333333)}.order-form .color .order-form__color button div{width:28px;height:28px;border-radius:50%}.order-form .color .order-form__color button .color-btn-1{background:#b3b4b9}.order-form .color .order-form__color button .color-btn-2{background:#81a2bb}.order-form .color .order-form__color button .color-btn-3{background:#f8eee2}.order-form__option p{margin-bottom:24px;color:#c8c8c8;font-size:28px;font-weight:500;line-height:30.8px;text-align:left}.order h2,.order-right ul li p{color:#c8c8c8;font-weight:600;text-align:left}.order-form__option p span{color:#818181}.order-form__option p span.required{position:relative;opacity:0}.order-form__option p span.required.active{opacity:1}.order-form__option p span.required:before{content:"*";position:absolute;right:-20px;top:0;color:#ff8d8a}.order-left{grid-column-start:1;grid-column-end:4;flex-direction:column;display:flex;justify-content:space-between;gap:40px}.order-slide{width:100%;height:461px;border-radius:32px;background-size:cover;background-repeat:no-repeat;transition:background-image .3s;background-position:center center}.order-dots{display:flex;justify-content:center;margin-top:40px}.order-right,.order-right ul{display:flex;flex-direction:column}.order-dots #popup-dots{padding:19px 40px;background:rgba(127,127,127,.2);border-radius:32px;width:fit-content;display:flex;gap:10px}.order-dots #popup-dots button{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;background:#979797}.order-dots #popup-dots button.active,.order-header{background:#fff}.order-slider{width:100%;position:-webkit-sticky;position:sticky;top:20px}.order-slider__wrap{height:calc(100% - 300px)}.order-right{grid-column-start:4;grid-column-end:6;gap:40px}.order-right ul{list-style:none;gap:16px}.order form,.order-right ul li{flex-direction:column;display:flex}.order-right ul li{border:1px solid rgba(129,129,129,.5019607843);border-radius:32px;padding:24px;gap:8px;cursor:pointer;transition:border-color .3s}.order-right ul li p{font-size:28px;line-height:33.41px;margin:0;transition:color .3s}.order-right ul li span{color:#818181;font-size:17px;font-weight:500;line-height:22.95px;text-align:left}.order-right ul li.disabled{border-color:rgba(129,129,129,.5019607843)}.order-right ul li.disabled p{color:rgba(200,200,200,.2509803922)}.order-right ul li.disabled span{opacity:.4}.order-btn div p span,.order-right ul li.active p{color:#fff}.order h2{font-size:80px;line-height:110px}.order input,.order textarea,.order-btn .discount,.order-btn .oldPrice{line-height:28.9px;font-size:17px;font-weight:500}.order input,.order textarea{background:0 0;border:1px solid rgba(129,129,129,.1019607843);border-radius:32px;color:#fff;padding:15px 26px;outline:0}.order h3,.order-btn .discount,.order-btn .oldPrice,.order-btn div p{text-align:left;color:#818181}.order input:placeholder,.order textarea:placeholder{color:#818181}.order input.error,.order textarea.error{border-color:#ff8d8a}.order form{width:100%;gap:40px}.order form div.top{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.order form div.top input{width:100%}.order form div.top input:-webkit-autofill,.order form div.top input:-webkit-autofill:focus,.order form div.top input:-webkit-autofill:hover{border:1px solid rgba(129,129,129,.1019607843);-webkit-text-fill-color:#fff;-webkit-text-fill-background:#000;-webkit-box-shadow:0 0 0 1000px #1d1d1d inset}.order form textarea{width:100%;height:76px;resize:none}.order form textarea:-webkit-autofill,.order form textarea:-webkit-autofill:focus,.order form textarea:-webkit-autofill:hover{border:1px solid rgba(129,129,129,.1019607843);-webkit-text-fill-color:#fff;-webkit-text-fill-background:#000;-webkit-box-shadow:0 0 0 1000px #1d1d1d inset}.order h3{font-size:40px;font-weight:700;line-height:68px}.order-header .header{border:none}.order-container{max-width:1288px;margin:0 auto;padding:60px 20px 120px}.order-top{display:flex;flex-direction:column}.order-top__inner{display:flex;justify-content:space-between;align-items:center}.order-close{background:0 0;border:none;width:24px;height:24px;cursor:pointer;position:relative}.order-close:after,.order-close:before{content:"";width:34px;height:2px;background:#fff;border-radius:1px;position:absolute;left:50%;top:50%}.order-close:before{transform:translate(-50%,-50%) rotate(45deg)}.order-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.order-btn{display:flex;gap:30px;align-items:flex-end}.order-btn button{min-width:231px}.order-btn .oldPrice{margin:0 10px;position:relative}.order-btn .oldPrice:before{content:"";position:absolute;width:calc(100% + 9px);height:1px;background:#818181;left:50%;top:50%;transform:translate(-50%,-50%)}.order-btn .discount{opacity:.7;margin-right:18px}.order-btn div{display:flex;flex-direction:column;gap:8px;max-width:300px}.order-btn div p{font-size:17px;font-weight:500;line-height:25.5px}@media (min-width:1001px){.order::-webkit-scrollbar{background-color:transparent;width:6px}.order::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1333333333);border-radius:3px}}@media (max-width:1200px) and (min-width:1001px){.order h2{font-size:68px;line-height:90px}}@media (max-width:1000px){.order h2{font-size:52px;line-height:70px}.order h3{font-size:32px;line-height:48px}.order-select{display:block}.order-select__wrap{transition:border-color .3s;border:1px solid rgba(129,129,129,.5019607843);border-radius:32px}.order-select__title{color:#c8c8c8;font-size:24px;line-height:26px;margin-bottom:14px}.order-select__title span{color:#818181}.order-select ul{gap:0;max-height:0;overflow:hidden;transition:max-height .3s}.order-select ul.order-type.active{max-height:150px}.order-select ul.active{max-height:600px}.order-select ul.active li:before{opacity:1}.order-select ul li{border:none;position:relative}.order-select ul li:before{content:"";position:absolute;top:0;width:calc(100% - 10px);height:1px;left:50%;transform:translateX(-50%);background:rgba(129,129,129,.5019607843);opacity:0;transition:opacity .15s}.order-visible{padding:24px;display:flex;gap:8px;cursor:pointer;justify-content:space-between;min-height:106px}.order-visible.active button{transform:rotate(180deg)}.order-visible button{background:0 0;border:none;cursor:pointer;transition:transform .15s}.order-visible p{color:#c8c8c8;font-size:28px;font-weight:600;line-height:33.41px;text-align:left;margin:0;transition:color .3s}.order-visible span{color:#818181;font-size:17px;font-weight:500;line-height:22.95px;text-align:left}.order-form{display:flex;flex-direction:column;gap:60px}.order form.first,.order-form__option-1,.order-form__option-3{display:none}.order form{width:100%}.order form.second{display:flex}.order-btn{flex-direction:column-reverse;align-items:flex-start}.order-btn div{max-width:100%}}@media (max-width:600px){.order br.mobile{display:block}.order-btn button{width:100%}.order h2{font-size:40px;line-height:48px}.order h3{font-size:28px;line-height:48px}.order-form__option p,.order-right ul li p{font-size:24px;line-height:26px}.order form.second{padding:11px;gap:10px}.order form.second div.top{display:flex;flex-direction:column;gap:10px}.order-right,.order-top{padding:0 11px}.order-top__inner{align-items:flex-start}.order-close{width:40px;height:40px;margin-top:10px}.order-container{padding:70px 0 44px}.order-form{margin-top:30px;gap:40px}.order-form .color .order-form__color{width:100%;justify-content:center}.order-form .color .order-form__color button div{pointer-events:none}.order-form__option p{margin-bottom:14px}.order-slide{border-radius:0;height:343px;background-size:120%}.order-dots{margin-top:20px}.order-dots #popup-dots{gap:16px}.order-dots #popup-dots button{width:16px;height:16px}}@keyframes showPopup{0%{opacity:0}100%{opacity:1}}