/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 105:0 Unexpected "<"

**/
<style>
/* === CART RECS (final) === */

/* Tunable thumbnail size */
:root { --recs-thumb: 150px; }          /* desktop thumb max */
@media (max-width:1100px){ :root { --recs-thumb: 140px; } }
@media (max-width:640px){  :root { --recs-thumb: 130px; } }

/* Grid: 3 → 2 → 1 */
.cart-recommendations .cart-recs-grid,
.cart-recommendations--compact .cart-recs-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}
@media (max-width:1100px){
  .cart-recommendations .cart-recs-grid,
  .cart-recommendations--compact .cart-recs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .cart-recommendations .cart-recs-grid,
  .cart-recommendations--compact .cart-recs-grid{
    grid-template-columns:1fr;
  }
}

/* Card = full-height flex column */
.cart-recommendations .cart-recs-card,
.cart-recommendations--compact .cart-recs-card{
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid rgba(0,0,0,.06);
  border-radius:8px;
  padding:12px;
  background:#fff;
}

/* SMALL, CENTERED THUMBNAIL — this is the key change */
.cart-recommendations .cart-recs-card .cart-recs-image,
.cart-recommendations--compact .cart-recs-card .cart-recs-image{
  width:clamp(110px, 18vw, var(--recs-thumb)); /* << prevents huge thumbs */
  aspect-ratio:1/1;                             /* use 4/5 if you prefer portrait */
  margin:0 auto .5rem;
  overflow:hidden;
}
.cart-recommendations .cart-recs-card .cart-recs-image img,
.cart-recommendations--compact .cart-recs-card .cart-recs-image img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Meta grows; button sticks to bottom */
.cart-recommendations .cart-recs-meta,
.cart-recommendations--compact .cart-recs-meta{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin-top:.5rem;
  flex:1;
  min-height:0;
}
.cart-recommendations .cart-recs-add-btn,
.cart-recommendations--compact .cart-recs-add-btn{
  margin-top:auto;          /* pin to bottom */
  align-self:stretch;       /* full width (optional) */
  padding:.45rem .7rem;
  font-size:.85rem;
  line-height:1.1;
}

/* Type tweaks */
.cart-recommendations .cart-recs-kicker,
.cart-recommendations--compact .cart-recs-kicker{
  font-size:.75rem; letter-spacing:.04em; color:rgba(0,0,0,.6);
}
.cart-recommendations .cart-recs-title,
.cart-recommendations--compact .cart-recs-title{
  font-size:.95rem; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cart-recommendations .cart-recs-title small,
.cart-recommendations--compact .cart-recs-title small{ font-size:.85em; opacity:.8; }
.cart-recommendations .cart-recs-price .price,
.cart-recommendations--compact .cart-recs-price .price{ font-size:.95rem; }
.cart-recommendations .cart-recs-price .price--compare,
.cart-recommendations--compact .cart-recs-price .price--compare{ font-size:.85rem; }

.cart-recommendations .cart-recs-card .cart-recs-image,
.cart-recommendations--compact .cart-recs-card .cart-recs-image{
  width: clamp(110px, 20vw, 150px); /* tweak max (150px) smaller if you like */
  aspect-ratio: 1 / 1;              /* or 4 / 5 for portrait */
  margin-inline: auto;
  overflow: hidden;
}

</style>
