.door__title {
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   text-align: center;
   font-size: 18px !important;
   background-color: #3a4752;
   padding: 10px 5px !important;
   border-radius: 0.5em;
   margin: 0 50px 25px 50px !important;
 }

 .door__container {
   display: flex;
   justify-content: space-around;
   padding: 20px 0;
 }

 .box {
   perspective: 500px;
   position: relative;
 }

 .box,
 .door {
   width: 190px;
   height: 400px;
   box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919;
 }

 @media (max-width: 840px) {

   .box,
   .door {
     width: 95px;
     height: 200px;
   }
 }

 .hi {
   left: 50%;
   transform: translateX(-50%);
 }

 .door,
 .hi {
   position: absolute;
   top: 0;
 }

 .door__sales {
   position: relative;
   top: 140px;
   font-size: 46px !important;
   font-weight: 700 !important;
   color: red !important;
   border-radius: 30px !important;
   padding: 30px 5px !important;
   box-shadow: 0 1px 2px 2px #7f7878;
   -webkit-border-radius: 30px !important;
   -moz-border-radius: 30px !important;
   -ms-border-radius: 30px !important;
   -o-border-radius: 30px !important;
 }

 @media (max-width: 840px) {
   .door__sales {
     font-size: 20px !important;
     font-weight: 700 !important;
     top: 50px !important;
     color: red !important;
     border-radius: 30px !important;
   }
 }

 @media (max-width: 768px) {
   .door__title {
     margin: 0 20px 25px 20px !important;
   }

   .inL_608902 {
     gap: 0;
   }

   .inL_608902 p {
     margin-bottom: 0 !important;
   }

   .base img.inL_598169 {
     margin: 0 auto 10px;
   }
 }

 @media (max-width: 360px) {
   .door__sales {
     font-size: 25px !important;
     font-weight: 700 !important;
     top: 50px !important;
     color: red !important;
     left: 0 !important;
     border-radius: 30px !important;
     -webkit-border-radius: 30px !important;
     -moz-border-radius: 30px !important;
     -ms-border-radius: 30px !important;
     -o-border-radius: 30px !important;
   }
 }

 .door {
   background-image: url(../images/door1.png);
   background-repeat: no-repeat;
   transform: rotateY(0deg);
   display: inline-block;
   transition: all 0.75s ease;
   transform-origin: 0 0;
   cursor: pointer;
   left: 0;
   -webkit-transform: rotateY(0deg);
   -moz-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
   -o-transform: rotateY(0deg);
   -webkit-transition: all 0.75s ease;
   -moz-transition: all 0.75s ease;
   -ms-transition: all 0.75s ease;
   -o-transition: all 0.75s ease;
 }

 .door:hover {
   transform: rotateY(-30deg);
   -webkit-transform: rotateY(-30deg);
   -moz-transform: rotateY(-30deg);
   -ms-transform: rotateY(-30deg);
   -o-transform: rotateY(-30deg);
 }

 #door__2 {
   background-image: url(../images/door2.png);
 }

 #door__3 {
   background-image: url(../images/door3.png);
 }

 @media (max-width: 840px) {
   .door__container {
     padding: 0;
   }

   .door {
     background-size: cover;
   }

   #door__3 {
     background-size: cover;
   }

   #door__2 {
     background-size: cover;
   }
 }

 @media (max-width: 479px) {
   .door {
     background-size: cover;
   }

   #door__3 {
     background-size: cover;
   }

   #door__2 {
     background-size: cover;
   }

   .box,
   .door {
     width: 80px;
     height: 165px;
   }
 }

 .door.open {
   transform: rotateY(-85deg);
   -webkit-transform: rotateY(-85deg);
   -moz-transform: rotateY(-85deg);
   -ms-transform: rotateY(-85deg);
   -o-transform: rotateY(-85deg);
 }

 .spin-result-wrapper {
   max-width: 100%;
   display: none;
   padding: 0 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   top: 0;
   z-index: 999 !important;
   left: 0;
   height: 100%;
   position: fixed !important;
   background-color: rgba(0, 0, 0, 0.6);
   text-align: center;
 }

 .order_block,
 .spin-result-wrapper {
   display: none;
 }

 .order {
   position: relative !important;
   display: none;
   /*min-width: 270px !important;*/
   max-width: 700px !important;
   margin: 0 auto !important;
   padding: 15px !important;
   border: 3px dashed #ddd !important;
   border-radius: 3px !important
 }

 .order.active {
   display: block !important
 }

 .order__header {
   display: flex !important;
   flex-flow: column !important;
   /*gap: 20px !important;*/
   margin-bottom: 0 !important;
   font-size: 18px !important;
   font-weight: 700 !important;
   text-align: center !important;
   -webkit-box-direction: normal !important;
   -webkit-box-orient: vertical !important
 }

 .order__img {
   width: 100% !important;
   height: auto !important;
   max-width: 280px !important;
   margin: 0 20px 0 0 !important
 }

 .order__text {
   font-size: 18px !important;
   font-weight: 700 !important;
   margin-bottom: 15px !important;
   text-align: center !important;
   line-height: 1.3 !important
 }

 .order__text:nth-child(2) {
   margin-bottom: 5px !important
 }

 .order__time {
   font-weight: 700 !important;
   font-size: 24px !important;
   line-height: 1.2;
   text-align: center !important;
   color: red !important
 }

 .order__price {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   gap: 10px !important;
   font-size: 20px !important;
   -webkit-box-align: center !important;
   -webkit-box-pack: center !important;
   -ms-flex-align: center !important;
   -ms-flex-pack: center !important;
   margin-bottom: 15px;
 }

 .order__price-old {
   font-weight: 700 !important;
   line-height: 1.2;
   text-decoration: line-through !important;
   margin-bottom: 0 !important;
 }

 .order__price-new {
   font-weight: 700 !important;
   line-height: 1.2;
   color: red !important;
   margin-bottom: 0 !important;
 }

 .order__price-new>.order__price-summ {
   font-size: 24px !important
 }

 .order__price-new>.order__price-curr {
   font-size: 24px !important
 }

 .order__price-zero {
   text-transform: uppercase !important
 }

 .order__body {
   display: flex !important;
   flex-flow: column !important;
   /*gap: 15px !important;*/
   width: 100% !important;
   margin-bottom: 0 !important;
   border: none !important;
   text-align: center !important;
   -webkit-box-direction: normal !important;
   -webkit-box-orient: vertical !important
 }

 .order__input {
   position: relative !important;
   display: block !important;
   width: 100% !important;
   height: 55px !important;
   padding: 15px !important;
   border-style: none !important;
   border-width: 0 !important;
   border-color: transparent !important;
   border-radius: 35px !important;
   outline: none !important;
   font-size: 16px !important;
   background-color: #f2f2f2 !important;
   margin-bottom: 15px;
 }

 .order__input::placeholder {
   font-size: 16px !important;
   font-weight: 400 !important
 }

 .order__input:focus-visible {
   outline: none !important;
   outline-offset: 0 !important
 }

 .order__btn {
   cursor: pointer !important;
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: center !important;
   align-items: center !important;
   gap: 5px !important;
   width: 100% !important;
   min-height: 55px !important;
   padding: 20px !important;
   border-radius: 35px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   text-decoration: none !important;
   line-height: 1.2 !important;
   color: #fff !important;
   background-color: #388e3c !important;
   transition: background-color .2s linear !important;
   box-shadow: none !important;
   -webkit-box-align: center !important;
   -webkit-box-pack: center !important;
   -ms-flex-align: center !important;
   -ms-flex-pack: center !important;
   margin-bottom: 15px;
 }

 .order__btn:hover {
   background-color: #2bac31 !important
 }

 .order__footer {
   font-size: 14px !important;
   text-align: center !important;
   color: #888 !important
 }

 .order__info {
   font-size: 14px !important;
   text-align: center !important;
   line-height: 1.3 !important;
   margin-bottom: 0 !important;
 }

 @media all and (min-width: 475px) {
   .order__time {
     font-size: 24px !important
   }

   .order__price {
     font-size: 24px !important
   }

   .order__btn {
     font-size: 18px !important
   }
 }

 @media all and (min-width: 576px) {
   .order__footer {
     font-size: 16px !important
   }
 }

 .spin {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   z-index: 1000 !important;
   display: none !important;
   width: 100% !important;
   height: 100% !important;
   background-color: rgba(0, 0, 0, .2) !important
 }

 .spin.active {
   display: block !important
 }

 @keyframes pop-up-appear-before {
   0% {
     transform: scale(0)
   }

   100% {
     transform: scale(1)
   }
 }

 @keyframes pop-up-appear-before {
   0% {
     transform: scale(0)
   }

   100% {
     transform: scale(1)
   }
 }

 @keyframes pop-up-appear-after {
   0% {
     opacity: 0
   }

   100% {
     opacity: 1
   }
 }

 @keyframes pop-up-appear-after {
   0% {
     opacity: 0
   }

   100% {
     opacity: 1
   }
 }

 .my-btn {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   width: fit-content !important;
   margin: 30px auto 0 !important;
   padding: 15px 30px !important;
   border: none !important;
   border-radius: 10px !important;
   font-size: 18px !important;
   font-weight: 700 !important;
   text-align: center !important;
   text-decoration: none !important;
   text-transform: uppercase !important;
   color: #fff !important;
   background-color: #fa3d3d !important;
   transition: all .2s ease-in 0s !important;
   -webkit-box-align: center !important;
   -webkit-box-pack: center !important;
   -ms-flex-align: center !important;
   -ms-flex-pack: center !important
 }

 .my-btn:hover {
   color: #fff !important;
   background-color: #f52b2b !important;
   transform: scale(1.1) !important
 }

 @media (max-width: 769px) {
   .mob__center{
        text-align:center !important;
   }
}