/* ==========================================================
   EcoBen Store: mini cart drawer (all pages except cart/checkout).
   ========================================================== */
.eb-minicart__title{ font-size:18px; font-weight:700; color:var(--eb-ink-strong); margin:0; }
.eb-minicart__title span{ color:var(--eb-ink-faint); font-weight:500; }
.eb-minicart.is-busy .eb-minicart__body{ opacity:.55; pointer-events:none; }

.eb-minicart__ship{ padding:14px 20px; background:var(--eb-cream); border-bottom:1px solid var(--eb-line); }
.eb-minicart__ship-text{ margin:0 0 8px; font-size:13px; color:var(--eb-ink-soft); }
.eb-minicart__ship.is-free .eb-minicart__ship-text{ color:var(--eb-success); font-weight:600; }
.eb-minicart__bar{ height:6px; border-radius:99px; background:var(--eb-line); overflow:hidden; }
.eb-minicart__bar span{ display:block; height:100%; width:0; background:var(--eb-accent); border-radius:99px; transition:width .35s var(--eb-ease); }

.eb-minicart__body{ flex:1; overflow-y:auto; padding:6px 20px; transition:opacity .2s; }
.eb-minicart__empty{ padding:40px 0; text-align:center; color:var(--eb-ink-faint); font-size:14.5px; }
.eb-minicart__items{ list-style:none; margin:0; padding:0; }
.eb-mc-item{ display:grid; grid-template-columns:64px 1fr auto; gap:12px; padding:16px 0; border-bottom:1px solid var(--eb-line); align-items:start; }
.eb-mc-item__img{ width:64px; height:64px; object-fit:cover; border-radius:var(--eb-radius-s); background:var(--eb-cream); }
.eb-mc-item__info{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.eb-mc-item__name{ font-size:14px; font-weight:500; line-height:1.35; color:var(--eb-ink); text-decoration:none; }
.eb-mc-item__var{ font-size:12px; color:var(--eb-ink-faint); }
.eb-mc-item__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.eb-mc-item__price{ font-weight:600; font-size:14px; color:var(--eb-primary); white-space:nowrap; }
.eb-mc-item__remove{ border:0; background:none; padding:2px 0; font-size:12px; color:var(--eb-ink-faint); text-decoration:underline; }
.eb-mc-item__remove:hover{ color:var(--eb-danger); }
.eb-mc-qty{ display:inline-flex; align-items:center; border:1px solid var(--eb-line); border-radius:var(--eb-radius-s); height:34px; }
.eb-mc-qty__btn{ width:34px; height:100%; border:0; background:none; font-size:17px; color:var(--eb-ink); padding:0; }
.eb-mc-qty__btn:disabled{ opacity:.35; cursor:default; }
.eb-mc-qty__n{ min-width:24px; text-align:center; font-size:14px; font-weight:600; }

.eb-minicart__foot{ padding:18px 20px 22px; border-top:1px solid var(--eb-line); display:flex; flex-direction:column; gap:10px; }
.eb-minicart__total{ display:flex; justify-content:space-between; align-items:baseline; font-size:15px; }
.eb-minicart__total strong{ font-size:19px; color:var(--eb-primary); }
.eb-minicart__note{ margin:0; font-size:12px; color:var(--eb-ink-faint); }
.eb-minicart__link{ text-align:center; font-size:13.5px; color:var(--eb-ink-soft); }

@media (max-width:480px){ .eb-drawer--right{ width:100vw; max-width:100vw; } }

/* Recommendations under the items */
.eb-mc-recs__title{ font-size:15px; font-weight:700; color:var(--eb-primary); margin:20px 0 10px; }
.eb-mc-recs__list{ list-style:none; margin:0 0 8px; padding:0; display:flex; flex-direction:column; gap:10px; }
.eb-mc-rec{ display:grid; grid-template-columns:56px 1fr; gap:12px; align-items:center; background:var(--eb-tint); border-radius:var(--eb-radius); padding:10px 12px 10px 10px; }
.eb-mc-rec__img{ width:56px; height:56px; object-fit:contain; background:var(--eb-paper); border-radius:var(--eb-radius-s); }
.eb-mc-rec__body{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.eb-mc-rec__name{ font-size:13.5px; font-weight:600; color:var(--eb-ink-strong); line-height:1.3; }
.eb-mc-rec__name:hover{ color:var(--eb-primary); }
.eb-mc-rec__var{ font-size:12px; color:var(--eb-ink-faint); }
.eb-mc-rec__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:4px; }
.eb-mc-rec__price{ font-size:14px; font-weight:700; color:var(--eb-primary); white-space:nowrap; }
.eb-mc-rec__add{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 14px; border:0; border-radius:999px; background:var(--eb-accent); color:#fff; font-size:13px; font-weight:600; transition:background .15s; }
.eb-mc-rec__add:hover{ background:var(--eb-accent-deep); }
.eb-mc-rec__add:disabled{ opacity:.55; }