/* AD storefront bridge — bag dialog. Uses the site's theme variables so it
   follows the approved light and dark themes. */
.ad-bag-dialog{width:min(480px,92vw);padding:40px 24px}
.ad-bag-dialog h2{font-size:25px;margin:20px 0 15px;line-height:1.2}
.ad-bag-lines{display:flex;flex-direction:column;gap:12px;max-height:44dvh;overflow:auto;margin-bottom:18px}
.ad-bag-line{display:grid;grid-template-columns:52px 1fr;gap:6px 12px;align-items:center;border:1px solid var(--line);padding:10px}
.ad-bag-line img{width:52px;height:66px;object-fit:cover}
.ad-bag-info{display:flex;flex-direction:column;gap:2px;font-size:13px}
.ad-bag-info span{color:var(--muted);font-size:12px}
.ad-bag-qty{grid-column:2;display:flex;align-items:center;gap:10px}
.ad-bag-qty button{width:26px;height:26px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}
.ad-bag-remove{grid-column:2;justify-self:start;background:none;border:none;color:var(--muted);text-decoration:underline;font-size:12px;cursor:pointer;padding:0}
.ad-bag-subtotal{display:flex;justify-content:space-between;font-size:15px;margin-bottom:16px}
.ad-bag-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:14px}
.ad-bag-dialog .button{margin-top:6px;width:100%}