/* ==========================================================================
   ThermaRed — premium tech theme
   Palette: near-black / carbon greys + logo red, with white and mist panels.
   ========================================================================== */

:root {
	--tr-ink: #0e0f12;
	--tr-carbon: #16181d;
	--tr-panel: #1b1e24;
	--tr-panel-2: #20232b;
	--tr-line: rgba(255, 255, 255, 0.08);
	--tr-line-strong: rgba(255, 255, 255, 0.14);
	--tr-grid: rgba(255, 255, 255, 0.035);

	--tr-red: #e81224;          /* logo red */
	--tr-red-bright: #ff2a3d;   /* glows */
	--tr-red-text: #ff5a69;     /* small red text on dark (AA) */
	--tr-red-deep: #c40f20;     /* red text/links on white (AA) */
	--tr-glow: 0 0 6px rgba(255, 42, 61, 0.9), 0 0 18px rgba(232, 18, 36, 0.55);
	--tr-glow-soft: 0 0 24px rgba(232, 18, 36, 0.25);

	--tr-text-on-dark: #eceef2;
	--tr-muted-on-dark: #a2a8b3;
	--tr-text: #16181d;
	--tr-muted: #565b66;
	--tr-mist: #f3f4f6;
	--tr-white: #ffffff;
	--tr-border-light: #e3e5ea;

	--tr-font-display: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
	--tr-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--tr-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	--tr-radius: 18px;
	--tr-radius-sm: 12px;
	--tr-wrap: 1240px;
	--tr-gutter: clamp(16px, 4vw, 32px);
	--tr-header-h: 72px;
	--tr-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; font-size: 17px; }
@media (min-width: 1100px) { html { font-size: 18px; } }
body {
	margin: 0;
	background: var(--tr-ink);
	color: var(--tr-text);
	font-family: var(--tr-font-body);
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
body.tr-drawer-open { overflow: hidden; }
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--tr-red-deep); text-underline-offset: 3px; }
h1, h2, h3, h4 { font-family: var(--tr-font-display); font-weight: 700; letter-spacing: -0.025em; line-height: 1.1; margin: 0 0 .5em; }
p { margin: 0 0 1em; }
button { font: inherit; }
:focus-visible { outline: 2px solid var(--tr-red-bright); outline-offset: 3px; border-radius: 6px; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.tr-skip { position: absolute; left: 12px; top: -60px; z-index: 1000; background: var(--tr-red); color: #fff; padding: 10px 16px; border-radius: 8px; font-weight: 600; }
.tr-skip:focus { top: 12px; }

.tr-wrap { width: 100%; max-width: var(--tr-wrap); margin: 0 auto; padding: 0 var(--tr-gutter); }
.tr-wrap--narrow { max-width: 880px; }
.tr-wrap--wide { max-width: 1320px; }

.tr-mono { font-family: var(--tr-font-mono); font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }

/* Glowing dot */
.tr-dot {
	display: inline-block; width: 7px; height: 7px; border-radius: 50%;
	background: var(--tr-red-bright); box-shadow: var(--tr-glow); flex: none;
}
.tr-dot--pulse { animation: tr-pulse 2.4s ease-in-out infinite; }
@keyframes tr-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

.tr-eyebrow {
	display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px;
	font-family: var(--tr-font-mono); font-size: .82rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase;
	color: var(--tr-red-text);
}
.tr-section--light .tr-eyebrow, .tr-section--white .tr-eyebrow, .tr-panel--paper .tr-eyebrow { color: var(--tr-red-deep); }

/* Grid-line background */
.tr-gridbg {
	background-color: var(--tr-carbon);
	background-image:
		radial-gradient(ellipse 60% 50% at 75% 35%, rgba(232, 18, 36, 0.12), transparent 70%),
		linear-gradient(var(--tr-grid) 1px, transparent 1px),
		linear-gradient(90deg, var(--tr-grid) 1px, transparent 1px);
	background-size: auto, 44px 44px, 44px 44px;
	background-position: center, -1px -1px, -1px -1px;
}

/* ---------- Buttons ---------- */
.tr-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 50px; padding: 0 24px; border-radius: 999px; border: 1px solid transparent;
	font-family: var(--tr-font-display); font-weight: 600; font-size: 1rem; letter-spacing: -0.01em;
	text-decoration: none; cursor: pointer; white-space: nowrap;
	transition: transform .2s var(--tr-ease), box-shadow .25s var(--tr-ease), background .2s, color .2s, border-color .2s;
}
.tr-btn .tr-icon { width: 18px; height: 18px; }
.tr-btn--red { background: var(--tr-red); color: #fff; box-shadow: 0 8px 24px -10px rgba(232, 18, 36, .8); }
.tr-btn--red:hover { background: #f21a2d; box-shadow: 0 10px 34px -8px rgba(255, 42, 61, .9); transform: translateY(-1px); color: #fff; }
.tr-btn--ghost { color: var(--tr-text-on-dark); border-color: var(--tr-line-strong); background: rgba(255, 255, 255, 0.03); }
.tr-btn--ghost:hover { border-color: rgba(255, 90, 105, .6); color: #fff; }
.tr-btn--dark { background: var(--tr-carbon); color: #fff; }
.tr-btn--dark:hover { background: #000; color: #fff; }
.tr-btn.loading { opacity: .7; }
.tr-btn.added::after { content: "✓"; }
.added_to_cart { display: inline-flex; align-items: center; margin-left: 12px; font-weight: 600; color: var(--tr-red-text); }
.tr-section--light .added_to_cart { color: var(--tr-red-deep); }

.tr-iconbtn {
	position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px;
	border-radius: 12px; border: 1px solid var(--tr-line); background: rgba(255, 255, 255, 0.03);
	color: var(--tr-text-on-dark); cursor: pointer; text-decoration: none; transition: border-color .2s, background .2s, color .2s;
}
.tr-iconbtn:hover { border-color: rgba(255, 90, 105, .5); color: #fff; background: rgba(232, 18, 36, .08); }
.tr-icon { width: 22px; height: 22px; flex: none; }

/* ---------- Announcement + header ---------- */
.tr-announce { background: var(--tr-ink); color: var(--tr-muted-on-dark); font-family: var(--tr-font-mono); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; border-bottom: 1px solid var(--tr-line); }
.tr-announce .tr-wrap { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 34px; text-align: center; }
.tr-announce .tr-dot { width: 5px; height: 5px; }

.tr-header { position: sticky; top: 0; z-index: 100; background: rgba(14, 15, 18, 0.88); backdrop-filter: saturate(140%) blur(14px); -webkit-backdrop-filter: saturate(140%) blur(14px); }
.admin-bar .tr-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .tr-header { top: 0; } }
.tr-header__inner { display: flex; align-items: center; gap: clamp(12px, 3vw, 32px); height: var(--tr-header-h); }
.tr-header__line { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(232, 18, 36, .0) 10%, rgba(232, 18, 36, .7) 50%, rgba(232, 18, 36, 0) 90%, transparent); box-shadow: 0 0 12px rgba(232, 18, 36, .5); }
.tr-logo { display: inline-flex; align-items: center; flex: none; }
.tr-logo { min-width: 0; }
.tr-logo .tr-logo__img { display: block; width: auto !important; max-width: none; height: 20px !important; }
@media (min-width: 420px) { .tr-logo .tr-logo__img { height: 22px !important; } }
@media (min-width: 900px) { .tr-logo .tr-logo__img { height: 28px !important; } }

.tr-search { position: relative; flex: 1; max-width: 520px; margin-left: auto; }
.tr-search input[type="search"] {
	width: 100%; height: 44px; padding: 0 16px 0 44px; border-radius: 999px;
	border: 1px solid var(--tr-line); background: rgba(255, 255, 255, 0.04); color: var(--tr-text-on-dark);
	font: inherit; font-size: 1rem; transition: border-color .2s, box-shadow .2s, background .2s;
}
.tr-search input[type="search"]::placeholder { color: #7f8592; }
.tr-search input[type="search"]:focus { outline: none; border-color: rgba(255, 42, 61, .6); box-shadow: 0 0 0 4px rgba(232, 18, 36, .14); background: rgba(255, 255, 255, 0.06); }
.tr-search__icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: #7f8592; pointer-events: none; }
.tr-header__actions { display: flex; align-items: center; gap: 8px; flex: none; }
.tr-search-toggle { display: none; }
.tr-cart-count {
	position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px;
	background: var(--tr-red); color: #fff; font-size: .7rem; font-weight: 700; line-height: 19px; text-align: center; box-shadow: var(--tr-glow);
}
.tr-cart-count.is-empty { display: none; }

@media (max-width: 420px) { .tr-header__actions { gap: 6px; } .tr-iconbtn { width: 40px; height: 40px; } }
@media (max-width: 760px) {
	.tr-search { position: absolute; left: 0; right: 0; top: 100%; max-width: none; padding: 12px var(--tr-gutter); background: rgba(14, 15, 18, 0.97); border-bottom: 1px solid var(--tr-line); display: none; }
	.tr-search.is-open { display: block; }
	.tr-search .tr-search__icon { left: calc(var(--tr-gutter) + 15px); }
	.tr-search-toggle { display: inline-grid; }
	.tr-header__actions { margin-left: auto; }
}

/* Light-background search form (search results / content) */
.tr-search--inline input[type="search"] { background: #fff; color: var(--tr-text); border-color: var(--tr-border-light); }

/* ---------- Drawer ---------- */
.tr-drawer { position: fixed; inset: 0; z-index: 200; }
.tr-drawer[hidden] { display: none; }
.tr-drawer__backdrop { position: absolute; inset: 0; background: rgba(5, 6, 8, .6); opacity: 0; transition: opacity .3s; }
.tr-drawer__panel {
	position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%);
	background: var(--tr-carbon); border-left: 1px solid var(--tr-line); padding: 22px clamp(20px, 4vw, 36px) 32px;
	display: flex; flex-direction: column; transform: translateX(100%); transition: transform .35s var(--tr-ease); overflow-y: auto;
	background-image: linear-gradient(var(--tr-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tr-grid) 1px, transparent 1px);
	background-size: 44px 44px;
}
.tr-drawer.is-open .tr-drawer__backdrop { opacity: 1; }
.tr-drawer.is-open .tr-drawer__panel { transform: none; }
.tr-drawer__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; }
.tr-drawer__head .tr-eyebrow { margin: 0; }
.tr-drawer__menu { list-style: none; margin: 0; padding: 0; counter-reset: trnav; }
.tr-drawer__menu > li { border-top: 1px solid var(--tr-line); counter-increment: trnav; }
.tr-drawer__menu > li:last-child { border-bottom: 1px solid var(--tr-line); }
.tr-drawer__menu a {
	display: flex; align-items: center; gap: 16px; padding: 18px 2px; text-decoration: none;
	font-family: var(--tr-font-display); font-weight: 600; font-size: 1.6rem; letter-spacing: -0.02em; color: var(--tr-text-on-dark); transition: color .2s, padding .25s var(--tr-ease);
}
.tr-drawer__menu > li > a::before { content: counter(trnav, decimal-leading-zero); font-family: var(--tr-font-mono); font-size: .8rem; letter-spacing: .1em; color: #6f7581; font-weight: 500; }
.tr-drawer__menu a:hover, .tr-drawer__menu .current-menu-item > a { color: #fff; padding-left: 8px; }
.tr-drawer__menu .current-menu-item > a::before, .tr-drawer__menu a:hover::before { color: var(--tr-red-bright); text-shadow: var(--tr-glow); }
.tr-drawer__menu .sub-menu { list-style: none; padding: 0 0 12px 40px; margin: 0; }
.tr-drawer__menu .sub-menu a { font-size: 1.05rem; padding: 8px 0; color: var(--tr-muted-on-dark); }
.tr-drawer__foot { margin-top: auto; padding-top: 28px; color: var(--tr-muted-on-dark); font-size: .92rem; }
.tr-drawer__foot p { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.tr-drawer__foot .tr-icon { color: var(--tr-red-text); width: 20px; height: 20px; }

/* ---------- Panels ---------- */
.tr-panel {
	position: relative; background: linear-gradient(180deg, var(--tr-panel-2), var(--tr-panel));
	border: 1px solid var(--tr-line); border-radius: var(--tr-radius); color: var(--tr-text-on-dark); isolation: isolate;
}
.tr-panel::before { /* corner node */
	content: ""; position: absolute; top: 14px; left: 14px; width: 5px; height: 5px; border-radius: 50%;
	background: var(--tr-red-bright); box-shadow: var(--tr-glow); opacity: .85;
}
.tr-panel--paper { background: var(--tr-white); border-color: var(--tr-border-light); color: var(--tr-text); box-shadow: 0 1px 0 rgba(16, 18, 24, .03), 0 24px 48px -32px rgba(16, 18, 24, .25); }
.tr-panel--paper::before { box-shadow: 0 0 8px rgba(232, 18, 36, .6); }
.tr-panel--ink { background: var(--tr-ink); }

.tr-corner { position: absolute; width: 22px; height: 22px; border-color: rgba(255, 42, 61, .7); border-style: solid; pointer-events: none; filter: drop-shadow(0 0 4px rgba(232, 18, 36, .7)); }
.tr-corner--tl { top: 10px; left: 10px; border-width: 1px 0 0 1px; border-top-left-radius: 8px; }
.tr-corner--br { bottom: 10px; right: 10px; border-width: 0 1px 1px 0; border-bottom-right-radius: 8px; }

/* ---------- Sections ---------- */
.tr-section { padding: clamp(56px, 8vw, 104px) 0; }
.tr-section--dark { background: var(--tr-carbon); color: var(--tr-text-on-dark); }
.tr-section--light { background: var(--tr-mist); color: var(--tr-text); }
.tr-section--white { background: var(--tr-white); color: var(--tr-text); }
.tr-section__head { max-width: 680px; margin-bottom: clamp(28px, 4vw, 48px); }
.tr-section__head h2, .tr-split__copy h2 { font-size: clamp(1.9rem, 4vw, 2.9rem); }
.tr-section--dark .tr-section__head h2 { color: #fff; }
.tr-section--dark .tr-section__head p { color: var(--tr-muted-on-dark); font-size: 1.08rem; }

/* ---------- Hero ---------- */
.tr-hero { padding-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(40px, 6vw, 72px); }
.tr-hero__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 960px) { .tr-hero__grid { grid-template-columns: 1.05fr 0.95fr; gap: 20px; } }
.tr-hero__copy { padding: clamp(32px, 5vw, 56px); display: flex; flex-direction: column; justify-content: center; }
.tr-hero__title { font-size: clamp(2.3rem, 5.6vw, 4.2rem); color: #fff; margin-bottom: 20px; }
.tr-hero__title span { display: block; color: var(--tr-muted-on-dark); font-weight: 600; }
.tr-hero__lead { color: var(--tr-muted-on-dark); font-size: clamp(1.02rem, 1.6vw, 1.15rem); max-width: 34em; margin-bottom: 30px; }
.tr-hero__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding-top: 26px; border-top: 1px solid var(--tr-line); }
.tr-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tr-price { display: flex; flex-direction: column; gap: 4px; }
.tr-price__amount { font-family: var(--tr-font-display); font-weight: 700; font-size: 2.2rem; color: #fff; letter-spacing: -0.03em; line-height: 1; }
.tr-price__amount del { font-size: .55em; color: var(--tr-muted-on-dark); margin-right: 8px; }
.tr-price__amount ins { text-decoration: none; }
.tr-price__note { display: inline-flex; align-items: center; gap: 8px; font-size: .95rem; color: var(--tr-muted-on-dark); }
.tr-price__note .tr-icon { width: 18px; height: 18px; color: var(--tr-red-text); }

.tr-hero__art { display: grid; place-items: center; padding: clamp(40px, 5vw, 56px) clamp(12px, 3vw, 28px); min-height: 320px; overflow: hidden; background: radial-gradient(ellipse at 50% 55%, #24272f, var(--tr-ink) 70%); }
.tr-hero__art-label { position: absolute; top: 20px; right: 22px; display: flex; align-items: center; gap: 8px; color: var(--tr-muted-on-dark); font-size: .74rem; }
.tr-hero__callouts { position: absolute; left: 22px; right: 22px; bottom: 18px; display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0; color: #8a909b; font-size: .74rem; }
.tr-hero__callouts li { display: flex; align-items: center; gap: 8px; }
.tr-hero__callouts li::before { content: ""; width: 18px; height: 1px; background: rgba(255, 42, 61, .6); box-shadow: 0 0 6px rgba(255, 42, 61, .8); }
.tr-art { width: 100%; max-width: 620px; overflow: visible; }
.tr-art__leds circle { animation: tr-led 3.2s ease-in-out infinite; }
@keyframes tr-led { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

.tr-stats { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 960px) { .tr-stats { grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 20px; } }
.tr-stat { padding: 22px 20px 20px; display: flex; flex-direction: column; gap: 4px; }
.tr-stat .tr-icon { color: var(--tr-red-bright); filter: drop-shadow(0 0 6px rgba(255, 42, 61, .7)); margin: 6px 0 14px auto; }
.tr-stat strong { font-family: var(--tr-font-display); font-size: clamp(1.6rem, 3vw, 2.1rem); letter-spacing: -0.03em; color: #fff; line-height: 1; }
.tr-stat strong small { font-size: .5em; color: var(--tr-muted-on-dark); margin: 0 2px; font-weight: 600; }
.tr-stat span { color: var(--tr-muted-on-dark); font-size: .95rem; }

/* ---------- Bento therapies ---------- */
.tr-therapies { padding-top: 0; }
.tr-bento { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 760px) { .tr-bento { grid-template-columns: 1fr 1fr; } .tr-tile--feature { grid-column: 1 / -1; } }
@media (min-width: 1040px) { .tr-bento { grid-template-columns: 1.4fr 1fr 1fr; gap: 20px; } .tr-tile--feature { grid-column: auto; } }
.tr-tile { padding: 34px 28px 30px; display: flex; flex-direction: column; overflow: hidden; transition: border-color .3s, transform .3s var(--tr-ease); }
.tr-tile:hover { border-color: rgba(255, 42, 61, .35); transform: translateY(-3px); }
.tr-tile h3 { font-size: 1.5rem; color: #fff; }
.tr-tile p { color: var(--tr-muted-on-dark); }
.tr-tile__icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; border: 1px solid rgba(255, 42, 61, .35); background: rgba(232, 18, 36, .08); color: var(--tr-red-bright); margin-bottom: 26px; box-shadow: inset 0 0 18px rgba(232, 18, 36, .15), var(--tr-glow-soft); }
.tr-tile__icon .tr-icon { filter: drop-shadow(0 0 5px rgba(255, 42, 61, .8)); }
.tr-tile__kicker { color: var(--tr-red-text); margin: 0 0 10px; }
.tr-tile--feature { background: radial-gradient(ellipse 80% 70% at 100% 100%, rgba(232, 18, 36, .16), transparent 60%), linear-gradient(180deg, var(--tr-panel-2), var(--tr-panel)); }

.tr-ledrow { display: grid; grid-template-columns: repeat(15, 1fr); gap: 6px; margin-top: auto; padding-top: 24px; }
.tr-ledrow i { aspect-ratio: 1; border-radius: 50%; background: var(--tr-red-bright); box-shadow: var(--tr-glow); animation: tr-led 2.8s ease-in-out infinite; max-width: 12px; }
.tr-ledrow i:nth-child(3n) { animation-delay: .6s; background: #c90f22; }
.tr-ledrow i:nth-child(4n) { animation-delay: 1.2s; }
.tr-meter { display: flex; gap: 8px; margin-top: auto; padding-top: 24px; }
.tr-meter span { flex: 1; height: 6px; border-radius: 6px; background: linear-gradient(90deg, rgba(232, 18, 36, .35), var(--tr-red-bright)); box-shadow: 0 0 10px rgba(232, 18, 36, .5); }
.tr-meter span:nth-child(1) { opacity: .45; } .tr-meter span:nth-child(2) { opacity: .7; }
.tr-pulse-line { margin-top: auto; padding-top: 18px; width: 100%; height: 48px; }
.tr-pulse-line path { fill: none; stroke: var(--tr-red-bright); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(255, 42, 61, .9)); stroke-dasharray: 300; stroke-dashoffset: 300; animation: tr-draw 3.6s var(--tr-ease) infinite; }
@keyframes tr-draw { 0% { stroke-dashoffset: 300; } 55%, 100% { stroke-dashoffset: 0; } }

/* ---------- Science / split ---------- */
.tr-split { display: grid; gap: clamp(28px, 5vw, 64px); align-items: center; }
@media (min-width: 960px) { .tr-split { grid-template-columns: 0.9fr 1.1fr; } }
.tr-split__copy p { color: var(--tr-muted); font-size: 1.06rem; }
.tr-keylist { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 12px; }
.tr-keylist li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--tr-radius-sm); background: #fff; border: 1px solid var(--tr-border-light); color: var(--tr-muted); }
.tr-keylist strong { font-family: var(--tr-font-mono); font-weight: 500; color: var(--tr-text); letter-spacing: .04em; }
.tr-key { width: 12px; height: 12px; border-radius: 50%; }
.tr-key--red { background: #ff2a3d; box-shadow: 0 0 8px rgba(255, 42, 61, .8); }
.tr-key--nir { background: #8d0d1f; box-shadow: 0 0 8px rgba(141, 13, 31, .7); }
.tr-depth { margin: 0; padding: clamp(16px, 3vw, 28px); overflow: hidden; }
.tr-depth svg { display: block; width: 100%; border-radius: 10px; }
.tr-depth figcaption { color: #8a909b; font-size: .74rem; margin-top: 12px; text-align: right; }

.tr-features { display: grid; gap: 16px; margin-top: clamp(40px, 6vw, 72px); grid-template-columns: 1fr; }
@media (min-width: 640px) { .tr-features { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .tr-features { grid-template-columns: repeat(4, 1fr); gap: 20px; } }
.tr-card { position: relative; padding: 28px 24px; border-radius: var(--tr-radius); background: #fff; border: 1px solid var(--tr-border-light); transition: border-color .3s, box-shadow .3s, transform .3s var(--tr-ease); }
.tr-card:hover { border-color: rgba(232, 18, 36, .35); box-shadow: 0 24px 40px -28px rgba(232, 18, 36, .45); transform: translateY(-2px); }
.tr-card h3, .tr-card h2 { font-size: 1.2rem; margin-bottom: 8px; color: var(--tr-ink); }
.tr-card p { color: var(--tr-muted); margin: 0; font-size: 1rem; }
.tr-card__icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--tr-carbon); color: var(--tr-red-bright); margin-bottom: 20px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 6px 18px -8px rgba(232, 18, 36, .6); }
.tr-card__icon .tr-icon { filter: drop-shadow(0 0 5px rgba(255, 42, 61, .85)); }

/* ---------- Buy panel ---------- */
.tr-buy__panel { display: grid; gap: 12px; padding: clamp(24px, 4vw, 48px); overflow: hidden; }
@media (min-width: 960px) { .tr-buy__panel { grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } }
.tr-buy__art { display: grid; place-items: center; padding: 24px 0; border-radius: var(--tr-radius-sm); background: radial-gradient(ellipse at 50% 50%, #262931, var(--tr-ink) 75%); }
.tr-buy__copy h2 { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.tr-buy__row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 28px 0 22px; }
.tr-ticks { list-style: none; padding: 0; margin: 0 0 1em; display: grid; gap: 10px; }
.tr-ticks li { position: relative; padding-left: 26px; }
.tr-ticks li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 8px; height: 8px; border-radius: 50%; background: var(--tr-red-bright); box-shadow: var(--tr-glow); }
.tr-section--dark .tr-ticks li { color: var(--tr-text-on-dark); }

.tr-trust { list-style: none; padding: 18px 0 0; margin: 18px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; border-top: 1px solid var(--tr-border-light); font-size: .95rem; color: var(--tr-muted); }
.tr-trust li { display: flex; align-items: center; gap: 10px; }
.tr-trust .tr-icon { width: 20px; height: 20px; color: var(--tr-red-deep); }
.tr-trust--inline { display: flex; flex-wrap: wrap; gap: 10px 22px; border-top-color: var(--tr-line); color: var(--tr-muted-on-dark); }
.tr-trust--inline .tr-icon { color: var(--tr-red-text); }

/* ---------- Steps ---------- */
.tr-steps-sec { padding-top: 0; }
.tr-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 28px; position: relative; }
@media (min-width: 860px) {
	.tr-steps { grid-template-columns: repeat(4, 1fr); gap: 24px; }
	.tr-steps::before { content: ""; position: absolute; top: 26px; left: 26px; right: 12%; height: 1px; background: linear-gradient(90deg, rgba(255, 42, 61, .8), rgba(255, 42, 61, .15)); box-shadow: 0 0 8px rgba(232, 18, 36, .6); }
}
.tr-steps li { position: relative; padding-left: 72px; }
@media (min-width: 860px) { .tr-steps li { padding-left: 0; padding-top: 76px; } }
.tr-steps__node {
	position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center;
	background: var(--tr-ink); border: 1px solid rgba(255, 42, 61, .6); color: #fff; font-family: var(--tr-font-mono); font-size: .8rem;
	box-shadow: 0 0 0 6px var(--tr-carbon), 0 0 18px rgba(232, 18, 36, .45), inset 0 0 12px rgba(232, 18, 36, .25);
}
.tr-steps h3 { color: #fff; font-size: 1.2rem; margin-bottom: 6px; }
.tr-steps p { color: var(--tr-muted-on-dark); margin: 0; }

/* ---------- FAQ ---------- */
.tr-split--faq { align-items: start; }
.tr-faqlist { display: grid; gap: 10px; }
.tr-faq, .wp-block-details.tr-faq {
	border: 1px solid var(--tr-border-light); border-radius: var(--tr-radius-sm); background: #fff; padding: 0; transition: border-color .2s, box-shadow .2s;
}
.tr-faq[open] { border-color: rgba(232, 18, 36, .4); box-shadow: 0 18px 36px -28px rgba(232, 18, 36, .5); }
.tr-faq summary {
	position: relative; list-style: none; cursor: pointer; padding: 18px 56px 18px 20px;
	font-family: var(--tr-font-display); font-weight: 600; font-size: 1.04rem; letter-spacing: -0.01em; color: var(--tr-ink);
}
.tr-faq summary::-webkit-details-marker { display: none; }
.tr-faq summary::after {
	content: ""; position: absolute; right: 18px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%;
	background:
		linear-gradient(var(--tr-red), var(--tr-red)) center / 10px 1.6px no-repeat,
		linear-gradient(var(--tr-red), var(--tr-red)) center / 1.6px 10px no-repeat;
	border: 1px solid rgba(232, 18, 36, .35); transition: transform .25s var(--tr-ease);
}
.tr-faq[open] summary::after { transform: rotate(45deg); }
.tr-faq > p, .tr-faq > :not(summary) { margin: 0; padding: 0 20px 20px; color: var(--tr-muted); }
.tr-page-faq .tr-faq { margin: 10px 0; }
.tr-faq-group { font-size: 1.05rem !important; font-family: var(--tr-font-mono) !important; font-weight: 500 !important; letter-spacing: .12em !important; text-transform: uppercase; color: var(--tr-red-deep); margin: 40px 0 14px !important; display: flex; align-items: center; gap: 12px; }
.tr-faq-group::after { content: ""; flex: 1; height: 1px; background: var(--tr-border-light); }

/* ---------- Inner page hero ---------- */
.tr-pagehero { padding: clamp(48px, 7vw, 88px) 0 clamp(40px, 6vw, 64px); color: #fff; }
.tr-pagehero__title { font-size: clamp(2.2rem, 5vw, 3.6rem); margin: 0; color: #fff; }
.tr-pagehero__line { display: block; position: relative; height: 1px; margin-top: 28px; background: var(--tr-line); }
.tr-pagehero__line i { position: absolute; left: 0; top: -1px; width: 120px; height: 3px; border-radius: 3px; background: var(--tr-red-bright); box-shadow: var(--tr-glow); }

/* ---------- Content ---------- */
.tr-pagebody { padding-top: clamp(32px, 5vw, 56px); }
.tr-content { padding: clamp(28px, 5vw, 56px); }
.tr-content > *:first-child { margin-top: 0; }
.tr-content h2 { font-size: clamp(1.4rem, 2.6vw, 1.8rem); margin-top: 1.6em; color: var(--tr-ink); }
.tr-content h3 { font-size: 1.2rem; margin-top: 1.4em; }
.tr-content p, .tr-content li { color: #333842; }
.tr-content ul:not(.tr-ticks):not(.tr-trust) { padding-left: 1.1em; }
.tr-content ul:not(.tr-ticks):not(.tr-trust) li::marker { color: var(--tr-red); }
.tr-lead { font-size: clamp(1.08rem, 1.8vw, 1.22rem); color: #3a3e47 !important; line-height: 1.6; }
.tr-content .wp-block-image img { border-radius: var(--tr-radius-sm); }
.tr-empty { text-align: center; }

/* Contact */
.tr-contact { display: grid; gap: 24px; }
@media (min-width: 960px) { .tr-contact { grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: start; } }
.tr-contact__info .tr-content { padding: 0 0 24px; }
.tr-contact__cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.tr-contact__form { padding: clamp(24px, 4vw, 44px); scroll-margin-top: 100px; }
.tr-contact__title { font-size: 1.5rem; }
.tr-form { display: grid; gap: 16px; }
.tr-form__row { display: grid; gap: 16px; }
@media (min-width: 600px) { .tr-form__row { grid-template-columns: 1fr 1fr; } }
.tr-field { display: grid; gap: 6px; font-weight: 600; font-size: .95rem; color: var(--tr-ink); }
.tr-field input, .tr-field textarea, .woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce .quantity .qty {
	width: 100%; padding: 13px 14px; border-radius: 10px; border: 1px solid #d6d9df; background: #fff; color: var(--tr-text);
	font: inherit; font-weight: 400; transition: border-color .2s, box-shadow .2s;
}
.tr-field input:focus, .tr-field textarea:focus, .woocommerce form .form-row .input-text:focus { outline: none; border-color: var(--tr-red); box-shadow: 0 0 0 4px rgba(232, 18, 36, .12); }
.tr-form .tr-btn { justify-self: start; }
.tr-form__small { font-size: .9rem; color: var(--tr-muted); margin: 0; }
.tr-hp { position: absolute !important; left: -9999px; }
.tr-notice { display: flex; gap: 10px; align-items: center; padding: 14px 16px; border-radius: 10px; margin-bottom: 18px; font-weight: 500; }
.tr-notice--ok { background: #edf7ef; color: #1d5a2c; }
.tr-notice--err { background: #fdecee; color: #8b1020; }

/* Post grid (search/archive) */
.tr-postgrid { display: grid; gap: 16px; }
@media (min-width: 760px) { .tr-postgrid { grid-template-columns: repeat(3, 1fr); } }
.tr-postcard h2 { font-size: 1.2rem; }
.tr-postcard h2 a { color: var(--tr-ink); text-decoration: none; }
.tr-postcard__type { color: var(--tr-red-deep); margin-bottom: 10px; }
.tr-textlink { display: inline-flex; gap: 6px; align-items: center; margin-top: 14px; font-weight: 600; text-decoration: none; }
.tr-textlink .tr-icon { width: 16px; height: 16px; }

/* ---------- Footer ---------- */
.tr-footer { background: var(--tr-ink); color: var(--tr-muted-on-dark); padding: clamp(48px, 7vw, 80px) 0 28px; position: relative; }
.tr-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(232, 18, 36, .6), transparent); box-shadow: 0 0 10px rgba(232, 18, 36, .4); }
.tr-footer__grid { display: grid; gap: 36px; grid-template-columns: 1fr 1fr; }
@media (min-width: 900px) { .tr-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; } }
.tr-footer__brand { grid-column: 1 / -1; }
@media (min-width: 900px) { .tr-footer__brand { grid-column: auto; } }
.tr-footer__brand .tr-logo { margin-bottom: 18px; }
.tr-footer__brand .tr-logo .tr-logo__img { height: 24px !important; }
.tr-footer__brand p { max-width: 30em; }
.tr-footer__title { font-family: var(--tr-font-mono); font-weight: 500; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: #fff; margin-bottom: 16px; }
.tr-footer__menu, .tr-footer__list, .tr-socials { list-style: none; margin: 0; padding: 0; }
.tr-footer__menu li { margin-bottom: 10px; }
.tr-footer__menu a { color: var(--tr-muted-on-dark); text-decoration: none; transition: color .2s; }
.tr-footer__menu a:hover { color: #fff; }
.tr-footer__list li { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-family: var(--tr-font-mono); font-size: .86rem; }
.tr-footer__list .tr-dot { width: 5px; height: 5px; }
.tr-socials { display: flex; gap: 8px; margin-top: 18px; }
.tr-footer__small { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--tr-line); font-size: .88rem; display: grid; gap: 10px; }
.tr-footer__small p { margin: 0; }
.tr-footer__disclaimer { max-width: 80em; color: #868c98; }
.tr-footer__widgets { margin-top: 36px; }

/* ---------- Reveal on scroll ---------- */
.tr-js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--tr-ease), transform .7s var(--tr-ease); }
.tr-js [data-reveal].is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.tr-js [data-reveal] { opacity: 1; transform: none; }
}

/* ==========================================================================
   WooCommerce
   ========================================================================== */
.woocommerce .woocommerce-breadcrumb { font-family: var(--tr-font-mono); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--tr-muted); margin: 0 0 24px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--tr-muted); text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--tr-red-deep); }

.tr-shop-intro { color: var(--tr-muted); font-size: 1.08rem; max-width: 46em; margin-bottom: 24px; }
.woocommerce .woocommerce-result-count { color: var(--tr-muted); font-size: .9rem; }
.woocommerce .woocommerce-ordering select { padding: 10px 12px; border-radius: 10px; border: 1px solid #d6d9df; background: #fff; font: inherit; font-size: .9rem; }

/* Product grid */
.woocommerce ul.products { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0 0 32px; padding: 0; clear: both; }
@media (min-width: 640px) { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(3, 1fr); } }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product {
	width: auto !important; float: none !important; margin: 0 !important; position: relative;
	background: #fff; border: 1px solid var(--tr-border-light); border-radius: var(--tr-radius); padding: 14px 14px 22px; display: flex; flex-direction: column;
	transition: border-color .3s, box-shadow .3s, transform .3s var(--tr-ease);
}
.woocommerce ul.products li.product:hover { border-color: rgba(232, 18, 36, .35); box-shadow: 0 28px 48px -32px rgba(232, 18, 36, .55); transform: translateY(-3px); }
.woocommerce ul.products li.product a { text-decoration: none; }
.tr-card-media { display: block; border-radius: var(--tr-radius-sm); overflow: hidden; background: var(--tr-ink); margin-bottom: 18px; }
.woocommerce ul.products li.product a img { margin: 0 !important; display: block; transition: transform .6s var(--tr-ease); }
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--tr-font-display); font-weight: 600; font-size: 1.08rem !important; letter-spacing: -0.01em; color: var(--tr-ink); padding: 0 6px !important; line-height: 1.3; }
.woocommerce ul.products li.product .price { font-family: var(--tr-font-display); font-weight: 700; font-size: 1.3rem !important; color: var(--tr-ink) !important; padding: 0 6px; margin: 8px 0 16px !important; }
.woocommerce ul.products li.product .button { margin: auto 6px 0 !important; align-self: flex-start; }
.woocommerce span.onsale { background: var(--tr-red); border-radius: 999px; min-height: 0; min-width: 0; padding: 4px 12px; line-height: 1.5; font-size: .78rem; top: 22px !important; left: 22px !important; right: auto !important; margin: 0 !important; box-shadow: var(--tr-glow); }

/* Woo buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt,
.wc-block-components-button:not(.is-link), .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--tr-red) !important; color: #fff !important; border: 0; border-radius: 999px !important;
	padding: 14px 24px !important; font-family: var(--tr-font-display); font-weight: 600 !important; font-size: .95rem !important; line-height: 1.2 !important;
	box-shadow: 0 8px 24px -12px rgba(232, 18, 36, .9); transition: background .2s, box-shadow .25s, transform .2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .wc-block-components-button:not(.is-link):hover {
	background: #f21a2d !important; box-shadow: 0 10px 32px -10px rgba(255, 42, 61, .95); transform: translateY(-1px);
}
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5 !important; }

/* Single product */
.tr-product-sec { padding-top: 28px; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px 48px; }
.woocommerce div.product > * { min-width: 0; }
@media (min-width: 960px) { .woocommerce div.product { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: start; } }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images { border-radius: var(--tr-radius); overflow: hidden; background: var(--tr-ink); border: 1px solid var(--tr-border-light); position: relative; }
@media (min-width: 960px) { .woocommerce div.product div.images { position: sticky !important; top: calc(var(--tr-header-h) + 20px); } }
.woocommerce div.product div.images img { display: block; }
.woocommerce div.product div.images .flex-control-thumbs { padding: 10px !important; display: flex; gap: 10px; background: var(--tr-carbon); }
.woocommerce div.product div.images .flex-control-thumbs li { width: 76px !important; border-radius: 8px; overflow: hidden; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: #fff; }
.woocommerce div.product div.summary { background: #fff; border: 1px solid var(--tr-border-light); border-radius: var(--tr-radius); padding: clamp(24px, 4vw, 44px); position: relative; }
.woocommerce div.product div.summary::before { content: ""; position: absolute; top: 16px; left: 16px; width: 5px; height: 5px; border-radius: 50%; background: var(--tr-red-bright); box-shadow: var(--tr-glow); }
.woocommerce div.product .product_title { font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--tr-ink); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--tr-ink) !important; font-family: var(--tr-font-display); font-weight: 700; font-size: 2.2rem !important; letter-spacing: -0.03em; margin-bottom: 6px; }
.tr-free-delivery { display: flex; align-items: center; gap: 8px; color: var(--tr-red-deep); font-weight: 600; font-size: .95rem; margin: 0 0 20px; }
.tr-free-delivery .tr-icon { width: 20px; height: 20px; }
.woocommerce div.product .woocommerce-product-details__short-description { color: #3a3e47; padding-top: 18px; border-top: 1px solid var(--tr-border-light); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 24px 0 0 !important; }
.woocommerce div.product form.cart div.quantity { margin: 0 !important; float: none !important; }
.woocommerce .quantity .qty { width: 84px; height: 100%; min-height: 50px; text-align: center; border-radius: 999px; }
.woocommerce div.product form.cart .button { flex: 1; min-height: 50px; float: none !important; }
.woocommerce div.product .product_meta { font-size: .88rem; color: var(--tr-muted); margin-top: 18px; display: grid; gap: 4px; }
.woocommerce div.product .product_meta a { color: var(--tr-muted); }

/* Tabs */
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 24px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; gap: 8px; padding: 0 !important; margin: 0 0 24px !important; overflow-x: auto; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid var(--tr-border-light) !important; background: #fff !important; border-radius: 999px !important; margin: 0 !important; padding: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 20px !important; font-family: var(--tr-font-display); font-weight: 600 !important; color: var(--tr-muted) !important; white-space: nowrap; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--tr-carbon) !important; border-color: var(--tr-carbon) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff !important; }
.woocommerce div.product .woocommerce-tabs .panel { background: #fff; border: 1px solid var(--tr-border-light); border-radius: var(--tr-radius); padding: clamp(24px, 4vw, 48px); margin: 0 !important; }

/* Product description components */
.tr-pd h2 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); color: var(--tr-ink); max-width: 18em; }
.tr-pd > p { color: #3a3e47; font-size: 1.06rem; max-width: 46em; }
.tr-pd h3 { display: flex; align-items: center; gap: 12px; font-family: var(--tr-font-mono); font-weight: 500; font-size: .84rem; letter-spacing: .14em; text-transform: uppercase; color: var(--tr-red-deep); margin: 40px 0 16px; }
.tr-pd h3::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tr-red-bright); box-shadow: var(--tr-glow); }
.tr-pd h3::after { content: ""; flex: 1; height: 1px; background: var(--tr-border-light); }
.tr-pd-grid { display: grid; gap: 14px; }
@media (min-width: 700px) { .tr-pd-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .tr-pd-grid { grid-template-columns: repeat(3, 1fr); } }
.tr-pd-card { background: var(--tr-carbon); color: var(--tr-text-on-dark); border-radius: var(--tr-radius-sm); padding: 22px; border: 1px solid #262931; position: relative; overflow: hidden; }
.tr-pd-card::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(232, 18, 36, .28), transparent 70%); }
.tr-pd-kicker { display: inline-block; font-family: var(--tr-font-mono); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--tr-red-text); margin-bottom: 10px; }
.tr-pd-card h4 { color: #fff; font-size: 1.15rem; margin-bottom: 6px; }
.tr-pd-card p { color: var(--tr-muted-on-dark); margin: 0; font-size: 1rem; }
.tr-pd .tr-ticks li { color: #3a3e47; }
.tr-pd-note { margin-top: 32px; padding: 16px 18px; background: var(--tr-mist); border-radius: 10px; font-size: .95rem; color: var(--tr-muted); }

/* Tech specs table */
.woocommerce table.shop_attributes { border: 0; margin: 0; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border: 0 !important; border-bottom: 1px solid var(--tr-border-light) !important; padding: 14px 8px !important; background: none !important; font-style: normal; }
.woocommerce table.shop_attributes th { width: 32%; font-family: var(--tr-font-mono); font-weight: 500; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--tr-muted); text-align: left; }
.woocommerce table.shop_attributes td p { margin: 0; }

/* Related */
.woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; margin-top: 32px; }
.woocommerce div.product .related > h2 { font-size: 1.6rem; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
	border-top: 0 !important; border-radius: var(--tr-radius-sm); background: #fff !important; border: 1px solid var(--tr-border-light) !important;
	box-shadow: inset 4px 0 0 var(--tr-red); color: var(--tr-text) !important;
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--tr-red) !important; }
.woocommerce-store-notice, p.demo_store { background: var(--tr-red) !important; }

/* Cart / checkout (classic + blocks) */
.woocommerce table.shop_table { border-radius: var(--tr-radius-sm); border-color: var(--tr-border-light); }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review { background: var(--tr-mist); border-radius: var(--tr-radius-sm); padding: 20px; }
.wc-block-components-totals-wrapper, .wc-block-components-sidebar { border-color: var(--tr-border-light) !important; }
.wc-block-components-product-name { color: var(--tr-ink) !important; font-weight: 600; }
.wc-block-components-text-input input:focus, .wc-block-components-select select:focus { border-color: var(--tr-red) !important; box-shadow: 0 0 0 1px var(--tr-red) !important; }
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { font-family: var(--tr-font-body); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: grid; gap: 6px; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 10px; text-decoration: none; color: var(--tr-ink); border: 1px solid var(--tr-border-light); }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--tr-carbon); color: #fff; border-color: var(--tr-carbon); }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul, .tr-pagination .nav-links { border: 0 !important; display: flex; gap: 8px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .tr-pagination .page-numbers { display: grid; place-items: center; min-width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--tr-border-light) !important; background: #fff; text-decoration: none; color: var(--tr-ink); }
.woocommerce nav.woocommerce-pagination ul li span.current, .tr-pagination .page-numbers.current { background: var(--tr-carbon) !important; color: #fff !important; }