/* Bright Roots Wellbeing — shop basket.
 *
 * Only the basket panel is styled here. Buttons, cards and the grid are the site's own classes
 * (.brw-btn, .brw-ebook, .brw-ebooks) so the shop keeps one look — nothing in this file redefines them.
 */
.brw-ebook .price.is-loading{opacity:.35}
.brw-ebook .brw-buy{display:flex;gap:10px;flex-wrap:wrap;margin:0}
button.brw-btn{border:0;font-size:15px}
button.brw-btn:disabled{opacity:.5;cursor:default;background:var(--accent)}

.brw-bag{position:fixed;right:18px;bottom:18px;z-index:60;font:16px/1.5 var(--font,system-ui,sans-serif);
  max-width:calc(100vw - 36px)}
.brw-bag-tab{background:var(--accent,#5E8B68);color:#fff;border:0;border-radius:40px;padding:12px 22px;
  font-family:var(--font-head,Quicksand,sans-serif);font-weight:700;font-size:15px;cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.18)}
.brw-bag-tab:hover{background:var(--accent-d,#4d7256)}
.brw-bag-tab span{display:inline-block;min-width:22px;margin-left:8px;padding:1px 7px;border-radius:40px;
  background:#fff;color:var(--accent,#5E8B68);font-size:.85rem}
.brw-bag-body{background:#fff;border:1px solid var(--border,#E2D9C9);border-radius:16px;padding:18px;margin-top:10px;
  width:340px;max-width:100%;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.brw-bag-line{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:9px 0;
  border-bottom:1px solid #F0EAE0}
.brw-bag-line .t{font-size:.9rem;color:var(--text,#2b2a26);line-height:1.35}
.brw-bag-line .q{display:inline-flex;align-items:center;gap:8px}
.brw-bag-line .q button{width:24px;height:24px;border:1px solid var(--border,#D9CFBE);background:var(--surface,#F7F4EE);
  border-radius:50%;cursor:pointer;font:inherit;line-height:1;color:var(--accent,#5E8B68)}
.brw-bag-line .p{font-weight:700;color:var(--text,#2b2a26);font-size:.9rem;font-variant-numeric:tabular-nums}
.brw-bag-line .x{border:0;background:none;color:#9a9388;font-size:1.2rem;cursor:pointer;line-height:1;padding:0 2px}
.brw-bag-line .x:hover{color:#b4544c}
.brw-bag-empty{color:var(--muted,#5f5f5a);font-size:.9rem;margin:6px 0 2px}
.brw-bag-em{display:block;font-size:.78rem;color:var(--muted,#5f5f5a);margin:12px 0 0}
.brw-bag-em .opt{color:#9a9388;font-weight:400}
.brw-bag-em input{width:100%;box-sizing:border-box;margin-top:4px;padding:9px 11px;border:1px solid var(--border,#D9CFBE);
  border-radius:9px;font:inherit;font-size:16px}
.brw-bag-tot{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 12px;
  font-family:var(--font-head,Quicksand,sans-serif)}
.brw-bag-tot strong{font-size:1.2rem;color:var(--accent,#5E8B68)}
.brw-bag-body .brw-btn{width:100%;text-align:center}
.brw-bag-note{font-size:.76rem;color:#8a8378;margin:10px 0 0;line-height:1.5}
.brw-bag-note.is-error{color:#b4544c}
@media(max-width:480px){.brw-bag{right:12px;left:12px;bottom:12px}.brw-bag-body{width:auto}}