/* winkel.css — winkelwagen, voorraad en vergelijken (Protech Solutions) */
.stock-badge{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;line-height:1.2;color:#15803d}
.stock-badge i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16);flex:none}
.stock-badge.is-out{color:#a16207}
.stock-badge.is-out i{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.16)}

/* knoppen */
.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:999px;
  font:600 .92rem/1.2 var(--sans,Inter,system-ui,sans-serif);cursor:pointer;text-decoration:none;border:1px solid transparent;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.shop-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.shop-btn-primary{background:linear-gradient(135deg,#4085e5,#2f62c9);color:#fff;box-shadow:0 10px 24px rgba(47,98,201,.28)}
.shop-btn-primary:hover{box-shadow:0 14px 30px rgba(47,98,201,.36);transform:translateY(-1px)}
.shop-btn-ghost{background:#fff;color:#1d4fae;border-color:rgba(49,105,195,.35)}
.shop-btn-ghost:hover{border-color:#3169c3;background:#f4f8fe}
.shop-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

/* zwevende winkelwagen */
.cart-pill{position:fixed;right:22px;bottom:22px;z-index:130;display:none;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-radius:999px;
  background:#0f1822;color:#fff;text-decoration:none;font:600 .9rem/1 var(--sans,Inter,system-ui,sans-serif);box-shadow:0 14px 34px rgba(15,24,34,.3)}
.cart-pill.show{display:inline-flex}
.cart-pill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cart-pill b{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#4085e5;display:grid;place-items:center;font-size:.82rem}
.cart-toast{position:fixed;left:50%;bottom:86px;z-index:140;transform:translate(-50%,20px);opacity:0;visibility:hidden;
  display:flex;align-items:center;gap:18px;max-width:calc(100vw - 32px);padding:14px 18px;border-radius:16px;background:#fff;color:#0f1822;
  border:1px solid rgba(22,163,74,.35);box-shadow:0 18px 44px rgba(15,24,34,.18);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.cart-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.cart-toast span{display:flex;flex-direction:column;gap:2px;min-width:0}
.cart-toast b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-toast small{color:#15803d;font-size:.8rem}
.cart-toast a{color:#2f62c9;font-weight:700;font-size:.88rem;white-space:nowrap;text-decoration:none}
@media(max-width:560px){
  .cart-pill{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:9px 10px 9px 14px}
  .cart-pill span{display:none}
  .cart-toast{bottom:76px;gap:12px;padding:12px 14px;width:calc(100vw - 32px)}
}