/* Curated recommendation shelf at the bottom of the black side cart. */
.drawer.cart-drawer .drawer-products {
  margin: 18px 14px 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 16px;
  background: #181818;
}

.drawer.cart-drawer .drawer-products::before {
  content: 'Добавьте к заказу';
  display: block;
  margin: 0 0 11px;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
}

.drawer.cart-drawer .drawer-products .products.listing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer.cart-drawer .drawer-products .product.product-list {
  margin: 0;
  border: 1px solid transparent;
  border-radius: 11px;
  background: #fff;
  overflow: hidden;
  transition: transform .24s cubic-bezier(.16, 1, .3, 1), border-color .24s ease, box-shadow .24s ease;
}

.drawer.cart-drawer .drawer-products .product.product-list:hover {
  border-color: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .32);
  transform: translateY(-3px);
}

.drawer.cart-drawer .drawer-products .product-inner { display: block; }
.drawer.cart-drawer .drawer-products .product-thumbnail { width: 100%; background: #f4f4f4; }
.drawer.cart-drawer .drawer-products .product-thumbnail img { display: block; width: 100%; aspect-ratio: .92; object-fit: cover; }
.drawer.cart-drawer .drawer-products .product-body { min-width: 0; padding: 8px 9px 10px; }
.drawer.cart-drawer .drawer-products .product-title { display: -webkit-box; overflow: hidden; margin: 0 0 6px; color: #111; font-size: 11px; font-weight: 750; line-height: 1.25; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.drawer.cart-drawer .drawer-products .product-title a { color: inherit !important; text-decoration: none; }
.drawer.cart-drawer .drawer-products .price { display: block; color: #111 !important; font-size: 12px; font-weight: 850; letter-spacing: -.02em; }
.drawer.cart-drawer .drawer-products .price del { color: #808080; font-size: 10px; font-weight: 600; }
.drawer.cart-drawer .drawer-products .price ins { color: #111; text-decoration: none; }

@media (max-width: 767px) {
  .drawer.cart-drawer .drawer-products { margin: 14px 12px 12px; padding: 12px; border-radius: 14px; }
  .drawer.cart-drawer .drawer-products .products.listing { gap: 7px; }
  .drawer.cart-drawer .drawer-products .product-body { padding: 7px 8px 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .drawer.cart-drawer .drawer-products .product.product-list { transition: none; }
}