/**
 * Header cart icon (inc/shop.php), on every Home 4 page.
 * The count badge shows only when the cart has items.
 */
.cart-button{position:relative;width:42px;height:42px;display:grid;place-content:center;color:var(--ink);transition:color .2s}
.cart-button:hover{color:var(--red)}
.cart-button svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-count{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;display:none;border-radius:999px;background:var(--red);color:#fff;font:800 .64rem/18px var(--body);text-align:center;box-shadow:0 0 0 2px #fff}
.cart-button.has-items .cart-count{display:block;animation:km-pop .35s cubic-bezier(.2,.7,.2,1.4)}
@keyframes km-pop{from{transform:scale(.4)}to{transform:scale(1)}}
@media(max-width:1100px){
	/* Search, cart and burger sit beside the logo: reserve room for the extra icon. */
	:root{--h4-controls:130px}
	.cart-button{width:40px}
}
@media(prefers-reduced-motion:reduce){.cart-button.has-items .cart-count{animation:none}}