@ozdao/prometheus-framework 0.2.305 → 0.2.306

package/dist/prometheus-framework/src/modules/pages/pages.client.js

@@ -40,31 +40,6 @@
   opacity: 0;
   left: 0;
   top: 0;
-}.soon-label {
-  position: absolute;
-  right: -0.25em;
-  top: -0.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  line-height: 1.5rem;
-}
-.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  position: absolute;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
-}
-.input-error {
-  border: 1px solid red;
-  box-shadow: 0 0 3px 0 red;
 }.fade-enter-active, .fade-leave-active {
   transition: opacity 0.5s;
 }
@@ -106,61 +81,50 @@
 }
 .background-div {
   flex-grow: 1;
-}.selector {
-  flex-grow: 1;
-  flex-basis: 0;
-  min-width: 0;
-}.container-joinus {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 66%;
-  position: relative;
-}
-.container-joinus .content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  z-index: 2;
-}.slider-hotpost .embla__slide {
-  flex: 0 0 25%;
+}.soon-label {
+  position: absolute;
+  right: -0.25em;
+  top: -0.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  line-height: 1.5rem;
 }
-@media screen and (max-width: 1025px) {
-.slider-hotpost .embla__slide {
-    flex: 0 0 75%;
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.magnifier[data-v-48231055] {
-  max-width: 32rem;
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
 }
-.product-images[data-v-48231055] {
-  display: flex;
-  flex-direction: column;
+.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.thumbnail[data-v-48231055] {
-  width: 100%;
-  max-width: 8rem;
-  height: 8rem;
-  object-fit: cover;
-  cursor: pointer;
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.popup[data-v-48231055] {
-  position: fixed;
-  top: 0;
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
   left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: zoom-out;
-}
-.popup-image[data-v-48231055] {
-  max-width: 90%;
-  max-height: 90%;
-}
-.vue-select {
+  top: 0;
+}.VueSelect {
   background: #f7f7f7;
   border-radius: 0.5rem;
   border: 0;
@@ -168,273 +132,290 @@
   padding-left: 1rem;
   z-index: 4;
 }
-.vue-select .vue-input input {
+.VueSelect .vue-input input {
   font-size: 1.125rem;
   font-weight: 300;
   background: #f7f7f7;
-}.shop-cart-item[data-v-bebbf16b]:first-of-type {
-  padding-top: 0;
 }
-.spoiler-active[data-v-bebbf16b] {
-  transform: rotate(180deg);
+  /* Add styles for the user card component here */
+
+.subdepartmentsartment[data-v-15358182] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
 }
-.expand-enter-active[data-v-e552bc5f],
-.expand-leave-active[data-v-e552bc5f] {
-  transition: max-height 0.5s ease-in-out;
-  overflow: hidden;
+
+.documents[data-v-f93fcad7] {
+  display: flex;
+  flex-direction: column;
 }
-.scale-enter-active[data-v-e552bc5f],
-.scale-leave-active[data-v-e552bc5f] {
-  transition: transform 0.5s ease-in-out;
+.popup[data-v-f93fcad7] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 20px;
+  z-index: 10;
 }
-.scale5-enter-from[data-v-e552bc5f],
-.scale5-leave-to[data-v-e552bc5f] {
-  transform: scale(1.2);
+.moveFromTop-enter-active,
+.moveFromTop-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
+}
+.moveFromTop-enter-from,
+.moveFromTop-leave-to {
+  transform: translateY(-1rem);
   opacity: 0;
+  transition: all 0.5s ease;
 }
-.scale5-enter-to[data-v-e552bc5f],
-.scale5-leave-from[data-v-e552bc5f] {
-  transform: scale(1);
+.moveFromTopAbsolute-enter-active,
+.moveFromTopAbsolute-leave-active {
+  transform: translateY(0);
   opacity: 1;
+  transition: all 0.5s ease;
 }
-.product-360-viewer[data-v-e552bc5f] {
-  user-select: none;
-   min-height: 16rem;
+.moveFromTopAbsolute-enter-from,
+.moveFromTopAbsolute-leave-to {
+  position: absolute;
+  transform: translateY(-1rem);
+  opacity: 0;
+  transition: all 0.5s ease;
 }
-.product-360-viewer img[data-v-e552bc5f] {
-  max-width: 100%;
-  cursor: grab;
-
-  object-fit: cover;
+.ScaleOut-enter-active,
+.ScaleOut-leave-active {
+  opacity: 1;
+  transform: scale(1);
   transition: all 0.3s ease;
 }
-.product-360-viewer img[data-v-e552bc5f]:active {
-  cursor: grabbing;
-}
-
-/*.product-360-viewer img:hover {
-  transform: scale(1.1);
-}*/
-
-.spiral {
-	
-  background-size: cover;
-  width: 100rem;
-  height: 100rem;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  opacity: 0.066;
-  transform: translate(-50%, -50%) rotate(0deg);
-  transform-origin: center center;
-  animation: spin 5s linear infinite;
+.ScaleOut-enter-from,
+.ScaleOut-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+  transition: all 0.3s ease;
 }
-@keyframes spin {
-0% {
-    transform: translate(-50%, -50%) rotate(0deg);
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-100% {
-    transform: translate(-50%, -50%) rotate(360deg);
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
 }
-
-/* Ваши стили */
-.grid-container {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-template-rows: repeat(2, 1fr);
+.scaleTransition-5px-enter-active,
+.scaleTransition-5px-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.2s ease;
 }
-.grid-item:first-of-type {
-  grid-column: span 2;
-  grid-row: span 2;
+.scaleTransition-5px-enter-from,
+.scaleTransition-5px-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  transform: translateY(-30px);
+  transition: all 0.2s ease;
 }
-@media screen and (max-width: 1025px) {
-.grid-container {
-    grid-template-columns: repeat(2, 1fr);
+.scaleTransition-enter-from,
+.scaleTransition-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  display: block;
+  transform: translateY(30px);
+  transition: all 0.5s ease;
 }
-}.embla {
-  overflow: hidden;
+.scaleTransition-enter-active,
+.scaleTransition-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.5s ease;
 }
-.embla__container {
-  display: flex;
+.scaleTransition-enter-from,
+.scaleTransition-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  display: block;
+  transform: translateY(30px);
+  transition: all 0.5s ease;
 }
-.embla__slide {
-  flex: 0 0 25%;
-  min-width: 0;
+.scaleIn-enter-active,
+.scaleIn-leave-active {
+  transition: all 0.5s ease;
 }
-@media screen and (max-width: 1025px) {
-.embla__slide {
-    flex: 0 0 50%;
-    min-width: 0;
+.scaleIn-enter-active > section, .scaleIn-enter-active div,
+.scaleIn-leave-active > section,
+.scaleIn-leave-active div {
+  transform-origin: 0 0;
+  transform: translateZ(0px);
+  transition: all 0.5s ease;
 }
-}.price-tag {
-  background: #058;
-  color: #fff;
-  cursor: pointer;
-  display: inline-block;
+.scaleIn-enter-from,
+.scaleIn-leave-to {
+  opacity: 0;
+  transform: scale(0.95);
+}
+.scaleIn-enter-from > section, .scaleIn-enter-from div,
+.scaleIn-leave-to > section,
+.scaleIn-leave-to div {
+  transform: translateZ(-30px);
+  transition: all 0.5s ease;
+}.location-button:hover {
+  box-shadow: inset 0 0 0 2px rgb(var(--main));
+}
+.menu-btn {
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
   position: relative;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  color: black;
-}.thc {
+}
+.menu-btn span,
+.menu-btn__before,
+.menu-btn__after {
   position: absolute;
-  right: 1rem;
-  top: 1rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  width: 6rem;
-  height: 6rem;
-  transition: all linear 0.1s;
+  top: 50%;
+  margin-top: -1px;
+  left: 50%;
+  margin-left: -10px;
+  width: 20px;
+  height: 2px;
 }
-.thc p:first-of-type {
-  font-size: 1.25rem;
-  letter-spacing: -2px;
-  z-index: 7;
+.menu-btn__before,
+.menu-btn__after {
+  display: block;
+  transition: 0.2s;
 }
-.thc p:last-of-type {
-  z-index: 7;
+.menu-btn__before {
+  transform: translateY(-5px);
 }
-.thc svg {
-  z-index: 6;
-  position: absolute;
-  width: 6rem;
-  height: 6rem;
-  left: 0;
-  top: 0;
+.menu-btn__after {
+  transform: translateY(5px);
 }
-@media screen and (max-width: 1025px) {
-.thc {
-    transform: scale(0.75) !important;
-    transform-origin: top right !important;
+.menu-btn_active .menu-btn__before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
 }
-}.h1-product {
-  font-size: 3rem;
+.menu-btn_active .menu-btn__after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
 }
-.produc-data {
-  padding-top: 2rem;
-  padding-bottom: 0;
-}.main-photo {
-  max-width: 50%;
+.menu-btn_active span:before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
 }
-.main-photo img {
-  width: 100%;
-}.round-stat {
-  padding: 1rem;
-  border-radius: 5rem;
-  width: 3rem;
-  height: 3rem;
+.menu-btn_active span:after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}
+.menu-block {
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.round-stat-tab {
-  width: 2rem;
-  height: 2rem;
+.menu-nav {
+  background-color: #fff;
+  height: 50px;
 }
-.order-card {
-  border-radius: 0.25rem;
-  overflow: hidden;
-  box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
+.menu-nav__link {
+  display: inline-block;
+  text-decoration: none;
+  color: #fff;
+  margin-right: 20px;
 }
-.order-card .order-status {
-  color: black;
-  background: #EEF2F6;
-  width: 100%;
-  padding: 0.75rem 1.5rem;
-  margin: 0;
+.menu-nav__link {
+  transition: 0.5s;
+  transform-origin: right center;
+  transform: translateX(50%);
+  opacity: 0;
 }
-.order-card .new {
-  color: white;
-  background: #00ff88;
+.menu-nav__link_active {
+  transform: translateX(0%);
+  opacity: 1;
+}#sidebar ul li {
+  margin-bottom: 1rem;
+}.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
 }
-.order-card .block {
-  border-radius: 0;
-  border: 0;
+.header-title {
+  pointer-events: none;
 }
-/* Add your styles here */
-
-/* Стили остаются без изменений */
-
-.list-enter-active,
-.list-leave-active {
-  transition: all 0.5s ease;
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.list-enter-from,
-.list-leave-to {
+.slideIn-enter-from,
+.slideIn-leave-to {
   opacity: 0;
-  transform: translateX(30px);
+  transform: translateX(10px);
 }
-@media screen and (max-width: 1025px) {
-#mobileApp {
-    text-align: center;
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
 }
-#mobileApp > section {
-    flex-direction: column;
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-#mobileApp > section > div {
-    order: 1;
+.slideY-enter-from,
+.slideY-leave-to {
+  opacity: 0;
+  transform: translateY(50px);
 }
-}.spiral[data-v-4a28df5c] {
-  background-image: url("https://weeder.delivery/spiral.jpg");
-  background-size: cover;
-  width: 100rem;
-  height: 100rem;
+.slideY-enter-from span,
+.slideY-leave-to span {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  opacity: 0.066;
-  transform: translate(-50%, -50%) rotate(0deg);
-  transform-origin: center center;
-  animation: spin-4a28df5c 5s linear infinite;
-}
-@keyframes spin-4a28df5c {
-0% {
-    transform: translate(-50%, -50%) rotate(0deg);
 }
-100% {
-    transform: translate(-50%, -50%) rotate(360deg);
+.magnifier[data-v-48231055] {
+  max-width: 32rem;
 }
-}.grid[data-v-9b14ae83] {
-  perspective: 450px;
-  background-size: cover;
+.product-images[data-v-48231055] {
+  display: flex;
+  flex-direction: column;
 }
-.grid-lines[data-v-9b14ae83] {
+.thumbnail[data-v-48231055] {
   width: 100%;
-  height: 200%;
-  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
-  background-size: 45px 30px;
-  background-repeat: repeat;
-  transform-origin: 100% 0 0;
-  animation: play-9b14ae83 15s linear infinite;
+  max-width: 8rem;
+  height: 8rem;
+  object-fit: cover;
+  cursor: pointer;
 }
-@keyframes play-9b14ae83 {
-0% {
-    transform: rotateX(45deg) translateY(-50%);
-}
-100% {
-    transform: rotateX(45deg) translateY(0);
-}
-}.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+.popup[data-v-48231055] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: zoom-out;
 }
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+.popup-image[data-v-48231055] {
+  max-width: 90%;
+  max-height: 90%;
 }
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  min-height: 0;
-  position: absolute;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
-}.VueSelect {
+.vue-select {
   background: #f7f7f7;
   border-radius: 0.5rem;
   border: 0;
@@ -442,293 +423,276 @@
   padding-left: 1rem;
   z-index: 4;
 }
-.VueSelect .vue-input input {
+.vue-select .vue-input input {
   font-size: 1.125rem;
   font-weight: 300;
   background: #f7f7f7;
+}.shop-cart-item[data-v-bebbf16b]:first-of-type {
+  padding-top: 0;
 }
-  /* Add styles for the user card component here */
-
-.subdepartmentsartment[data-v-15358182] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
-.documents[data-v-f93fcad7] {
-  display: flex;
-  flex-direction: column;
+.spoiler-active[data-v-bebbf16b] {
+  transform: rotate(180deg);
 }
-.popup[data-v-f93fcad7] {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
-  border: 1px solid #ccc;
-  padding: 20px;
-  z-index: 10;
+.expand-enter-active[data-v-e552bc5f],
+.expand-leave-active[data-v-e552bc5f] {
+  transition: max-height 0.5s ease-in-out;
+  overflow: hidden;
 }
-.moveFromTop-enter-active,
-.moveFromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: all 0.5s ease;
+.scale-enter-active[data-v-e552bc5f],
+.scale-leave-active[data-v-e552bc5f] {
+  transition: transform 0.5s ease-in-out;
 }
-.moveFromTop-enter-from,
-.moveFromTop-leave-to {
-  transform: translateY(-1rem);
+.scale5-enter-from[data-v-e552bc5f],
+.scale5-leave-to[data-v-e552bc5f] {
+  transform: scale(1.2);
   opacity: 0;
-  transition: all 0.5s ease;
 }
-.moveFromTopAbsolute-enter-active,
-.moveFromTopAbsolute-leave-active {
-  transform: translateY(0);
+.scale5-enter-to[data-v-e552bc5f],
+.scale5-leave-from[data-v-e552bc5f] {
+  transform: scale(1);
   opacity: 1;
-  transition: all 0.5s ease;
 }
-.moveFromTopAbsolute-enter-from,
-.moveFromTopAbsolute-leave-to {
-  position: absolute;
-  transform: translateY(-1rem);
-  opacity: 0;
-  transition: all 0.5s ease;
+.product-360-viewer[data-v-e552bc5f] {
+  user-select: none;
+   min-height: 16rem;
 }
-.ScaleOut-enter-active,
-.ScaleOut-leave-active {
-  opacity: 1;
-  transform: scale(1);
+.product-360-viewer img[data-v-e552bc5f] {
+  max-width: 100%;
+  cursor: grab;
+
+  object-fit: cover;
   transition: all 0.3s ease;
 }
-.ScaleOut-enter-from,
-.ScaleOut-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-  transition: all 0.3s ease;
+.product-360-viewer img[data-v-e552bc5f]:active {
+  cursor: grabbing;
 }
-.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+/*.product-360-viewer img:hover {
+  transform: scale(1.1);
+}*/
+
+/* Ваши стили */
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(2, 1fr);
 }
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+.grid-item:first-of-type {
+  grid-column: span 2;
+  grid-row: span 2;
 }
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  min-height: 0;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
+@media screen and (max-width: 1025px) {
+.grid-container {
+    grid-template-columns: repeat(2, 1fr);
 }
-.scaleTransition-5px-enter-active,
-.scaleTransition-5px-leave-active {
-  transform: translateY(0px);
-  opacity: 1;
-  z-index: 1;
-  transition: all 0.2s ease;
+}.embla {
+  overflow: hidden;
 }
-.scaleTransition-5px-enter-from,
-.scaleTransition-5px-leave-to {
-  opacity: 0;
-  z-index: 0;
-  position: absolute;
-  transform: translateY(-30px);
-  transition: all 0.2s ease;
+.embla__container {
+  display: flex;
 }
-.scaleTransition-enter-from,
-.scaleTransition-leave-to {
-  opacity: 0;
-  z-index: 0;
-  position: absolute;
-  width: inherit;
-  height: inherit;
-  display: block;
-  transform: translateY(30px);
-  transition: all 0.5s ease;
+.embla__slide {
+  flex: 0 0 25%;
+  min-width: 0;
 }
-.scaleTransition-enter-active,
-.scaleTransition-leave-active {
-  transform: translateY(0px);
-  opacity: 1;
-  z-index: 1;
-  transition: all 0.5s ease;
+@media screen and (max-width: 1025px) {
+.embla__slide {
+    flex: 0 0 50%;
+    min-width: 0;
 }
-.scaleTransition-enter-from,
-.scaleTransition-leave-to {
-  opacity: 0;
-  z-index: 0;
-  position: absolute;
-  width: inherit;
-  height: inherit;
-  display: block;
-  transform: translateY(30px);
-  transition: all 0.5s ease;
 }
-.scaleIn-enter-active,
-.scaleIn-leave-active {
-  transition: all 0.5s ease;
+.spiral {
+	
+  background-size: cover;
+  width: 100rem;
+  height: 100rem;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  opacity: 0.066;
+  transform: translate(-50%, -50%) rotate(0deg);
+  transform-origin: center center;
+  animation: spin 5s linear infinite;
 }
-.scaleIn-enter-active > section, .scaleIn-enter-active div,
-.scaleIn-leave-active > section,
-.scaleIn-leave-active div {
-  transform-origin: 0 0;
-  transform: translateZ(0px);
-  transition: all 0.5s ease;
+@keyframes spin {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
 }
-.scaleIn-enter-from,
-.scaleIn-leave-to {
-  opacity: 0;
-  transform: scale(0.95);
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
 }
-.scaleIn-enter-from > section, .scaleIn-enter-from div,
-.scaleIn-leave-to > section,
-.scaleIn-leave-to div {
-  transform: translateZ(-30px);
-  transition: all 0.5s ease;
-}.location-button:hover {
-  box-shadow: inset 0 0 0 2px rgb(var(--main));
 }
-.menu-btn {
-  display: block;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
+.price-tag {
+  background: #058;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
   position: relative;
-}
-.menu-btn span,
-.menu-btn__before,
-.menu-btn__after {
+  text-align: center;
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  color: black;
+}.thc {
   position: absolute;
-  top: 50%;
-  margin-top: -1px;
-  left: 50%;
-  margin-left: -10px;
-  width: 20px;
-  height: 2px;
+  right: 1rem;
+  top: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  width: 6rem;
+  height: 6rem;
+  transition: all linear 0.1s;
 }
-.menu-btn__before,
-.menu-btn__after {
-  display: block;
-  transition: 0.2s;
+.thc p:first-of-type {
+  font-size: 1.25rem;
+  letter-spacing: -2px;
+  z-index: 7;
 }
-.menu-btn__before {
-  transform: translateY(-5px);
+.thc p:last-of-type {
+  z-index: 7;
 }
-.menu-btn__after {
-  transform: translateY(5px);
+.thc svg {
+  z-index: 6;
+  position: absolute;
+  width: 6rem;
+  height: 6rem;
+  left: 0;
+  top: 0;
 }
-.menu-btn_active .menu-btn__before {
-  transform: rotate(-35deg);
-  width: 10px;
-  transform-origin: left bottom;
+@media screen and (max-width: 1025px) {
+.thc {
+    transform: scale(0.75) !important;
+    transform-origin: top right !important;
 }
-.menu-btn_active .menu-btn__after {
-  transform: rotate(35deg);
-  width: 10px;
-  transform-origin: left top;
+}.h1-product {
+  font-size: 3rem;
 }
-.menu-btn_active span:before {
-  transform: rotate(-35deg);
-  width: 10px;
-  transform-origin: left bottom;
+.produc-data {
+  padding-top: 2rem;
+  padding-bottom: 0;
 }
-.menu-btn_active span:after {
-  transform: rotate(35deg);
-  width: 10px;
-  transform-origin: left top;
+/* Add your styles here */
+.main-photo {
+  max-width: 50%;
 }
-.menu-block {
+.main-photo img {
+  width: 100%;
+}.round-stat {
+  padding: 1rem;
+  border-radius: 5rem;
+  width: 3rem;
+  height: 3rem;
   display: flex;
   justify-content: center;
   align-items: center;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.menu-nav {
-  background-color: #fff;
-  height: 50px;
+.round-stat-tab {
+  width: 2rem;
+  height: 2rem;
 }
-.menu-nav__link {
-  display: inline-block;
-  text-decoration: none;
-  color: #fff;
-  margin-right: 20px;
+.order-card {
+  border-radius: 0.25rem;
+  overflow: hidden;
+  box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
 }
-.menu-nav__link {
-  transition: 0.5s;
-  transform-origin: right center;
-  transform: translateX(50%);
-  opacity: 0;
+.order-card .order-status {
+  color: black;
+  background: #EEF2F6;
+  width: 100%;
+  padding: 0.75rem 1.5rem;
+  margin: 0;
 }
-.menu-nav__link_active {
-  transform: translateX(0%);
-  opacity: 1;
-}#sidebar ul li {
-  margin-bottom: 1rem;
-}.header-shopcart {
-  position: absolute;
-  right: 4.25rem;
+.order-card .new {
+  color: white;
+  background: #00ff88;
 }
-.header-title {
-  pointer-events: none;
+.order-card .block {
+  border-radius: 0;
+  border: 0;
+}.spiral[data-v-4a28df5c] {
+  background-image: url("https://weeder.delivery/spiral.jpg");
+  background-size: cover;
+  width: 100rem;
+  height: 100rem;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  opacity: 0.066;
+  transform: translate(-50%, -50%) rotate(0deg);
+  transform-origin: center center;
+  animation: spin-4a28df5c 5s linear infinite;
 }
-.slideIn-enter-active,
-.slideIn-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+@keyframes spin-4a28df5c {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
 }
-.slideIn-enter-from,
-.slideIn-leave-to {
-  opacity: 0;
-  transform: translateX(10px);
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
 }
-.slideIn-enter-from span,
-.slideIn-leave-to span {
-  position: absolute;
+}@media screen and (max-width: 1025px) {
+#mobileApp {
+    text-align: center;
 }
-.slideY-enter-active,
-.slideY-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+#mobileApp > section {
+    flex-direction: column;
 }
-.slideY-enter-from,
-.slideY-leave-to {
-  opacity: 0;
-  transform: translateY(50px);
+#mobileApp > section > div {
+    order: 1;
 }
-.slideY-enter-from span,
-.slideY-leave-to span {
-  position: absolute;
+}.grid[data-v-9b14ae83] {
+  perspective: 450px;
+  background-size: cover;
 }
-.subspotsartment[data-v-83b42a48] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+.grid-lines[data-v-9b14ae83] {
+  width: 100%;
+  height: 200%;
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
+  background-size: 45px 30px;
+  background-repeat: repeat;
+  transform-origin: 100% 0 0;
+  animation: play-9b14ae83 15s linear infinite;
 }
-
-.subspotsartment[data-v-bc545dfb] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+@keyframes play-9b14ae83 {
+0% {
+    transform: rotateX(45deg) translateY(-50%);
 }
-#map[data-v-fd0cdc10]:focus {
-  outline: none;
+100% {
+    transform: rotateX(45deg) translateY(0);
 }
-.form-group[data-v-3c991e96] {
-  margin-bottom: 1rem;
 }
-label[data-v-3c991e96] {
-  display: block;
-  margin-bottom: 0.5rem;
+/* Стили остаются без изменений */
+
+.list-enter-active,
+.list-leave-active {
+  transition: all 0.5s ease;
 }
-input[data-v-3c991e96] {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid #ccc;
-  border-radius: 5px;
+.list-enter-from,
+.list-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
 }
-.blink[data-v-d2db1c69] {
-  animation: blink-animation-d2db1c69 1s ease infinite;
+.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
 }
-@keyframes blink-animation-d2db1c69 {
-0%, 100% {
-    opacity: 1;
+.container-joinus .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: 2;
+}.slider-hotpost .embla__slide {
+  flex: 0 0 25%;
 }
-50% {
-    opacity: 0.8;
+@media screen and (max-width: 1025px) {
+.slider-hotpost .embla__slide {
+    flex: 0 0 75%;
 }
 }.round-wrapper {
   position: relative;
@@ -748,14 +712,24 @@ input[data-v-3c991e96] {
   left: 0.5rem;
   top: 0.5rem;
   opacity: 1;
-}.shop-cart-item[data-v-e9803d20]:first-of-type {
-  padding-top: 0;
 }.vue-select {
   width: inherit;
   margin-right: 1rem;
 }
 .vue-select-header {
   height: 3rem;
+}.blink[data-v-d2db1c69] {
+  animation: blink-animation-d2db1c69 1s ease infinite;
+}
+@keyframes blink-animation-d2db1c69 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.8;
+}
+}.shop-cart-item[data-v-e9803d20]:first-of-type {
+  padding-top: 0;
 }.shop-cart {
   display: block;
   position: fixed;
@@ -793,6 +767,37 @@ input[data-v-3c991e96] {
     right: 0;
 }
 }
+.subspotsartment[data-v-83b42a48] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
+.form-group[data-v-3c991e96] {
+  margin-bottom: 1rem;
+}
+label[data-v-3c991e96] {
+  display: block;
+  margin-bottom: 0.5rem;
+}
+input[data-v-3c991e96] {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+.subspotsartment[data-v-bc545dfb] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+#map[data-v-fd0cdc10]:focus {
+  outline: none;
+}.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--grey));
+}
 .circular-loader {
   position: relative;
   top: calc(50% - 1rem);
@@ -851,15 +856,6 @@ input[data-v-3c991e96] {
     stroke-dashoffset: -124;
 }
 }
-.dp__input {
-  border: 0;
-  padding: var(--medium);
-  padding-left: 3rem;
-  background: rgb(var(--grey));
-}
-.t-trimmed {
-		font-size: 0;
-}
 .editable-div {
   width: 100%;
   min-height: 1rem;
@@ -974,15 +970,6 @@ input[data-v-3c991e96] {
   line-height: 1;
   color: inherit;
 }
-.ti-tag-toDefactor {
-    background-color: rgb(var(--main));
-    color: rgb(var(--black));
-    border-radius: 4rem;
-    padding: 1px 8px 2px;
-    margin: 2px;
-    font-size: .85em;
-}
-
 fieldset[disabled] .multiselect {
     pointer-events: none;
 }
@@ -1360,10 +1347,36 @@ to {
       transform: rotate(2turn);
 }
 }
+
+.ti-tag-toDefactor {
+    background-color: rgb(var(--main));
+    color: rgb(var(--black));
+    border-radius: 4rem;
+    padding: 1px 8px 2px;
+    margin: 2px;
+    font-size: .85em;
+}
 input[data-v-516f3e07], span[data-v-516f3e07] {
   line-height: 1;
   color: inherit;
-}button[disabled] {
+}
+.feed-move, /* apply transition to moving elements */
+.feed-enter-active,
+.feed-leave-active {
+  transition: all 0.5s ease;
+}
+.feed-enter-from,
+.feed-leave-to {
+  opacity: 0;
+  transform: translateY(30px);
+}
+
+/* ensure leaving items are taken out of layout flow so that moving
+   animations can be calculated correctly. */
+.feed-leave-active {
+  position: absolute;
+}
+button[disabled] {
   background: grey;
 }
 button[disabled]:hover {
@@ -1423,21 +1436,8 @@ button[disabled]:hover {
   line-height: 16px;
   font-size: 10px;
 }
-.feed-move, /* apply transition to moving elements */
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
-}
-.feed-enter-from,
-.feed-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
-}
-
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.feed-leave-active {
-  position: absolute;
+.t-trimmed {
+		font-size: 0;
 }
 .breadcrumbs {
   height: 4rem;
@@ -1553,11 +1553,6 @@ button[disabled]:hover {
 }*/
 .mobile-menu-section > div:last-of-type {
   border-bottom: none !important;
-}li[data-v-bf25c24d] {
-  list-style-type: none;
-}
-ul li[data-v-bf25c24d] {
-  line-height: 2;
 }.vue3-marquee {
   display: flex !important;
   position: relative;
@@ -1596,64 +1591,182 @@ ul li[data-v-bf25c24d] {
   width: 100%;
   height: max-content;
 }
-.vue3-marquee.horizontal .marquee {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+.vue3-marquee.horizontal .marquee {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
+  background: linear-gradient(to right, var(--gradient-color));
+  height: 100%;
+  width: var(--gradient-length);
+}
+.vue3-marquee.horizontal .overlay::after {
+  transform: rotateZ(180deg);
+  right: 0;
+  top: 0;
+}
+.vue3-marquee.vertical {
+  overflow-y: hidden !important;
+  flex-direction: column !important;
+  height: 100%;
+  width: max-content;
+}
+.vue3-marquee.vertical .marquee {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
+  background: linear-gradient(to bottom, var(--gradient-color));
+  height: var(--gradient-length);
+  width: 100%;
+}
+.vue3-marquee.vertical .overlay::after {
+  transform: rotateZ(-180deg);
+  left: 0;
+  bottom: 0;
+}
+.vue3-marquee:hover div {
+  animation-play-state: var(--pauseOnHover);
+}
+.vue3-marquee:active div {
+  animation-play-state: var(--pauseOnClick);
+}
+@keyframes scrollX {
+0% {
+    transform: translateX(0%);
+}
+100% {
+    transform: translateX(-100%);
+}
+}
+@keyframes scrollY {
+0% {
+    transform: translateY(0%);
+}
+100% {
+    transform: translateY(-100%);
+}
+}li[data-v-bf25c24d] {
+  list-style-type: none;
+}
+ul li[data-v-bf25c24d] {
+  line-height: 2;
+}.spoiler {
+  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
+}
+.collapse-enter-active,
+.collapse-leave-active {
+  max-height: 2000px;
+}
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
+}
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
+}
+
+.my-location-button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
+}
+.gm-style-cc { display:none;
 }
-.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
-  background: linear-gradient(to right, var(--gradient-color));
-  height: 100%;
-  width: var(--gradient-length);
+
+
+
+.subunit[data-v-a2ed7104] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
 }
-.vue3-marquee.horizontal .overlay::after {
-  transform: rotateZ(180deg);
+.error-wrapper {
+  position: fixed;
+  left: 0;
   right: 0;
-  top: 0;
+  opacity: 0.9;
+}.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
+  color: rgb(var(--main)) !important;
 }
-.vue3-marquee.vertical {
-  overflow-y: hidden !important;
-  flex-direction: column !important;
-  height: 100%;
-  width: max-content;
+a[data-v-380d7b3b]:hover {
+  cursor: pointer;
+  color: rgb(var(--main));
 }
-.vue3-marquee.vertical .marquee {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+.photo-container {
+  width: 100%;
+  height: 100%;
+  background: black;
+  overflow: hidden;
+  position: relative;
+  cursor: grab;
 }
-.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
-  background: linear-gradient(to bottom, var(--gradient-color));
-  height: var(--gradient-length);
+.photo-container img {
   width: 100%;
+  height: 100%;
+  object-fit: scale-down;
+  transition: transform 0.3s;
 }
-.vue3-marquee.vertical .overlay::after {
-  transform: rotateZ(-180deg);
-  left: 0;
-  bottom: 0;
+
+#glcanvas {
+    width: 100%;
+    height: 100%;
 }
-.vue3-marquee:hover div {
-  animation-play-state: var(--pauseOnHover);
+
+.pd-2px[data-v-2fc13a78] {
+  padding: 2px 4px;
+  margin-right: 4px;
 }
-.vue3-marquee:active div {
-  animation-play-state: var(--pauseOnClick);
+.modal[data-v-2fc13a78] {
+  position: fixed; 
+  z-index: 1; 
+  left: 0;
+  top: 0;
+  width: 100%; 
+  height: 100%; 
+  overflow: auto; 
+  background-color: rgba(0,0,0,0.9); 
+  z-index: 50;
 }
-@keyframes scrollX {
-0% {
-    transform: translateX(0%);
+.modal-content[data-v-2fc13a78] {
+  margin: auto;
+  z-index: 5;
+  width: 100%;
+  max-width: 30rem;
+  overflow: scroll;
 }
-100% {
-    transform: translateX(-100%);
+.close[data-v-2fc13a78] {
+  position: fixed;
+  top: 2rem;
+  right: 3rem;
+
+  color: #f1f1f1;
+  font-size: 40px;
+  font-weight: bold;
+  transition: 0.3s;
+  z-index: 10;
 }
+.close[data-v-2fc13a78]:hover,
+.close[data-v-2fc13a78]:focus {
+  color: #bbb;
+  text-decoration: none;
+  cursor: pointer;
 }
-@keyframes scrollY {
-0% {
-    transform: translateY(0%);
+
+/* Transitions */
+.modal-enter-active[data-v-2fc13a78], .modal-leave-active[data-v-2fc13a78] {
+  transition: opacity .5s;
 }
-100% {
-    transform: translateY(-100%);
+.modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
+  opacity: 0;
 }
-}@charset "UTF-8";
+@charset "UTF-8";
 .ti-icon-check:before {
   content: "\\e902";
   font-size: 0.5rem;
@@ -1772,119 +1885,16 @@ div.vue-tags-input.disabled * {
 .ti-selected-item {
   background-color: rgb(var(--main));
   color: #fff;
+}.blink[data-v-5785b6f6] {
+  animation: blink-animation-5785b6f6 1s ease infinite;
 }
-.pd-2px[data-v-2fc13a78] {
-  padding: 2px 4px;
-  margin-right: 4px;
-}
-.modal[data-v-2fc13a78] {
-  position: fixed; 
-  z-index: 1; 
-  left: 0;
-  top: 0;
-  width: 100%; 
-  height: 100%; 
-  overflow: auto; 
-  background-color: rgba(0,0,0,0.9); 
-  z-index: 50;
-}
-.modal-content[data-v-2fc13a78] {
-  margin: auto;
-  z-index: 5;
-  width: 100%;
-  max-width: 30rem;
-  overflow: scroll;
-}
-.close[data-v-2fc13a78] {
-  position: fixed;
-  top: 2rem;
-  right: 3rem;
-
-  color: #f1f1f1;
-  font-size: 40px;
-  font-weight: bold;
-  transition: 0.3s;
-  z-index: 10;
-}
-.close[data-v-2fc13a78]:hover,
-.close[data-v-2fc13a78]:focus {
-  color: #bbb;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-/* Transitions */
-.modal-enter-active[data-v-2fc13a78], .modal-leave-active[data-v-2fc13a78] {
-  transition: opacity .5s;
-}
-.modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
-  opacity: 0;
-}
-
-.photo-container {
-  width: 100%;
-  height: 100%;
-  background: black;
-  overflow: hidden;
-  position: relative;
-  cursor: grab;
-}
-.photo-container img {
-  width: 100%;
-  height: 100%;
-  object-fit: scale-down;
-  transition: transform 0.3s;
-}
-.spoiler {
-  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
-}
-.collapse-enter-active,
-.collapse-leave-active {
-  max-height: 2000px;
-}
-.collapse-enter-from,
-.collapse-leave-to {
-  max-height: 0;
-}
-#glcanvas {
-    width: 100%;
-    height: 100%;
-}
-
-.pac-container {
-  position: absolute;
-  background-color: white;
-  z-index: 1000;
-  border-radius: 2rem;
-  overflow: hidden;
-}
-
-.my-location-button {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 99;
-}
-.gm-style-cc { display:none;
-}
-
-
-
-.subunit[data-v-a2ed7104] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+@keyframes blink-animation-5785b6f6 {
+0%, 100% {
+    opacity: 1;
 }
-.error-wrapper {
-  position: fixed;
-  left: 0;
-  right: 0;
-  opacity: 0.9;
-}.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
-  color: rgb(var(--main)) !important;
+50% {
+    opacity: 0.8;
 }
-a[data-v-380d7b3b]:hover {
-  cursor: pointer;
-  color: rgb(var(--main));
 }
 .gmap[data-v-786189a4] {
   height: 300px;
@@ -1895,25 +1905,7 @@ a[data-v-380d7b3b]:hover {
 }
 .card-page-title:hover .card-page-actions {
   display: block;
-}.blink[data-v-5785b6f6] {
-  animation: blink-animation-5785b6f6 1s ease infinite;
-}
-@keyframes blink-animation-5785b6f6 {
-0%, 100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.8;
-}
 }
-.tooltip-container {
-  position: relative;
-  display: inline-block;
-}
-.tooltip-content {
-  pointer-events: none;
-}
-
 .barcode-scanner-modal {
   visibility: visible;
   position: fixed;
@@ -1963,6 +1955,14 @@ html.barcode-scanner-active-html {
   flex-direction: column;
 }
 
+.tooltip-container {
+  position: relative;
+  display: inline-block;
+}
+.tooltip-content {
+  pointer-events: none;
+}
+
 .address[data-v-97ae0556] {
     text-wrap: nowrap;
     display: block;