#bag-content .bag-empty{justify-content:flex-start}
.bag-shipping-top{flex-shrink:0;padding:.25rem clamp(1rem,2.5vw,1.75rem);border-bottom:1px solid var(--border)}
.bag-empty-intro{display:grid;gap:1rem;padding-block:.5rem 1rem}
.bag-recommendations{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);text-align:left}
.bag-recommendations>h3{font-size:clamp(1.75rem,4vw,2rem);margin-bottom:.75rem}
.bag-recommendation-list{display:grid;gap:1rem}
.bag-recommendation{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center}
.bag-recommendation-image{display:block}
.bag-recommendation-image img{width:100%;height:5.5rem;object-fit:contain}
.bag-recommendation-copy{min-width:0}
.bag-recommendation-copy>a{font-size:var(--type-small);font-weight:700;overflow-wrap:anywhere}
.bag-recommendation-copy p{font-size:var(--type-caption);color:var(--muted);line-height:1.4}
.bag-recommendation-copy strong{display:block;margin-top:.25rem;font-size:var(--type-small)}
.bag-recommendation-add{min-height:44px;padding:.6rem .8rem;font-size:var(--type-caption);white-space:nowrap}
@media(max-width:420px){.bag-recommendation{grid-template-columns:3.5rem minmax(0,1fr)}.bag-recommendation-image{grid-row:1 / 3}.bag-recommendation-add{grid-column:2;justify-self:start}.bag-recommendation-image img{height:4.5rem}}