/* ==========================================================================
   BikerDroid — header & navigation
   Announcement bar · sticky header · live search · mega menus · mobile drawer ·
   search panel · bottom tab bar · checkout header.
   Component selectors use two classes so GeneratePress' bare `button:hover/focus`
   rules and base.css' `.bd-theme a:hover` never leak into the header.
   ========================================================================== */

/* ---------- Shared variables ---------- */
:root {
	--bd-topbar-h: 34px;
	--bd-hdr-row: 60px;          /* main header row */
	--bd-hdr-nav: 0px;           /* desktop navigation bar */
	--bd-hdr-shift: 0px;         /* how much the stuck header compacts (transform only) */
	--bd-tabbar-h: 62px;
	--bd-bottom-ui: 0px;         /* fixed bottom UI height (tab bar), see below */
	--bd-header-h: calc(var(--bd-hdr-row) + var(--bd-hdr-nav) - var(--bd-hdr-shift));
}
@media (min-width: 768px) {
	:root {
		--bd-topbar-h: 38px;
		--bd-hdr-row: 70px;
	}
}
@media (min-width: 1024px) {
	:root {
		--bd-hdr-row: 82px;
		--bd-hdr-nav: 48px;
		--bd-hdr-shift: 16px;
	}
}
/* The tab bar exists (≤767px): reserve its height for every fixed/floating element. */
@media (max-width: 767px) {
	:root:has(.bd-tabbar) {
		--bd-bottom-ui: calc(var(--bd-tabbar-h) + env(safe-area-inset-bottom, 0px));
	}
}
:root:has(.bd-header--checkout) {
	--bd-header-h: 0px;
}
/* The WP admin bar scrolls away on small screens, so sticky offsets must not include it. */
@media (max-width: 600px) {
	html {
		--bd-admin-bar: 0px;
	}
}
html {
	scroll-padding-top: calc(var(--bd-admin-bar) + var(--bd-header-h) + 12px);
}
body.bd-theme {
	padding-bottom: var(--bd-bottom-ui);
}

/* ---------- Resets inside header UI (beat GeneratePress' bare element styles) ---------- */
.bd-header button,
.bd-topbar button,
.bd-mdrawer button,
.bd-search-panel button,
.bd-tabbar button {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: none;
	line-height: inherit;
	min-height: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.bd-header a,
.bd-topbar a,
.bd-mdrawer a,
.bd-search-panel a,
.bd-tabbar a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}
.bd-header a:hover,
.bd-topbar a:hover,
.bd-mdrawer a:hover,
.bd-search-panel a:hover,
.bd-tabbar a:hover {
	color: inherit;
}
:where(.bd-header, .bd-mdrawer, .bd-search-panel, .bd-topbar, .bd-tabbar) ul,
:where(.bd-header, .bd-mdrawer, .bd-search-panel, .bd-topbar, .bd-tabbar) ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
:where(.bd-header, .bd-mdrawer, .bd-search-panel, .bd-topbar) p {
	margin: 0;
}
/* Light surfaces: the gold focus ring is too faint on white, use ink instead. */
.bd-mega :focus-visible,
.bd-dropdown :focus-visible,
.bd-search__drop :focus-visible,
.bd-search-panel :focus-visible,
.bd-tabbar :focus-visible {
	outline-color: var(--bd-black);
}

/* ==========================================================================
   Announcement bar
   ========================================================================== */
.bd-topbar {
	position: relative;
	z-index: calc(var(--bd-z-header) + 1);
	background: var(--bd-black);
	color: var(--bd-on-dark-2);
	border-bottom: 1px solid var(--bd-dark-line);
	font-size: 12.5px;
	line-height: 1.2;
}
.bd-topbar__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	height: var(--bd-topbar-h);
}
.bd-announce {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
}
.bd-announce__viewport {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	overflow: hidden;
}
.bd-announce__item {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	white-space: nowrap;
	opacity: 0;
	transform: translateY(70%);
	transition: opacity 0.45s var(--bd-ease-out), transform 0.55s var(--bd-ease-out);
	pointer-events: none;
}
.bd-announce__item.is-active {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}
.bd-announce__item.is-leaving {
	opacity: 0;
	transform: translateY(-70%);
}
.bd-announce__item > span,
.bd-announce__item > a {
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
.bd-announce__item strong {
	color: var(--bd-white);
	font-weight: 700;
}
.bd-announce__item > a:hover {
	color: var(--bd-gold);
}
.bd-announce__icon {
	flex: none;
	color: var(--bd-gold);
}
.bd-topbar .bd-announce__btn {
	display: none;
	flex: none;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: var(--bd-r-pill);
	color: var(--bd-on-dark-3);
	transition: color var(--bd-dur) var(--bd-ease), background-color var(--bd-dur) var(--bd-ease);
}
.bd-topbar .bd-announce__btn:hover {
	color: var(--bd-gold);
	background: var(--bd-dark-3);
}
.bd-topbar__links {
	display: none;
	align-items: center;
	flex: none;
}
.bd-topbar__links li {
	display: flex;
	align-items: center;
}
.bd-topbar__links li + li::before {
	content: "";
	width: 1px;
	height: 14px;
	margin: 0 14px;
	background: var(--bd-dark-line-2);
}
.bd-topbar__links a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-weight: 500;
	color: var(--bd-on-dark-2);
	white-space: nowrap;
}
.bd-topbar__links .bd-icon {
	color: var(--bd-gold);
}
.bd-topbar .bd-topbar__links a:hover {
	color: var(--bd-white);
}

/* ==========================================================================
   Header shell (sticky; compacts with transforms only — no layout shift)
   ========================================================================== */
.bd-header {
	position: sticky;
	top: var(--bd-admin-bar);
	z-index: var(--bd-z-header);
	color: var(--bd-on-dark);
	pointer-events: none;
}
.bd-header > * {
	pointer-events: auto;
}
.bd-header__main {
	position: relative;
	z-index: 3;
	background: var(--bd-black);
	transition: transform 0.35s var(--bd-ease-out), box-shadow 0.35s var(--bd-ease-out);
}
.bd-header__row {
	display: flex;
	align-items: center;
	gap: 6px;
	height: var(--bd-hdr-row);
	transition: transform 0.35s var(--bd-ease-out);
}
.bd-header.is-stuck .bd-header__main {
	transform: translateY(calc(-1 * var(--bd-hdr-shift)));
	box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.7);
}
.bd-header.is-stuck .bd-header__row {
	transform: translateY(calc(var(--bd-hdr-shift) / 2));
}
.bd-header.bd-no-anim *,
.bd-header.bd-no-anim {
	transition: none !important;
}

/* Logo */
.bd-header .bd-header__logo {
	display: block;
	flex: none;
	line-height: 0;
	margin-right: auto;
	padding: 8px 0;
}
.bd-header__logo .bd-logo__img {
	display: block;
	width: 148px;
	height: auto;
	transform-origin: left center;
	transition: transform 0.35s var(--bd-ease-out), opacity var(--bd-dur) var(--bd-ease);
}
.bd-header .bd-header__logo:hover .bd-logo__img {
	opacity: 0.88;
}

/* Icon buttons (menu, mobile search) */
.bd-header .bd-hdr-icon,
.bd-mdrawer .bd-hdr-icon,
.bd-search-panel .bd-hdr-icon {
	position: relative;
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: var(--bd-r-pill);
	color: inherit;
	transition: background-color var(--bd-dur) var(--bd-ease), color var(--bd-dur) var(--bd-ease);
}
.bd-header .bd-hdr-icon:hover,
.bd-mdrawer .bd-hdr-icon:hover {
	background: var(--bd-dark-3);
	color: var(--bd-gold);
}
.bd-header .bd-hdr-icon--menu {
	margin-left: -10px;
}

/* Actions: account, wishlist, cart */
.bd-hdr-actions {
	display: flex;
	align-items: center;
	gap: 2px;
	flex: none;
	margin-right: -10px;
}
.bd-header .bd-hdr-action {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 44px;
	height: 44px;
	padding: 0;
	border-radius: var(--bd-r);
	color: var(--bd-on-dark);
	transition: color var(--bd-dur) var(--bd-ease), background-color var(--bd-dur) var(--bd-ease);
}
.bd-hdr-action__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
}
.bd-hdr-action__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
.bd-header .bd-hdr-action:hover,
.bd-header .bd-hdr-account.is-open .bd-hdr-action {
	color: var(--bd-gold);
}
.bd-header .bd-hdr-action .bd-count {
	top: -6px;
	right: -9px;
	box-shadow: 0 0 0 2px var(--bd-black);
	transition: transform 0.3s var(--bd-ease-out);
}
.bd-header .bd-hdr-action .bd-count.is-bump {
	animation: bd-count-bump 0.5s var(--bd-ease-out);
}
.bd-hdr-action__dot {
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--bd-gold);
	box-shadow: 0 0 0 2px var(--bd-black);
}
.bd-hdr-account {
	position: relative;
}
.bd-header .bd-hdr-icon--search,
.bd-header .bd-hdr-action--account,
.bd-header .bd-hdr-action--wishlist,
.bd-header .bd-hdr-account {
	display: none;
}
.bd-header .bd-hdr-icon--search {
	display: inline-grid;
}
@keyframes bd-count-bump {
	0% { transform: scale(1); }
	35% { transform: scale(1.35); }
	100% { transform: scale(1); }
}

/* ==========================================================================
   Search field
   ========================================================================== */
.bd-search {
	position: relative;
	margin: 0;
}
.bd-search--inline {
	display: none;
}
.bd-search__field {
	position: relative;
	display: flex;
	align-items: center;
	height: 48px;
	border: 1px solid var(--bd-dark-line-2);
	border-radius: var(--bd-r);
	background: var(--bd-dark-2);
	color: var(--bd-on-dark);
	transition: background-color var(--bd-dur) var(--bd-ease), border-color var(--bd-dur) var(--bd-ease), box-shadow var(--bd-dur) var(--bd-ease), color var(--bd-dur) var(--bd-ease);
}
.bd-search__field:hover {
	border-color: rgba(255, 255, 255, 0.3);
}
.bd-search__lead {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -10px;
	color: var(--bd-on-dark-3);
	pointer-events: none;
	transition: color var(--bd-dur) var(--bd-ease);
}
.bd-search .bd-search__input[type="search"] {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0 8px 0 48px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
}
.bd-search .bd-search__input[type="search"]:hover,
.bd-search .bd-search__input[type="search"]:focus {
	border: 0;
	box-shadow: none;
	background: transparent;
	color: inherit;
	outline: none;
}
.bd-search .bd-search__input::placeholder {
	color: var(--bd-on-dark-3);
	opacity: 1;
}
.bd-search .bd-search__input::-webkit-search-cancel-button,
.bd-search .bd-search__input::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
}
.bd-search .bd-search__clear {
	display: grid;
	place-items: center;
	flex: none;
	width: 32px;
	height: 32px;
	margin-right: 4px;
	border-radius: var(--bd-r-pill);
	color: var(--bd-text-3);
	transition: background-color var(--bd-dur) var(--bd-ease), color var(--bd-dur) var(--bd-ease);
}
.bd-search .bd-search__clear[hidden] {
	display: none;
}
.bd-search .bd-search__clear:hover {
	background: var(--bd-paper-2);
	color: var(--bd-text);
}
.bd-search .bd-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: none;
	height: 40px;
	min-width: 48px;
	margin-right: 3px;
	padding: 0 14px;
	border-radius: 7px;
	background: var(--bd-gold);
	color: var(--bd-black);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	transition: background-color var(--bd-dur) var(--bd-ease), transform var(--bd-dur) var(--bd-ease);
}
.bd-search .bd-search__submit:hover {
	background: var(--bd-gold-400);
	color: var(--bd-black);
}
.bd-search .bd-search__submit:active {
	transform: scale(0.97);
}
.bd-search__submit-text {
	display: none;
}
/* Focused: the field turns white and joins the white suggestion panel. */
.bd-search--inline .bd-search__field:focus-within,
.bd-search--inline.is-open .bd-search__field {
	background: var(--bd-white);
	border-color: var(--bd-white);
	color: var(--bd-text);
	box-shadow: 0 0 0 4px rgba(253, 198, 2, 0.35);
}
.bd-search--inline .bd-search__field:focus-within .bd-search__lead,
.bd-search--inline.is-open .bd-search__lead {
	color: var(--bd-text-2);
}
.bd-search--inline .bd-search__field:focus-within .bd-search__input::placeholder {
	color: var(--bd-text-3);
}
.bd-search--inline :focus-visible {
	outline-offset: 1px;
}

/* ==========================================================================
   Search suggestions (desktop dropdown & mobile panel)
   ========================================================================== */
.bd-search__drop {
	color: var(--bd-text);
	container-type: inline-size;
}
.bd-search--inline .bd-search__drop {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	z-index: 5;
	display: none;
	max-height: min(640px, calc(100vh - var(--bd-admin-bar) - var(--bd-hdr-row) - 24px));
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 20px;
	border-radius: var(--bd-r-lg);
	background: var(--bd-white);
	box-shadow: var(--bd-shadow-lg), 0 0 0 1px rgba(10, 10, 10, 0.04);
}
.bd-search--inline.is-open .bd-search__drop {
	display: block;
	animation: bd-pop-in 0.22s var(--bd-ease-out);
}
@keyframes bd-pop-in {
	from { opacity: 0; transform: translateY(-6px); }
	to { opacity: 1; transform: none; }
}
.bd-search__msg:empty {
	display: none;
}
.bd-search__msg {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-bottom: 18px;
	padding: 16px;
	border-radius: var(--bd-r);
	background: var(--bd-paper);
}
.bd-search__msg-icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: var(--bd-r-pill);
	background: var(--bd-white);
	color: var(--bd-gold-ink);
	box-shadow: var(--bd-shadow-xs);
}
.bd-search__msg-text {
	align-self: center;
	min-width: 0;
}
.bd-search__msg-text strong {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	word-break: break-word;
}
.bd-search__msg-text span {
	display: block;
	margin-top: 2px;
	color: var(--bd-text-2);
	font-size: 13.5px;
	line-height: 1.45;
}
.bd-search__results {
	display: grid;
	gap: 20px;
}
.bd-search__results:empty {
	display: none;
}
.bd-sgroup__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 10px;
	color: var(--bd-text-3);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
}
.bd-sgroup__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bd-sgroup--recent {
	position: relative;
}
.bd-search__drop .bd-sopt.bd-sgroup__clear {
	position: absolute;
	top: -6px;
	right: 0;
	min-height: 28px;
	padding: 4px 8px;
	border-radius: var(--bd-r-sm);
	color: var(--bd-text-2);
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: var(--bd-line-2);
}
.bd-search__drop .bd-sopt.bd-sgroup__clear:hover,
.bd-search__drop .bd-sopt.bd-sgroup__clear[aria-selected="true"] {
	background: var(--bd-paper);
	color: var(--bd-text);
	box-shadow: none;
}
.bd-sres__side,
.bd-sres__main {
	display: grid;
	gap: 20px;
	align-content: start;
	min-width: 0;
}
/* Options */
.bd-search__drop .bd-sopt {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 8px 10px;
	border-radius: var(--bd-r);
	color: var(--bd-text);
	text-decoration: none;
	cursor: pointer;
	scroll-margin: 12px;
	transition: background-color 0.15s var(--bd-ease);
}
.bd-search__drop .bd-sopt:hover,
.bd-search__drop .bd-sopt[aria-selected="true"] {
	background: var(--bd-paper);
	color: var(--bd-text);
}
.bd-search__drop .bd-sopt[aria-selected="true"] {
	box-shadow: inset 3px 0 0 var(--bd-gold);
}
.bd-search__drop .bd-sopt.bd-chip {
	min-height: 36px;
	padding: 6px 14px;
	border-radius: var(--bd-r-pill);
	box-shadow: none;
}
.bd-search__drop .bd-sopt.bd-chip:hover {
	background: var(--bd-white);
	border-color: var(--bd-black);
}
.bd-search__drop .bd-sopt.bd-chip[aria-selected="true"] {
	background: var(--bd-black);
	border-color: var(--bd-black);
	color: var(--bd-gold);
	box-shadow: none;
}
.bd-sopt__ico {
	display: grid;
	place-items: center;
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: var(--bd-r-sm);
	background: var(--bd-paper);
	color: var(--bd-text-2);
}
.bd-sopt[aria-selected="true"] .bd-sopt__ico,
.bd-sopt:hover .bd-sopt__ico {
	background: var(--bd-white);
}
.bd-sopt__ico--brand {
	font-family: var(--bd-font-display);
	font-size: 11px;
	font-weight: 800;
	font-stretch: 110%;
	letter-spacing: 0;
	color: var(--bd-black);
	background: var(--bd-gold-100);
}
.bd-sopt__text {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}
.bd-sopt__text small {
	display: block;
	margin-top: 1px;
	color: var(--bd-text-3);
	font-size: 12px;
	font-weight: 500;
}
.bd-sopt__go {
	flex: none;
	color: var(--bd-text-3);
	opacity: 0;
	transform: translateX(-4px);
	transition: opacity 0.15s, transform 0.15s;
}
.bd-sopt:hover .bd-sopt__go,
.bd-sopt[aria-selected="true"] .bd-sopt__go {
	opacity: 1;
	transform: none;
}
.bd-search__drop mark {
	padding: 0;
	background: none;
	color: inherit;
	font-weight: 800;
	box-shadow: inset 0 -0.38em 0 var(--bd-gold-100);
}
/* Product suggestion */
.bd-search__drop .bd-sopt--product {
	align-items: center;
	gap: 14px;
}
.bd-sopt__media {
	position: relative;
	display: grid;
	place-items: center;
	flex: none;
	width: 64px;
	height: 64px;
	border-radius: var(--bd-r-sm);
	background: var(--bd-paper);
	overflow: hidden;
}
.bd-search__drop .bd-sopt__media img {
	width: 88%;
	height: 88%;
	max-width: none;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.bd-sopt__body {
	display: grid;
	gap: 5px;
	flex: 1 1 auto;
	min-width: 0;
}
.bd-sopt__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 10px;
}
.bd-sopt__brand {
	color: var(--bd-gold-ink);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}
.bd-sopt__name {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bd-sopt__price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 8px;
	font-family: var(--bd-font-display);
	font-size: 15px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.3;
}
.bd-sopt__price del {
	color: var(--bd-text-3);
	font-size: 12.5px;
	font-weight: 500;
}
.bd-sopt__off {
	padding: 1px 6px;
	border-radius: var(--bd-r-xs);
	background: var(--bd-gold);
	color: var(--bd-black);
	font-family: var(--bd-font-body);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.04em;
}
.bd-sopt__stock {
	color: var(--bd-danger);
	font-family: var(--bd-font-body);
	font-size: 11.5px;
	font-weight: 700;
}
/* "View all" footer option (stays visible while the list scrolls) */
.bd-search__drop .bd-sopt--all {
	position: sticky;
	bottom: 0;
	z-index: 1;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	margin-top: 4px;
	border: 1.5px solid var(--bd-black);
	border-radius: var(--bd-r-btn);
	background: var(--bd-black);
	color: var(--bd-white);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.bd-search__drop .bd-sopt--all:hover,
.bd-search__drop .bd-sopt--all[aria-selected="true"] {
	background: var(--bd-dark-3);
	color: var(--bd-gold);
	box-shadow: none;
}
.bd-search__drop .bd-sopt--all::before {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: 100%;
	height: 18px;
	background: linear-gradient(rgba(255, 255, 255, 0), var(--bd-white));
	pointer-events: none;
}
.bd-search--inline .bd-search__drop .bd-sopt--all {
	box-shadow: 0 12px 0 0 var(--bd-white), 0 20px 0 0 var(--bd-white);
}
.bd-sopt--all span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bd-sopt--all .bd-icon {
	flex: none;
}
/* Category tiles (empty state) */
.bd-scats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.bd-search__drop .bd-sopt--cat {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	padding: 0;
	background: none;
	text-align: left;
}
.bd-search__drop .bd-sopt--cat:hover,
.bd-search__drop .bd-sopt--cat[aria-selected="true"] {
	background: none;
	box-shadow: none;
}
.bd-sopt--cat .bd-sopt__media {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	border-radius: var(--bd-r);
	transition: background-color 0.2s var(--bd-ease), box-shadow 0.2s var(--bd-ease);
}
.bd-sopt--cat .bd-sopt__media img {
	width: 76%;
	height: 76%;
	transition: transform 0.35s var(--bd-ease-out);
}
.bd-sopt--cat:hover .bd-sopt__media,
.bd-sopt--cat[aria-selected="true"] .bd-sopt__media {
	background: var(--bd-paper-2);
}
.bd-sopt--cat[aria-selected="true"] .bd-sopt__media {
	box-shadow: inset 0 0 0 2px var(--bd-black);
}
.bd-sopt--cat:hover .bd-sopt__media img {
	transform: scale(1.06);
}
.bd-sopt--cat .bd-sopt__text {
	padding: 0 2px;
	font-size: 13.5px;
}
/* Loading skeleton */
.bd-sskel {
	display: grid;
	gap: 6px;
}
.bd-sskel__row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
}
.bd-sskel__img {
	flex: none;
	width: 64px;
	height: 64px;
	border-radius: var(--bd-r-sm);
}
.bd-sskel__lines {
	display: grid;
	gap: 8px;
	flex: 1;
}
.bd-sskel__line {
	height: 11px;
	border-radius: var(--bd-r-xs);
}
.bd-sskel__line:nth-child(1) { width: 28%; }
.bd-sskel__line:nth-child(2) { width: 86%; }
.bd-sskel__line:nth-child(3) { width: 38%; }
@container (min-width: 600px) {
	.bd-search__results.is-split {
		grid-template-columns: 210px minmax(0, 1fr);
		column-gap: 24px;
	}
	.bd-search__results.is-split .bd-sres__side {
		padding-right: 24px;
		border-right: 1px solid var(--bd-line);
		margin-right: -24px;
	}
	.bd-search__results.is-split .bd-sopt--all {
		grid-column: 1 / -1;
	}
	.bd-scats {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* ==========================================================================
   Desktop navigation bar
   ========================================================================== */
.bd-nav {
	display: none;
}
.bd-nav__menu {
	display: flex;
	align-items: stretch;
	flex: 1 1 auto;
	min-width: 0;
	gap: 0;
}
.bd-nav__item {
	display: flex;
	align-items: stretch;
}
.bd-header .bd-nav__link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 0 14px;
	color: var(--bd-on-dark);
	font-family: var(--bd-font-display);
	font-size: 14px;
	font-weight: 700;
	font-stretch: 106%;
	letter-spacing: 0.05em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color var(--bd-dur) var(--bd-ease);
}
.bd-header .bd-nav__link::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 0;
	height: 3px;
	background: var(--bd-gold);
	transform: skewX(-24deg) scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s var(--bd-ease-out);
}
.bd-header .bd-nav__link:hover,
.bd-header .bd-nav__item.is-open > .bd-nav__link {
	color: var(--bd-white);
}
.bd-header .bd-nav__link:hover::after,
.bd-header .bd-nav__item.is-open > .bd-nav__link::after,
.bd-header .bd-nav__item.is-current > .bd-nav__link::after {
	transform: skewX(-24deg) scaleX(1);
}
.bd-header .bd-nav__link:focus-visible {
	outline-offset: -6px;
}
.bd-nav__chev {
	color: var(--bd-on-dark-3);
	transition: transform 0.25s var(--bd-ease-out), color var(--bd-dur) var(--bd-ease);
}
.bd-nav__item.is-open > .bd-nav__link .bd-nav__chev,
.bd-nav__item.is-open > .bd-nav__all .bd-nav__chev {
	transform: rotate(180deg);
}
.bd-nav__item.is-open > .bd-nav__link .bd-nav__chev,
.bd-nav__link:hover .bd-nav__chev {
	color: var(--bd-gold);
}
.bd-nav__icon {
	flex: none;
	margin-top: -2px;
}
.bd-nav__item--deals .bd-nav__icon,
.bd-header .bd-nav__item--deals > .bd-nav__link {
	color: var(--bd-gold);
}
.bd-nav__item--push {
	margin-left: auto;
}
/* Gold "All categories" tab — slanted like the logo. */
.bd-nav__item--all {
	margin-right: 14px;
}
.bd-header .bd-nav__all {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	height: 100%;
	padding: 0 34px 0 18px;
	background: var(--bd-gold);
	color: var(--bd-black);
	font-family: var(--bd-font-display);
	font-size: 13.5px;
	font-weight: 800;
	font-stretch: 108%;
	letter-spacing: 0.06em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
	transition: background-color var(--bd-dur) var(--bd-ease);
}
.bd-header .bd-nav__all:hover,
.bd-header .bd-nav__item--all.is-open > .bd-nav__all {
	background: var(--bd-gold-400);
	color: var(--bd-black);
}
.bd-header .bd-nav__all .bd-nav__chev {
	color: var(--bd-black);
}
.bd-header .bd-nav__all:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 2px var(--bd-black), inset 0 0 0 4px var(--bd-gold);
}

/* ==========================================================================
   Mega panels
   ========================================================================== */
.bd-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	background: var(--bd-white);
	color: var(--bd-text);
	box-shadow: 0 34px 60px -28px rgba(10, 10, 10, 0.55);
}
.bd-nav__item.is-open > .bd-mega {
	display: block;
	animation: bd-mega-in 0.28s var(--bd-ease-out);
}
.bd-nav.is-switching .bd-nav__item.is-open > .bd-mega {
	animation: none;
}
@keyframes bd-mega-in {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: none; }
}
.bd-mega__inner {
	display: flex;
	align-items: stretch;
	gap: 48px;
	padding-top: 32px;
	padding-bottom: 32px;
}
.bd-mega__main {
	display: flex;
	gap: 48px;
	flex: 1 1 auto;
	min-width: 0;
}
.bd-mega__block {
	flex: 1 1 0;
	min-width: 170px;
}
.bd-mega__block--wide {
	flex: 2.6 1 0;
}
.bd-mega__aside {
	display: flex;
	flex: 0 0 330px;
}
.bd-mega__heading {
	margin: 0 0 16px;
	color: var(--bd-text-3);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}
.bd-mega .bd-mega__heading a {
	color: inherit;
}
.bd-mega .bd-mega__heading a:hover {
	color: var(--bd-text);
}
.bd-mega__headrow {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}
.bd-mega__headrow .bd-mega__heading {
	margin: 0;
}
.bd-mega .bd-mega__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--bd-text);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}
.bd-mega .bd-mega__more .bd-icon {
	transition: transform var(--bd-dur) var(--bd-ease);
}
.bd-mega .bd-mega__more:hover {
	color: var(--bd-gold-ink);
}
.bd-mega .bd-mega__more:hover .bd-icon {
	transform: translateX(3px);
}

/* Link columns */
.bd-mega__links {
	display: grid;
	gap: 2px;
}
.bd-mega .bd-mega__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 7px 0;
	color: var(--bd-text-2);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1.3;
	transition: color var(--bd-dur) var(--bd-ease), transform var(--bd-dur) var(--bd-ease);
}
.bd-mega .bd-mega__link::before {
	content: "";
	flex: none;
	width: 0;
	height: 2px;
	margin-right: 0;
	background: var(--bd-gold);
	transition: width 0.22s var(--bd-ease-out), margin-right 0.22s var(--bd-ease-out);
}
.bd-mega .bd-mega__link:hover,
.bd-mega .bd-mega__link.is-current {
	color: var(--bd-text);
}
.bd-mega .bd-mega__link:hover::before,
.bd-mega .bd-mega__link.is-current::before {
	width: 12px;
	margin-right: 8px;
}
.bd-mega .bd-mega__link.is-brand {
	font-family: var(--bd-font-display);
	font-size: 14px;
	font-weight: 700;
	font-stretch: 106%;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Image tiles */
.bd-tiles {
	display: grid;
	grid-template-columns: repeat(var(--bd-tile-cols, 4), minmax(0, 1fr));
	gap: 14px 12px;
}
.bd-mega .bd-tile {
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--bd-text);
}
.bd-tile__media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	border-radius: var(--bd-r);
	background: var(--bd-paper);
	overflow: hidden;
	transition: background-color 0.25s var(--bd-ease), box-shadow 0.25s var(--bd-ease);
}
.bd-mega .bd-tile__img {
	width: 76%;
	height: 76%;
	max-width: none;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.45s var(--bd-ease-out), opacity 0.3s var(--bd-ease);
}
.bd-js-header .bd-tile__img:not(.is-loaded) {
	opacity: 0;
}
.bd-tile__ph {
	color: var(--bd-text-3);
}
/* Photos on a tinted background: the tile takes the photo's colour instead of blending. */
.bd-mega [data-bd-tinted] .bd-tile__img,
.bd-header [data-bd-tinted] .bd-dropdown__img,
.bd-search__drop [data-bd-tinted] img {
	mix-blend-mode: normal;
}
.bd-mega .bd-tile:hover [data-bd-tinted] {
	filter: brightness(0.97);
}
.bd-tile__label {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 2px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}
.bd-tile__count {
	margin-top: -6px;
	padding: 0 2px;
	color: var(--bd-text-3);
	font-size: 12px;
	font-weight: 500;
}
.bd-mega .bd-tile:hover .bd-tile__media,
.bd-mega .bd-tile.is-current .bd-tile__media {
	background: var(--bd-paper-2);
}
.bd-mega .bd-tile:hover .bd-tile__img {
	transform: scale(1.07);
}
.bd-mega .bd-tile:hover .bd-tile__label {
	text-decoration: underline;
	text-decoration-color: var(--bd-gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
.bd-mega .bd-tile.is-current .bd-tile__media {
	box-shadow: inset 0 0 0 2px var(--bd-black);
}
.bd-tile--brand .bd-tile__label {
	font-family: var(--bd-font-display);
	font-size: 14.5px;
	font-weight: 800;
	font-stretch: 110%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/* "Shop all" tile */
.bd-tile--all .bd-tile__media {
	background: var(--bd-black);
	color: var(--bd-gold);
}
.bd-tile--all .bd-tile__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(80% 70% at 70% 30%, rgba(253, 198, 2, 0.22), transparent 70%);
}
.bd-tile__allicon {
	position: relative;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1.5px solid rgba(253, 198, 2, 0.5);
	border-radius: var(--bd-r-pill);
	transition: transform 0.3s var(--bd-ease-out), background-color 0.25s var(--bd-ease), color 0.25s var(--bd-ease);
}
.bd-mega .bd-tile--all:hover .bd-tile__media {
	background: var(--bd-black);
}
.bd-mega .bd-tile--all:hover .bd-tile__allicon {
	background: var(--bd-gold);
	color: var(--bd-black);
	transform: rotate(-45deg);
}

/* Brand grid */
.bd-brandgrid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 10px;
}
.bd-mega .bd-brandtile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	height: 88px;
	padding: 0 8px;
	border: 1px solid var(--bd-line);
	border-radius: var(--bd-r);
	background: var(--bd-white);
	color: var(--bd-text);
	text-align: center;
	transition: background-color 0.22s var(--bd-ease), border-color 0.22s var(--bd-ease), color 0.22s var(--bd-ease), transform 0.22s var(--bd-ease);
}
.bd-brandtile__name {
	max-width: 100%;
	overflow: hidden;
	font-family: var(--bd-font-display);
	font-size: 17px;
	font-style: italic;
	font-weight: 800;
	font-stretch: 112%;
	letter-spacing: 0.01em;
	line-height: 1.1;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
.bd-brandtile__count {
	color: var(--bd-text-3);
	font-size: 11.5px;
	font-weight: 500;
	transition: color 0.22s var(--bd-ease);
}
.bd-mega .bd-brandtile:hover,
.bd-mega .bd-brandtile.is-current {
	border-color: var(--bd-black);
	background: var(--bd-black);
	color: var(--bd-gold);
	transform: translateY(-2px);
}
.bd-mega .bd-brandtile:hover .bd-brandtile__count,
.bd-mega .bd-brandtile.is-current .bd-brandtile__count {
	color: var(--bd-on-dark-3);
}

/* Promo card (dark, product cutout with a gold glow) */
.bd-mega .bd-promo {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	min-height: 320px;
	padding: 24px;
	border-radius: var(--bd-r-lg);
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(90% 70% at 72% 26%, rgba(253, 198, 2, 0.28) 0%, rgba(253, 198, 2, 0.08) 45%, transparent 70%),
		linear-gradient(165deg, var(--bd-dark-3) 0%, var(--bd-black) 70%);
	color: var(--bd-on-dark);
}
.bd-promo::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 14px);
	pointer-events: none;
}
.bd-promo__media {
	position: absolute;
	top: 14px;
	right: -6px;
	z-index: -1;
	display: block;
	width: 64%;
	aspect-ratio: 1;
}
.bd-mega .bd-promo__img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.6));
	transform: rotate(-8deg);
	transition: transform 0.6s var(--bd-ease-out), opacity 0.3s var(--bd-ease);
}
.bd-mega .bd-promo__img:not(.is-cutout) {
	border-radius: var(--bd-r);
	filter: none;
}
.bd-js-header .bd-promo__img:not(.is-loaded) {
	opacity: 0;
}
/* `.bd-header a:hover { color: inherit }` would pick up the light panel's dark text. */
.bd-header .bd-mega .bd-promo:hover,
.bd-header .bd-mega .bd-promo:focus-visible {
	color: var(--bd-on-dark);
}
.bd-mega .bd-promo:hover .bd-promo__img {
	transform: rotate(-3deg) scale(1.05);
}
.bd-promo__body {
	display: grid;
	gap: 8px;
	padding-top: 120px;
	background: linear-gradient(180deg, transparent 0, rgba(10, 10, 10, 0.75) 110px);
	margin: 0 -24px -24px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
}
.bd-promo__eyebrow {
	color: var(--bd-gold);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}
.bd-promo__title {
	font-family: var(--bd-font-display);
	font-size: 23px;
	font-weight: 800;
	font-stretch: 110%;
	letter-spacing: -0.005em;
	line-height: 1.02;
	text-transform: uppercase;
}
.bd-promo__text {
	color: var(--bd-on-dark-2);
	font-size: 13px;
	line-height: 1.5;
}
.bd-promo__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 6px;
	padding-top: 14px;
	border-top: 1px solid var(--bd-dark-line);
}
.bd-promo__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
	font-family: var(--bd-font-display);
	font-size: 19px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
	color: var(--bd-white);
}
.bd-promo__price del {
	order: 2;
	color: var(--bd-on-dark-3);
	font-size: 13.5px;
	font-weight: 500;
}
.bd-promo__price ins {
	order: 1;
	color: var(--bd-gold);
	text-decoration: none;
}
.bd-promo__price .screen-reader-text {
	position: absolute;
}
.bd-promo__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--bd-gold);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}
.bd-promo__cta .bd-icon {
	transition: transform var(--bd-dur) var(--bd-ease);
}
.bd-mega .bd-promo:hover .bd-promo__cta .bd-icon {
	transform: translateX(4px);
}
.bd-mega .bd-promo:focus-visible {
	outline-color: var(--bd-black);
	outline-offset: 3px;
}

/* Quick links (directory aside) */
.bd-quick {
	display: grid;
	align-content: start;
	gap: 8px;
	width: 100%;
	padding: 14px;
	border-radius: var(--bd-r-lg);
	background: var(--bd-paper);
}
.bd-mega .bd-quick__link {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px;
	border-radius: var(--bd-r);
	background: var(--bd-white);
	color: var(--bd-text);
	box-shadow: var(--bd-shadow-xs);
	transition: box-shadow 0.22s var(--bd-ease), transform 0.22s var(--bd-ease);
}
.bd-quick__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: var(--bd-r-sm);
	background: var(--bd-black);
	color: var(--bd-gold);
}
.bd-quick__text {
	display: grid;
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.3;
}
.bd-quick__text strong {
	font-size: 14px;
	font-weight: 700;
}
.bd-quick__text small {
	color: var(--bd-text-3);
	font-size: 12.5px;
}
.bd-quick__chev {
	flex: none;
	color: var(--bd-text-3);
	transition: transform var(--bd-dur) var(--bd-ease), color var(--bd-dur) var(--bd-ease);
}
.bd-mega .bd-quick__link:hover {
	color: var(--bd-text);
	box-shadow: var(--bd-shadow-sm), inset 0 0 0 1px var(--bd-line-2);
	transform: translateY(-1px);
}
.bd-mega .bd-quick__link:hover .bd-quick__chev {
	color: var(--bd-text);
	transform: translateX(3px);
}

/* Footer strip */
.bd-mega__foot {
	border-top: 1px solid var(--bd-line);
	background: var(--bd-paper);
}
.bd-mega__foot-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 52px;
}
.bd-mega__foot-links {
	display: flex;
	align-items: center;
	gap: 24px;
}
.bd-mega .bd-mega__all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--bd-text);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.bd-mega .bd-mega__all .bd-icon {
	transition: transform var(--bd-dur) var(--bd-ease);
}
.bd-mega .bd-mega__all:hover {
	color: var(--bd-gold-ink);
}
.bd-mega .bd-mega__all:hover .bd-icon {
	transform: translateX(4px);
}
.bd-mega__help {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--bd-text-2);
	font-size: 12.5px;
	font-weight: 500;
	white-space: nowrap;
}
.bd-mega__help .bd-icon {
	color: var(--bd-gold-ink);
}
.bd-mega .bd-mega__help a {
	color: var(--bd-text);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--bd-gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.bd-mega .bd-mega__help a:hover {
	color: var(--bd-gold-ink);
}
.bd-mega__help-sep {
	color: var(--bd-line-2);
}
.bd-mega__trust {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-left: auto;
	color: var(--bd-text-2);
	font-size: 12.5px;
	font-weight: 600;
}
.bd-mega__trust li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.bd-mega__trust .bd-icon {
	color: var(--bd-gold-ink);
}

/* ==========================================================================
   Dropdowns (small nav sub-menus, account)
   ========================================================================== */
.bd-dropdown {
	position: absolute;
	z-index: 4;
	display: none;
	min-width: 260px;
	padding: 8px;
	border-radius: 0 0 var(--bd-r-lg) var(--bd-r-lg);
	background: var(--bd-white);
	color: var(--bd-text);
	box-shadow: var(--bd-shadow-lg), 0 0 0 1px rgba(10, 10, 10, 0.04);
}
.is-open > .bd-dropdown {
	display: block;
	animation: bd-pop-in 0.22s var(--bd-ease-out);
}
.bd-nav__item--dropdown {
	position: relative;
}
.bd-dropdown--nav {
	top: 100%;
	left: 0;
}
.bd-dropdown__list {
	display: grid;
	gap: 2px;
}
.bd-header .bd-dropdown__link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 6px 10px;
	border-radius: var(--bd-r);
	color: var(--bd-text);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.3;
	transition: background-color 0.15s var(--bd-ease);
}
.bd-header .bd-dropdown__link:hover,
.bd-header .bd-dropdown__link.is-current {
	background: var(--bd-paper);
	color: var(--bd-text);
}
.bd-dropdown__link .bd-icon {
	flex: none;
	color: var(--bd-text-3);
	transition: color 0.15s var(--bd-ease);
}
.bd-header .bd-dropdown__link:hover .bd-icon {
	color: var(--bd-text);
}
.bd-dropdown__media {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: var(--bd-r-sm);
	background: var(--bd-paper);
	overflow: hidden;
}
.bd-dropdown__media:empty {
	display: none;
}
.bd-header .bd-dropdown__img {
	width: 84%;
	height: 84%;
	max-width: none;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.bd-header .bd-dropdown__all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	padding: 12px 10px 6px;
	border-top: 1px solid var(--bd-line);
	color: var(--bd-text);
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.bd-header .bd-dropdown__all:hover {
	color: var(--bd-gold-ink);
}
/* Account */
.bd-dropdown--account {
	top: calc(100% + 14px);
	right: -6px;
	width: 290px;
	border-radius: var(--bd-r-lg);
}
.bd-dropdown--account::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 30px;
	width: 14px;
	height: 14px;
	background: var(--bd-white);
	transform: rotate(45deg);
	border-radius: 2px;
}
.bd-dropdown--account::after {
	/* hover bridge between the icon and the panel */
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -16px;
	height: 16px;
}
.bd-acct__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
	padding: 10px 10px 14px;
	border-bottom: 1px solid var(--bd-line);
}
.bd-acct__avatar {
	display: grid;
	place-items: center;
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bd-black);
	color: var(--bd-gold);
	font-family: var(--bd-font-display);
	font-size: 18px;
	font-weight: 800;
}
.bd-acct__who {
	display: grid;
	min-width: 0;
	line-height: 1.3;
}
.bd-acct__who strong {
	overflow: hidden;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bd-acct__who small {
	overflow: hidden;
	color: var(--bd-text-3);
	font-size: 12.5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bd-dropdown__sep {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid var(--bd-line);
}
.bd-header .bd-dropdown__link--logout:hover .bd-icon {
	color: var(--bd-danger);
}

/* ==========================================================================
   Page scrim behind open panels
   ========================================================================== */
.bd-scrim {
	position: fixed;
	inset: 0;
	z-index: calc(var(--bd-z-header) - 1);
	background: rgba(10, 10, 10, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s var(--bd-ease), visibility 0.3s;
}
.bd-scrim.is-visible {
	opacity: 1;
	visibility: visible;
}

/* ==========================================================================
   Mobile menu drawer (dark)
   ========================================================================== */
.bd-drawer.bd-mdrawer {
	width: min(400px, 88vw);
}
.bd-mdrawer .bd-mdrawer__head {
	min-height: 64px;
	padding: 10px 10px 10px 20px;
}
.bd-mdrawer__logo {
	display: block;
	line-height: 0;
}
.bd-mdrawer__logo .bd-logo__img {
	width: 150px;
	height: auto;
}
.bd-mdrawer .bd-mdrawer__body {
	padding: 0 0 calc(28px + env(safe-area-inset-bottom));
}
.bd-mdrawer__account {
	padding: 16px 20px;
	border-bottom: 1px solid var(--bd-dark-line);
}
.bd-mdrawer .bd-mdrawer__me {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid var(--bd-dark-line);
	border-radius: var(--bd-r);
	background: var(--bd-dark-1);
	color: var(--bd-on-dark);
	transition: border-color var(--bd-dur) var(--bd-ease);
}
.bd-mdrawer .bd-mdrawer__me:hover {
	border-color: var(--bd-gold);
	color: var(--bd-on-dark);
}
.bd-mdrawer__avatar {
	display: grid;
	place-items: center;
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--bd-gold);
	color: var(--bd-black);
}
.bd-mdrawer__me-text {
	display: grid;
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.3;
}
.bd-mdrawer__me-text strong {
	font-size: 15px;
	font-weight: 700;
}
.bd-mdrawer__me-text small {
	color: var(--bd-on-dark-3);
	font-size: 12.5px;
}
.bd-mdrawer__me-chev {
	flex: none;
	color: var(--bd-on-dark-3);
}
.bd-mdrawer__acct-links {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}
.bd-mdrawer .bd-mdrawer__acct-links a {
	flex: 1;
	display: grid;
	place-items: center;
	min-height: 40px;
	border: 1px solid var(--bd-dark-line);
	border-radius: var(--bd-r-btn);
	color: var(--bd-on-dark-2);
	font-size: 13px;
	font-weight: 600;
}
.bd-mdrawer .bd-mdrawer__acct-links a:hover {
	border-color: var(--bd-gold);
	color: var(--bd-gold);
}
.bd-mdrawer__section {
	padding: 22px 0 6px;
}
.bd-mdrawer__label {
	margin: 0 0 8px;
	padding: 0 20px;
	color: var(--bd-on-dark-3);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.bd-mdrawer__labelrow {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-right: 20px;
}
.bd-mdrawer .bd-mdrawer__more {
	color: var(--bd-gold);
	font-size: 12.5px;
	font-weight: 700;
}
.bd-mdrawer .bd-mdrawer__more:hover {
	color: var(--bd-gold-300);
}

/* Accordion */
.bd-mnav {
	border-top: 1px solid var(--bd-dark-line);
}
.bd-mnav__item {
	border-bottom: 1px solid var(--bd-dark-line);
}
.bd-mdrawer .bd-mnav__row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 54px;
	padding: 0 20px;
	color: var(--bd-on-dark);
	font-family: var(--bd-font-display);
	font-size: 16px;
	font-weight: 700;
	font-stretch: 106%;
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
	transition: color var(--bd-dur) var(--bd-ease), background-color var(--bd-dur) var(--bd-ease);
}
.bd-mdrawer .bd-mnav__row:hover {
	background: var(--bd-dark-1);
	color: var(--bd-white);
}
.bd-mdrawer .bd-mnav__row.is-current .bd-mnav__label {
	box-shadow: inset 0 -2px 0 var(--bd-gold);
}
.bd-mdrawer .bd-mnav__row.is-deals,
.bd-mdrawer .bd-mnav__row.is-deals .bd-nav__icon {
	color: var(--bd-gold);
}
.bd-mnav__label {
	flex: 1 1 auto;
	min-width: 0;
}
.bd-mnav__count {
	flex: none;
	min-width: 28px;
	padding: 3px 8px;
	border-radius: var(--bd-r-pill);
	background: var(--bd-dark-3);
	color: var(--bd-on-dark-2);
	font-family: var(--bd-font-body);
	font-size: 11.5px;
	font-weight: 700;
	font-stretch: 100%;
	letter-spacing: 0;
	line-height: 1.2;
	text-align: center;
}
.bd-mnav__chev {
	flex: none;
	color: var(--bd-on-dark-3);
	transition: transform 0.3s var(--bd-ease-out), color var(--bd-dur) var(--bd-ease);
}
.bd-mnav__toggle[aria-expanded="true"] .bd-mnav__chev {
	transform: rotate(180deg);
	color: var(--bd-gold);
}
.bd-mdrawer .bd-mnav__toggle[aria-expanded="true"] {
	color: var(--bd-gold);
}
.bd-mnav__panel {
	display: grid;
	grid-template-rows: 0fr;
	visibility: hidden;
	transition: grid-template-rows 0.32s var(--bd-ease-out), visibility 0.32s;
}
.bd-mnav__item.is-open > .bd-mnav__panel {
	grid-template-rows: 1fr;
	visibility: visible;
}
.bd-mnav__inner {
	min-height: 0;
	overflow: hidden;
	background: var(--bd-dark-1);
}
.bd-mnav__item.is-open .bd-mnav__inner {
	padding: 6px 0 14px;
}
.bd-mdrawer .bd-mnav__sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 0 20px 0 32px;
	color: var(--bd-on-dark-2);
	font-size: 15px;
	font-weight: 500;
	transition: color var(--bd-dur) var(--bd-ease);
}
.bd-mdrawer .bd-mnav__sub:hover,
.bd-mdrawer .bd-mnav__sub.is-current {
	color: var(--bd-gold);
}
.bd-mdrawer .bd-mnav__sub--all {
	color: var(--bd-white);
	font-weight: 700;
}
.bd-mnav__subs {
	display: grid;
}
.bd-mnav__group {
	margin: 12px 0 8px;
	padding: 0 20px 0 32px;
	color: var(--bd-on-dark-3);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.bd-mnav__chips,
.bd-mdrawer__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bd-mnav__chips {
	padding: 0 20px 4px 32px;
}
.bd-mdrawer__chips {
	padding: 4px 20px 0;
}
.bd-mdrawer .bd-chip {
	min-height: 36px;
	font-family: var(--bd-font-display);
	font-size: 13px;
	font-weight: 700;
	font-stretch: 106%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.bd-mdrawer .bd-chip:hover {
	border-color: var(--bd-gold);
	color: var(--bd-gold);
}
.bd-mdrawer__links {
	display: grid;
}
.bd-mdrawer .bd-mdrawer__links a {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 48px;
	padding: 0 20px;
	color: var(--bd-on-dark-2);
	font-size: 15px;
	font-weight: 500;
}
.bd-mdrawer .bd-mdrawer__links a:hover {
	color: var(--bd-white);
}
.bd-mdrawer__links .bd-icon {
	color: var(--bd-gold);
}
.bd-mdrawer__help {
	margin: 18px 20px 0;
	padding: 18px;
	border: 1px solid var(--bd-dark-line);
	border-radius: var(--bd-r-lg);
	background:
		radial-gradient(120% 120% at 100% 0%, rgba(253, 198, 2, 0.16), transparent 60%),
		var(--bd-dark-1);
}
.bd-mdrawer__help-title {
	font-family: var(--bd-font-display);
	font-size: 17px;
	font-weight: 800;
	font-stretch: 108%;
	line-height: 1.2;
	text-transform: uppercase;
}
.bd-mdrawer__help-text {
	margin-top: 6px;
	color: var(--bd-on-dark-3);
	font-size: 12.5px;
	line-height: 1.5;
}
.bd-mdrawer__help-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 14px;
}
.bd-mdrawer__help-actions .bd-btn {
	min-height: 44px;
	padding-left: 10px;
	padding-right: 10px;
}
.bd-mdrawer__social {
	display: flex;
	gap: 6px;
	margin-top: 18px;
	padding: 0 14px;
}
.bd-mdrawer .bd-mdrawer__social a {
	color: var(--bd-on-dark-2);
}
.bd-mdrawer .bd-mdrawer__social a:hover {
	background: var(--bd-dark-3);
	color: var(--bd-gold);
}

/* ==========================================================================
   Mobile search panel (full screen)
   ========================================================================== */
.bd-drawer.bd-search-panel {
	left: 0;
	right: 0;
	width: 100%;
	background: var(--bd-white);
	color: var(--bd-text);
	opacity: 0;
	transform: translateY(-14px);
	transition: transform 0.35s var(--bd-ease-out), opacity 0.25s var(--bd-ease), visibility 0.35s;
}
.bd-drawer.bd-search-panel.is-open {
	opacity: 1;
	transform: none;
}
.bd-search--panel {
	flex: 1 1 auto;
	min-height: 0;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto minmax(0, 1fr);
	column-gap: 4px;
	padding-top: env(safe-area-inset-top);
}
.bd-search-panel .bd-search__back {
	margin: 10px 0 10px 6px;
	color: var(--bd-text);
}
.bd-search-panel .bd-search__back:hover {
	background: var(--bd-paper);
	color: var(--bd-text);
}
.bd-search-panel .bd-search__field {
	margin: 10px 16px 10px 0;
	height: 46px;
	border: 1.5px solid var(--bd-line-2);
	background: var(--bd-paper);
	color: var(--bd-text);
}
.bd-search-panel .bd-search__field:focus-within {
	border-color: var(--bd-black);
	background: var(--bd-white);
	box-shadow: var(--bd-ring);
}
.bd-search-panel .bd-search__lead {
	left: 14px;
	color: var(--bd-text-3);
}
.bd-search-panel .bd-search .bd-search__input[type="search"],
.bd-search-panel .bd-search__input[type="search"] {
	padding-left: 44px;
	font-size: 16px; /* ≥16px stops iOS zooming on focus */
}
.bd-search-panel .bd-search__input::placeholder {
	color: var(--bd-text-3);
}
.bd-search-panel .bd-search__submit {
	display: none;
}
.bd-search-panel .bd-search__drop {
	grid-column: 1 / -1;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 6px 16px calc(24px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--bd-line);
}
.bd-search-panel .bd-search__drop::before {
	content: "";
	display: block;
	height: 12px;
}

/* ==========================================================================
   Mobile bottom tab bar
   ========================================================================== */
.bd-tabbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: var(--bd-z-header);
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	height: calc(var(--bd-tabbar-h) + env(safe-area-inset-bottom, 0px));
	padding: 0 4px env(safe-area-inset-bottom, 0px);
	border-top: 1px solid var(--bd-line);
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 -10px 30px -18px rgba(10, 10, 10, 0.35);
	transition: transform 0.3s var(--bd-ease-out);
	-webkit-backdrop-filter: saturate(1.4) blur(12px);
	backdrop-filter: saturate(1.4) blur(12px);
}
.bd-kbd-open .bd-tabbar {
	transform: translateY(110%);
}
.bd-tabbar .bd-tabbar__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	height: var(--bd-tabbar-h);
	color: var(--bd-text-3);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1;
	transition: color var(--bd-dur) var(--bd-ease);
}
.bd-tabbar .bd-tabbar__item::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	width: 26px;
	height: 3px;
	margin-left: -13px;
	border-radius: 0 0 3px 3px;
	background: var(--bd-gold);
	transform: scaleX(0);
	transition: transform 0.3s var(--bd-ease-out);
}
.bd-tabbar .bd-tabbar__item:hover,
.bd-tabbar .bd-tabbar__item.is-active,
.bd-tabbar .bd-tabbar__item[aria-expanded="true"] {
	color: var(--bd-text);
}
.bd-tabbar .bd-tabbar__item.is-active::before,
.bd-tabbar .bd-tabbar__item[aria-expanded="true"]::before {
	transform: scaleX(1);
}
.bd-tabbar .bd-tabbar__item:active .bd-tabbar__icon {
	transform: scale(0.9);
}
.bd-tabbar__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	transition: transform 0.15s var(--bd-ease);
}
.bd-tabbar .bd-count {
	top: -4px;
	right: -10px;
	box-shadow: 0 0 0 2px var(--bd-white);
}
.bd-tabbar__label {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bd-tabbar :focus-visible {
	outline-offset: -4px;
}

/* ==========================================================================
   Checkout flow header
   ========================================================================== */
.bd-header--checkout {
	position: relative;
	top: auto;
	pointer-events: auto;
	background: var(--bd-black);
	border-bottom: 1px solid var(--bd-dark-line);
}
.bd-cohdr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	height: 64px;
}
.bd-cohdr__logo {
	display: block;
	line-height: 0;
}
.bd-cohdr__logo .bd-logo__img {
	width: 132px;
	height: auto;
}
.bd-cohdr__secure {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}
.bd-cohdr__lock {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--bd-gold-soft);
	color: var(--bd-gold);
}
.bd-cohdr__secure-text {
	display: grid;
	line-height: 1.25;
}
.bd-cohdr__secure-text strong {
	font-family: var(--bd-font-display);
	font-size: 13px;
	font-weight: 800;
	font-stretch: 108%;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bd-white);
}
.bd-cohdr__secure-text small {
	display: none;
	color: var(--bd-on-dark-3);
	font-size: 12px;
}
.bd-cohdr__help {
	display: none;
}
.bd-header .bd-cohdr__help {
	align-items: center;
	gap: 10px;
	justify-self: end;
	color: var(--bd-on-dark);
}
.bd-header .bd-cohdr__help:hover {
	color: var(--bd-gold);
}
.bd-cohdr__help .bd-icon {
	color: var(--bd-gold);
}
.bd-cohdr__help-text {
	display: grid;
	line-height: 1.25;
}
.bd-cohdr__help-text small {
	color: var(--bd-on-dark-3);
	font-size: 11.5px;
}
.bd-cohdr__help-text strong {
	font-size: 14px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   Breakpoints
   ========================================================================== */
@media (max-width: 380px) {
	.bd-header__logo .bd-logo__img {
		width: 132px;
	}
	.bd-topbar {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.bd-topbar .bd-announce__btn {
		display: inline-grid;
	}
	.bd-header__logo .bd-logo__img {
		width: 186px;
	}
	.bd-header__row {
		gap: 16px;
	}
	.bd-header .bd-header__logo {
		margin-right: 0;
	}
	.bd-search--inline {
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		max-width: 720px;
		margin: 0 auto;
	}
	.bd-header .bd-hdr-icon--search {
		display: none;
	}
	.bd-header .bd-hdr-action--account,
	.bd-header .bd-hdr-action--wishlist,
	.bd-header .bd-hdr-account {
		display: flex;
	}
	.bd-hdr-actions {
		gap: 4px;
	}
	.bd-cohdr {
		grid-template-columns: 1fr auto 1fr;
		height: 76px;
	}
	.bd-cohdr__logo .bd-logo__img {
		width: 190px;
	}
	.bd-cohdr__secure-text small {
		display: block;
	}
	.bd-header .bd-cohdr__help {
		display: flex;
	}
}

@media (min-width: 1024px) {
	.bd-topbar__row {
		justify-content: space-between;
	}
	.bd-announce {
		flex: 0 1 600px;
		margin-left: -6px;
	}
	/* Desktop: a compact pager (‹ ›) before the left-aligned message. */
	.bd-announce__viewport {
		order: 2;
		margin-left: 8px;
	}
	.bd-announce__viewport::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 14px;
		margin-top: -7px;
		background: var(--bd-dark-line-2);
	}
	.bd-announce__item {
		justify-content: flex-start;
		padding-left: 15px;
	}
	.bd-topbar .bd-announce__btn {
		width: 24px;
		height: 24px;
	}
	.bd-topbar__links {
		display: flex;
	}
	.bd-header__row {
		gap: 32px;
	}
	.bd-header .bd-hdr-icon--menu {
		display: none;
	}
	.bd-header__logo .bd-logo__img {
		width: 214px;
	}
	.bd-header.is-stuck .bd-header__logo .bd-logo__img {
		transform: scale(0.9);
	}
	.bd-hdr-actions {
		gap: 6px;
		margin-right: -8px;
	}
	.bd-header .bd-hdr-action {
		min-width: 62px;
		height: 56px;
		padding: 0 8px;
	}
	.bd-hdr-action__label {
		position: static;
		width: auto;
		height: auto;
		max-width: 108px;
		overflow: hidden;
		clip: auto;
		color: var(--bd-on-dark-2);
		font-size: 11.5px;
		font-weight: 600;
		letter-spacing: 0.01em;
		line-height: 1;
		text-overflow: ellipsis;
		transition: color var(--bd-dur) var(--bd-ease);
	}
	.bd-header .bd-hdr-action:hover .bd-hdr-action__label,
	.bd-header .bd-hdr-account.is-open .bd-hdr-action__label {
		color: var(--bd-gold);
	}

	.bd-nav {
		position: relative;
		z-index: 2;
		display: block;
		background: var(--bd-black);
		border-top: 1px solid var(--bd-dark-line);
		transition: transform 0.35s var(--bd-ease-out), box-shadow 0.35s var(--bd-ease-out), visibility 0.35s;
	}
	.bd-nav__row {
		display: flex;
		align-items: stretch;
		height: calc(var(--bd-hdr-nav) - 1px);
	}
	.bd-header.is-stuck .bd-nav {
		transform: translateY(calc(-1 * var(--bd-hdr-shift)));
		box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.7);
	}
	.bd-header.is-stuck .bd-header__main {
		box-shadow: none;
	}
	.bd-header.is-nav-hidden .bd-nav {
		transform: translateY(calc(-100% - var(--bd-hdr-shift)));
		box-shadow: none;
		visibility: hidden;
	}
	.bd-header.is-stuck.is-nav-hidden .bd-header__main {
		box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.7);
	}
	.bd-tabbar {
		display: none;
	}
}

/* Tablet (768–1023): hide the tab bar too — header actions cover it. */
@media (min-width: 768px) {
	.bd-tabbar {
		display: none;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.bd-header .bd-nav__link {
		padding: 0 10px;
		font-size: 13px;
		letter-spacing: 0.04em;
	}
	.bd-header .bd-nav__link::after {
		left: 10px;
		right: 10px;
	}
	.bd-header .bd-nav__all {
		padding-right: 28px;
		font-size: 12.5px;
	}
	.bd-nav__item--all {
		margin-right: 8px;
	}
	.bd-header__logo .bd-logo__img {
		width: 184px;
	}
	.bd-header .bd-hdr-action {
		min-width: 54px;
		padding: 0 4px;
	}
	.bd-mega__aside {
		flex-basis: 280px;
	}
	.bd-mega__inner,
	.bd-mega__main {
		gap: 32px;
	}
	.bd-brandgrid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	.bd-mega__trust li:nth-child(3) {
		display: none;
	}
	.bd-tiles {
		gap: 12px 10px;
	}
	.bd-hdr-action__label {
		max-width: 84px;
	}
}

@media (min-width: 1024px) {
	.bd-search--inline .bd-search__drop {
		left: 50%;
		right: auto;
		width: max(100%, min(900px, 100vw - 2 * var(--bd-gutter)));
		translate: -50% 0;
		padding: 22px 24px 20px;
	}
}

@media (min-width: 1280px) {
	.bd-search__submit-text {
		display: inline;
	}
	.bd-search .bd-search__submit {
		padding: 0 18px;
	}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.bd-announce__item {
		transform: none !important;
	}
	.bd-nav__item.is-open > .bd-mega,
	.is-open > .bd-dropdown,
	.bd-search--inline.is-open .bd-search__drop {
		animation: none;
	}
}

/* ---------- No-JS fallback: hover/focus opens the panels ---------- */
html:not(.bd-js-header) .bd-nav__item.has-panel:hover > .bd-mega,
html:not(.bd-js-header) .bd-nav__item.has-panel:focus-within > .bd-mega,
html:not(.bd-js-header) .bd-nav__item.has-panel:hover > .bd-dropdown,
html:not(.bd-js-header) .bd-nav__item.has-panel:focus-within > .bd-dropdown,
html:not(.bd-js-header) .bd-hdr-account:hover > .bd-dropdown,
html:not(.bd-js-header) .bd-hdr-account:focus-within > .bd-dropdown {
	display: block;
}