/* Twist Home Preview: the live site header (0.12.0, 14 Oct 2026). Generated by scratchpad oct14/gen_header_css.py from

   home.css + home-desktop.css: the offer ribbon, the desktop header and the mega menu, re-scoped under .twhp-hl so they

   sit above the theme on every page. Below 1000px this header is hidden and the theme header shows as before. */

.twhp-hl {
	--font: "Helvetica Neue", Helvetica, Arial, sans-serif;
		--ink: #111;
		--text: #3a3a3a;
		--muted: #666;
		--blue-soft: #e9f3fc;
		--blue-line: #cfe4f7;
		--review: #d4007a;
		--line: #e3e3e3;
		--tp: #00b67a;
}

.twhp-hl {
	display: none;
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.45;
	color: var(--text);
	-webkit-text-size-adjust: 100%;
}
.twhp-hl *,
.twhp-hl *::before,
.twhp-hl *::after {
	box-sizing: border-box;
}
.twhp-hl a {
	color: inherit;
	text-decoration: none;
}
.twhp-hl img {
	display: block;
	max-width: 100%;
}
.twhp-hl ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.twhp-hl h3 {
	margin: 0;
}
.twhp-hl button {
	font: inherit;
	border-radius: 0;
}
.twhp-hl input[type="search"] {
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	height: auto;
}

.twhp-hl .twhp-ribbon {
	overflow: hidden;
		background: var(--blue-soft);
		font-size: 14px;
		color: var(--ink);
}

.twhp-hl .twhp-ribbon__track {
	display: flex;
		width: max-content;
		animation: twhp-ribbon 22s linear infinite;
}

.twhp-hl .twhp-ribbon:hover .twhp-ribbon__track,
.twhp-hl .twhp-ribbon:focus-within .twhp-ribbon__track {
	animation-play-state: paused;
}

.twhp-hl .twhp-ribbon__set {
	display: flex;
		align-items: center;
}

.twhp-hl .twhp-ribbon__item {
	display: inline-flex;
		align-items: center;
		gap: 8px;
		height: 36px;
		padding: 0 26px;
		white-space: nowrap;
}

.twhp-hl .twhp-ribbon__item + .twhp-ribbon__item,
.twhp-hl .twhp-ribbon__set + .twhp-ribbon__set .twhp-ribbon__item:first-child {
	border-left: 1px solid var(--blue-line);
}

.twhp-hl .twhp-ribbon__offer {
	text-decoration: underline;
		text-underline-offset: 3px;
}

.twhp-hl .twhp-icon {
	display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		color: var(--ink);
}

.twhp-hl .twhp-trust__star {
	color: var(--tp);
		font-size: 20px;
		line-height: 1;
}

.twhp-hl .twhp-trust__brand {
	font-weight: 700;
}

.twhp-hl .twhp-trust__stars {
	display: inline-flex;
		gap: 2px;
}

.twhp-hl .twhp-trust__stars i {
	display: block;
		width: 18px;
		height: 18px;
		background: var(--tp) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.4L12 17.2l-5.7 3.1 1.2-6.4L2.8 9.5l6.4-.8z'/%3E%3C/svg%3E") center/16px no-repeat;
}

.twhp-hl .twhp-trust__score {
	font-weight: 700;
}

.twhp-hl .twhp-sr {
	position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__track {
		display: block;
				width: auto;
				animation: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__set {
		position: relative;
				display: block;
				height: 36px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__set[aria-hidden] {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__item {
		position: absolute;
				inset: 0;
				justify-content: center;
						animation: twhp-swap 15s linear infinite;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__item + .twhp-ribbon__item {
		border-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__item:nth-child(2) {
		animation-delay: -10s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon__item:nth-child(3) {
		animation-delay: -5s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.twhp-hl .twhp-ribbon:hover .twhp-ribbon__item,
	.twhp-hl .twhp-ribbon:focus-within .twhp-ribbon__item {
		animation-play-state: paused;
	}
}

.twhp-hl .twhp-chip {
	display: inline-flex;
		align-items: center;
		height: 22px;
		padding: 0 7px;
		border: 1px solid var(--ink);
		background: #fff;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--ink);
		text-decoration: none;
}

.twhp-hl .twhp-chip--solid {
	background: var(--ink);
		color: #fff;
}

.twhp-hl .twhp-ribbon__offer {
	text-decoration: none;
}

.twhp-hl .twhp-ribbon__offer .twhp-ribbon__text {
	text-decoration: underline;
		text-underline-offset: 3px;
}

.twhp-hl .twhp-wrap {
	width: min(1280px, calc(100% - 112px));
		margin-left: auto;
		margin-right: auto;
}

.twhp-hl .twhp-dhead {
	display: none;
}

.twhp-hl .twhp-mega__panel {
	display: none;
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead {
		display: block;
				position: sticky;
				top: 0;
				z-index: 60;
				background: #fff;
				border-bottom: 1px solid var(--line);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__row {
		display: grid;
				grid-template-columns: 1fr auto 1fr;
				align-items: center;
				gap: 24px;
				min-height: 72px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__logo img {
		width: 118px;
				height: auto;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__icons {
		display: flex;
				justify-content: flex-end;
				align-items: center;
				gap: 6px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__icons .twhp-icon {
		width: 44px;
				height: 44px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				color: var(--ink);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__search {
		display: flex;
				align-items: center;
				gap: 8px;
				margin-right: 6px;
				padding: 0 12px;
				height: 40px;
				border: 1px solid var(--line);
				background: #fff;
				width: 220px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__search input {
		border: 0;
				outline: 0;
				width: 100%;
				font: inherit;
				font-size: 14px;
				color: var(--ink);
				background: transparent;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__search button {
		border: 0;
				background: none;
				padding: 0;
				color: var(--ink);
				cursor: pointer;
				display: inline-flex;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega {
		display: flex;
				justify-content: center;
				gap: 2px;
				margin: 0;
				padding: 0;
				list-style: none;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__item {
		position: static;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__top {
		display: inline-flex;
				align-items: center;
				gap: 6px;
				padding: 25px 14px;
				border: 0;
				background: none;
				font: 400 15px/1.2 var(--font);
				color: var(--ink);
				cursor: pointer;
				text-decoration: none;
				position: relative;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__top::after {
		content: "";
				position: absolute;
				left: 14px;
				right: 14px;
				bottom: 18px;
				height: 1px;
				background: var(--ink);
				transform: scaleX(0);
				transform-origin: left;
				transition: transform 0.18s ease;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__item:hover > .twhp-mega__top::after,
	.twhp-hl .twhp-mega__item.is-open > .twhp-mega__top::after,
	.twhp-hl .twhp-mega__top:focus-visible::after {
		transform: scaleX(1);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__top:focus-visible {
		outline: 2px solid var(--ink);
				outline-offset: -6px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__chev {
		width: 8px;
				height: 8px;
				border-right: 1.4px solid currentColor;
				border-bottom: 1.4px solid currentColor;
				transform: translateY(-2px) rotate(45deg);
				transition: transform 0.18s;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__item.is-open .twhp-mega__chev {
		transform: translateY(1px) rotate(225deg);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__item.is-open > .twhp-mega__panel {
		display: block;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__panel {
		position: absolute;
				left: 0;
				right: 0;
				top: 100%;
				background: #fff;
				border-top: 1px solid var(--line);
				border-bottom: 1px solid var(--line);
				box-shadow: 0 18px 30px -22px rgba(17, 17, 17, 0.35);
				z-index: 61;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__inner {
		display: grid;
				grid-template-columns: 1fr;
				gap: 36px;
				padding: 30px 0 34px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__inner.has-feature {
		grid-template-columns: minmax(0, 1fr) 280px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__cols {
		display: grid;
				grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
				gap: 28px 32px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col h3 {
		margin: 0 0 10px;
				font: 500 14px/1.3 var(--font);
				letter-spacing: 0.06em;
				text-transform: uppercase;
				color: var(--ink);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col h3 a {
		color: inherit;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col h3 a:hover {
		text-decoration: underline;
				text-underline-offset: 4px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col ul {
		list-style: none;
				margin: 0;
				padding: 0;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col li {
		margin: 0 0 7px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col li a,
	.twhp-hl .twhp-mega__col li span {
		font-size: 15px;
				line-height: 1.35;
				color: var(--text);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col li a:hover {
		color: var(--ink);
				text-decoration: underline;
				text-underline-offset: 4px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col li .twhp-chip {
		margin-left: 6px;
				font-size: 11px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__all {
		display: inline-block;
				margin-top: 6px;
				font-size: 14px;
				font-weight: 500;
				color: var(--ink) !important;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature {
		display: block;
				background: #f3f3f3;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature img {
		width: 100%;
				aspect-ratio: 4 / 3;
				object-fit: cover;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature span {
		display: block;
				padding: 12px 14px 14px;
				font-size: 15px;
				font-weight: 500;
				color: var(--ink);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature:hover img {
		opacity: 0.94;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__inner--offer {
		display: block;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer {
		display: grid;
				grid-template-columns: minmax(0, 1fr);
				min-height: 300px;
				background: #ebf9ff;
				color: var(--ink);
				text-decoration: none;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer.has-img {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__copy {
		display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				padding: 30px 40px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__kicker {
		margin: 0 0 14px;
				font-size: 12px;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0.22em;
				text-transform: uppercase;
				color: #2d9fd0;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__h {
		display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: 12px;
				font-size: 32px;
				font-weight: 300;
				line-height: 1.1;
				letter-spacing: -0.01em;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__h .twhp-chip {
		height: 26px;
				padding: 0 9px;
				font-size: 13px;
				font-weight: 700;
				letter-spacing: 0.04em;
				text-transform: uppercase;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__p {
		display: block;
				max-width: 40ch;
				margin: 12px 0 0;
				font-size: 16px;
				line-height: 1.45;
				color: #3a3a3a;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__link {
		display: inline-block;
				margin-top: 18px;
				font-size: 15px;
				font-weight: 500;
				text-decoration: underline;
				text-underline-offset: 5px;
				text-decoration-thickness: 1px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__link i {
		font-style: normal;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__img {
		position: relative;
				display: block;
				overflow: hidden;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer__img img {
		position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 50% 50%;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer:hover .twhp-offer__img img {
		opacity: 0.94;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-offer:hover .twhp-offer__link {
		text-decoration-thickness: 2px;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__scrim {
		position: fixed;
				inset: 0;
				background: rgba(17, 17, 17, 0.18);
				z-index: 55;
				display: none;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead.has-open ~ .twhp-mega__scrim,
	.twhp-hl .twhp-mega.has-open ~ .twhp-mega__scrim {
		display: block;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col h3 {
		font-weight: 700;
				letter-spacing: 0.07em;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__col li.twhp-mega__allitem a {
		color: var(--ink);
				font-weight: 500;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__inner.has-feature {
		align-items: stretch;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature {
		position: relative;
				display: block;
				min-height: 300px;
				height: 100%;
				overflow: hidden;
				background: #fff;
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature img {
		position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				aspect-ratio: auto;
				object-fit: cover;
				transition: transform 0.45s cubic-bezier(0.2, 0.6, 0.2, 1);
	}
}

@media (min-width: 1000px) {
	.twhp-hl a.twhp-mega__feature:hover img {
		opacity: 1;
				transform: scale(1.04);
	}
}

@media (min-width: 1000px) {
	.twhp-hl .twhp-mega__feature span {
		position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 14px 16px;
				background: rgba(255, 255, 255, 0.94);
				border-top: 1px solid var(--line);
				font-size: 15px;
				font-weight: 600;
				color: var(--ink);
	}
}

.twhp-hl .twhp-ribbon__track {
	animation-duration: 65s;
}

@keyframes twhp-swap {
	0%,
	30% {
		opacity: 1;
		visibility: visible;
	}

	33.3%,
	96.7% {
		opacity: 0;
		visibility: hidden;
	}

	100% {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes twhp-ribbon {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/* ---------- On the live site ---------- */
@media (min-width: 1000px) {
	body.twhp-hl-on .twhp-hl {
		display: block;
		position: relative;
		z-index: 1001; /* above the theme's page wrapper and its sticky bits */
	}
	/* The theme's header goes; its off-canvas basket is carried into this header by header-live.js. */
	body.twhp-hl-on .page-wrapper > .header-wrapper,
	body.twhp-hl-on .header-wrapper:not(.twhp-hl *) {
		display: none;
	}
	body.admin-bar .twhp-hl .twhp-dhead {
		top: 32px;
	}
	/* The theme's off-canvas basket, moved into the icons: the same square as the other icons, no text. */
	.twhp-hl .twhp-dhead__icons #mini-cart {
		position: static;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		float: none;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		color: var(--ink);
		line-height: 1;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .cart-items-text,
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .cart-items,
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .minicart-txt,
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .cart-subtotal {
		display: none;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .minicart-icon,
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head i {
		font-size: 24px;
		margin: 0;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .cart-items {
		display: inline-flex;
		position: absolute;
		top: 4px;
		right: 2px;
		min-width: 18px;
		height: 18px;
		padding: 0 5px;
		align-items: center;
		justify-content: center;
		background: var(--ink);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head {
		position: relative;
	}
}


/* ---------- 0.12.1 fixes (14 Oct 2026) ---------- */
@media (min-width: 1000px) {
	/* The whole block is the sticky element (the header on its own was only sticky inside its own box): a negative
	   top lets the 36px ribbon scroll away and pins the header bar at the top. */
	body.twhp-hl-on .twhp-hl {
		position: sticky;
		top: -36px;
		z-index: 1100; /* above the category pages' pinned filter row (1030) and the theme (1001) */
	}
	body.admin-bar.twhp-hl-on .twhp-hl {
		top: -4px;
	}
	.twhp-hl .twhp-dhead {
		position: relative;
		top: auto;
		z-index: 60;
	}
}
/* 0.12.3: logo | bar | icons at every desktop width, the bar taking what is left and nothing wrapping, so the logo
   always keeps its place (with 1fr auto 1fr the logo column collapsed on 1280px screens). */
@media (min-width: 1000px) {
	.twhp-hl .twhp-dhead__row {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}
	.twhp-hl .twhp-mega {
		min-width: 0;
	}
	.twhp-hl .twhp-mega__top {
		white-space: nowrap;
	}
}
/* Mid-size screens (1200 to 1399px): a little tighter. */
@media (min-width: 1200px) and (max-width: 1399px) {
	.twhp-hl .twhp-wrap {
		width: calc(100% - 64px);
	}
	.twhp-hl .twhp-dhead__row {
		gap: 16px;
	}
	.twhp-hl .twhp-dhead__logo img {
		width: 110px;
	}
	.twhp-hl .twhp-mega__top {
		padding-left: 10px;
		padding-right: 10px;
	}
	.twhp-hl .twhp-mega__top::after {
		left: 10px;
		right: 10px;
	}
	.twhp-hl .twhp-dhead__icons .twhp-dhead__search {
		width: 170px;
		min-width: 0;
	}
}
/* 0.12.4, Claire's Mega Menu Feedback 14/10/26. */
@media (min-width: 1000px) {
	/* Shop Tea tile: the lower part of the photo, so the caddies show and there is less air above Claire. */
	.twhp-hl #twhp-panel-0 .twhp-mega__feature img {
		object-position: center 100%;
	}
	/* Tiles in the short panels (Samples, Christmas): taller, so the photo is not a thin strip. */
	.twhp-hl .twhp-mega__feature {
		min-height: 360px;
	}
	/* Selection Boxes (the Tasting Menu GIF): the whole picture, not a crop. */
	.twhp-hl #twhp-panel-2 .twhp-mega__feature img {
		object-fit: contain;
		background: #fff;
	}
	/* 0.12.7: the Samples panel is the offer card (home-desktop.css, rescoped above). */
	/* The basket count sits on the top-right corner of the icon, not over the bag. */
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .cart-items {
		top: -4px;
		right: -8px;
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		font-size: 10px;
		border: 2px solid #fff;
		box-sizing: content-box;
	}
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head .minicart-icon,
	.twhp-hl .twhp-dhead__icons #mini-cart .cart-head i {
		transform: translateX(-3px);
	}
}
/* Narrow desktops (1000 to 1199px): tighter still. */
@media (min-width: 1000px) and (max-width: 1199px) {
	.twhp-hl .twhp-wrap {
		width: calc(100% - 48px);
	}
	.twhp-hl .twhp-dhead__row {
		gap: 10px;
	}
	.twhp-hl .twhp-dhead__logo img {
		width: 96px;
	}
	.twhp-hl .twhp-mega {
		justify-content: flex-start;
		gap: 0;
	}
	.twhp-hl .twhp-mega__top {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 14px;
	}
	.twhp-hl .twhp-mega__top::after {
		left: 7px;
		right: 7px;
	}
	.twhp-hl .twhp-dhead__icons .twhp-dhead__search {
		width: 130px;
		min-width: 0;
	}
	.twhp-hl .twhp-mega__inner {
		gap: 24px;
	}
}