/* =========================================================================
   The Coffee Store: design tokens, base, header/footer and homepage.
   Values are taken from Main/Shop/Product/Cart/Checkout .dc.html.
   ========================================================================= */

:root {
	/* Colour */
	--tcs-bg: #0E0C0B;
	--tcs-surface: #181412;
	--tcs-raised: #221C19;
	--tcs-line: #2E2622;
	--tcs-line-strong: #3A302B;
	--tcs-border: #4A3E37;
	--tcs-subtle: #8F8379;
	--tcs-muted: #B3A79C;
	--tcs-muted-warm: #C9B8AA;
	--tcs-ink: #F5EFE8;
	--tcs-accent: #FF6A2B;
	--tcs-accent-ring: rgba(255, 106, 43, .18);
	--acc: var(--tcs-accent);

	/* Type */
	--tcs-font-display: 'Bricolage Grotesque', sans-serif;
	--tcs-font-body: 'DM Sans', system-ui, sans-serif;

	/* Layout */
	--tcs-container: 1280px;
	--tcs-gutter: 24px;
	--tcs-section: 96px;

	/* Radius */
	--tcs-r-pill: 999px;
	--tcs-r-xl: 32px;
	--tcs-r-lg: 28px;
	--tcs-r-card: 24px;
	--tcs-r-tile: 20px;
	--tcs-r-option: 18px;
	--tcs-r-thumb: 16px;
	--tcs-r-input: 14px;
	--tcs-r-sm: 12px;

	--tcs-ease: cubic-bezier(.2, .7, .2, 1);
}

/* Base ------------------------------------------------------------------ */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scrollbar-color: var(--tcs-border) var(--tcs-bg); scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--tcs-bg); }
::-webkit-scrollbar-thumb { background: var(--tcs-line-strong); border-radius: 999px; border: 2px solid var(--tcs-bg); }
::-webkit-scrollbar-thumb:hover { background: var(--tcs-accent); }
::selection { background: var(--tcs-accent); color: var(--tcs-bg); }

body.tcs {
	margin: 0;
	background: var(--tcs-bg);
	color: var(--tcs-ink);
	font-family: var(--tcs-font-body);
	font-size: 16px;
	line-height: 1.5;
	text-wrap: pretty;
}

.tcs-site { width: 100%; min-height: 100vh; display: flex; flex-direction: column; }
.tcs-main { flex: 1 0 auto; }

img { max-width: 100%; height: auto; }

a { color: var(--tcs-ink); }
a:hover { color: var(--tcs-accent); }

:where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--tcs-font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: var(--tcs-ink);
}

a, button, input, select, img, label {
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .3s ease, transform .3s var(--tcs-ease), filter .2s ease, opacity .2s ease;
}
a:focus-visible, button:focus-visible { outline: 2px solid var(--acc); outline-offset: 3px; }

:where(.tcs-main) :where(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], select, textarea) {
	min-height: 52px;
	padding: 0 16px;
	border-radius: var(--tcs-r-input);
	border: 1px solid var(--tcs-border);
	background: var(--tcs-surface);
	color: var(--tcs-ink);
	font: inherit;
	max-width: 100%;
}
:where(.tcs-main) :where(textarea) { padding: 14px 16px; min-height: 120px; }
:where(.tcs-main) :where(input, select, textarea):hover { border-color: var(--tcs-subtle); }
:where(.tcs-main) :where(input, select, textarea):focus { border-color: var(--acc); box-shadow: 0 0 0 4px var(--tcs-accent-ring); outline: none; }
:where(.tcs-main) :where(input[type="checkbox"], input[type="radio"]) { width: 18px; height: 18px; accent-color: var(--tcs-accent); min-height: 0; }
input[type="checkbox"]:focus { box-shadow: none; }
label:has(input[type="checkbox"]) { cursor: pointer; }
label:has(input[type="checkbox"]):hover { color: var(--tcs-ink); }

.screen-reader-text,
.tcs-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.skip-link:focus {
	clip: auto;
	width: auto;
	height: auto;
	margin: 0;
	top: 8px;
	left: 8px;
	z-index: 300;
	padding: 12px 18px;
	background: var(--tcs-accent);
	color: var(--tcs-bg);
	border-radius: var(--tcs-r-pill);
	font-weight: 700;
}

/* Utilities ------------------------------------------------------------- */

.tcs-container { max-width: var(--tcs-container); margin: 0 auto; padding-left: var(--tcs-gutter); padding-right: var(--tcs-gutter); }
.tcs-accent { color: var(--acc); }
.tcs-muted { color: var(--tcs-muted); }
.tcs-small { font-size: 14px; }
.tcs-strong { font-weight: 700; }
.tcs-link-strong { font-weight: 700; }
.tcs-self-start { align-self: flex-start; }

.tcs-display {
	margin: 0;
	font-family: var(--tcs-font-display);
	font-weight: 800;
	font-size: clamp(3.25rem, 7vw, 6.5rem);
	line-height: .95;
	letter-spacing: -0.04em;
}
.tcs-h1 {
	margin: 0;
	font-family: var(--tcs-font-display);
	font-weight: 800;
	font-size: 64px;
	line-height: 1;
	letter-spacing: -0.04em;
}
.tcs-h2 {
	margin: 0;
	font-family: var(--tcs-font-display);
	font-weight: 800;
	font-size: 44px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}
.tcs-h2--narrow { max-width: 680px; margin-bottom: 32px; }
.tcs-h2--xl { font-size: 52px; line-height: 1; }
.tcs-h2--md { font-size: 40px; }
.tcs-lead { margin: 0; font-size: 19px; color: var(--tcs-muted); }
.tcs-lead--sm { font-size: 18px; }
.tcs-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tcs-muted); }
.tcs-eyebrow--warm { color: var(--tcs-muted-warm); }
.tcs-eyebrow.tcs-accent { color: var(--acc); }
.tcs-chip {
	align-self: flex-start;
	border: 1px solid var(--tcs-line-strong);
	border-radius: var(--tcs-r-pill);
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--tcs-muted);
}

/* Links inside sections (design hover) */
.tcs-main section a:not(.btn):not(.button):not(.card):not([aria-label]):not(.tcs-pill):not(.tcs-check):not(.page-numbers):hover,
.tcs-main aside a:not(.btn):not(.button):not(.tcs-pill):not(.tcs-check):hover {
	color: var(--acc);
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Buttons --------------------------------------------------------------- */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 28px;
	border: 0;
	border-radius: var(--tcs-r-pill);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.btn:hover { transform: translateY(-2px); }
.btn:active, button:active { transform: translateY(0) scale(.97); }
.btn-solid { background: var(--acc); color: var(--tcs-bg); }
.btn-solid:hover { filter: brightness(1.08); box-shadow: 0 14px 30px -12px var(--acc); color: var(--tcs-bg); }
.btn-ghost { background: transparent; border: 1px solid var(--tcs-border); color: var(--tcs-ink); }
.btn-ghost:hover { background: var(--tcs-raised); border-color: var(--tcs-ink); color: var(--tcs-ink); }
.btn-sm { min-height: 44px; padding: 0 18px; font-size: 14px; }

/* Cards ----------------------------------------------------------------- */

.card { transition: transform .4s var(--tcs-ease); }
.card:hover { transform: translateY(-6px); }
.card img, .zoom img { transition: transform .8s var(--tcs-ease); }
.card:hover img, .zoom:hover img { transform: scale(1.06); }

/* Header ---------------------------------------------------------------- */

.tcs-announce {
	background: var(--acc);
	color: var(--tcs-bg);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 16px;
}
.tcs-announce .amount, .tcs-announce bdi { color: inherit; }

.tcs-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(14, 12, 11, .88);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--tcs-line);
}
body.admin-bar .tcs-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .tcs-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .tcs-header { top: 0; } }

.tcs-header__row {
	max-width: var(--tcs-container);
	margin: 0 auto;
	padding: 16px 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}
.tcs-header--checkout .tcs-header__row { justify-content: space-between; gap: 16px; }

.tcs-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--tcs-ink); }
.tcs-brand:hover { color: var(--tcs-ink); }
.tcs-brand__dot { width: 28px; height: 28px; border-radius: 50%; background: var(--acc); display: inline-block; flex: none; transition: transform .4s var(--tcs-ease); }
.tcs-brand:hover .tcs-brand__dot { transform: scale(1.18) rotate(-12deg); }
.tcs-brand__name { font-family: var(--tcs-font-display); font-weight: 800; font-size: 22px; letter-spacing: -0.02em; text-transform: uppercase; }
.tcs-brand__logo { display: block; max-height: 44px; width: auto; }

.tcs-nav { display: flex; flex: 1 1 auto; justify-content: center; }
.tcs-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 28px; }
.tcs-nav a { position: relative; white-space: nowrap; text-decoration: none; font-weight: 500; font-size: 15px; color: var(--tcs-ink); }
.tcs-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 2px;
	border-radius: 2px;
	background: var(--acc);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--tcs-ease);
}
.tcs-nav a:hover { color: var(--acc); }
.tcs-nav a:hover::after { transform: scaleX(1); }
.tcs-nav .current-menu-item > a,
.tcs-nav a[aria-current="page"] { font-weight: 700; color: var(--acc); }

.tcs-header__icons { display: flex; gap: 4px; align-items: center; }
.tcs-icon-btn { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--tcs-ink); }
.tcs-icon-btn:hover { background: var(--tcs-raised); color: var(--tcs-ink); transform: translateY(-2px); }
.tcs-cart-link {
	height: 44px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: var(--tcs-r-pill);
	background: var(--tcs-raised);
	color: var(--tcs-ink);
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
}
.tcs-cart-link:hover { color: var(--tcs-ink); transform: translateY(-2px); filter: brightness(1.18); box-shadow: 0 10px 24px -12px var(--acc); }
.tcs-secure { display: flex; align-items: center; gap: 8px; color: var(--tcs-muted); font-size: 14px; font-weight: 700; }

/* Footer ---------------------------------------------------------------- */

.tcs-footer { border-top: 1px solid var(--tcs-line); }
.tcs-footer__grid {
	max-width: var(--tcs-container);
	margin: 0 auto;
	padding: 56px 24px 32px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
	gap: 32px;
}
.tcs-footer__brand { display: flex; flex-direction: column; gap: 12px; }
.tcs-footer__name { font-family: var(--tcs-font-display); font-weight: 800; font-size: 22px; text-transform: uppercase; }
.tcs-footer__tag { color: var(--tcs-muted); font-size: 14px; }
.tcs-footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 15px; }
.tcs-footer__title { font-weight: 700; }
.tcs-footer__col a { display: inline-block; text-decoration: none; color: var(--tcs-muted); }
.tcs-footer__col a:hover { color: var(--tcs-ink); transform: translateX(4px); }
.tcs-footer__legal { max-width: var(--tcs-container); margin: 0 auto; padding: 20px 24px 32px; color: var(--tcs-subtle); font-size: 13px; }
.tcs-footer--slim .tcs-footer__row {
	max-width: var(--tcs-container);
	margin: 0 auto;
	padding: 32px 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	color: var(--tcs-subtle);
	font-size: 14px;
}
.tcs-footer--slim .tcs-footer__name { font-size: 18px; color: var(--tcs-ink); }

/* Sections & grids ------------------------------------------------------ */

.tcs-section { padding-top: var(--tcs-section); }
.tcs-section--last { padding-bottom: var(--tcs-section); }
.tcs-section__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 32px; }
.tcs-grid { display: grid; gap: 20px; }
.tcs-grid--300 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.tcs-grid--280 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }

/* Home: hero ------------------------------------------------------------ */

.tcs-hero {
	padding-top: 88px;
	padding-bottom: 96px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
	gap: 56px;
	align-items: center;
}
.tcs-hero__copy { display: flex; flex-direction: column; gap: 28px; }
.tcs-hero__lead { max-width: 520px; }
.tcs-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tcs-trust { display: flex; flex-wrap: wrap; gap: 24px; color: var(--tcs-muted); font-size: 14px; }
.tcs-hero__media {
	position: relative;
	aspect-ratio: 4 / 4.4;
	background: #3B2A20;
	border-radius: var(--tcs-r-lg);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.tcs-hero__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-card {
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: min(58%, 360px);
	background: rgba(14, 12, 11, .9);
	border: 1px solid var(--tcs-line-strong);
	border-radius: var(--tcs-r-option);
	padding: 16px 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.hero-card__text { flex: 1 1 160px; }
.hero-card__name { font-weight: 700; text-decoration: none; }
.hero-card__notes { font-size: 14px; color: var(--tcs-muted); }
.hero-card__price { font-weight: 700; font-size: 18px; }
.hero-card__price del { color: var(--tcs-muted); font-weight: 400; font-size: 14px; }
.hero-card__price ins { text-decoration: none; }
.hero-card .added_to_cart { display: none; }

/* Home: marquee --------------------------------------------------------- */

.tcs-marquee { background: var(--acc); color: var(--tcs-bg); overflow: hidden; white-space: nowrap; padding: 18px 0; }
.marquee {
	display: flex;
	width: max-content;
	animation: tcs-marquee 30s linear infinite;
	font-family: var(--tcs-font-display);
	font-weight: 800;
	font-size: 26px;
	letter-spacing: -0.01em;
}
.marquee:hover { animation-play-state: paused; }
.tcs-marquee__set { display: flex; gap: 40px; padding-right: 40px; }

/* Home: categories ------------------------------------------------------ */

.tcs-cat-card {
	border-radius: var(--tcs-r-card);
	background: var(--tile, var(--tcs-raised));
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: var(--tcs-ink);
}
.tcs-cat-card:hover { color: var(--tcs-ink); }
.tcs-cat-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.tcs-cat-card__body { display: flex; flex-direction: column; gap: 10px; padding: 24px 28px 28px; }
.tcs-cat-card__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.tcs-cat-card__name { font-family: var(--tcs-font-display); font-weight: 800; font-size: 34px; line-height: 1; }
.tcs-cat-card__arrow { font-size: 28px; }

/* Home: steps ----------------------------------------------------------- */

.tcs-step {
	background: var(--tcs-surface);
	border: 1px solid var(--tcs-line);
	border-radius: var(--tcs-r-card);
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.tcs-step__num { font-family: var(--tcs-font-display); font-weight: 800; font-size: 40px; color: var(--acc); }
.tcs-step__title { font-weight: 700; font-size: 20px; }

/* Home: subscriptions --------------------------------------------------- */

.tcs-subscribe {
	background: var(--tcs-raised);
	border-radius: var(--tcs-r-xl);
	padding: 56px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	gap: 40px;
	align-items: center;
}
.tcs-subscribe__copy { display: flex; flex-direction: column; gap: 20px; }
.tcs-subscribe__plans { display: flex; flex-direction: column; gap: 12px; }
.tcs-plan {
	background: var(--tcs-bg);
	border-radius: var(--tcs-r-option);
	padding: 20px 22px;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
}
.tcs-plan--on { border: 2px solid var(--acc); }

/* Home: guides & posts -------------------------------------------------- */

#guides .tcs-grid, .tcs-post-grid { gap: 24px; }
.tcs-guide, .tcs-post-card { display: flex; flex-direction: column; gap: 16px; text-decoration: none; color: var(--tcs-ink); }
.tcs-guide:hover, .tcs-post-card:hover { color: var(--tcs-ink); }
.tcs-guide__media, .tcs-post-card__media { display: block; overflow: hidden; border-radius: var(--tcs-r-tile); }
.tcs-guide__media img, .tcs-post-card__media img { width: 100%; height: 220px; object-fit: cover; border-radius: var(--tcs-r-tile); display: block; }
.tcs-guide__title, .tcs-post-card__title { font-weight: 700; font-size: 22px; line-height: 1.2; }
.tcs-post-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }

/* Home: newsletter ------------------------------------------------------ */

.tcs-newsletter {
	border: 1px solid var(--tcs-line);
	border-radius: var(--tcs-r-xl);
	padding: 56px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	align-items: center;
	justify-content: space-between;
}
.tcs-newsletter__copy { flex: 1 1 380px; display: flex; flex-direction: column; gap: 10px; }
.tcs-newsletter__copy p { margin: 0; }
.tcs-newsletter__form { flex: 1 1 380px; }
.tcs-newsletter__form form { display: flex; flex-wrap: wrap; gap: 10px; }
.tcs-newsletter__form input[type="email"],
.tcs-newsletter__form input[type="text"] { flex: 1 1 240px; min-height: 52px; padding: 0 20px; border-radius: var(--tcs-r-pill); border: 1px solid var(--tcs-border); background: var(--tcs-bg); color: var(--tcs-ink); font: inherit; }
.tcs-newsletter__form button,
.tcs-newsletter__form input[type="submit"] { min-height: 52px; padding: 0 28px; border-radius: var(--tcs-r-pill); border: 0; background: var(--acc); color: var(--tcs-bg); font: inherit; font-weight: 700; cursor: pointer; }

/* Generic pages --------------------------------------------------------- */

.tcs-page { padding-top: 48px; padding-bottom: var(--tcs-section); }
.tcs-page > .tcs-h1, .tcs-page article > .tcs-h1 { margin-bottom: 32px; }
.tcs-page__media { margin-bottom: 32px; border-radius: var(--tcs-r-lg); overflow: hidden; }
.tcs-prose { max-width: 760px; color: var(--tcs-muted); font-size: 17px; }
.tcs-prose :where(h2, h3, h4, strong) { color: var(--tcs-ink); }
.tcs-prose :where(h2) { font-size: 32px; margin: 40px 0 16px; }
.tcs-prose :where(h3) { font-size: 24px; margin: 32px 0 12px; }
.tcs-prose a { color: var(--tcs-ink); text-underline-offset: 4px; }
.tcs-prose a:hover { color: var(--acc); }
.tcs-prose img { border-radius: var(--tcs-r-tile); }
.tcs-page .tcs-lead { margin-bottom: 24px; }

.nav-links { display: flex; gap: 8px; justify-content: center; padding-top: 32px; }
.nav-links .page-numbers {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--tcs-border);
	font-weight: 700;
	text-decoration: none;
	color: var(--tcs-ink);
}
.nav-links .page-numbers.current { background: var(--acc); border-color: var(--acc); color: var(--tcs-bg); }

/* Motion ---------------------------------------------------------------- */

@keyframes tcs-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes tcs-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes tcs-marquee { to { transform: translateX(-50%); } }
@keyframes tcs-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes tcs-pop { 0% { opacity: 0; transform: scale(.4); } 60% { opacity: 1; transform: scale(1.12); } 100% { transform: scale(1); } }
@keyframes tcs-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 106, 43, .55); } 70%, 100% { box-shadow: 0 0 0 10px rgba(255, 106, 43, 0); } }
.rise { animation: tcs-rise .8s var(--tcs-ease) both; }
.d1 { animation-delay: .1s; }
.d2 { animation-delay: .2s; }
.d3 { animation-delay: .3s; }
.fade { animation: tcs-fade .45s ease both; }
.float { animation: tcs-float 5s ease-in-out infinite; }
.pop { animation: tcs-pop .8s var(--tcs-ease) .15s both; }
.pulse { animation: tcs-pulse 2.6s ease-out infinite; }
@supports (animation-timeline: view()) {
	.reveal { animation: tcs-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 65%; }
}

/* Responsive (design breakpoints: 900 / 720 / 480) ---------------------- */

@media (max-width: 900px) {
	.sec { padding-top: 72px !important; }
}
@media (max-width: 720px) {
	.h-xl { font-size: 2.6rem !important; line-height: 1.02 !important; }
	.h-lg { font-size: 2rem !important; }
	.pad-lg { padding: 28px 20px !important; }
	.sec { padding-top: 56px !important; }
	.hero-card { left: 12px !important; bottom: 12px !important; width: calc(100% - 24px) !important; }
	.marquee { font-size: 20px !important; }
}
@media (max-width: 480px) {
	.tcs-header a[aria-label="Search"] { display: none !important; }
	.tcs-cart-link { padding: 0 12px !important; }
	.tcs-cart-link > span { display: none; }
	.tcs-brand__name { font-size: 17px !important; }
	.h-xl { font-size: 2.2rem !important; }
}
@media (hover: none) {
	.card:hover, .btn:hover { transform: none; }
	.card:hover img, .zoom:hover img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}