/* Recommendation rows with a stable nested grid: image | details | action. */
.drawer.cart-drawer .drawer-products { padding: 12px; }
.drawer.cart-drawer .drawer-products::before { margin-bottom: 9px; }
.drawer.cart-drawer .drawer-products .products.listing { display: grid; grid-template-columns: 1fr; gap: 7px; }
.drawer.cart-drawer .drawer-products .product.product-list { display: flex !important; align-items: center; min-height: 70px; margin: 0; padding: 8px; border-radius: 12px; }
.drawer.cart-drawer .drawer-products .product-inner { display: flex !important; flex: 1 1 auto; align-items: center; min-width: 0; gap: 8px; }
.drawer.cart-drawer .drawer-products .product-thumbnail { flex: 0 0 52px; width: 52px; height: 52px; margin: 0; border: 1px solid #e4e4e4; border-radius: 50%; overflow: hidden; }
.drawer.cart-drawer .drawer-products .product-thumbnail .product-media,.drawer.cart-drawer .drawer-products .product-thumbnail a,.drawer.cart-drawer .drawer-products .product-thumbnail img { display: block; width: 100%; height: 100%; border-radius: inherit; }
.drawer.cart-drawer .drawer-products .product-thumbnail img { aspect-ratio: 1; object-fit: cover; }
.drawer.cart-drawer .drawer-products .product-body { display: grid !important; grid-template-columns: minmax(0, 1fr) 74px; grid-template-rows: minmax(0, 1fr) auto; flex: 1 1 auto; align-items: center; min-width: 0; min-height: 52px; padding: 0; column-gap: 8px; }
.drawer.cart-drawer .drawer-products .product-title { grid-column: 1; grid-row: 1; display: -webkit-box; overflow: hidden; align-self: end; margin: 0 0 3px; font-size: 10px; line-height: 1.18; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.drawer.cart-drawer .drawer-products .price { grid-column: 1; grid-row: 2; display: block; align-self: start; font-size: 11px; }
.drawer.cart-drawer .drawer-products .drawer-products__add { grid-column: 2; grid-row: 1 / span 2; align-self: stretch; width: 74px; min-height: 48px; margin: 0; padding: 5px; border-radius: 8px; font-size: 8px; line-height: 1.2; }

@media (max-width: 767px) {
  .drawer.cart-drawer .drawer-products { padding: 10px; }
  .drawer.cart-drawer .drawer-products .product.product-list { min-height: 66px; padding: 7px; }
  .drawer.cart-drawer .drawer-products .product-thumbnail { flex-basis: 48px; width: 48px; height: 48px; }
  .drawer.cart-drawer .drawer-products .product-body { grid-template-columns: minmax(0, 1fr) 68px; min-height: 48px; }
  .drawer.cart-drawer .drawer-products .drawer-products__add { width: 68px; min-height: 44px; font-size: 7.5px; }
}

/* Keep recommendation rows compact when a product name is long. */
.drawer.cart-drawer .drawer-products .product-title {
  display:block;
  overflow:hidden;
  margin-bottom:3px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* The link itself must own the ellipsis; otherwise inline text is clipped. */
.drawer.cart-drawer .drawer-products .product-title,
.drawer.cart-drawer .drawer-products .product-title a {
  min-width:0;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.drawer.cart-drawer .drawer-products .product-title a {
  display:block!important;
}

.drawer.cart-drawer .drawer-inner-header .entry-title,
.drawer.cart-drawer .drawer-header .entry-title {
  color:#111!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Cap every recommendation label at the visual length of “Свитшот MANTO ONE”. */
.drawer.cart-drawer .drawer-products {
  align-self:stretch;
  box-sizing:border-box;
}

.drawer.cart-drawer .drawer-products .product-title {
  max-width:17ch!important;
}