@charset "UTF-8";
.mini-basket {
  position: absolute;
  z-index: 201;
  top: calc(100% + 10px);
  right: 0;
  width: 100%;
  max-width: 73.8rem;
  max-height: calc(100vh - 25rem);
  display: flex;
  visibility: hidden;
  opacity: 0;
  flex-direction: column;
  padding: 3.2rem 1.8rem 3.2rem 3.2rem;
  transition: all .3s ease;
  background: #fff;
  box-shadow: 0px 4px 10px 0px #00000029; }
  .mini-basket:before {
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    height: 1rem;
    content: ''; }
  .mini-basket.active {
    top: 100%;
    visibility: visible;
    opacity: 1; }
  .mini-basket__inner {
    display: flex;
    flex-direction: column; }
  .mini-basket__body {
    max-height: 47rem;
    overflow: auto;
    flex-grow: 1;
    padding-right: 1.6rem; }
    .mini-basket__body::-webkit-scrollbar {
      width: 5px;
      /* ширина для вертикального скролла */
      height: 5px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: #f5f5f5; }
    .mini-basket__body::-webkit-scrollbar-thumb {
      background-color: #BDBDBD;
      border-radius: 10em; }
      .mini-basket__body::-webkit-scrollbar-thumb:hover {
        background-color: #828282; }
  .mini-basket__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.2rem; }
  .mini-basket__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    margin-right: 1.4rem;
    padding: 1.2rem 2rem;
    background-color: #F2F1F0; }
  .mini-basket__total {
    display: flex;
    align-items: center;
    gap: 1.6rem; }
  .mini-basket__total-sum {
    display: block; }
  .mini-basket__control {
    display: flex;
    align-items: center;
    gap: 2.4rem; }
  .mini-basket--empty {
    max-height: none;
    padding-right: 40px; }
  @media (max-width: 1099px) {
    .mini-basket {
      display: none; } }

.search-active .mini-basket-container {
  z-index: 200; }

@media (min-width: 1100px) {
  .mini-basket.mini-basket--empty {
    display: grid;
    grid-template-columns: 16rem 1fr;
    align-items: center;
    justify-content: center;
    padding: 4.8rem 1.4rem 4.8rem 3.2rem;
    gap: 4.8rem;
    flex-direction: row; }
    .mini-basket.mini-basket--empty .cart-empty__content {
      max-width: 48rem;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      padding: 0;
      gap: 2rem; }
    .mini-basket.mini-basket--empty .cart-empty__descr {
      margin-bottom: 0.4rem; }
    .mini-basket.mini-basket--empty .cart-empty__bg {
      flex-shrink: 0; } }