.ppu-slot:empty { display: none; }
.ppu-recommendations { margin-top: 28px; }
.ppu-recommendations h2 { font-size: 23px; margin: 0 0 18px; }
.ppu-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ppu-product { display: flex; align-items: flex-start; gap: 14px; padding: 18px; background: #f8f5ff; border: 1px solid #e0d7ed; border-radius: 14px; min-width: 0; }
.ppu-image { width: 65px; flex: 0 0 65px; }
.ppu-image img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ppu-info { min-width: 0; flex: 1; }
.ppu-name { display: block; font-size: 14px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.ppu-price { font-size: 13px; margin: 8px 0 12px; overflow-wrap: anywhere; }
.ppu-price del { font-size: 11px; opacity: .65; }
.ppu-price ins { text-decoration: none; }
.ppu-product a.ppu-add { display: inline-flex; justify-content: center; width: 100%; padding: 10px 12px; min-height: 44px; font-size: 12px; border-radius: 8px; background: #b0eaf6; color: #0b3b48; line-height: 1.5; }
.ppu-product a.ppu-add:hover { background: #97e1f1; }
.ppu-product a:focus-visible { outline: 2px solid #8260b4; outline-offset: 3px; }
#pp-upsells-drawer .ppu-recommendations { margin: 8px 0 0; padding: 18px 16px; border-top: 1px solid #e6dff0; }
#pp-upsells-drawer h2 { font-size: 18px; }
#pp-upsells-drawer .ppu-products { grid-template-columns: 1fr; gap: 10px; }
#pp-upsells-drawer .ppu-product { padding: 12px; }
#pp-upsells-drawer .ppu-image { width: 48px; flex-basis: 48px; }
@media(max-width: 960px) { .ppu-products { grid-template-columns: 1fr; } }

/* Keep the recommendation rows immediately above the drawer footer. */
#pp-upsells-drawer:not(:empty) { margin-top: auto; flex-shrink: 0; }
#pp-upsells-drawer:not(:empty) + .pp-cart-summary { margin-top: 0; }
#pp-upsells-drawer .ppu-info { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; align-items: center; }
#pp-upsells-drawer .ppu-name { font-size: 12px; }
#pp-upsells-drawer .ppu-price { grid-column: 1; margin: 5px 0 0; font-size: 12px; }
#pp-upsells-drawer .ppu-add { grid-column: 2; grid-row: 1 / span 2; width: auto; min-width: 86px; font-size: 11px; }
@media (max-width: 360px) {
    #pp-upsells-drawer .ppu-info { display: block; }
    #pp-upsells-drawer .ppu-add { margin-top: 8px; width: 100%; }
}