/* purgecss start ignore */

.basket-page {
  font-family: "Open Sans";
  background-color: #602fad;
  background-image: url("../images/basket-background.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.basket-page > main {
  min-height: 100vh;
  padding: clamp(32px, 4.7059vw, 64px);
}

.basket-page__control,
.basket-page input,
.basket-page select {
  color: #602fad;
}

.basket-page__hp-logo {
  max-height: 72px;
  max-width: 210px;
}

.basket-page__grid {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
  .basket-page__grid {
    grid-template-columns: minmax(0, 300px) min(35vw, 400px) minmax(0, 300px);
    -moz-column-gap: min(calc((100 / 1280) * 100vw), 100px);
         column-gap: min(calc((100 / 1280) * 100vw), 100px);
  }
}

.basket-page__access {
  color: #602fad;
  background: #f0f6ff;
  border: 4px solid #613ca4;
}

.basket-page__proceed {
  color: #602fad;
  background-color: #fdcf44;
}

.basket-page .bulbina {
  display: flex;
  align-items: flex-start;
  color: #602fad;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row-reverse;
  margin-left: auto;
  margin-right: auto;
}

.basket-page .bulbina > div {
  position: relative;
}

.basket-page .bulbina__bubble,
.basket-page .bulbina__msg {
  max-width: 160px;
}

.basket-page .bulbina__msg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
  height: 100%;
  max-height: 75%;
}

.basket-page .bulbina__graphic {
  max-height: 150px;
  margin-top: 68px;
  margin-right: -32px;
}

@media (min-width: 1024px) {
  .basket-page .bulbina {
    display: block;
    margin-left: auto;
    margin-right: 0;
  }

  .basket-page .bulbina > div {
    margin-left: 92px;
  }

  .basket-page .bulbina__bubble,
  .basket-page .bulbina__msg {
    max-width: 180px;
  }

  .basket-page .bulbina__msg {
    padding: 1.5rem;
    max-height: 80%;
  }

  .basket-page .bulbina__graphic {
    max-height: 220px;
    margin-top: -22px;
  }
}

/* purgecss end ignore */