/* Announcement bar + trust badges. */

.hh-bar {
	position: relative; z-index: 50; display: flex; align-items: center; justify-content: center; gap: 12px;
	min-height: 42px; padding: 8px 48px; overflow: hidden;
	color: #14100d; background: linear-gradient(90deg, #c67139, #f6a06b 50%, #c67139); background-size: 200% 100%;
	animation: hh-bar-sheen 12s linear infinite;
	font: 600 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	transition: max-height .3s ease, opacity .3s ease, padding .3s ease;
	max-height: 90px;
}
@keyframes hh-bar-sheen { to { background-position: -200% 0; } }
.hh-bar.is-closing { max-height: 0; min-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.hh-bar-in { position: relative; display: grid; flex: 0 1 1100px; text-align: center; }
.hh-bar-msg { grid-area: 1 / 1; margin: 0; opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; pointer-events: none; }
.hh-bar-msg.is-on { opacity: 1; transform: none; pointer-events: auto; }
.hh-bar a { color: #14100d; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.hh-bar a:hover { text-decoration-thickness: 2px; }
.hh-bar-dots { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px; }
.hh-bar-dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(20, 16, 13, .3); transition: background-color .3s ease, width .3s ease; }
.hh-bar-dots i.is-on { width: 14px; border-radius: 3px; background: #14100d; }
.hh-bar .hh-bar-x, .hh-bar .hh-bar-x:hover, .hh-bar .hh-bar-x:focus {
	position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; margin: 0; padding: 0; border: 0; border-radius: 50%;
	display: grid; place-items: center; color: #14100d; background: rgba(20, 16, 13, .12); cursor: pointer; box-shadow: none;
}
.hh-bar .hh-bar-x:hover { background: rgba(20, 16, 13, .25); }
@media (max-width: 640px) {
	.hh-bar { padding: 8px 40px 8px 14px; font-size: 13px; justify-content: flex-start; }
	.hh-bar-in { text-align: left; }
	.hh-bar-dots { display: none; }
}
@media (prefers-reduced-motion: reduce) { .hh-bar { animation: none; } .hh-bar-msg { transition: none; } }

.hh-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.hh-trust-item { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 16px; background: #1e1815; border: 1px solid rgba(245, 234, 216, .1); color: #f5ead8; }
.hh-trust-ico { flex: none; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 20px; background: rgba(246, 160, 107, .12); }
.hh-trust-item span:last-child { display: flex; flex-direction: column; min-width: 0; }
.hh-trust-item b { font-size: 15px; line-height: 1.3; }
.hh-trust-item small { font-size: 13px; color: rgba(245, 234, 216, .6); line-height: 1.35; }