/* Slim one-line bottom sheet — must never cover the sticky buy bar / bottom nav / checkout form */
#hype-cookie-banner[hidden] { display: none; }
	#hype-cookie-banner {
		position: fixed;
		left: 50%;
		bottom: 10px;
		transform: translate(-50%, 10px);
		display: flex;
		flex-direction: column;
		max-width: 760px;
		width: calc(100% - 20px);
		background: #FDFAF5;
		border: 1px solid rgba(0,0,0,0.08);
		border-radius: 12px;
		box-shadow: 0 6px 24px rgba(0,0,0,0.12);
		padding: 8px 8px 8px 14px;
		z-index: 600;
		font-family: 'Inter', -apple-system, sans-serif;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease, transform 0.3s ease;
	}
	#hype-cookie-banner .hcb-row {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
	}
	#hype-cookie-more {
		background: none;
		border: 0;
		padding: 0;
		margin: 0;
		font: inherit;
		color: #16779B;
		font-weight: 500;
		text-decoration: underline;
		text-underline-offset: 2px;
		cursor: pointer;
		white-space: nowrap;
	}
	#hype-cookie-more:hover { color: #0B1D2E; }
	#hype-cookie-details {
		width: 100%;
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid rgba(0,0,0,0.08);
		font-size: 12px;
		line-height: 1.45;
		color: #4a4a5a;
	}
	#hype-cookie-details[hidden] { display: none; }
	#hype-cookie-details a { color: #16779B; text-decoration: underline; text-underline-offset: 2px; font-weight: 500; }
	#hype-cookie-details a:hover { color: #0B1D2E; }
	#hype-cookie-banner.show {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}
	#hype-cookie-banner p {
		flex: 1 1 auto;
		min-width: 0;
		font-size: 12.5px;
		font-weight: 400;
		line-height: 1.35;
		color: #4a4a5a;
		margin: 0;
	}
	#hype-cookie-banner a {
		color: #16779B;
		text-decoration: underline;
		text-underline-offset: 2px;
		font-weight: 500;
		white-space: nowrap;
	}
	#hype-cookie-banner a:hover { color: #0B1D2E; }
	#hype-cookie-accept {
		flex: 0 0 auto;
		white-space: nowrap;
		/* Look comes from the site button system (theme assets/css/components/buttons.css,
		   @layer hype-buttons) via .hype-btn--primary. Never restyle a button here. */
	}
	#hype-cookie-accept:active { transform: translateY(1px); }
	#hype-cookie-accept:focus-visible {
		outline: 2px solid #0B1D2E;
		outline-offset: 2px;
	}
	@media (prefers-reduced-motion: reduce) {
		#hype-cookie-banner { transition: opacity 0.15s linear; }
	}