@charset "utf-8";
/* ==========================================================================
   sg/cart.css — /cart on top of the coder's cart.css (loaded after it, before sg.css).
   - No per-line tick boxes: checkout always takes the whole cart (CheckoutService),
     so the "check" grid column is dropped at every breakpoint.
   - States the static design never needed: line problems, event tag, low stock,
     busy line while a quantity is saved.
   ========================================================================== */
.cart-item {
    grid-template-columns: .8rem auto minmax(0, 1fr) .28rem;
    grid-template-areas:
        "img info  info  remove"
        "img qty   price price";
}
.cart-bar_all { display: flex; align-items: center; }
.cart-bar_rule { font-size: .12rem; color: var(--c-ink-muted); }

.cart-item.is-busy { opacity: .55; pointer-events: none; }
.cart-item_tag { margin-top: .04rem; }
.cart-item_tag a { text-decoration: none; }
.cart-item_tag a:hover .c-badge { text-decoration: underline; }
.cart-item_note { font-size: .12rem; line-height: .18rem; color: var(--c-ink-muted); }
.cart-item_low { font-size: .12rem; line-height: .18rem; font-weight: 600; color: #B4690E; }
.cart-item_issue { margin-top: .04rem; font-size: .12rem; line-height: .18rem; color: #B3403A; }
.cart-item.has-issue .cart-item_img,
.cart-item.has-issue .cart-item_price { opacity: .5; }

.cart-sum_perk { margin-top: .12rem; padding: .1rem .12rem; border-radius: .06rem; background: var(--c-white); font-size: .13rem; line-height: .2rem; }
.cart-sum_perk + .cart-sum_perk { margin-top: .06rem; }
.cart-sum_perk a { font-weight: 600; text-decoration: underline; text-underline-offset: .02rem; }
.cart-sum_rows .cart-sum_free { color: #2E7D4F; font-weight: 700; }
.cart-sum_issue { margin-top: .12rem; font-size: .13rem; line-height: .2rem; color: #B3403A; }
.cart-sum_login { margin-top: .08rem; font-size: .13rem; line-height: .2rem; text-align: center; color: var(--c-ink-muted); }
.cart-sum_login a { color: var(--c-ink); font-weight: 600; text-decoration: underline; text-underline-offset: .02rem; }
.cart-sum_go.is-disabled { pointer-events: none; }

@media (min-width: 768px) {
    .cart-item {
        grid-template-columns: 1.04rem minmax(0, 1fr) auto 1.3rem .44rem;
        grid-template-areas: "img info qty price remove";
    }
}
@media (min-width: 1280px) {
    .cart-item { grid-template-columns: 1.04rem minmax(0, 1fr) 1.5rem 1.4rem .44rem; }
}