/* Minimal styles for the mini-cart (modal + dropdown) */
.mini-cart{position:relative;display:inline-flex;align-items:center;gap:.5rem}
.mini-cart__button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #ddd;background:#fff;padding:.4rem .6rem;border-radius:10px;cursor:pointer}
.mini-cart__count{display:inline-block;min-width:1.6rem;text-align:center;font-weight:700}

/* Dropdown */
.mini-cart__dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:min(360px,92vw);max-height:70vh;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);display:none;flex-direction:column;overflow:hidden;z-index:1000}
.mini-cart__dropdown.is-open{display:flex}
.mini-cart__drop-header{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;font-weight:600}
.mini-cart__drop-items{padding:.75rem 1rem;overflow:auto;display:grid;gap:.5rem}
.drop-item{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center}
.drop-item__name a{text-decoration:none;color:inherit}
.drop-item__price{justify-self:end;white-space:nowrap}
.drop-item__remove{border:0;background:transparent;color:#c00;cursor:pointer}
.mini-cart__drop-footer{border-top:1px solid #f0f0f0;padding:.75rem 1rem;display:flex;gap:.5rem;align-items:center;justify-content:space-between}
.mini-cart__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .8rem;border-radius:10px;text-decoration:none;border:1px solid #ddd;background:#fafafa}
.mini-cart__btn--primary{background:#111;color:#fff;border-color:#111}

/* Modal */
.cart-modal{position:fixed;inset:0;display:none}
.cart-modal.is-open{display:block}
.cart-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.cart-modal__panel{position:absolute;right:0;top:0;height:100%;width:min(420px,100%);background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.2);display:flex;flex-direction:column}
.cart-modal__close{position:absolute;top:.6rem;right:.6rem;border:0;background:transparent;font-size:1.8rem;cursor:pointer}
.cart-modal__header{padding:1rem 1rem .5rem;border-bottom:1px solid #eee}
.cart-modal__items{padding:1rem;flex:1;overflow:auto;display:grid;gap:.75rem}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;border:1px solid #eee;border-radius:10px;padding:.6rem .8rem}
.cart-item__name{font-weight:600}
.cart-item__price{justify-self:end}
.cart-item__qty{display:inline-flex;align-items:center;gap:.4rem}
.cart-item__btn{border:1px solid #ddd;background:#fafafa;border-radius:8px;padding:.25rem .5rem;cursor:pointer}
.cart-item__remove{border:0;background:transparent;color:#c00;cursor:pointer}
.cart-modal__footer{border-top:1px solid #eee;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cart-modal__checkout{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;background:#111;color:#fff;text-decoration:none;border-radius:10px}
@media (max-width: 480px){
  .cart-modal__panel{width:100%}
}