/* Slomilled Shop: header bag button (also loaded via shop.css on the shop page). */
.slm-bagbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid var(--rule, rgba(30, 29, 27, 0.16));
	border-radius: 50%;
	background: none;
	color: var(--ink, #1e1d1b);
	text-decoration: none;
	cursor: pointer;
}
.slm-bagbtn[hidden] { display: none !important; }
.slm-bagbtn svg { width: 21px; height: 21px; }
.slm-bagbtn:hover { border-color: var(--ink, #1e1d1b); color: var(--ink, #1e1d1b); }
.slm-bagbtn:focus-visible { outline: 2px solid var(--focus, #a8742a); outline-offset: 2px; }
.slm-bagbtn__count {
	position: absolute;
	top: -5px;
	right: -6px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--husk-light, #d9a85b);
	color: var(--navy, #0d142b);
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
}
.slm-bagbtn.is-empty .slm-bagbtn__count { display: none; }
.slm-bagbtn.is-bump { animation: slm-bump 0.45s ease; }
@keyframes slm-bump { 40% { transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .slm-bagbtn.is-bump { animation: none; } }