* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; text-decoration: none;
 }
textarea, input, fieldset { outline: none; padding: 0; margin: 0}
button, fieldset {cursor: pointer; outline: none; border: none;}
ul li { list-style-type: none; }
a {color: var(--color-main-dark);}
svg {aspect-ratio: 1 / 1;}
i {
  font-style: normal;
}
html {
    background-color: #ffffff;
    font-size: calc(1em + 1vw);
    color: var(--colour-b);
    font-family: "FormaDJR", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
  }
  html[data-safe="f"], body[data-safe="f"] {
    overflow: hidden;
    margin: 0; 
    height: 100%;
  }
  img {
    object-fit: cover;
  }
  fieldset {
    display: flex;
    flex-direction: column;
    width: max-content;
    height: max-content;
  }
  fieldset input {
    width: 0.8rem !important;
    height: 0.8rem !important;
  }
  fieldset label {
    width: max-content;
    height: max-content;
    font-size: 0.6rem ;
    padding: 0.5rem !important;
    margin: 0 auto;
    display: flex;
    color: #ACACAC !important;
    background-color: #ffffff !important;

  }
.letter-common {
    font-family: "FormaDJR", sans-serif;
    color: var(--color-main-dark);
}
.display-sizer {
  width: 100vw;
  margin: 0 auto;
}
/* Font source */
@font-face {
    font-family: "FormaDJR";
    src: url("./fonts-library/FormaDJRCyrillic.ttf");
    font-weight: 1 999;
  }
:root {
  --colour-w: #ffffff;
  --colour-b: #000000;
  --color-main-dark: #422A23;
}
.background-declaration {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.button-general {
    width: max-content;
    height: max-content;
    font-size: 0.6rem;
    padding-block: 0.35rem;
    padding-inline: 0.7rem;
    border-radius: 0.3rem;
    background-color: #8AA33A;
    color: #ffffff;
}
.button-general-index {
  font-size: 0.7rem !important;
}
.main-navigation {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: max-content;
      padding-block: 0.4rem;
      padding-inline: 2rem;
      background-color: #fff;
      box-shadow: rgb(0 0 0 / 35%) 0px 0px 15px 0px;
}
.main-page {
  position: sticky;
  top: 0px;
  z-index: 1000;
}
.main-navigation-logo-wrap {
    width: max-content;
    height: max-content;
    cursor: pointer;
}
.main-navigation-logo {
    width: 1.4rem;
    height: 1.4rem;
    background-image: url(../media/main-logo.svg);
}
.main-navigation-items {
    display: flex;
    gap: 1rem;
    font-size: 0.6em;
    font-weight: 700;
    width: max-content;
  }
.main-navigation-inside {
    text-decoration: none;
    font-family: "FormaDJR", sans-serif;
    text-align: center;
    color: #000;
    font-size: 0.5rem;
    transition: 0.3s;
  }
.element-selected{
    pointer-events: none;
    color: #8AA33A;
}
.element-selected a{
    color: #8AA33A;
}
  /*
  .main-navigation-inside:hover {
    font-weight: 900;
    cursor: pointer;
  }
  .main-navigation-inside-selected {
    font-weight: 900; 
    color: rgb(218, 218, 218); 
    pointer-events: none;
  }
  */
  .main-navigation-search {
       background-color: transparent;
       border: 1px solid rgba(150, 150, 150, 0.25);
       border-radius: 0.3em;
       width: max-content;
       height: 1rem;
       font-size: 0.5rem;
      /* color: #ACACAC; */
      color: #000000;
       padding-inline-end: 0rem;
       padding-inline-start: 0.4rem;
       padding-block: 0rem;
  }
  .main-navigation-city {
    color: #8AA33A;
    width: max-content;
    height: max-content;
    font-size: 0.5rem;
    font-weight: 700;
  }
  .main-navigation-auth {
    width: max-content;
    height: max-content;
    font-size: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-navigation-auth a{
    margin-inline-end: 0.3rem;
  }
  .main-navigation-auth a:nth-child(2) {
    margin-inline-start: 0.3rem;
  } 
  .main-navigation-auth svg {
    margin-inline-end: 0.3rem;
      width: 1rem !important;
  }
  .main-upper-part {
    width: 100%;
    height: max-content;
    background-color: #F5F5F5;
  }
  .main-upper-part-banner {
    width: 100%;
    height: 17em;
    background-image: url(../media/main-banner-bcg.jpeg);
    /* clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%); */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: max-content;
    padding-block-end: 3rem;
    padding-block-start: 3rem;
  }
  .main-upper-part-banner-hero {
    width: 50%;
    z-index: 10;
    height: max-content;
    margin-inline-start: 2rem;
    /* CENTERING THE CONTENT INSIDE THE BANNER position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    */
  }
  .main-part-button {
    width: 1.5rem;
    height: 1.5rem;
    background: #8AA33A;
    border-radius: 5rem;
    position: fixed;
    bottom: 2.5rem;
    right: 1.5rem;
    z-index: 1000;
    cursor: pointer;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s, visibility 0.3s;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .main-part-button svg {
    width: 0.9rem;
    height: 0.9rem;
  }
  .main-upper-part-banner-hero h1 {
   font-size: 1.45rem;
   color: #8AA33A;
  }
  .main-upper-part-banner-hero h1 a {
    color: #ffffff;
    font-size: 1.35rem;
   }
   .main-upper-part-banner-hero h2 {
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 400;
    margin-block-start: 0.5rem;
    margin-block-end: 1rem;
   }

/* MAIN DESC. CONTENTS BELOW */

.main-middle-part {
    width: 100%;
    height: max-content;
    background-color: #F5F5F5;
  }
  .main-middle-part-features-wrap {
    width: max-content;
    height: max-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-items: center;
    padding-block: 1rem;
  }
  .main-middle-part-features-wrap h2 {
    font-size: 0.75rem;
    font-weight: 350;
    }
  .main-middle-part-features-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-inline: 2rem;
  }
  .main-middle-part-features-items-icon {
    width: 2em;
    height: 2em;
    margin-block-end: 1rem;
  }
  .main-middle-part-features-items-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
.main-middle-part-bestsellers-wrap {
    width: 100%;
    height: max-content;
    background-color: #ffffff;
    text-align: center;
}
.main-middle-part-bestsellers-wrap h1 {
    text-align: center;
    font-size: 1.15rem;
    color: #422A23;
    /* line-height: 1; */
}
.margin-hero {
    padding-block-start: 1.5rem;
    padding-block-end: 1rem;
}
.margin-hero-inside {
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
}
.main-middle-part-bestsellers {
    width: 100%;
    height: max-content;
}
.main-middle-part-bestsellers-products {
    display: flex;
    justify-content: center;
    align-items: center;
    /* I MADE THE CHANGES IN HERE -- PREVIOUS VALUES: width: 80%; */
    width: 100%;
    padding-inline: 1rem;
    margin: 0 auto;
    position: relative;
    background-color: transparent;
  }
  .main-middle-part-bestsellers-products-p {
    width: max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .main-middle-part-bestsellers-products-p img {
    width: 10rem;
    height: 7.5rem;
   /* aspect-ratio: 1.25 / 1; */
  }
  .main-middle-part-bestsellers-products-p h2 {
 font-size: 0.8rem;
 font-weight: 400;
 margin-block-start: 0.3rem;
  }
  .main-middle-part-bestsellers-products-p a {
    font-size: 0.5rem;
    color: #ACACAC;
    margin-block-start: 0.2rem;
  }
  .main-middle-part-bestsellers-products-p .modified-1 {
    font-size: 0.55rem;
    color: #8AA33A;
  }
  .main-middle-part-bestsellers-products-p .modified-2 {
    font-size: 0.55rem;
    color: #2F80ED;
  }
  .main-middle-part-bestsellers-products-button {
    font-size: 0.45rem;
    margin-block-start: 0.5rem;
    
  }
  .button-margin-one-side {
    margin-block-start: 0.7rem;
  }
  .swiper {
    width: 90%;
  }
  .swiper-button-next, .swiper-button-prev {
    color: #000000 !important;
    opacity: 0.7;
  }
  #categories {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 0.2rem;
    flex-wrap: wrap;
  }
  #categories label {
    cursor: pointer;
    background-color: #ececec;

    color: #000000;
    padding-block: 0.2rem;
    padding-inline: 0.5rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
  #categories label a {
    font-size: 0.5rem;
    color: #000000;
    padding-inline: 0.5rem;
  }

  /* .apply-form-united-wrap select {
    width: 100%;
    padding: 0.25rem;
    font-size: 0.55rem;
    border-color: #ACACAC;
    font-family: inherit;
  }
  .apply-form-united-wrap label {
    cursor: pointer;
    background-color: rgba(200, 200, 200, 0.5);
    color: #000000;
    padding: 0.5rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
  } */
  .main-middle-part-catalogue-intro {
    display: grid;
    margin: 0 auto;
    width: 100%;
    padding-inline: 2rem;
    margin-block-end: 1rem;
    gap: 0.15rem;
    grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
  }
  .div1 { grid-area: 1 / 1 / 3 / 3; background-image: url(../media/catalogue-intro-1.jpeg); }
  .div2 { grid-area: 1 / 3 / 2 / 4; background-image: url(../media/catalogue-intro-2.jpeg); }
  .div3 { grid-area: 1 / 4 / 2 / 5; background-image: url(../media/catalogue-intro-3.jpeg);}
  .div4 { grid-area: 2 / 3 / 3 / 4;  background-image: url(../media/catalogue-intro-4.jpeg);}
  .div5 { grid-area: 2 / 4 / 3 / 5; background-image: url(../media/catalogue-intro-5.jpeg);}
  .main-middle-part-catalogue-intro-element {
    width: 100%;
   padding-top: 75%;
    background-color: #F5F5F5;
    position: relative;
    cursor: pointer;
  }
  .main-middle-part-catalogue-info {
    width: 100%;
    height: 2rem;
    font-size: 0.9rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    background-color: rgba(66, 42, 35, 0.8);
  }
  .main-middle-part-order {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-inline: 2rem;
    gap: 1.3rem;
    height: max-content;
  }
  .line-h-reg {
    line-height: 1.1rem;
  }
  .main-middle-part-order-inside {
    flex: 1;
    height: max-content;
  }
  /* FIX THE HEIGHT OF THE FORM BLOCK 
  .main-middle-part-order-inside:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  } */
  .main-middle-part-order-inside p {
    font-weight: 400;
    text-align: left;
    font-size: 0.6rem;
  }
  /* .main-middle-part-order-inside-adjusted {
   align-items: flex-start;
  } */
 .main-middle-part-order-inside-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
height: fit-content;
 }
 .grid-elem {
  background: #F7F7F7;
  width: 100%;
  padding-top: 60%;
  border: 1px dashed #ACACAC;
  border-radius: 5px;
  position: relative;
}
 .divv1 { grid-area: 1 / 1 / 4 / 6; }
.divv2 { grid-area: 4 / 1 / 5 / 2; }
.divv3 { grid-area: 4 / 2 / 5 / 3; }
.divv4 { grid-area: 4 / 3 / 5 / 4; }
.divv5 { grid-area: 4 / 4 / 5 / 5; }
.divv6 { grid-area: 4 / 5 / 5 / 6; }
.grid-instruction {
  position: absolute;
  width: max-content;
  height: max-content;
  font-size: 0.6rem;
  color: #ACACAC;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.grid-instruction img {
  width: 20%;
  /* aspect-ratio missing */
  object-fit: contain;
  height: max-content;
}
.singular img {
  width: 100%;
/* aspect-ratio missing */
  object-fit: contain;
}
.main-middle-part-order-form {
  width: 100%;
  height: max-content;
}
.main-middle-part-order-form p {
  font-size: 0.55rem;
  color: #ACACAC;
  margin-block-start: 0.35rem;
  margin-block-end: 0.1rem;
}
.lc{
  margin-block-end: 0.2rem !important;
}
.scroll-left {
position: absolute;
left: 0%;
transform: translateY(-50%);
padding-inline-start: 0.5rem;
cursor: pointer;
display: flex;
}
.scroll-right {
position: absolute;
right: 0%;
transform: translateY(-50%);
padding-inline-end: 0.5rem;
cursor: pointer;
display: flex;
}
.scroll-left svg, .scroll-right svg {
width: 1rem;
height: 1rem;
fill: #acacac;
}
.main-middle-part-order-form input, .main-middle-part-order-form textarea {
  width: 100%;
  height: max-content;
  padding: 0.25rem;
  border: 1px solid #ACACAC;
  font-size: 0.55rem;
  font-weight: 400;
  font-family: inherit;
  color: #422A23;
  resize: none;
}
.apply-form-united {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.handler-success {
  color: rgba(138, 163, 58, 1);
  font-size: 0.7rem;
  font-weight: inherit;
  padding-inline-start: 1rem;
}
.handler-error {
 color: rgba(188, 0, 0, 1);
  font-size: 0.6rem;
  font-weight: inherit;
  position: absolute;
  right: 0;
  padding-inline: calc(0.5rem);
  margin-inline-end: 1px;
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(1px);
  border-radius: 5rem;
}
.error-indicator {
  border: 1px solid rgba(188, 0, 0, 1) !important;
}
.error-display {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.error-display h1 {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin-block-end: 0.2rem;
}
.error-display h2 {
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: underline rgb(77, 150, 224) 1.2px;
  text-align: center;
  color: rgb(77, 150, 224);
  text-underline-offset: 0.15rem;
}
.eh-united {
  position: relative;
  display: flex;
  align-items: center;
}
.eh-united input {
  font-size: 0.55rem !important;
}
.promo-code {
  font-size: 2rem;
  text-transform: uppercase;
  opacity: 0.35;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: 900;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.apply-form-united-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
  width: 100%;
}
.order-form-united-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  margin-block-end: 1rem;
}
.order-form-united-wrap select {
  width: 100%;
  padding: 0.25rem;
  font-size: 0.55rem;
  border-color: #ACACAC;
}
.apply-form-united-wrap label a {
  font-size: 0.6rem;
  color: #000000;
  padding-inline: 0.5rem;
}
.apply-form-united-wrap select {
  width: 100%;
  padding: 0.25rem;
  font-size: 0.55rem;
  border-color: #ACACAC;
  font-family: inherit;
}
.apply-form-united-wrap label {
  cursor: pointer;
  background-color: rgba(200, 200, 200, 0.5);
  color: #000000;
  padding: 0.5rem;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
}
.apply-form-united-grid-full {
  grid-column: span 2;
  text-align: center;
  display: flex;
  align-items: center;
}

.centered {
  align-items: center;
  justify-content: center;
}
.button-inactive {
  background: #ACACAC;
  color: #ffffff;
}
.promo-form-union {
  display: flex;
  flex-direction: row;
}
.promo-wrap {
  /* flex: 1; */
  width: 40%;
  background-image: url(../media/modal-2-wrap.jpg);
  position: relative;
}
.button-promocode {
  background: rgba(66, 42, 35, 1);
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.button-promocode-inside {
  width: 100%;
  height: 100%;
  text-align: center;

}
.button-promocode:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.05);
    width: 0.4rem;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    transform: translateX(-10rem) skewX(-15deg);
  }
  .button-promocode:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.05);
    width: 0.6rem;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateX(-10rem)  skewX(-20deg);
    animation: Promoshine 3s linear infinite;
  }
  @keyframes Promoshine {
    100% {
      transform: translateX(10rem) skewX(-20deg);
    }
  }

.form-right-wrap {
  /* flex: 1; */
  width: 60%;
  height: 100%;
}
.promo-hero {
  font-size: 0.9rem;
  color: #ffffff;
  padding-block: 1.5rem;
  text-align: center;
  font-weight: 500;
  padding-inline: 1rem;
}
.promo-hero svg {
  width: 0.7rem;
  height: 0.7rem;
}
.promo-hero svg path {
fill: #dea962;
}
.button-margin {
  margin-block-start: 0.7rem;
  margin-block-end: 1.5rem;
}
.button-margin-no-center {
  margin-block: 0.8rem;
}
.main-middle-part-about-text {
  width: 100%;
}
.main-middle-part-about-text p {
  font-size: 0.6rem;
  font-weight: 400;
  margin-block-end: 0.5rem;
}
.main-middle-part-0about-text p b {
font-weight: 650;
}
.main-middle-part-about-image {
  width: 100%;
  padding-top: 69%;
  background-image: url(../media/main-about.png);
  border-radius: 0.1rem;
}
.button-mobile-remove {
  display: none;
}
.main-middle-part-question-image {
  width: 100%;
  padding-top: 69%;
  background-image: url(../media/main-questions.jpg);
  border-radius: 0.1rem;
}
.position-indicator-wrap {
  display: none;
}
.footer {
  width: 100%;
  height: max-content;
  background-color: #F5F5F5;
  display: flex;
  padding-inline: 2rem;
  padding-block: 2rem;
  margin-block-start: 3rem;
}
.footer-section-1 {
  flex: 1;
  margin: 0 auto;
}
.footer-section-2 {
  flex: 1;
  margin: 0 auto;
}
.footer-section-3 {
  flex: 2;
  margin: 0 auto;
}
.footer-section {
  display: flex;
  flex-direction: column;
}
.footer-section nav {
font-size: 0.7rem;
font-weight: 700;
color: #ACACAC;

}
.rcall-section {
  width: 60% !important;
  max-width: 60% !important;
}
.footer-section li:first-child {
  text-transform: uppercase;
  color: #ACACAC;
  font-weight: 700;
}
.footer-section li:last-child {
  color: #ACACAC;
  font-size: 0.5rem;
  padding-block-start: 0.5rem;
}
.footer-section-3 li:last-child {
  color: #422A23;
  font-weight: 400;
  font-size: 0.6rem;
  padding-block-start: 0;

}
.footer-section li {
  color: #422A23;
  font-weight: 400;
  font-size: 0.7rem;
  padding-block-end: 0.3rem;
  text-decoration: none;
  list-style: none;
}
.footer-section li a {
  transition: all 0.25s linear;
}
.footer-section li a:hover{
  color:rgba(138, 163, 58, 1);
}
.footer-section li img {
width: 2rem;
margin-block-start: 0.4rem;
}

/* CATALOGUE STYLING */

.main-upper-part-catalogue {
  width: 100%;
  height: max-content;
  background-color: #ffffff;
}
.main-upper-part-banner-catalogue {
  width: 100%;
  height: max-content;
  background-image: url(../media/main-banner-bcg.jpeg);
  position: relative;
}
.main-upper-part-banner-hero-catalogue {
  width: 70%;
  z-index: 10;
  height: max-content;
  margin-inline-start: 2rem;
  padding-block-start: 3rem;
}
.main-upper-part-banner-hero-catalogue h1 {
 font-size: 1.3rem;
 color: #ffffff
}
.main-upper-part-banner-hero-catalogue h2 {
  color: #8AA33A;
  font-size: 1.2rem;
  margin-block-start: 0.5rem;
 }
 .main-catalogue-banner-button {
  margin-block-start: 1rem;
  margin-block-end: 3rem;
 }
 .linking {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-block-start: 0.5rem; 
 }
 .catalogue-main {
  width: 100%;
  height: max-content;
 }
 .main-navigation-display {
  width: 100%;
display: flex;
align-items: center;
padding-inline-start: 2rem;
margin-block-start: 1.5rem;
 }
 .main-navigation-display h1 {
  font-weight: 700;
  color: #422A23;
  font-size: 0.9rem;
  margin-block-end: 0.5rem;
 }
 .everything {
  margin-inline-end: 2rem;
 }
 .main-navigation-display span {
  color: #ACACAC;
  font-size: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 0.15rem;
 }
 .block-union {
  display: flex;
  flex-direction: column;
 }
 .block-union-row {
  display: flex;
  flex-direction: row;
  align-items: center;
 }
 .main-navigation-display span a {
  color: #ACACAC;
 }
 .main-navigation-display span svg {
  width: 0.6rem;
  height: 0.6rem;
 }
 .catalogue-main-list {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-inline-start: 2rem;
 }
 .catalogue-main-nav {
  flex: 1;
  display: flex;
  flex-direction: column;
 }
 .image-preview-wrap {
  max-width: 50%;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 8px;
 }
 .main-box-image-wrap {
  width: 100%;
  height: max-content;
  cursor: pointer;
 }
 .main-box-image-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  object-fit: contain;
  background-color: #e0e0e0; 
 }
 .aux-box-images-wrap {
  display: flex;
  width: 100%;
  height: max-content;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
 }

 .aux-box-image-wrap {
  cursor: pointer;
 } 

 .aux-box-image-wrap img {
  border-radius: 0.3rem;
  object-fit: cover;
  background-color: #e0e0e0; 
  width: 100%;
  height: 100%;

 }
 .secondary-img {
  display: flex;
 }
 .catalogue-main-nav ul {
font-weight: 700;
font-size: 0.7rem;
margin-block: 0.15rem;
 }
 .catalogue-main-nav li {
  font-weight: 400;
  font-size: 0.7rem;
  padding-inline-start: 0.5rem;
  margin-block-end: 0.2rem;
   }
 .catalogue-main-nav li:first-child {
    margin-block-start: 0.2rem;
  }
.catalogue-main-filter-panel {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: max-content;
  justify-content: space-between;
  /* padding-block-end: 0.5rem; */
}
.catalogue-items-item-image-box {
  width: 100%;
  height: max-content;
  position: relative;
}
.catalogue-items-item-image-label-new {
  width: max-content;
  height: max-content;
  position: absolute;
  background: #8AA33A;
  border-radius: 5px;
  font-size: 0.5rem;
  top: 14px;
  left: 14px;
  padding-block: 0.15rem;
  padding-inline: 0.2rem;
  color: #ffffff !important;
}
.catalogue-items-item-image-label-hit {
  width: max-content;
  height: max-content;
  position: absolute;
  background: #BC0000;
  border-radius: 5px;
  font-size: 0.5rem;
  top: 14px;
  left: 14px;
  padding-block: 0.15rem;
  padding-inline: 0.2rem;
  color: #ffffff !important;
}

.catalogue-main-filter-sorting {
  flex: 1;
  display: flex;
  align-items: center;
}
.catalogue-main-filter-sorting label, .catalogue-main-filter-pagination label {
font-size: 0.6rem;
font-weight: 400;
margin-inline-end: 0.2rem;

}
.catalogue-main-filter-sorting option, .catalogue-main-filter-sorting select, .catalogue-main-filter-pagination option, .catalogue-main-filter-pagination select{
  font-family: inherit;
  font-size: 0.6rem;
  color: #422A23;
  border-radius: 0.1rem;
 border-width: 0.065rem;
  padding: 0.1rem;
}
.catalogue-main-filter-pagination {
/* flex: 1; */
display: flex;
align-items: center;
justify-content: flex-end;
}
.catalogue-main-filter-pagination span {
  font-size: 0.6rem;
  color: #422A23;
  margin-inline-start: 0.7rem;
  margin-inline-end: 0.3rem;
}
.pagination-button {
  background-color: #ffffff;
  font-size: 0.6rem;
  color: #422A23;
  font-family: inherit;
  min-width: 0.9rem;
  min-height: 0.9rem;
  width: max-content;
  height: max-content;
  border-width: 0.05rem;
  border-style: solid;
  border-color: #ACACAC;
  border-radius: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 0.1rem;
}
.pagination-button-middle {
  background: none;
  font-size: 0.7rem;
  color: #422A23;
  font-family: inherit;
  min-width: 1.1rem;
  min-height: 1.1rem;
  width: max-content;
  height: max-content;
  border-radius: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 0.1rem;
}
.mobile-hidden {
  display: inherit; 
}
.pagination-button svg {
  width: 0.6rem;
  height: 0.6rem; 
}
.pagination-button svg path[data-active="false"] {
 fill: #ACACAC !important;
}
.pagination-button[data-selected="true"] {
 color: #8AA33A;
}
.catalogue-main-items-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  width: 100%;
  height: max-content;
  margin-block: 0.5rem;
  position: relative;
}
.search-main-items-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.5rem;
  row-gap: 1.5rem;
  width: 100%;
  height: max-content;
  margin-block: 0.5rem;
  position: relative;
  padding-inline: 2rem;
}
.main-upper-part-banner-image {
    width: 50%;
    z-index: 10;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-upper-part-banner-image img {
  width: 330px;
  height: 330px;
}
.search-union {
  position: relative;
  display: flex;
}
.search-union-mobile {
  display: none;
}
.search-btn {
  width: 0.6rem;
  height: 0.98rem;
  background: white;
  z-index: 999;
  height: 0.6rem;
  display: flex;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.search-btn-mobile {
display: none;
}
.select-city {
  display: flex;
  width: 0.5rem;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}
.nav-city-union {
  display: flex;
  width: max-content;
  height: max-content;
  flex-direction: row;
}
.nav-city-union-mobile {
  display: none;
}
.comment-dragdrop {
  height: max-content !important;
}
.select-city svg {
  width: 65%;
}
.select-city svg path {
  fill:rgba(138, 163, 58, 1);
}
.search-btn::before {
  width: 0.4rem;
  height: 100%;
  background: white;
  z-index: 999;
  content: "";
  transform: translateX(-100%);
  position: absolute;
}
.search-btn svg {
  width: 100%;
  height: 100%;
}
.search-btn svg path {
  fill:rgba(138, 163, 58, 1);
}
.madd-f {
  width: calc(100% - 4rem);
}
.madd-c {
  width: calc(100% - 4rem);
}
.catalogue-main-items {
  width: 100%;
}
.catalogue-items-item {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}


.catalogue-items-item img {
  width: calc((100vw - 7rem) / 4);
  /* aspect-ratio: square -- aspect-ratio: 1 / 1; */
  height: calc((100vw - 7rem) / 4);
  object-fit: cover;
  border-radius: 0.1rem;
}
.search-items-item img {
  width: calc((100vw - 5rem) / 4) !important;
  /* aspect-ratio: square -- aspect-ratio: 1 / 1; */
  height: calc((100vw - 5rem) / 4) !important;
  object-fit: cover;
  border-radius: 0.1rem;
}
.promo-inactive {
  background-color: #727272 !important;
  pointer-events: none;
}
.promo-inactive::before, .promo-inactive::after {
  display: none;
}
.catalogue-items-item h2 {
font-size: 0.7rem;
font-weight: 400;
margin-block-start: 0.3rem;
color: #422A23;
text-align: center;
text-overflow: ellipsis;
overflow: hidden; 
}
.h2-nowrap {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.alsoRecommend {
  padding-inline: 2rem;
  position: relative;
}
.catalogue-items-item a {
  font-size: 0.5rem;
  color: #ACACAC;
  margin-block-start: 0.2rem;
  text-align: center;
}
.catalogue-main-items-grid p {
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  grid-column: span 3;
  margin-block: 2rem;
}
.catalogue-items-item .modified-1 {
  font-size: 0.55rem;
  color: #8AA33A;
}
.catalogue-items-item .modified-2 {
  font-size: 0.55rem;
  color: #2F80ED;
}
.aux-img-circle {
  width: 1.8rem;
  height: 1.8rem;
  padding: 0.5rem;
  background-color: rgb(191 191 191);
  font-size: 0.7rem;
  font-weight: 900;
  border-radius: 5rem;
  position: relative;
  margin-inline-end: 0.65rem;
  margin-block-end: 0.65rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.aux-control-union {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.aux-img-circle-delete {
width: 0.8rem;
height: 0.8rem;
padding: 0.1rem;
color: #000000;
font-size: 0.7rem;
z-index: 2000;
font-weight: 900;
position: absolute;
top: -0.22rem;
right: 0rem;
background-color: rgba(198, 8, 8, 0.83);
border-radius: 5rem;
display: flex;
align-items: center;
justify-content: center;
}
.aux-img-circle-delete svg {
  width: 0.4rem;
  height: 0.4rem;

}
.aux-img-circle-delete svg path {
fill: #ffffff;
}

.item-individual {
  display: flex;
  width: 100%;
  height: max-content;
  padding-inline: 2rem;
  gap: 1rem;
}
.intact-st { 
  display: none;
}
.item-individual-image-box {
  width: 100%;
  height: max-content;
  flex: 1;
  display: grid;
grid-template-columns: repeat(6, 1fr);
/* grid-template-rows: repeat(6, 1fr); */
gap: 0.2rem;
}

.item-individual-image-box-1 { grid-area: 1 / 1 / 6 / 7; display: flex; }
.item-individual-image-box-0  { grid-area: 6 / 1 / 7 / 2; } 
.item-individual-image-box-2 { grid-area: 6 / 2 / 7 / 3; }
.item-individual-image-box-3  { grid-area: 6 / 3 / 7 / 4; }
.item-individual-image-box-4  { grid-area: 6 / 4 / 7 / 5; }
.item-individual-image-box-5 { grid-area: 6 / 5 / 7 / 6; }
.item-individual-image-box-6  { grid-area: 6 / 6 / 7 / 7; }
.item-individual-image-box-1 img {
  width: 100%;
  /* height: 83% */
  height: 73%; 
  /* aspect-ratio: 1.2 / 1; - Set aspect ratio */
  border-radius: 0.3rem;
  object-fit: contain;
  background-color: #e0e0e0; 
}
.item-individual-image-box-small img {
width: 100%;
height: 83%;
/* aspect-ratio: 1.2 / 1; */
border-radius: 0.3rem;
object-fit: cover;
}
.repeat-order-wrap {
  width: 100%;
  padding-inline: 2rem;
}
.order-separated {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: max-content;
  height: max-content;
}
.cart-repeat-displayed-image {
  flex: none !important;
  width: 10rem;
  height: 10rem;
  border-radius: 5px;
}
.count-wrap-repeat {
  justify-content: flex-start !important;
}
item-price-repeat {
  margin-block-end: 0rem;
}
.cart-displaying-info-repeat {
  width: max-content !important;
  height: max-content !important;
  max-width: 50%;
  flex: none !important;
}
.selected-border {
  border: 1px solid #422A23;
}
.item-individual-details {
  flex: 1; 
  width: 100%;
  /* padding-inline: 0.3rem; */
}

.item-individual-details h1 {
  font-size: 1rem;
  color: #422A23;
 }
 .item-individual-details h1 a {
   color: #ffffff;
   font-size: 1.35rem;
  }

  .item-individual-details p {
   color: #422A23;
   font-size: 0.7rem;
   font-weight: 400;
   margin-block: 0.5rem;
  }
  .price-desc-1 {
    color: #8AA33A !important;
    font-weight: 700 !important;
  }
  .price-desc-2 {
    color:#2F80ED !important;
    font-weight: 700 !important;
  }
 .item-individual-details-button {
  font-size: 0.6rem;
  /* margin-block-end: 0.5rem; */
  display: flex;
  /* margin: 0 auto; */
  justify-content: center;
}
.hero-margin {
  margin-block-end: 0.5rem;
}
.item-individual-more {
  width: 100%;
  height: max-content;
  padding-inline: 2rem;
  display: block; 
  position: relative;
}
.item-individual-more-hero {
  width: 100%;
height: max-content;
padding-block-start: 1rem;
padding-block-end: 0.5rem;
padding-inline: 2rem;
 }
 .item-individual-more-hero h1 {
  font-size: 1rem;
 }

 .item-individual-more-through {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  width: 100%;
  scroll-behavior: smooth;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
.item-individual-more-through::-webkit-scrollbar {
  display: none;
}



.item-individual-more-through li {
  display: inline-block; 
  max-width: calc((100vw - 7rem) / 4);
  white-space: nowrap;
}

.count-wrap-hidden {
  display: none !important;
}
.login-btn, .signup-btn {
  cursor: pointer;
}
.login-btn:hover, .signup-btn:hover {
  color: rgba(138, 163, 58, 1);
  transition: color 0.15s linear;
}
.variety_stage img {
    inline-size: 6em;
    block-size: 5em;
    object-fit: cover;
    border-radius: 0.3em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    overflow: hidden;
    background-image:
      linear-gradient(
        to bottom, #00000010, #00000020
      );
  }
  .confirmation-wrap {
    padding-inline: 2rem;
  }
  .cart-displaying-item-wrap {
    display: flex;
    width: 100%;
    padding-inline: 2rem;
    margin-block-end: 0.5rem;
  }
  .cart-minus {
    margin-inline-end: 0.3rem;
  }
  .cart-minus svg {
    width: 50%;
    height: 50%;
  }
  .cart-plus {
    margin-inline-start: 0.3rem;
  }
  .cart-plus svg {
    width: 50%;
    height: 50%;
  }
  .profile-displaying-item-wrap {
    display: flex;
    width: 100%;
    padding-block-end: 1rem;
  }
  .cart-displaying-item-image {
   /* flex: 1; */
    width: max-content;
    height: max-content;
    margin-inline-end: 1rem;
  }
  .cart-displaying-item-image img {
    width: 100%;
    height: 100%;
    /* height: 10rem; */
  }
  cart-repeat-displayed-image {
    width: 10rem;
    height: 10rem;
  }
  .cart-displaying-item-image {
    /* flex: 1; */
    width: max-content;
    height: max-content;
    margin-inline-end: 1rem;
  }
  .cart-displaying-item-image img {
    width: 10rem;
    height: 100%;
    border-radius: 5px;
  }

  .cart-displaying-item-info {
    width: max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1; 
  }
  .cart-displaying-item-info h1 {
    font-size: 1.05rem;
    font-weight: 700;
  }
  .cart-displaying-item-info p {
    margin-block: 0.3rem;
    font-size: 0.6rem;
  }
  .craft-l li {
    list-style-type: disc;
    list-style-position: inside;
  }
  .craft-l li span {
    font-size: 0.7rem;
    font-family: inherit;
  }
  .cart-displaying-item-info p:last-child {
    margin-block-start: 0;
    margin-block-end: 0.5rem;
    color: #8AA33A;
  }
  .cart-displaying-item-info p b {
   font-weight: 700;
  }
  .count-wrap {
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-block: 0.5rem;
    justify-content: center;
    font-size: 0.6rem;  
  }

  .count-wrap button {
    background-color: #8AA33A;
    border-radius: 0.25rem;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .justify-mobile {
align-items: flex-start; 
flex-direction: column;
  }
  .minified-svg {
    width: 50%;
    height: 50%;
  }
  */
  .count-wrap span {
    font-family: inherit;
    font-size: 0.7rem;
    margin-inline: 0.5rem;
  }
  .cart-displaying-remove {
    width: 100%;
    height: auto;
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: center; 
  }
  .button-remove {
    width: max-content;
    height: max-content;
    font-size: 0.6rem;
    padding-block: 0.35rem;
    padding-inline: 0.7rem;
    border-radius: 0.3rem;
    background-color: #BC0000;
    color: #ffffff;
}
.company-about-desc {
  width: 100%;
  height: max-content;
  padding-inline: 2rem;
  margin-block-end: 1rem;
}
.company-about-desc p {
  font-size: 0.7rem;
}
.company-craft {
  width: 100%;
  height: max-content;
  padding-inline: 2rem;
}
.company-craft p {
  font-size: 0.7rem;
}
.p-inside {
  margin-block-end: 2rem;
}
.p-inside p {
  margin-block-end: 0.5rem;
}
.p-inside p:last-child {
  margin-block-end: 0;
}
.company-craft-inside {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-block: 1rem;
  justify-content: center;
  padding-inline: 2rem;
}
.company-craft-inside:nth-child(2) {
  margin-block-start: 0;
}
.num {
  font-size: 2rem;
  font-weight: 900;
 width: max-content;
 padding-inline: 0.5rem;
  text-align: center;
  min-width: 2rem;
  line-height: 1;
  display: flex;
  align-self: center;
}
.m-instruction {
flex: 90%;
font-size: 0.7rem;
display: flex;
align-self: center;
flex-direction: column;
}
.special {
  color: rgba(138, 163, 58, 1);
}
.m-instruction p {
  margin-block-end: 0.5rem;
}
.m-instruction p:last-child {
  margin-block-end: 0;
}
.company-about-desc-inside {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-block: 1rem;
}
.company-about-desc-inside p {
  font-size: 0.7rem; 
  padding-block-end: 1rem;
}
.company-about-desc-inside p:last-child {
  padding-block-end: 0rem;
}
.company-about-desc-inside-col1 {
  flex: 2;
  width: 100%;
  height: max-content;
}
.button-craft-sb {
  display: flex;
  margin: 0 auto;
}
.mmpo {
  width: 100%;
  height: 100%;
  position: relative;
  padding-block: 1.5rem;
  /* padding-block-end: 1.5rem; */
  justify-content: center;
  align-items: center;
  padding-inline: 2rem;
}
.craft-mobile-prompt {
  display: hidden;
}
.craft-separate-form {
  position: relative;
}
.craft-separate-form::after {
  content: "*  поля, обязательные для заполнения";
  color: rgba(138, 163, 58, 1);
  font-size: 0.55rem;
  padding-block: 0.25rem;
  position: absolute;
}
.craft-input-n {
  position: relative;
}
.craft-input-n::after{
  content: "*";
  color: rgba(138, 163, 58, 1);
  font-size: 0.7rem;
  padding-inline-start: 0.1rem;
}
.company-about-desc-inside-col2 {
  flex: 1;
  width: 100%;
  height: auto;
  background-image: url(../media/main-about-2.png);
  border-radius: 0.3rem;
}
.company-about-desc-brief {
  padding-inline: 2rem;
  margin-block: 1rem;
}
.company-about-desc-brief p {
  font-size: 0.7rem;
  margin-block-end: 0.3rem;
}
.company-about-desc-brief p b {
  font-weight: 600;
}
.cart-checkout-wrap {
  width: 100%;
  text-align: right;
  padding-inline: 2rem;
}
.cart-checkout-wrap p{
  font-size: 0.6rem;
  font-weight: 700;
  margin-block: 0.7rem;
}
.button-checkout {
  font-size: 0.6rem;
  margin-block-end: 2.7rem;
}
.user-registration-wrap {
  width: 60%;
  margin-inline-start: 2rem;
}
.user-login-wrap {
  width: 100%;
  margin-inline: 2rem;
}
.user-order-wrap {
  width: 50%;
  padding-inline: 2rem;
}
.user-profile-wrap {
  width: 100%;
  display: flex;
  height: max-content
}
.feature-item-pc {
  display: flex;
}
.user-profile-wrap h2 {
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  color: #422A23;
  margin-block-start: 1rem;
}
.sent-prompt {
  width: 100%;
  height: max-content;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
 text-align: center;
 padding-inline: 1rem;
}
.sent-prompt .prompt-m{
 font-size: 1rem;
 font-weight: 700;
 color: var(--color-main-dark) !important;
}
.sent-prompt .prompt-aux {
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--color-main-dark) !important;
}

.user-profile-col1, .user-profile-col2 {
  flex: 1;
  padding-inline: 2rem;
}
.aux-item-images {
  cursor: pointer;
}
.user-profile-col3 {
  width: 50%;
  padding-inline: 2rem;
}
.table-order-wrap {
  width: 100%;
 /*padding-inline: 2rem; */
  display: flex;
  flex-direction: column;
   word-break:break-word;
}
#draganddrop {
  cursor: pointer; 
}
.uploaded-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  border-radius: 5px;
}
.user-login-wrap h1 {
  font-size: 1.4rem;
  color: #422A23;
}
.hint {
  font-size: 0.55rem !important;
  margin-block-start: 0.2rem !important;
}
.manager-panel-add {
  width: 95%;
  padding-block-end: 1rem;
  height: max-content;
  border-radius: 0.5rem;
}
.manager-panel-add h1 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #000000;
}
.manager-panel-add p:first-child {
  padding-block-start: 0.5rem;
}
.manager-panel-add p {
  font-size: 0.8rem;
  color: #06c;
  font-weight: 400;
}
.manager-panel-add i {
  width: max-content;
  padding-inline-end: 0.3rem;
}

/* PAGINATION SCRIPT HERITAGE */ 

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  background: #fff;
}
.pagination-number svg {
    width: 0.7rem;
    height: 0.7rem;
}
.highlighted {
  color: #8AA33A;
}
.pagination-number.active a {
  color: #8AA33A;
  background: none;
  font-family: inherit;
}
.active {
  color: #8AA33A !important;
}
.disabled {
  pointer-events: none;
}
.disabled svg path{
  fill: rgba(163, 163, 163, 0.4);
}
.hidden {
  display: none !important;
}
.pagination-number {
  background-color: #ffffff;
  font-size: 0.6rem;
  color: #422A23;
  font-family: inherit;
  min-width: 0.9rem;
  min-height: 0.9rem;
  width: max-content;
  height: max-content;
  border-width: 0.05rem;
  border-style: solid;
  border-color: #ACACAC;
  border-radius: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 0.1rem;
}
.check-original:first-of-type a {
  color: #8AA33A;
}
.loader-filter {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: max-content;
  padding-block: 1rem;
  padding-inline-end: 1rem;
}
.interactive-wrap-transform {
  transform: translate(-50%, -50%) scale(1) !important;
}
.preview-wrap {
  width: 100%;
  height: max-content; 
  padding: 0.3rem;
  margin-block: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-wrap img {
  border-radius: 0.2rem;
  width: 4rem;
  height: 4rem;
  background-color: #ACACAC;
}

.pagination_wrap {
  display: flex;
}
#allselected {
  cursor: pointer;
}
.inactive-cart {
  color: #ACACAC;
  pointer-events: none;
  background-color: #e8ecdb !important;
}
.inactive {
  pointer-events: none;
}
.inactive3 {
  pointer-events: none;
  background-color: #a6b182 !important;
}
.inactive3 svg path{
  fill: #fbfbfb !important;
} 
.inactive-coloronly {
  background-color: rgba(172, 172, 172, 1) !important;
}
.quantity-text {
  font-size: 0.6rem;
  font-weight: 400;
  color: rgba(66, 42, 35, 1);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1.5rem;
  display: flex;
  align-items: center;
}
.gallery-interactive {
  /* width: 100%;
  height: auto; */
  width: calc(100% - 6rem);
  height: calc(100% - 3rem);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: rgba(255,255,255,1);
  align-self: center;
  justify-self: center;
  border-radius: 5px;
  /* backdrop-filter: blur(4px); */
}
.interactive-preview {
  width: 80vw !important;
  height: 90vh !important;
  max-width: 80vw !important;
  max-height: 90vh !important;
  justify-content: center;

}
.start {
  order: -1; 
}
.item-item {
  align-self: start;
}
.add-to-cart-wrap {
  text-align: center;
  font-size: 0.6rem;
  font-weight: inherit;
  color: #422A23;
  /* width: max-content; */
  justify-content: center;
}
.added-color {
  background-color: #ACACAC;
}
.added-to-cart {
  background-color: none;
  /* font-size: 0.6rem;
  margin-block: 0.5rem; */
  pointer-events: none;
  width: max-content;
  height: max-content;
  margin-block: 0.5rem;
}

.added-to-cart svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #8AA33A;
}
.move-m-opened {
  display: none;
}

.login-colour {
  background-color: rgb(81, 152, 222) !important;
}
.active-fill {
  color: #8AA33A;
  fill: #8AA33A;
}
/*
.cart-display-wrap {
  position: relative;
  max-width: 1.5rem;
  width: 1rem;
  max-height: 1rem;
  height: 1rem;
}
*/
.cart-display-wrap {
  position: relative;
  width: 1rem;
  height: 1rem;
}
.preview-wrap-multiple {
 width: 100%;
 height: auto;
 color: #ACACAC;
 font-size: 0.6rem;
}
.preview-wrap-multiple img {
width: 4rem;
height: 4rem;
margin-inline-end: 0.5rem;
margin-block-start: 0.5rem;
border-radius: 0.2rem;
}
.cart-display-number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 60%;
  border-radius: 5rem;
  bottom: -15%;
  width: 0.6rem;
  font-size: 0.4rem;
  color: #ffffff;
  height: 0.6rem;
  background-color: #8AA33A;
}
.justify-c {
  justify-content: flex-start;
}
.cart-icon-i {
  position: absolute;
  inset: 0;
}
.cart-display-empty {
  font-size: 0.8rem;
  font-weight: 700;
  color: #ACACAC;
}
.cart-display-empty button {
  font-family: inherit;
  background-color: rgba(138, 163, 58, 1);
  color: #fff;
  margin-block: 0.5rem;
}
.closed {
  display: none !important;
}
.closed-visibility {
  visibility: hidden !important;
  opacity: 0 !important;
}
.cart-empty-identificator {
  justify-content: flex-start;
  align-items: center
}
.load {
  animation: 1s infinite linear loadeffect;
 width: 1.2rem;
 height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.load svg {
  fill: #ACACAC;
  /* width: 1.2rem;
  height: 1.2rem; */
}
@keyframes loadeffect {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .profile-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline: 0 !important;
  }
  .no-is {
    margin-inline-start: 0rem !important;
  }
  .amount-cart {
    margin-inline-end: 0.2rem !important;
  }
  .bcg-none {
    background: none !important;
  }
  .lp {
    display: none;
  }
  .procedure-descriptive {
    margin-block-start: 0.5rem;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
  }
  .procedure-descriptive h1 {
    font-size: 0.7rem;
    font-weight: 700;
    margin-block-end: 0.1rem;
  }
  .procedure-descriptive h2 {
    font-weight: 400;
    font-size: 0.7rem;
    margin-block-start: 0.5rem;
  }
  .table-order-wrap table {
 width: calc(100% - 4rem);
 border-spacing: 0px;
 border-collapse: collapse;
 margin-block: 0.5rem;
  }
  .table-order-wrap th {
    border: 1px solid rgba(172, 172, 172, 1); 
    text-align: center;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem;
  }
  .table-order-wrap td {
    border: 1px solid rgba(172, 172, 172, 1); 
    text-align: center;
    font-size: 0.7rem;
    font-weight: 400;
    padding: 0.5rem;
  }
  .button-return {
    background-color: rgba(138, 163, 58, 1) !important;
  }
  .b-return {
    display: flex;
    justify-content: flex-start;
  }
  .inactive-button {
    background-color: rgba(172, 172, 172, 1) !important;
    color: #fff !important;
    pointer-events: none !important; 
  }
  .darken-disp {
    display: inherit;
   /* width: 100%; */
    flex: 5;
  }
  .button-ref {
    margin-block-start: 0.8rem;
    margin-block-end: 0.5rem;
  }
  .interactive-wrap label {
    display: flex;
    justify-content: space-between;
     align-items: center; 
     flex-direction: row;
  }
  .ea {
    margin: none;
  }
  .preview-wrap-ref {
    width: 100%;
    height: max-content;
    overflow: scroll;
  }

  .reference-wrap {
    width: 100%;
    padding-inline: 2rem;
    height: max-content;
    margin-block-end: 1rem;
  }
  .ref-individual {
    width: 100%;
    height: max-content;
    display: flex;
    margin-block-end: 1.5rem;
  }
  .ref-individual:first-child {
    padding-block-start: 1rem;
  }
  .ref-picture-wrap {
    width: max-content;
  }
  .ref-content-wrap {
    width: 100%;
    padding-inline-start: 1rem;
  }
  .ref-author {
    display: flex;
    width: 100%;
    align-items: baseline;
  }
  .ref-author-name {
   font-size: 0.7rem;
   font-weight: 700;
  }
  .ref-body {
    margin-block: 0.5rem;
    font-size: 0.6rem;
    width: 100%;
  }
  .ref-body-images {
    width: 100%;
    display: flex;
    align-items: center;
    /* overflow-x: scroll;
    scroll-behavior: smooth; */
    flex-wrap: wrap;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    cursor: pointer;
    gap: 0.2rem;
  }
  .ref-body-images::-webkit-scrollbar {
    display: none;
  }
  .ref-body-images img:nth-child(odd) {
    border-radius: 0.1rem;
    width: max-content;
    height: 10rem;
   /* margin-inline-end: 0.2rem; */
    object-fit: cover;
  }
  .ref-body-images img:nth-child(even) {
    width: max-content;
    border-radius: 0.1rem;
    height: 10rem;
    /* margin-inline-end: 0.2rem; */
    object-fit: cover;
  }
  .ref-author-date {
    color: rgba(172, 172, 172, 1) ;
    font-size: 0.6rem;
    font-weight: 400;
    margin-inline-start: 0.5rem;
  }
  .ref-user-pic {
    width: 1.6rem;
    height: 1.6rem;
    background-color: rgba(217, 217, 217, 1);
    border-radius: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-25%);
  }
  .current {
    color: rgba(138, 163, 58, 1);
    pointer-events: none;
  }

  .ref-user-pic span {
    font-family: inherit;
    font-size: 0.7rem;
    font-weight: 900;
    color: rgba(172, 172, 172, 1);
    ;
  }
.interactive-wrap-behind {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  z-index: 1001;
  position: fixed;
  inset: 0;
  transition: all 0.3s ease-in-out;
}

  .interactive-wrap {
    position: fixed;
    z-index: 1002;
    overflow-y: scroll;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50vw;
    max-width: 50vw;
    max-height: 85vh;
    height: max-content;
    padding-block-start: 0rem;
background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0.25rem;
    margin: 0 auto;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .success-modal-wrap {
    position: fixed;
    z-index: 1002;
    overflow: scroll;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 35vw;
    height: max-content;
    padding-block-start: 0rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0.25rem;
    margin: 0 auto;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
  }
  .success-modal-wrap::-webkit-scrollbar {
    display: none;
  }
  
  .button-craft-submit {
    display: flex;
    margin: 0 auto;
    margin-block-start: 1rem;
  }
  .interactive-wrap-small {
    width: 35vw;
  }
  .interactive-wrap::-webkit-scrollbar {
    display: none; 
}
  .interactive-wrap-inside {
    padding-inline: 2.3rem;
  }
  .interactive-wrap-inside-small {
    padding-inline: 0.5rem;
  }
  .interactive-wrap h1 {
 font-size: 0.9rem;
 font-weight: 700;
 text-align: center;
 margin-block-start: 1.5rem;
 margin-block-end: 1rem;
  }
  .interactive-wrap p {
    font-size: 0.6rem;
    font-weight: 400;
    color: rgba(172, 172, 172, 1);
    margin-block-start: 0.5rem;
    margin-block-end: 0.2rem;
     }
     .interactive-wrap button {
      /* margin-block: 0.5rem; */
      align-self: flex-end;
     }
     .interactive-wrap input, .interactive-wrap textarea {
width: 100%;
padding: 0.25rem;
border: 1px solid #ACACAC;
font-size: 0.7rem;
font-weight: 400;
font-family: inherit;
color: #422A23;
resize: none;
     }
     .close-button {
      width: max-content;
      height: max-content;
      align-self: flex-end;
      background-color: #ffffff;
      cursor: pointer;
      margin-block: 0;
      position: absolute;
      right: 0.5rem;
      top: 0.5rem;
      display: flex;
     }
     .rightleft-button {
      width: 1.5rem;
      height: 2rem;
      background-color: #ffffff;
      cursor: pointer;
      margin-block: 0;
      display: flex;
      position: absolute; 
      border-radius: 2rem; 
      padding: 0.4rem;
      justify-content: center;
      align-items: center;
     }
     .search-btn-mobile {
      width: 0.6rem;
      height: 0.98rem;
      background: white;
      z-index: 999;
      height: 0.6rem;
      display: flex;
      position: absolute;
      left: 0.5rem; 
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
     }
     .search-btn-mobile svg {
      width: 100%;
      height: 100%;
    }
    .search-btn-mobile svg path {
      fill:rgba(138, 163, 58, 1);
    }
     .right-btn {
      background-color: #ffffff;
      right: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
     }
     .left-btn {
      background-color: #ffffff;
      left: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
     }

     .close-button-tr {
      position: absolute; 
      border-radius: 2rem; 
      padding: 0.4rem;
      background-color: #ffffff;
     }
     .close-button svg {
      width: 0.75rem;
      height: 0.75rem;
     }
     .rightleft-button svg {
      width: 100%;
      height: 100%; 
     }
     .rightleft-button svg path {
      fill: rgba(66, 42, 35, 1);
     }
     .inactive svg path {
      fill: rgba(172, 172, 172, 1);
     }
     .close-button svg path {
      fill: #ACACAC;
     }
     .button-reference {
      display: flex;
      justify-content: center;
      align-items: center;
     }
     .button-full {
      display: none;
     }
     .mobile-hidden {
      display: flex;
      /* margin-inline-end: 1rem; */
      flex: 2;
      /* width: 25%; */

    }
     .button-reference img {
      width: 0.65rem;
      margin-inline-end: 0.3rem;
     }
    
     .button-reference-aux {
      display: flex;
      justify-content: center;
      align-items: center;
      white-space: pre;
     }
     .button-reference-aux img {
      width: 0.6rem;
      margin-inline-end: 0.3rem;
     }
     .terms-minified {
      width: 100%;
     margin: 0 auto;
     text-align: center;
     font-size: 0.5rem !important;
     margin-block-start: 0.45rem !important;
     margin-block-end: 1.5rem !important;
     }
     .terms-minified a {
      color: inherit;
     /* text-decoration: underline rgba(138, 163, 58, 1) 1px; -- GREEN COLOUR (DEFAULT) */
     text-decoration: underline rgba(172, 172, 172, 1) 1px;
      text-underline-offset: 0.1rem;
      transition: color 0.15s linear;

     }
     .terms-minified a:hover { 
    color: rgba(138, 163, 58, 1);
    text-decoration: underline rgba(138, 163, 58, 1) 1px;
     }
     #signupprompt {
      text-decoration-color: rgba(138, 163, 58, 1);
      text-decoration-style: solid;
      text-decoration-line: underline;
      text-decoration-thickness: 1px;
     }

     .man {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      gap: 0.3rem;
     }
     .man svg {
      width: 1rem;
     }
     .expand-nav {
      display: none;
      width: 1.75rem;
      height: 1.75rem;
     }

     .bcg-wrap {
      display: none;
     }
     .hmenu-wrap {
      display: none;
     }
     .tholders {
      display: flex;
     }

     /* MOBILE ADJUSTMENTS */
     @media all and (max-width: 1000px) {
     .expand-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 2rem;
      height: 100%;
      max-height: 1.4rem;
      padding: 0.5rem;
      background-color:rgba(138, 163, 58, 1);
      border-radius: 0.2rem;
     }
     .main-navigation-auth {
      max-height: 1rem;
     }
     .main-navigation-hmenu {
      width: 0.75rem;
      height: 0.5rem;
      background-image: url(../media/H-menu.svg);
  } 
  .tholders {
    display: none;
  }
  .main-middle-part-bestsellers-products-button {
    font-size: 0.75rem;
  }
  .main-middle-part-bestsellers-hero {
    padding-inline: 1rem;
  }
  .main-middle-part-catalogue-intro {
    padding-inline: 1rem;
  }
  .questions-s {
    padding-inline: 0rem;
  }
  .secondary-img {
    display: none;
   }
  .main-navigation-logo {
    margin-inline: 1rem;
    /* transform: translateX(-1.5rem); */
    padding: 0.01rem;
  }
.bcg-wrap {
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  background-color: rgba(7, 7, 7, 0.5);
  position: fixed;
  inset: 0;
  display: block;
}
.wrap-hidden {
  transform: translateX(-100%);
  display: none;
}
  .hmenu-wrap {
    height: 100vh;
    position: fixed;
    inset: 0;
    z-index: 3000;
    width: 70vw;
  background-color: #ffffff;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    transition: transform 0.2s ease-in-out;
  }
  .feature-item-pc {
    display: none;
  }
.hmenu-upper {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-block: 1rem;
  padding-inline: 1rem;
  background-color: rgba(246, 246, 246, 1);
}
.main-navigation-auth a {
  font-size: 0.7rem;
}
.hmenu-upper p {
  font-weight: 700;
  font-size: 1.3rem;
  margin-inline-end: 2rem;
}

.hmenu-middle {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-inline: 1rem;
  justify-content: space-between;
  background-color: #ffffff;
}
.hmenu-nav {
  display: flex;
  flex-direction: column;
  margin-block-end: 3rem;
  gap: 0.2rem;
}
.hmenu-nav li a {
  font-size: 0.75rem;
  font-weight: 700;
}
.hmenu-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.5rem;
 /* padding-block: 1rem; */
 background-color: rgba(246, 246, 246, 1);
 padding: 1rem;
}
.hmenu-bottom p {
 font-size: 0.8rem;
 font-weight: 400;
}
.main-navigation-search {
  width: 100%;
  margin-block: 1rem;
  font-size: 0.75rem;
  padding-inline-start: 1.6rem;
      padding-inline-end: 0.6rem;

}
.main-navigation-city {
  /* margin-block-end: 1rem; */
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1;
}


.hmenu-close-button svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: rgba(172, 172, 172, 1);
}
.item-individual-details-button {
  margin: 0 auto;
}
.button-full svg {
  width: 0.7rem;
  fill: #ffffff;
  transform: rotate(0deg);
  margin-inline-start: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.rotated {
  transform: rotate(180deg) !important; 
}
.main-upper-part-banner {
  clip-path: none;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block-start: 1rem !important;
  padding-block-end: 1rem !important;
}
.main-upper-part-banner-image {
  width: 100%;
  height: max-content;
  order: -1;
}
.main-upper-part-banner-image img {
  width: 150px;
  height: 150px;
}
.linking {
  flex-direction: column;
 }
.main-upper-part-banner-hero {
  width: 100%;
  z-index: 10;
  height: max-content;
  padding-block: 0.5rem;
  margin-inline-start: 0;
  text-align: center;
  align-self: center;
}
.main-upper-part-banner-hero h1, .main-upper-part-banner-hero h2 {
  padding-inline: 1rem;
}
.main-middle-part-features-wrap {
  overflow-x: hidden;
  max-width: 100vw;
  padding-block-start: 1rem;
}

.main-middle-part-features-items {
  margin-inline: 1rem;
}
.main-middle-part-features-items-icon {
  width: 2em;
  height: 2em;
  margin-block-end: 1rem;
}
.swiper-button-next, .swiper-button-prev {
  width: 1rem !important;
}
.mobile-hidden {
  display: none;
}
.search-union {
  display: none;
}
.search-union-mobile {
  position: relative;
  display: flex;
  width: 100%;
  height: max-content;
}
.nav-city-union-mobile {
  display: flex;
  width: max-content;
  height: max-content;
  flex-direction: row;
  margin-block-end: 1rem;
}
.nav-city-union {
  display: none;
}
.main-navigation-search {
  padding-block: 1em;
  padding-inline-start: 1.6rem;
  padding-inline-end: 0.6rem;
 }
 .scroll-left {
  display: none;
 }
 .scroll-right {
  display: none;
 }
.main-middle-part-catalogue-intro {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  }
  .div1 { grid-area: 2 / 2 / 3 / 3; }
  .div2 { grid-area: 1 / 1 / 2 / 2; }
  .div3 { grid-area: 1 / 2 / 2 / 3; }
  .div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 {display: none;}
.main-middle-part-order {
  flex-direction: column;
  align-items: center;
}
.main-middle-part-order-inside {
  width: 100%;
}
.item-price {
  /*order: -1;*/
  z-index: 3;
}
.main-upper-part-banner-hero h1 {
  font-size: 1.2rem;
 }
 .main-upper-part-banner-hero h1 a {
   font-size: 1.15rem;
  }
.main-middle-part-order-inside-grid {
  grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.divv1 { grid-area: 1 / 1 / 5 / 6; }
.divv2 { grid-area: 5 / 1 / 6 / 2; }
.divv3 { grid-area: 5 / 2 / 6 / 3; }
.divv4 { grid-area: 5 / 3 / 6 / 4; }
.divv5 { grid-area: 5 / 4 / 6 / 5; }
.divv6 { grid-area: 5 / 5 / 6 / 6; }
.singular img {
  width: 50%;
}
.position-indicator-wrap {
  display: flex;
  width: 100%;
  height: max-content;
  align-items: center;
  justify-content: center;
  padding-block: 0.5rem;
}
.position-indicator-circle {
  width: 0.3rem;
  height: 0.3rem;
  background-color: #ACACAC;
  border-radius: 5rem;
  margin-inline-end: 0.3rem;
}
.position-indicator-circle:last-child {
  margin-inline-end: 0rem;
}
.position-indicator-circle-active {
  background-color: #8AA33A !important;
}



.item-individual {
  flex-direction: column;
  padding-inline: 1rem;
}
.price-desc-1, .price-desc-2 {
  z-index: 1; /* text-align: center; */
}
.item-individual-image-box-1 img {
  width: 100%;
  object-fit: cover;
 /* object-fit: contain;
  background-color: #e0e0e0; */
}
.main-navigation {
  justify-content: space-between;
  padding-inline: 1rem;
}
.main-middle-part-order {
  flex-direction: column;
  padding-inline: 1rem;
}
.select-city svg {
  width: 100%;
}
.select-city {
margin-inline-start: 0.3rem;
width: 0.4rem;
}
.change-order {
  order: -1;
  margin-block-end: 0.5rem;
  width: 100%;
}
.item-individual-more {
  padding-inline: 1rem;
}
.change-order div {
  border-radius: 0.25rem;
}
.center-button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-inline: 0;
}
.button-ref {
  margin-inline-start: 1rem;
  margin-block-end: 0rem; 
  margin-block-start: 0rem;
}
.main-middle-part-order-form {
  width: 100%;
}
.footer {
  flex-wrap: wrap;
  padding-inline: 1rem;
  padding-block: 1rem;
}
.button-general {
  font-size: 0.75rem;
}
.ref-body-images img:nth-child(odd) {
  width: 45%;
  /* height: calc(100%/2); */
}
.ref-body-images img:nth-child(even) {
  width: 45%;
  margin-inline-end: 0rem;
}
.justify-mobile {
  justify-content: space-between;
  flex-direction: row;
    }
.footer-section-1 {
  flex: 50%;
}
.everything {
  margin-inline-end: 0;
}
.footer-section-2 {
  flex: 50%;
}
.footer-section-3 {
  margin-block-start: 1rem;
}
.move-m {
  display: none;
}
.main-upper-part-banner-hero-catalogue {
margin-inline-start: 1rem;
}
.justify-c {
  justify-content: center;
}
.main-middle-part-order-form p {
  font-size: 0.65rem;
}
.main-middle-part-order-form p, .main-middle-part-order-inside p {
  font-size: 0.65rem;
}
.mmpo {
  padding-inline: 1rem;
  padding-block: 0.5rem;
}
.company-craft-inside {
  padding-inline: 1rem;
}
.craft-mobile-prompt {
  position: relative;
}
.company-about-desc-inside {
  flex-direction: column;
}
.company-about-desc-inside-col2 {
   order: -1;
   flex: none;
   height: 13rem;
}
  .interactive-wrap-small {
    width: 35vw;
  }
.company-about-desc-inside-col1 {
  flex: none;
}
.company-about-desc-brief {
  padding-inline: 1rem;
}
.company-about-desc {
  padding-inline: 1rem;
}
.company-craft {
  padding-inline: 1rem;
}
.catalogue-main-nav li {
  font-size: 1rem;
}
.item-individual-more-through {
  scroll-snap-type: x mandatory;
}
.move-m-opened {
  display: block;
  color:rgba(172, 172, 172, 1) !important;
  font-size: 0.5rem !important;
}
.ea {
  margin: 0 auto;
}
.reference-wrap {
  padding-inline-start: 1rem;
}
.ref-author-date {
  font-size: 0.75rem;
}
.ref-author-name {
  font-size: 0.9rem;
  padding-inline-start: 0.5rem;
}

.ref-body, .ref-body-images {
  transform: translateX(-1.6rem);
  width: calc(100vw - 2rem);
  overflow-x: scroll;
  scroll-behavior: smooth;
  flex-wrap: nowrap;
}
.ref-content-wrap {
  padding-inline: 0;
}
.item-individual-details h1 {
  margin-block-start: 0.8rem;
}
.item-individual-more-hero {
  padding-inline: 1rem;
}
.cart-checkout-wrap {
  padding-inline: 1rem;
}
.alsoRecommend {
  padding-inline: 1rem;
}
.ref-body {
  margin-block-start: 1rem;
}
.interactive-wrap {
  transform: none !important;
  width: 100vw;
  max-width: 100vw;
  min-height: 70vh;
  left: 0%;
  top: 30vh;
  border-radius: 1rem 1rem 0 0; 
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  /* justify-content: center;*/
}
.success-modal-wrap {
  width: 80vw;
  padding-block: 1rem;
  border-radius: 1rem;
}
.repeat-order-wrap {
  padding-inline: 1rem;
}
.cart-displaying-item-image img {
  max-width: 40vw;
  max-height: 50vw;
}
.ordercall-button {
  margin-block-end: 0.7rem;
}
.close-button {
  right: 0.7rem;
  top: 0.7rem;
}
.item-individual-more-through li {
  display: inline-block; 
  max-width: calc(100vw - 2rem);
  white-space: nowrap;
}
.count-wrap button {
  width: 1.5rem;
  height: 1.5rem;
  /* margin-block: 0rem;
  padding-block: 0.5rem; */
}
.amount-cart, .no-is {
  font-size: 0.75rem;
}
.close-button svg {
  width: 0.85rem;
}
.interactive-wrap-inside {
  height: 100%;
  width: 100%;
  padding-inline: 1rem;
  display: flex;
  flex-direction: column;
}
.terms-minified {
  font-size: 0.65rem;
}
.eh-united input {
  font-size: 0.65rem !important;
}
.order-confirm {
  margin-block-start: 0.7rem;
}
.confirmation-wrap {
  padding-inline: 1rem;
}
.sent-prompt {
  padding-inline: 0.5rem;
}
.user-profile-wrap {
flex-direction: column;
 }
 .user-profile-col1, .user-profile-col2 {
  padding-inline: 1rem;
 }
 .user-profile-col3 {
  width: 100%;
  padding-inline: 1rem;
 }
 .button-confirm {
  display: flex;
  margin: 0 auto;
 }
 .user-profile-col3 h2 {
font-size: 0.9rem;
 }
 .cart-empty-identificator {
  align-items: left;
  justify-content: flex-start;
 }
 .cart-displaying-item-info {
  flex: 2;
 }
 .b-return {
  justify-content: center;
}
 .cart-displaying-item-image div {
  border-radius: 0.1rem;
 }
 .cart-displaying-item-info h1 {
  font-size: 0.85rem;
 }
 .cart-displaying-item-wrap {
padding-inline: 1rem;
margin-block-end: 1rem;
 }
 .cart-displaying-item-image img {
  border-radius: 0.15rem;
 }
 .cart-displaying-remove {
  display: none;
 }


.user-login-wrap {
  width: 90%;
  margin-inline-start: 0;
  margin: 0 auto;
  margin-block-start: 0;
  margin-block-end: 1rem;
}
.main-navigation-display {
  padding-inline: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-order-wrap {
width: 100%;
padding-inline: 1rem;
}
.main-middle-part-order-form input, .main-middle-part-order-form textarea {
font-size: 0.65rem;
}
.main-navigation-display h1 {
font-size: 1.2rem;
margin-block-end: 0rem;
}
.catalogue-main-list {
  flex-direction: column;
  padding-inline-start: 0;
  border-radius: 0 0 0.2rem 0.2rem;
}
.cart-display-empty {
  font-size: 0.8rem;
}
.user-profile-col1, .user-profile-col2 {
  margin-block-start: 0.3rem;
}
.rcall-section {
width: 100% !important;
max-width: 100vw !important;
}
.promo-wrap {
  display: none;
}

.darken {
  background-color: rgba(0,0,0,0.5);
  z-index: 500;
  pointer-events: none;
  filter: brightness(0.5);
}
.mobile-hidden {
  display: none;
}
.intact-st {
  width: 100%; 
  display: inherit;
  height: 1.5rem;
   background-color: rgba(0,0,0,0.5);
}

.intact-st-inside {
  width: 100%;height: 100%;border-radius: 0 0 0.4rem 0.4rem;background: #fff;
}
.catalogue-main-nav {
  align-items: center;
  text-align: center;
}
.catalogue-main-nav ul a {
  margin-block: 0.5rem;
     }
     .filter_option {
      font-size: 1.2rem;
     }
     .catalogue-main-filter-panel {
      flex-direction: column;
      margin-block-end: 1rem;
     }
     .catalogue-main-filter-sorting {
margin: 0 auto;
     }
     .catalogue-main-filter-pagination {
      display: none
     }
     
     .pagination-button {
      font-size: 0.75rem;
      min-width: 1.1rem;
      min-height: 1.1rem;
     }
     .catalogue-main-items-grid {
      grid-template-columns: 1fr;
      row-gap: 1rem;
      padding-inline-end: 0;
      margin-block: 0;
      padding-inline: 1rem;
     }
     .lp {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.catalogue-items-item {
  margin: 0 auto;
  scroll-snap-align: start;
}
.user-profile-wrap h2 {
margin-block-start: 0rem;
}
.button-margin {
  z-index: 2;
  /* margin-block-end: 0rem; */
}
.catalogue-items-item img {
  width: calc(100vw - 2rem);
  height: calc(100vw - 2rem);
}
.catalogue-items-item h2 {
  font-size: 0.9rem;
}
.catalogue-items-item a {
  font-size: 0.65rem;
}
.catalogue-items-item .modified-1, .catalogue-items-item .modified-2 {
font-size: 0.75rem;
}
.button-mobile-remove {
  display: flex;
  justify-self: center; 
  background-image: url(../media/delete-outline.svg);
  width: 1.5rem;
  height: 1.5rem;
  background-size: 50%;
  object-fit: cover;
  margin: 0 auto;
  margin-block-start: 0.5rem;
}
.add-to-cart-wrap {
  font-size: 0.7rem;
  justify-content: center;
}
     .button-full {
      width: 100%;
      font-size: 0.8rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;
      margin-block: 1rem;
      transition: transform 0.3s ease-in-out;
    }


    }
@media all and (min-width: 2000px) {
.display-sizer {
  width: 75vw;
} 
.catalogue-items-item img {
  width: calc((75vw - 7rem) / 4);
  height: calc((75vw - 7rem) / 4);
}
.move-m-opened {
  display: none;
}
.main-navigation {
 box-shadow: 0 6px 2px -6px #222;
}
.main-upper-part-banner-catalogue {
  transform: translateY(-0.4rem);
  border-radius: 0.3rem;
}
.footer {
  border-radius: 0.3rem 0.3rem 0 0;
}
}
@media all and (min-width: 3000px) {
  .display-sizer {
    width: 65vw;
  }
  .catalogue-items-item img {
    width: calc((65vw - 7rem) / 4);
    height: calc((65vw - 7rem) / 4);
  }
  }