/* Round 8: side cart polish. */
.r8-cart .r8-ico { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.r8-cart > .mo-commerce-small:not(.r8-saving) { display: none; }
.r8-ship { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; margin: 4px 0 8px; background: var(--mo-paper); }
.r8-ship[hidden] { display: none; }
.r8-ship p { display: flex; align-items: center; gap: 10px; margin: 0; font: 400 15px/1.4 var(--mo-font); color: var(--mo-ink); }
.r8-ship strong { font-weight: 700; }
.r8-ship.is-free p { color: var(--mo-green); }
.r8-ship__bar { height: 6px; background: var(--mo-line); overflow: hidden; }
.r8-ship__bar i { display: block; height: 100%; background: var(--mo-black); transform-origin: left center; transition: transform 500ms cubic-bezier(.2, .8, .2, 1); }
.r8-ship.is-free .r8-ship__bar i { background: var(--mo-green); }

/* Lines: bigger product image, clearer hierarchy */
.r8-cart .mo-cart-drawer-line { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; gap: 14px !important; align-items: start; padding: 16px 0 !important; border-bottom: 1px solid var(--mo-line); }
.r8-cart .mo-cart-drawer-line > img { width: 92px !important; height: 72px !important; object-fit: contain; background: var(--mo-frame); padding: 6px; mix-blend-mode: normal; }
.r8-cart .mo-commerce-line-body { display: flex; flex-direction: column; gap: 6px; font-size: 15px !important; }
.r8-cart .mo-commerce-line-body > p:first-child { font: 600 15px/1.35 var(--mo-font) !important; margin: 0; }
.r8-cart .mo-commerce-line-body .mo-price { font: 700 17px/1.2 var(--mo-font) !important; margin: 0; font-variant-numeric: tabular-nums; }
.r8-cart .mo-commerce-line-body .mo-price del { font-size: 14px !important; font-weight: 400; color: var(--mo-muted); margin-right: 6px; }
.r8-cart .mo-commerce-line-body .product-remove { font-size: 14px !important; color: var(--mo-muted); text-underline-offset: 3px; align-self: flex-start; }

.r8-benefits { list-style: none; margin: 18px 0 0; padding: 14px 0 0; display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--mo-line); }
.r8-benefits li { display: flex; align-items: center; gap: 10px; font: 400 14px/1.35 var(--mo-font); color: var(--mo-muted); }
.r8-benefits .r8-ico { width: 18px; height: 18px; color: var(--mo-ink); }

.r8-saving { margin: 0 0 6px; font: 600 15px/1.3 var(--mo-font); color: var(--mo-red); }
.r8-saving[hidden] { display: none; }
.r8-cart .mo-commerce-total p { font-size: 18px !important; font-weight: 700; }

@media (max-width: 480px) {
  #mo-cart-drawer .mo-cart-panel.brx-offcanvas-inner { inset: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) { .r8-ship__bar i { transition: none; } }
#mo-cart-drawer .r8-cart .mo-cart-drawer-line > img, #mo-cart-drawer .r8-cart .mo-cart-drawer-line img.brxe-image { width: 92px !important; min-width: 92px; height: 72px !important; max-width: none !important; object-fit: contain !important; background: var(--mo-frame); padding: 0 !important; transform: scale(1.12); }