/* UX 2.0 (2026-09) — site-wide chrome: tokens, header, promo bar, disclaimer, footer, Telegram FAB.
   Loaded after main/responsive/header-mini-cart on every storefront page. */

:root {
	--ink-2: #3A3A36;
	--green: #3D7A52;
	--green-bg: #EFF7F2;
	--blue: #2A5F8F;
	--blue-bg: #E8F2FA;
	--red: #A64545;
	--red-bg: #FBEFEF;
	--tg: #2AABEE;
	--r: 14px;
	--r-sm: 10px;
	--r-xs: 8px;
	--pill: 999px;
	--shadow: 0 6px 24px rgba(17, 17, 17, 0.06), 0 1px 3px rgba(17, 17, 17, 0.04);
	--shadow-hover: 0 14px 36px rgba(17, 17, 17, 0.10);
	--t: 0.18s ease;
	--safe-b: env(safe-area-inset-bottom, 0px);
	--aurora-header-height: 66px;
}

/* ── Logo (header, mobile menu, footer, review placeholder) ── */
.nav-logo .cell,
.footer-logo .cell,
.prf-brand-logo .cell {
	border-radius: 0;
	line-height: 1.1;
}
.nav-logo .mind,
.footer-logo .mind {
	padding-left: 2px;
}

/* ── Header ── */
nav {
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid var(--border);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
nav > .aurora-container--bar {
	gap: 24px;
}
.nav-links {
	gap: clamp(18px, 2.5vw, 36px);
}
.nav-links a {
	font-size: 14px;
	font-weight: 500;
	color: var(--ink-2);
	border-bottom: 1.5px solid transparent;
	transition: color var(--t), border-color var(--t);
}
.nav-links a:hover,
.nav-links a.active,
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a {
	color: var(--ink);
	border-bottom-color: var(--gold);
}
.nav-links a:focus,
.nav-links a:focus-visible,
.nav-links a:active {
	outline: none;
	box-shadow: none;
}
.aurora-home .prod-coa-btn:focus,
.aurora-home .prod-coa-btn:focus-visible,
.aurora-home .prod-coa-btn:active,
.aurora-shop-main--ux2 .prod-coa-btn:focus,
.aurora-shop-main--ux2 .prod-coa-btn:focus-visible,
.aurora-shop-main--ux2 .prod-coa-btn:active,
.ux2-related .prod-coa-btn:focus,
.ux2-related .prod-coa-btn:focus-visible,
.ux2-related .prod-coa-btn:active,
.ux2-page .prod-coa-btn:focus,
.ux2-page .prod-coa-btn:focus-visible,
.ux2-page .prod-coa-btn:active {
	outline: none;
	box-shadow: none;
}
.nav-menu__top {
	display: none;
}

/* Language dropdown */
.aurora-lang-dropdown__toggle {
	min-height: 38px;
	padding: 0 30px 0 14px;
	min-width: 0;
	font-size: 12px;
	letter-spacing: 0.06em;
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--border-dark);
	border-radius: var(--r-xs);
}
.aurora-lang-dropdown__toggle:hover,
.aurora-lang-dropdown.is-open .aurora-lang-dropdown__toggle {
	background: var(--off);
	border-color: var(--ink);
	color: var(--ink);
}
.aurora-lang-dropdown__chevron {
	border-color: var(--ink);
}
.aurora-lang-dropdown__menu {
	padding: 6px;
	border: 1px solid var(--border);
	border-radius: var(--r-sm);
	box-shadow: var(--shadow-hover);
}
.aurora-lang-dropdown__option {
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 12px;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--ink-2);
}
.aurora-lang-dropdown__option:hover,
.aurora-lang-dropdown__option.is-active {
	border-left: 0;
	padding-left: 12px;
	background: var(--gold-light);
	color: var(--ink);
	font-weight: 500;
}

/* Cart toggle + count badge */
.aurora-header-cart__toggle {
	width: 40px;
	height: 40px;
	border-radius: var(--r-xs);
	color: var(--ink);
	transition: background var(--t), color var(--t);
}
button.aurora-header-cart__toggle:hover,
button.aurora-header-cart__toggle:focus,
.aurora-header-cart.is-open button.aurora-header-cart__toggle,
button.aurora-header-cart__toggle[aria-expanded="true"] {
	background: var(--off);
	color: var(--ink);
}
.aurora-header-cart__toggle:focus {
	box-shadow: none;
}
.aurora-header-cart__count {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--gold);
	color: var(--black);
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	border-radius: var(--pill);
}
.aurora-header-cart__count.is-empty {
	display: none;
}

/* Desktop link padding (responsive.css zeroes it at ≥901px) */
@media (min-width: 1024px) {
	.nav-menu .nav-links a {
		padding: 8px 0;
	}
	.nav-toggle {
		display: none;
	}
}

/* ── Mobile header + full-screen menu (≤1023px) ── */
@media (max-width: 1023px) {
	nav {
		height: var(--aurora-header-height);
		min-height: var(--aurora-header-height);
		-webkit-backdrop-filter: none; /* a filter on <nav> would clip the fixed menu */
		backdrop-filter: none;
	}
	nav > .aurora-container--bar {
		height: var(--aurora-header-height);
		display: grid;
		grid-template-columns: auto 1fr auto auto;
		align-items: center;
		justify-content: unset;
		gap: 10px;
	}
	.nav-logo {
		grid-column: 1;
		grid-row: 1;
		order: unset;
		justify-self: start;
	}
	.nav-actions {
		grid-column: 3;
		grid-row: 1;
		order: unset;
		margin: 0;
		justify-self: end;
	}
	.nav-toggle {
		display: flex;
		grid-column: 4;
		grid-row: 1;
		order: unset;
		margin: 0 -8px 0 0;
	}
	.nav-menu {
		grid-column: auto;
		grid-row: auto;
	}
	.nav-toggle span {
		width: 20px;
	}
	.nav-cta-desktop,
	.nav-lang--desktop,
	.aurora-lang-switcher--desktop,
	.nav-cta-mobile {
		display: none !important;
	}

	.nav-menu {
		display: flex;
		flex-direction: column;
		position: fixed;
		inset: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		max-height: none;
		z-index: 1003;
		margin: 0;
		padding: 0 20px calc(40px + var(--safe-b));
		background: #fff;
		border: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 1;
		visibility: hidden;
		transform: translateX(-102%);
		transition: transform 0.28s ease, visibility 0.28s;
		pointer-events: none;
	}
	body.nav-open .nav-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
		pointer-events: auto;
	}
	.nav-menu__top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-shrink: 0;
		height: var(--aurora-header-height);
		margin: 0 -20px 16px;
		padding: 0 20px;
		border-bottom: 1px solid var(--border);
	}
	.nav-logo--menu {
		grid-column: unset;
	}
	.nav-menu__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin-right: -12px;
		padding: 0;
		border: 0;
		background: none;
		color: var(--ink);
		line-height: 1;
		cursor: pointer;
	}
	.nav-menu__close svg {
		display: block;
		width: 18px;
		height: 18px;
	}
	.nav-menu .nav-links {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
	}
	.nav-menu .nav-links li {
		width: 100%;
		border-bottom: 1px solid var(--border);
	}
	.nav-menu .nav-links li:last-child {
		border-bottom: 1px solid var(--border);
	}
	.nav-menu .nav-links a {
		display: block;
		margin-bottom: -1px;
		padding: 20px 0;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.2;
		color: var(--ink);
		border-bottom: 1px solid transparent;
	}
	.nav-menu .nav-links a.active,
	.nav-menu .nav-links .current-menu-item > a,
	.nav-menu .nav-links .current_page_item > a {
		color: var(--ink);
		border-bottom-color: var(--gold);
	}
	.nav-lang--mobile {
		display: none;
		margin-top: 28px;
		width: 100%;
	}
	body.nav-open .nav-lang--mobile {
		display: flex;
		justify-content: flex-start;
	}
	.nav-lang--mobile .aurora-lang-switcher--mobile {
		display: flex !important;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 6px;
		width: 100%;
		margin: 0;
	}
	.nav-lang--mobile .aurora-lang-switcher__link,
	.nav-lang--mobile .aurora-lang-dropdown__option {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 46px;
		min-height: 40px;
		padding: 0 14px;
		border: 1px solid var(--border-dark);
		border-radius: var(--r-sm);
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: var(--ink);
		background: #fff;
		text-decoration: none;
	}
	.nav-lang--mobile .aurora-lang-switcher__link:hover,
	.nav-lang--mobile .aurora-lang-switcher__link.is-active,
	.nav-lang--mobile .aurora-lang-dropdown__option.is-active {
		background: var(--black);
		color: #fff;
		border-color: var(--black);
	}
	/* Mobile language switcher renders as a dropdown: flatten it into pills. */
	.nav-lang--mobile .aurora-lang-dropdown {
		width: 100%;
	}
	.nav-lang--mobile .aurora-lang-dropdown__toggle {
		display: none !important;
	}
	.nav-lang--mobile .aurora-lang-dropdown__menu {
		display: flex !important;
		flex-wrap: wrap;
		gap: 6px;
		position: static;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		background: transparent;
	}
	.nav-lang--mobile .aurora-lang-dropdown__menu[hidden] {
		display: flex !important;
	}
	.nav-lang--mobile .aurora-lang-dropdown__menu li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	/* Show the language code (EN, DE…) instead of the native name inside the pills. */
	.nav-lang--mobile .aurora-lang-dropdown__option {
		font-size: 0;
	}
	.nav-lang--mobile .aurora-lang-dropdown__option::after {
		content: attr(hreflang);
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}

	/* Header goes transparent while the menu is open; the menu carries its own top row. */
	body.nav-open nav {
		background: transparent !important;
		border-color: transparent;
		box-shadow: none;
	}
	body.nav-open nav .nav-logo,
	body.nav-open nav .nav-actions,
	body.nav-open nav .nav-toggle {
		visibility: hidden;
	}
	.nav-backdrop {
		top: 0;
		/* Stay under nav. The menu lives inside nav (z-index 1000), so a higher
		   backdrop paints over the open menu. */
		z-index: 999;
		background: rgba(10, 10, 10, 0.4);
	}
}

/* ── Promo bar ── */
.promo-bar {
	padding: 0;
	font-size: 12px;
	letter-spacing: 0.02em;
}
.promo-bar-inner {
	max-width: var(--aurora-container-max);
	padding: 10px var(--aurora-container-padding);
	column-gap: 16px;
	flex-wrap: nowrap;
}
.promo-bar-title {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gold);
	white-space: nowrap;
}
.promo-bar-deadline {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #fff;
}
.promo-bar-sep {
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
	.promo-bar-inner {
		column-gap: 10px;
	}
	.promo-bar-title {
		letter-spacing: 0.08em;
		font-size: 10px;
	}
	.promo-bar-deadline {
		font-size: 11px;
		white-space: nowrap;
	}
}

/* ── Disclaimer bar ── */
.disclaimer-bar {
	background: #E9E5DC;
	border-top: 1px solid #DED9CF;
	padding: 14px var(--aurora-container-padding);
}
.disclaimer-text {
	font-size: 12px;
	line-height: 1.5;
	color: var(--ink-2);
}

/* ── Footer ("warm stone") ── */
footer {
	background: #EEEAE2;
	border-top: 1px solid #DED9CF;
	padding: 0;
}
.footer-inner {
	max-width: var(--aurora-container-max);
	margin: 0 auto;
	padding: 48px var(--aurora-container-padding) 24px;
}
.footer-top {
	display: grid;
	grid-template-columns: 1.3fr 2.2fr;
	gap: 40px;
	align-items: start;
	margin-bottom: 28px;
}
.footer-logo .cell {
	font-size: 15px;
	padding: 2px 7px 3px;
}
.footer-logo .mind {
	color: var(--ink);
	font-size: 15px;
}
.footer-tagline {
	margin-top: 8px;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
	color: #5C5C55;
}
.footer-tg {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #DED9CF;
	border-radius: var(--r-sm);
	box-shadow: 0 6px 18px rgba(17, 17, 17, 0.06);
	color: var(--ink);
	text-decoration: none;
	transition: transform var(--t), box-shadow var(--t);
}
.footer-tg:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-hover);
	color: var(--ink);
}
.footer-tg__icon {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--tg);
}
.footer-tg__icon svg {
	width: 22px;
	height: 22px;
	display: block;
}
.footer-tg__copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.footer-tg b {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}
.footer-tg small {
	font-size: 12px;
	color: #6B6B64;
	line-height: 1.3;
}
.footer-cols {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) max-content;
	gap: 24px;
}
.footer-cols .footer-col:last-child a[href^="mailto:"] {
	white-space: nowrap;
	overflow-wrap: normal;
	word-break: normal;
}
.footer-col-label {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink);
}
.footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footer-col a {
	font-size: 14px;
	font-weight: 400;
	color: #3F3F3A;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.footer-col a:hover {
	color: var(--ink);
}
.footer-cmrow {
	display: flex;
	justify-content: center;
	margin: 0 auto 20px;
	padding: 0;
	max-width: 100%;
}
.aurora-pay-marks--footer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: max-content;
	max-width: 100%;
	margin-inline: auto;
}
.aurora-pay-marks--footer .aurora-pay-mark {
	flex: 0 0 56px;
	width: 56px;
	height: auto;
	max-width: 56px;
	max-height: none;
	aspect-ratio: 750 / 471;
	padding: 2px;
	background: #fff;
	border: 1px solid #DED9CF;
	border-radius: 5px;
	object-fit: contain;
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding-top: 18px;
	border-top: 1px solid #DED9CF;
	font-size: 13px;
	color: #5C5C55;
}
.footer-copy {
	font-size: 13px;
	color: #5C5C55;
}
.footer-legal {
	display: flex;
	gap: 16px;
}
.footer-legal a {
	font-size: 13px;
	color: #5C5C55;
	text-decoration: none;
}
.footer-legal a:hover {
	color: var(--ink);
}
@media (max-width: 767px) {
	.footer-legal,
	.footer-link--mobile-hide {
		display: none !important;
	}
}
@media (max-width: 1023px) {
	.footer-inner {
		padding: 36px var(--aurora-container-padding) 20px;
	}
	.footer-top {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.footer-cols {
		grid-template-columns: 1fr 1fr;
		gap: 20px 16px;
	}
	/* Contact is the last column. Give it the full row so a long
	   address stays intact instead of breaking before "com". */
	.footer-cols .footer-col:last-child {
		grid-column: 1 / -1;
	}
	.aurora-pay-marks--footer {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		justify-items: stretch;
		width: min(100%, 340px);
	}
	.aurora-pay-marks--footer .aurora-pay-mark {
		flex: none;
		width: 100%;
		max-width: none;
	}
}
@media (max-width: 639px) {
	.footer-tg {
		display: flex;
		width: 100%;
	}
	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

/* ── Telegram FAB (pill, desktop only) ── */
.aurora-tg-float {
	width: auto;
	height: 46px;
	padding: 0 16px 0 12px;
	gap: 8px;
	right: 18px;
	bottom: calc(18px + var(--safe-b));
	z-index: 900;
	border-radius: var(--pill);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 10px 26px rgba(42, 171, 238, 0.35);
}
.aurora-tg-float svg.aurora-tg-mark {
	width: 18px;
	height: 18px;
	margin: 0;
}
.aurora-tg-float__tip {
	display: none;
}
.aurora-tg-float:hover,
.aurora-tg-float:focus {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(42, 171, 238, 0.45);
}
body.nav-open .aurora-tg-float,
html.ux2-locked .aurora-tg-float,
html.aurora-coa-open .aurora-tg-float,
body.aurora-cart-open .aurora-tg-float {
	display: none;
}
@media (max-width: 1023px) {
	.aurora-tg-float {
		display: none !important;
	}
}

/* ---------------------------------------------------------------------------
 * UX 2.0 pages round (2026-09-27): shared page head + toast.
 * ------------------------------------------------------------------------- */
.ux2-page-head{padding:44px 0 16px}
.ux2-page-head .shop-tag{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--gold-dark,#8B7332);margin-bottom:12px;text-transform:none}
.ux2-page-head .shop-h1{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0}
.ux2-page-head .shop-h1 em{font-style:italic;font-weight:400;color:var(--gold-dark,#8B7332)}
.hero-sub.ux2-lead{color:var(--ink-2,#3A3A36);max-width:52ch;margin:12px 0 0;font-size:16px;line-height:1.6}
@media (max-width:767px){.ux2-page-head{padding:28px 0 8px}.ux2-page-head .shop-h1{font-size:clamp(1.7rem,7.5vw,2.2rem)}.hero-sub.ux2-lead{font-size:14px}}

.ux2-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;z-index:1400;background:var(--black,#0A0A0A);color:#fff;padding:13px 18px;font-size:13px;line-height:1.4;border-radius:var(--r-sm,10px);pointer-events:none;transition:transform .2s,opacity .2s;max-width:calc(100% - 40px);font-family:var(--font,'DM Sans',sans-serif)}
.ux2-toast.is-on{transform:translate(-50%,0);opacity:1}
@media (max-width:1023px){body.has-sticky .ux2-toast{bottom:92px}}
@media (max-width:767px){.ux2-toast{top:calc(var(--header,66px) + 12px);bottom:auto;transform:translate(-50%,-10px)}.ux2-toast.is-on{transform:translate(-50%,0)}}

/* ---- CoA modal (UX 2.0): lab badge, rounded dialog, detail chips + task in the footer ---- */
.aurora-coa-modal__dialog{width:min(1000px,100%);border-radius:var(--r,14px);background:#fff;border:0;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.aurora-coa-modal__header{padding:18px 24px;border-bottom:1px solid var(--border)}
.aurora-coa-modal__badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--green-bg,#EFF7F2);color:var(--green,#3D7A52);font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:none}
.aurora-coa-modal__close{width:36px;height:36px;border-radius:50%;border:0;background:transparent;font-size:22px;color:var(--ink)}
.aurora-coa-modal__close:hover{background:var(--off)}
.aurora-coa-modal__title{font-family:var(--font,'DM Sans',sans-serif);font-size:18px;font-weight:600;letter-spacing:-.01em}
.aurora-coa-modal__meta{font-size:12px;color:#6B6B64;margin-top:4px}
.aurora-coa-modal__purity-val{font-family:var(--font,'DM Sans',sans-serif);font-size:26px;font-weight:600;color:var(--gold-dark,#8B7332);letter-spacing:-.02em}
.aurora-coa-modal__purity-lbl{font-size:11px;color:#6B6B64}
.aurora-coa-modal__doc{background:var(--cream,#F2EFE8);padding:20px}
.aurora-coa-modal__doc.is-image .aurora-coa-modal__image{max-width:100%;margin:0 auto;border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.aurora-coa-modal__footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);font-size:12px;color:#6B6B64;background:#fff}
.ux2-coa-chips{display:flex;flex-wrap:wrap;gap:6px}
.ux2-coa-chips:empty{display:none}
.ux2-coa-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--off,#F9F7F4);border:1px solid var(--border);font-size:11.5px;font-weight:500;color:var(--ink-2,#3A3A36)}
.aurora-coa-modal__task{display:inline-flex;align-items:center;gap:6px}
.aurora-coa-modal__task-num,.aurora-coa-modal__verify-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--off,#F9F7F4);padding:4px 8px;border-radius:6px;color:var(--ink)}
.aurora-coa-modal__copy{margin-left:auto;font-size:12px;font-weight:500;color:var(--gold-dark,#8B7332);text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
@media (max-width:767px){.aurora-coa-modal{padding:0;align-items:flex-end}.aurora-coa-modal__dialog{border-radius:var(--r,14px) var(--r,14px) 0 0}.aurora-coa-modal__badge,.aurora-coa-modal__meta{display:none}.aurora-coa-modal__footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}}

/* ── Hero / shop rating line: long text on desktop, "10k+ customers" on mobile.
   Unscoped on purpose so both variants never show together. ── */
.hero-reviews-sub--short {
	display: none;
}
@media (max-width: 767px) {
	.hero-reviews-sub--full {
		display: none;
	}
	.hero-reviews-sub--short {
		display: inline;
	}
}
/* CoA modal key bar: short "Key" label + copy button with icon; phone shows only the key row */
.aurora-coa-modal__verify-label-short{display:none}
.aurora-coa-modal__copy{display:inline-flex;align-items:center;gap:6px}
.aurora-coa-modal__copy-icon{flex:none}
@media (max-width:767px){
.aurora-coa-modal__footer{flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#f7f4ee}
.aurora-coa-modal__footer .ux2-coa-chips,.aurora-coa-modal__footer .aurora-coa-modal__task{display:none!important}
.aurora-coa-modal__verify-label{flex:none;font-size:14px;color:#6B6B64}
.aurora-coa-modal__verify-label-long{display:none}
.aurora-coa-modal__verify-label-short{display:inline}
.aurora-coa-modal__verify-key{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 14px;border-radius:10px;background:#efeae0;font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--ink)}
.aurora-coa-modal__copy{flex:none;margin-left:auto;height:44px;padding:0 18px;border:1px solid var(--border,#E5E1D8);border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}
.aurora-coa-modal__copy:hover{color:var(--ink);background:var(--off,#F9F7F4)}
}
@media (max-width:767px){
.aurora-coa-modal__footer{flex-wrap:wrap}
}