:root {
  --tp-red: #940000;
  --tp-red-hover: #780000;
  --tp-deep-blue: #04356c;
  --tp-navy: #00316b;
  --tp-blue: #3560c2;
  --tp-light-blue: #8fa6dc;
  --tp-ink: #102231;
  --tp-muted: #627482;
  --tp-line: #dce6eb;
  --tp-white: #fff;
  --tp-mist: #f7f9fb;
  --tp-shadow: 0 18px 45px rgba(6, 27, 43, 0.11);
  --tp-radius: 12px;
  --tp-header-height: 96px;
  --tp-serif: Georgia, "Times New Roman", serif;
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--tp-ink);
  background: var(--tp-white);
  font-synthesis: none;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: clip;
  background: var(--tp-white);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: clip;
  background: var(--tp-white);
  color: var(--tp-ink);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Global page transition and restrained scroll motion */
.page-loader {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.page-loader__panel {
  position: relative;
  z-index: 1;
  min-width: 170px;
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 18px 26px;
}

.page-loader__panel img {
  width: 118px;
  height: auto;
}

.page-loader__symbol {
  position: relative;
  width: 26px;
  height: 26px;
}

.page-loader__orbit,
.page-loader__core {
  position: absolute;
  border-radius: 50%;
}

.page-loader__orbit {
  inset: 0;
  background: conic-gradient(from 15deg, var(--tp-navy) 0 36%, transparent 36% 55%, var(--tp-red) 55% 86%, transparent 86%);
  -webkit-mask: radial-gradient(circle, transparent 52%, #000 54%);
  mask: radial-gradient(circle, transparent 52%, #000 54%);
  animation: loader-orbit 900ms linear infinite;
}

.page-loader__core {
  inset: 9px;
  background: var(--tp-navy);
  box-shadow: 0 0 0 5px rgba(53, 96, 194, 0.1);
  animation: loader-core 900ms ease-in-out infinite alternate;
}

.page-loader__track {
  width: 96px;
  height: 1px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef5;
}

.page-loader__track span {
  width: 46%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--tp-navy), var(--tp-blue), var(--tp-red));
  animation: loader-track 1s ease-in-out infinite;
}

.page-loader__caption {
  color: var(--tp-muted);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.motion-ready .motion-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity 680ms cubic-bezier(0.22, 1, 0.36, 1) var(--motion-delay, 0ms),
    transform 680ms cubic-bezier(0.22, 1, 0.36, 1) var(--motion-delay, 0ms);
  will-change: opacity, transform;
}

.motion-ready .motion-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

.motion-ready .about-hero__content,
.motion-ready .page-hero .container,
.motion-ready .hero__content {
  animation: page-intro 820ms 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.motion-ready .about-hero > img,
.motion-ready .hero > img {
  animation: hero-image-intro 1.25s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes loader-orbit {
  to { transform: rotate(1turn); }
}

@keyframes loader-core {
  to { transform: scale(0.72); background: var(--tp-red); }
}

@keyframes loader-track {
  from { transform: translateX(-110%); }
  to { transform: translateX(220%); }
}

@keyframes page-intro {
  from { opacity: 0; transform: translate3d(0, 30px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes hero-image-intro {
  from { opacity: 0.75; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

.container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  z-index: 1000;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  background: var(--tp-white);
  color: var(--tp-navy);
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: translateY(0);
}

.topbar {
  height: 30px;
  background: var(--tp-deep-blue);
  color: #e8eff8;
  font-size: 12px;
}

.topbar__inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.topbar__links {
  display: flex;
  gap: 22px;
}

.topbar a:hover {
  color: var(--tp-white);
}

.site-header {
  height: 66px;
  position: sticky;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid var(--tp-line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 24px rgba(4, 53, 108, 0.045);
  backdrop-filter: blur(10px);
}

.site-header__inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand {
  flex: 0 0 auto;
}

.brand img {
  width: 160px;
  height: auto;
}

.site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 2vw, 28px);
  margin-left: auto;
  color: #4b6070;
  font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.site-nav a {
  padding-block: 22px;
}

.site-nav a:hover {
  color: var(--tp-navy);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon-action,
.mobile-menu-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--tp-line);
  border-radius: 8px;
  background: var(--tp-white);
  color: var(--tp-ink);
  cursor: pointer;
}

.icon-action img {
  width: 18px;
  height: 18px;
}

.shop-action {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding-inline: 15px;
  border-radius: 8px;
  background: var(--tp-red);
  color: var(--tp-white);
  font-size: 12px;
  font-weight: 600;
}

.shop-action:hover,
.button--primary:hover {
  background: var(--tp-red-hover);
}

.nav-toggle {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.mobile-menu-button {
  display: none;
}

.mobile-menu-button::before {
  content: '';
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  box-shadow: 0 -5px currentColor, 0 5px currentColor;
}

.search-modal {
	width: min(760px, calc(100% - 32px));
	max-height: min(720px, calc(100dvh - 40px));
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 18px;
	background: var(--tp-white);
	box-shadow: 0 32px 90px rgba(0, 29, 65, 0.28);
}

.search-modal::backdrop {
	background: rgba(0, 24, 54, 0.5);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.search-modal__panel {
	position: relative;
	max-height: min(720px, calc(100dvh - 40px));
	padding: 36px;
	overflow-y: auto;
}

.search-modal__close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 38px;
	height: 38px;
	border: 1px solid var(--tp-line);
	border-radius: 50%;
	background: var(--tp-white);
	color: var(--tp-navy);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.search-modal__eyebrow {
	color: var(--tp-blue);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.search-modal h2 {
	margin: 7px 48px 24px 0;
	color: var(--tp-navy);
	font-size: clamp(30px, 5vw, 46px);
	line-height: 1.05;
}

.search-modal__form {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 8px 8px 8px 16px;
	border: 1px solid #b8c8dd;
	border-radius: 12px;
	background: #f8fafd;
	transition: border-color 150ms ease, box-shadow 150ms ease;
}

.search-modal__form:focus-within {
	border-color: var(--tp-blue);
	box-shadow: 0 0 0 4px rgba(53, 96, 194, 0.12);
}

.search-modal__form img {
	opacity: 0.6;
}

.search-modal__form input {
	min-width: 0;
	min-height: 44px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--tp-ink);
	font: inherit;
}

.search-modal__form button {
	min-height: 42px;
	padding-inline: 18px;
	border: 0;
	border-radius: 8px;
	background: var(--tp-deep-blue);
	color: var(--tp-white);
	font-weight: 600;
	cursor: pointer;
}

.search-modal__hint,
.search-modal__status {
	margin: 10px 2px 0;
	color: var(--tp-muted);
	font-size: 12px;
}

.search-modal__status {
	min-height: 18px;
	margin-top: 20px;
	color: var(--tp-navy);
	font-weight: 600;
}

.search-modal__results {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: 24px;
	margin-top: 12px;
}

.search-modal__results h3 {
	margin: 0 0 8px;
	color: var(--tp-muted);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.search-modal__group {
	display: grid;
	gap: 6px;
}

.search-result {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 56px;
	padding: 10px 13px;
	border: 1px solid var(--tp-line);
	border-radius: 9px;
	background: var(--tp-white);
	color: var(--tp-navy);
	transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.search-result:hover,
.search-result:focus-visible {
	transform: translateX(2px);
	border-color: #aebfd8;
	background: #f5f8fc;
}

.search-result span {
	display: grid;
	gap: 3px;
}

.search-result strong {
	font-size: 13px;
}

.search-result small {
	color: var(--tp-muted);
	font-size: 11px;
}

.search-result b {
	color: var(--tp-blue);
	font-weight: 400;
}

.hero {
  min-height: calc(100svh - var(--tp-header-height));
  position: relative;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(4, 53, 108, 0.93) 0%, rgba(4, 53, 108, 0.73) 34%, rgba(4, 53, 108, 0.2) 62%, rgba(4, 53, 108, 0.03) 100%),
    url('/images/termopool-home-hero-v1.webp') center / cover no-repeat;
}

.hero::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 32%;
  background: linear-gradient(0deg, rgba(0, 28, 64, 0.26), transparent);
  pointer-events: none;
}

.hero__inner {
  min-height: max(620px, calc(100svh - var(--tp-header-height)));
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-block: 64px 148px;
}

.hero__content {
  max-width: 625px;
}

.eyebrow {
  margin: 0 0 18px;
  color: var(--tp-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eyebrow--light {
  color: #dfe9ff;
}

.hero h1,
.page-hero h1,
.section-heading h2,
.product-detail h1,
.seo-block h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
}

.hero h1 {
  margin: 0;
  color: var(--tp-white);
  font-size: clamp(50px, 6.2vw, 82px);
  line-height: 0.99;
  text-shadow: 0 3px 25px rgba(0, 20, 47, 0.22);
}

.hero__lead {
  max-width: 590px;
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.72;
}

.hero-categories {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.hero-category {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  background: rgba(3, 39, 82, 0.52);
  color: var(--tp-white);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  backdrop-filter: blur(10px);
  transition: border-color 240ms ease, background 240ms ease, transform 240ms ease;
}

.hero-category b {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.72);
  font-size: 16px;
  font-weight: 400;
  transition: transform 240ms ease;
}

.hero-category:hover,
.hero-category:focus-visible {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(4, 64, 132, 0.76);
  transform: translateY(-4px);
}

.hero-category:hover b,
.hero-category:focus-visible b {
  transform: translate(2px, -2px);
}

.motion-ready .hero-category {
  animation: hero-category-intro 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.motion-ready .hero-category:nth-child(1) { animation-delay: 520ms; }
.motion-ready .hero-category:nth-child(2) { animation-delay: 590ms; }
.motion-ready .hero-category:nth-child(3) { animation-delay: 660ms; }
.motion-ready .hero-category:nth-child(4) { animation-delay: 730ms; }
.motion-ready .hero-category:nth-child(5) { animation-delay: 800ms; }
.motion-ready .hero-category:nth-child(6) { animation-delay: 870ms; }
.motion-ready .hero-category:nth-child(n + 7) { animation-delay: 940ms; }

@keyframes hero-category-intro {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 20px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button--primary {
  background: var(--tp-red);
  color: var(--tp-white);
}

.button--ghost {
  border-color: rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.12);
  color: var(--tp-white);
  backdrop-filter: blur(8px);
}

.button--secondary {
  border-color: var(--tp-line);
  background: var(--tp-white);
  color: var(--tp-navy);
}

.benefit-strip {
  border-block: 1px solid var(--tp-line);
  background: var(--tp-white);
}

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.benefit-item {
  min-height: 104px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-right: 1px solid var(--tp-line);
}

.benefit-item:last-child {
  border-right: 0;
}

.benefit-item strong,
.benefit-item small {
  display: block;
}

.benefit-item strong {
  font-size: 14px;
}

.benefit-item small {
  margin-top: 2px;
  color: var(--tp-muted);
  font-size: 12px;
}

.benefit-icon {
  width: 40px;
  height: 40px;
  position: relative;
  flex: 0 0 40px;
  border-radius: 10px;
  background: #eef2fb;
}

.benefit-icon::before,
.benefit-icon::after {
  content: '';
  position: absolute;
  border: 2px solid var(--tp-blue);
}

.benefit-icon::before {
  inset: 10px;
  border-radius: 50%;
}

.benefit-icon::after {
  width: 7px;
  height: 7px;
  right: 7px;
  bottom: 7px;
  border-width: 0 2px 2px 0;
}

.section {
  padding-block: 88px;
  background: var(--tp-white);
}

.section--muted {
  background: var(--tp-mist);
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 34px;
}

.section-heading h2 {
  max-width: 760px;
  margin: 0;
  color: var(--tp-navy);
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.12;
}

.section-link {
  flex: 0 0 auto;
  color: var(--tp-blue);
  font-size: 14px;
  font-weight: 700;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.category-card {
  min-height: 240px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  background: var(--tp-white);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.category-card:hover {
  transform: translateY(-3px);
  border-color: #bdcceb;
  box-shadow: var(--tp-shadow);
}

.category-card__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #eef2fb;
  color: var(--tp-blue);
  font-size: 24px;
}

.category-card h3 {
  margin: 24px 0 8px;
  color: var(--tp-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 500;
}

.category-card p {
  margin: 0;
  color: var(--tp-muted);
  font-size: 14px;
}

.category-card__link {
  margin-top: auto;
  padding-top: 20px;
  color: var(--tp-blue);
  font-size: 13px;
  font-weight: 700;
}

.solution-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 18px;
}

.solution-card {
  min-height: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 36px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--tp-deep-blue), var(--tp-blue));
  color: var(--tp-white);
}

.solution-card--secondary {
  background: linear-gradient(145deg, #7a0000, var(--tp-red));
}

.solution-card::after {
  content: '';
  width: 260px;
  height: 260px;
  position: absolute;
  right: -80px;
  bottom: -100px;
  border: 38px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.solution-card small,
.solution-card h3,
.solution-card p,
.solution-card a {
  position: relative;
  z-index: 1;
}

.solution-card small {
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.solution-card h3 {
  max-width: 540px;
  margin: 12px 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 500;
  line-height: 1.08;
}

.solution-card p {
  max-width: 590px;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}

.solution-card a {
  margin-top: 24px;
  font-weight: 700;
}

.page-hero {
  padding-block: 58px;
  border-bottom: 1px solid var(--tp-line);
  background: var(--tp-mist);
}

.breadcrumbs {
  margin-bottom: 12px;
  color: var(--tp-muted);
  font-size: 13px;
}

.breadcrumbs a {
  color: var(--tp-blue);
}

.page-hero h1 {
  margin: 0;
  color: var(--tp-navy);
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1.06;
}

.page-hero p {
  max-width: 820px;
  margin: 18px 0 0;
  color: var(--tp-muted);
}

.catalog-layout {
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 34px;
  padding-block: 52px 88px;
}

.catalog-layout > section {
	min-width: 0;
	grid-column: 2;
	grid-row: 1;
}

.catalog-mobile-tools,
.catalog-sidebar__backdrop,
.catalog-sidebar__mobile-header,
.catalog-sidebar__mobile-tabs {
	display: none;
}

.catalog-sidebar {
  align-self: start;
	grid-column: 1;
	grid-row: 1;
}

.catalog-sidebar__panel {
	display: grid;
	gap: 18px;
}

.motion-ready .catalog-sidebar__panel > .motion-reveal.is-visible {
	transform: none;
}

.catalog-menu {
	position: relative;
	overflow: visible;
  border: 1px solid #d7e2eb;
  border-radius: 14px;
  background: var(--tp-white);
  box-shadow: 0 10px 30px rgba(6, 27, 43, 0.055);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.catalog-menu:hover {
  border-color: #bdcceb;
  box-shadow: 0 16px 38px rgba(6, 27, 43, 0.09);
}

.catalog-menu h2 {
  margin: 0;
  padding: 17px 18px;
  border-radius: 13px 13px 0 0;
  background: linear-gradient(135deg, #073f79 0%, var(--tp-deep-blue) 100%);
  color: var(--tp-white);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
}

.catalog-menu__scroll {
	max-height: 360px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: #b8c6d9 transparent;
	scrollbar-width: thin;
}

.catalog-menu__scroll::-webkit-scrollbar {
	width: 7px;
}

.catalog-menu__scroll::-webkit-scrollbar-track {
	background: transparent;
}

.catalog-menu__scroll::-webkit-scrollbar-thumb {
	border: 2px solid var(--tp-white);
	border-radius: 999px;
	background: #b8c6d9;
}

.catalog-menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 11px 15px 11px 18px;
  border-bottom: 1px solid var(--tp-line);
  color: var(--tp-muted);
  font-size: 13px;
  font-weight: 400;
  transition: background 150ms ease, color 150ms ease, padding-left 150ms ease;
}

.catalog-menu__item:last-child {
  border-bottom: 0;
}

.catalog-menu__item:hover,
.catalog-menu__item:focus-visible {
  padding-left: 21px;
  background: #f4f7fc;
  color: var(--tp-blue);
}

.catalog-menu__item.is-active {
  position: relative;
  background: #eef3ff;
  color: var(--tp-navy);
  font-weight: 400;
}

.catalog-menu__item.is-active::before {
  content: '';
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 4px;
  background: var(--tp-blue);
}

.catalog-menu__item small {
  min-width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #edf1f7;
  color: var(--tp-muted);
  font-size: 11px;
  font-weight: 400;
}

.catalog-menu__item.is-active small {
  background: var(--tp-white);
  color: var(--tp-blue);
}

.catalog-menu > .catalog-menu__branch > .catalog-menu__item > span {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.catalog-menu__branch {
	position: relative;
}

.catalog-menu__sublist {
	position: absolute;
	z-index: 30;
	top: -1px;
	left: calc(100% - 1px);
	width: min(265px, calc(100vw - 24px));
	max-height: none;
	padding: 7px;
	overflow: visible;
	visibility: hidden;
	border: 1px solid #ccd8eb;
	border-radius: 10px;
	background: rgba(248, 251, 255, 0.97);
	box-shadow: 0 18px 42px rgba(0, 35, 76, 0.18);
	opacity: 0;
	pointer-events: none;
	will-change: opacity;
	transition: opacity 60ms ease, visibility 60ms ease;
}

.catalog-menu__sublist.opens-left {
	right: calc(100% - 1px);
	left: auto;
}

.catalog-menu__sublist.is-positioned {
	position: fixed;
	top: var(--submenu-top, 12px);
	right: auto;
	left: var(--submenu-left, 12px);
}

.catalog-menu__sublist.is-positioned.opens-left {
	right: auto;
	left: var(--submenu-left, 12px);
}

.catalog-menu__sublist.is-multicolumn {
	width: min(520px, calc(100vw - 24px));
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-content: start;
	column-gap: 6px;
}

.catalog-menu__sublist::before {
	content: '';
	position: absolute;
	top: 0;
	right: 100%;
	width: 4px;
	height: 100%;
}

.catalog-menu__branch:hover > .catalog-menu__sublist,
.catalog-menu__branch:focus-within > .catalog-menu__sublist,
.catalog-menu__branch.is-open > .catalog-menu__sublist {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

.catalog-menu__sublist .catalog-menu__item {
	min-height: 39px;
	padding: 8px 12px;
	border: 0;
	border-radius: 6px;
	color: #53697a;
	font-size: 12px;
	font-weight: 400;
	text-transform: lowercase;
}

.catalog-menu__sublist .catalog-menu__item > span {
	display: block;
}

.catalog-menu__sublist .catalog-menu__item > span::first-letter {
	text-transform: uppercase;
}

.catalog-menu__sublist .catalog-menu__item:hover,
.catalog-menu__sublist .catalog-menu__item:focus-visible {
	padding-left: 15px;
	background: #eaf1fc;
}

.catalog-menu__sublist .catalog-menu__sublist .catalog-menu__item {
	padding-left: 12px;
}

.catalog-menu__sublist .catalog-menu__sublist .catalog-menu__item:hover,
.catalog-menu__sublist .catalog-menu__sublist .catalog-menu__item:focus-visible {
	padding-left: 15px;
}

.catalog-menu__sublist .catalog-menu__item.is-active {
	background: #e5edfb;
	color: var(--tp-navy);
	font-weight: 400;
}

.catalog-menu__branch:last-child > .catalog-menu__item {
	border-bottom: 0;
}

.catalog-toolbar {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.catalog-toolbar span {
  color: var(--tp-muted);
  font-size: 13px;
}

.catalog-toolbar select {
  min-height: 40px;
  padding-inline: 12px 34px;
  border: 1px solid var(--tp-line);
  border-radius: 8px;
  background: var(--tp-white);
  color: var(--tp-ink);
}

[data-catalog-listing].is-loading .product-grid {
	opacity: 0.48;
	pointer-events: none;
}

.search-page__hero {
	padding-bottom: 42px;
}

.search-page__form {
	max-width: 820px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin-top: 26px;
	padding: 8px 8px 8px 16px;
	border: 1px solid #b8c8dd;
	border-radius: 12px;
	background: var(--tp-white);
	box-shadow: 0 12px 34px rgba(0, 35, 76, 0.08);
}

.search-page__form input {
	min-width: 0;
	min-height: 44px;
	border: 0;
	outline: 0;
	background: transparent;
	font: inherit;
}

.search-page__form button {
	min-height: 42px;
	padding-inline: 20px;
	border: 0;
	border-radius: 8px;
	background: var(--tp-deep-blue);
	color: var(--tp-white);
	font-weight: 600;
	cursor: pointer;
}

.search-page {
	min-height: 420px;
	padding-block: 42px 88px;
}

.search-page__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 26px;
}

.search-page__toolbar p {
	margin: 0;
	color: var(--tp-muted);
}

.search-page__toolbar select {
	min-height: 40px;
	padding-inline: 12px 34px;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
}

.search-page__categories {
	margin-bottom: 34px;
}

.search-page__categories h2 {
	margin: 0 0 14px;
	color: var(--tp-navy);
	font-size: 22px;
}

.search-category-results {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.search-category-result {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 3px 12px;
	min-height: 76px;
	padding: 15px 17px;
	border: 1px solid var(--tp-line);
	border-radius: 10px;
	background: var(--tp-white);
}

.search-category-result small {
	grid-column: 1;
	color: var(--tp-muted);
}

.search-category-result span {
	grid-column: 2;
	grid-row: 1 / span 2;
	color: var(--tp-blue);
}

.search-page .product-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.search-page.is-loading .search-page__products {
	opacity: 0.45;
	pointer-events: none;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.product-grid--featured {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coverseal-promo {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  padding: clamp(72px, 9vw, 124px) 0;
  background: var(--tp-white);
}

.coverseal-promo::before {
  content: 'COVERSEAL';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  color: rgba(4, 61, 124, 0.045);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(118px, 18vw, 290px);
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -0.075em;
  white-space: nowrap;
  transform: translate(-51%, -50%);
  pointer-events: none;
  user-select: none;
}

.coverseal-promo__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  align-items: center;
  gap: clamp(44px, 7vw, 96px);
}

.coverseal-promo__media {
  min-height: 480px;
  position: relative;
  overflow: hidden;
  border-radius: 22px 22px 70px 22px;
  background: var(--tp-mist);
  box-shadow: 0 28px 70px rgba(4, 42, 82, 0.15);
}

.coverseal-promo__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(2, 28, 59, 0.54));
  pointer-events: none;
}

.coverseal-promo__media img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.coverseal-promo__media:hover img {
  transform: scale(1.025);
}

.coverseal-promo__mark {
  position: absolute;
  z-index: 1;
  right: 30px;
  bottom: 24px;
  color: var(--tp-white);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: -0.04em;
}

.coverseal-promo__content h2 {
  max-width: 560px;
  margin: 0;
  color: var(--tp-blue-dark);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 4.6vw, 62px);
  font-weight: 500;
  line-height: 1.03;
  letter-spacing: -0.035em;
}

.coverseal-promo__content > p:not(.eyebrow) {
  max-width: 600px;
  margin: 26px 0 30px;
  color: var(--tp-muted);
  font-size: 16px;
  line-height: 1.8;
}

.catalog-pagination {
	display: grid;
	grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
	align-items: center;
	gap: 20px;
	margin-top: 34px;
}

.catalog-pagination__pages {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.catalog-pagination__page,
.catalog-pagination__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
	color: var(--tp-navy);
	font-size: 13px;
	transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

.catalog-pagination__arrow {
	padding-inline: 14px;
}

.catalog-pagination__arrow:first-child {
	justify-self: start;
}

.catalog-pagination__arrow:last-child {
	justify-self: end;
}

.catalog-pagination__page:hover,
.catalog-pagination__page:focus-visible,
.catalog-pagination__arrow:hover,
.catalog-pagination__arrow:focus-visible {
	border-color: var(--tp-blue);
	color: var(--tp-blue);
}

.catalog-pagination__page.is-active {
	border-color: var(--tp-deep-blue);
	background: var(--tp-deep-blue);
	color: var(--tp-white);
	font-weight: 700;
}

.catalog-pagination__ellipsis {
	padding-inline: 2px;
	color: var(--tp-muted);
}

.product-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  background: var(--tp-white);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-card:hover {
  transform: translateY(-3px);
  border-color: #bdcceb;
  box-shadow: var(--tp-shadow);
}

.product-card[hidden] {
	display: none;
}

.product-card__badges {
  position: absolute;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 6px;
	pointer-events: none;
}

.product-card__badges--top {
	top: 12px;
	right: 12px;
	left: 12px;
	align-items: flex-start;
}

.product-card__badges--corner {
	right: 12px;
	bottom: 12px;
	align-items: flex-end;
}

.product-card__badge,
.product-card__stock-badge {
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 7px;
	color: var(--tp-white);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	box-shadow: 0 5px 14px rgba(0, 28, 65, 0.14);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

.product-card__badge {
	max-width: min(100%, 210px);
}

.product-card__badge--red {
	background: rgba(148, 0, 0, 0.78);
}

.product-card__badge--blue {
	background: rgba(4, 53, 108, 0.78);
}

.product-card__stock-badge {
	position: absolute;
	z-index: 3;
	bottom: 12px;
	left: 12px;
	background: rgba(4, 53, 108, 0.76);
	pointer-events: none;
}

.product-card__image {
  position: relative;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: var(--tp-white);
}

.product-card__image img {
  position: absolute;
  inset: 18px;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
  object-fit: contain;
  object-position: center;
}

.product-placeholder {
  width: min(74%, 190px);
  aspect-ratio: 4 / 3;
  position: relative;
  display: grid;
  place-items: end center;
  padding: 22px 18px;
  border: 1px solid #e2e9ee;
  border-radius: 14px;
  background: linear-gradient(145deg, #fbfcfd, #f1f5f7);
  color: #71828d;
}

.product-placeholder::before {
  content: '';
  width: 48px;
  height: 38px;
  position: absolute;
  top: 28px;
  left: 50%;
  border: 2px solid #b8c5cc;
  border-radius: 8px;
  background:
    radial-gradient(circle at 72% 30%, #b8c5cc 0 4px, transparent 5px),
    linear-gradient(140deg, transparent 49%, #d6dfe4 50% 65%, transparent 66%) bottom / 100% 65% no-repeat;
  transform: translateX(-50%);
}

.product-placeholder::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 50%;
  width: 2px;
  height: 48px;
  border-radius: 2px;
  background: #c7a1a1;
  transform: rotate(48deg);
}

.product-placeholder span {
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-align: center;
}

.product-card__body {
  padding: 20px;
}

.product-card__body small {
  color: var(--tp-muted);
  font-size: 12px;
}

.product-card__body h2 {
  min-height: 50px;
  margin: 7px 0 0;
  color: var(--tp-ink);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
}

.product-card__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  color: var(--tp-navy);
}

.product-card__price span {
  color: var(--tp-blue);
  font-size: 20px;
}

.product-detail {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  padding-block: 56px 88px;
}

.product-gallery {
	min-width: 0;
	align-self: start;
}

.product-gallery__main {
  min-height: 540px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: var(--tp-radius);
  background: var(--tp-mist);
}

.product-gallery__main img {
  width: 100%;
  height: 100%;
	min-height: 540px;
  object-fit: contain;
}

.product-gallery__main .product-placeholder {
  transform: scale(1.7);
}

.product-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 9px;
	margin-top: 10px;
}

.product-gallery__thumbs button {
	position: relative;
	min-width: 0;
	aspect-ratio: 1;
	padding: 5px;
	overflow: hidden;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.product-gallery__thumbs button:hover,
.product-gallery__thumbs button:focus-visible,
.product-gallery__thumbs button[aria-pressed="true"] {
	border-color: var(--tp-blue);
	box-shadow: 0 0 0 2px rgba(36, 86, 181, 0.14);
}

.product-gallery__thumbs img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-detail__category {
  color: var(--tp-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.product-detail h1 {
  margin: 12px 0;
  color: var(--tp-navy);
  font-size: clamp(34px, 3.8vw, 50px);
  line-height: 1.04;
}

.product-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 16px;
  color: var(--tp-muted);
  font-size: 13px;
}

.product-detail__meta strong {
  color: var(--tp-navy);
  font-weight: 700;
}

.product-detail__summary {
  color: var(--tp-muted);
}

.availability {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: var(--tp-deep-blue);
  font-size: 13px;
  font-weight: 700;
}

.availability::before {
  content: '✓';
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eef2fb;
}

.detail-price {
  margin-top: 25px;
  color: var(--tp-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
}

.tax-note {
  color: var(--tp-muted);
  font-size: 12px;
}

.spec-list {
  margin-top: 28px;
  border-top: 1px solid var(--tp-line);
}

.spec-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 13px;
  border-bottom: 1px solid var(--tp-line);
  font-size: 14px;
}

.spec-row span {
  color: var(--tp-muted);
}

.detail-actions {
  display: flex;
  gap: 10px;
  margin-top: 28px;
}

.detail-actions .button:first-child {
  flex: 1;
}

.quote-modal {
	width: min(680px, calc(100% - 28px));
	max-width: none;
	max-height: calc(100vh - 28px);
	padding: 0;
	overflow: visible;
	border: 0;
	border-radius: 16px;
	background: transparent;
	color: var(--tp-ink);
}

.quote-modal::backdrop {
	background: rgba(0, 25, 55, 0.62);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.quote-modal__card {
	position: relative;
	max-height: calc(100vh - 28px);
	padding: clamp(24px, 4vw, 42px);
	overflow-y: auto;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 16px;
	background: var(--tp-white);
	box-shadow: 0 30px 80px rgba(0, 25, 55, 0.3);
}

.quote-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1px solid var(--tp-line);
	border-radius: 50%;
	background: #f5f7fa;
	color: var(--tp-navy);
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}

.quote-modal__eyebrow {
	color: var(--tp-blue);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.quote-modal h2 {
	margin: 8px 48px 20px 0;
	color: var(--tp-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(26px, 4vw, 38px);
	line-height: 1.12;
}

.quote-modal__product {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 22px;
	padding: 12px;
	border: 1px solid var(--tp-line);
	border-radius: 10px;
	background: #f8fafc;
}

.quote-modal__product img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 7px;
	background: var(--tp-white);
}

.quote-modal__product strong,
.quote-modal__product span {
	display: block;
}

.quote-modal__product strong {
	color: var(--tp-navy);
	font-size: 14px;
}

.quote-modal__product span {
	margin-top: 4px;
	color: var(--tp-muted);
	font-size: 12px;
}

.quote-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.quote-form > label:not(.quote-form__consent):not(.quote-form__website) {
	display: grid;
	gap: 7px;
	color: var(--tp-navy);
	font-size: 12px;
	font-weight: 700;
}

.quote-form input:not([type="checkbox"]),
.quote-form textarea {
	width: 100%;
	padding: 12px 13px;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
	color: var(--tp-ink);
	font: inherit;
}

.quote-form input:focus,
.quote-form textarea:focus {
	border-color: var(--tp-blue);
	outline: 3px solid rgba(53, 96, 194, 0.12);
}

.quote-form__message,
.quote-form__consent,
.quote-form__status,
.quote-form > .button {
	grid-column: 1 / -1;
}

.quote-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: var(--tp-muted);
	font-size: 11px;
	line-height: 1.5;
}

.quote-form__consent input {
	margin-top: 3px;
	accent-color: var(--tp-blue);
}

.quote-form__website {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.quote-form__status {
	min-height: 20px;
	font-size: 12px;
	font-weight: 700;
}

.quote-form__status.is-success {
	color: #14733b;
}

.quote-form__status.is-error {
	color: var(--tp-red);
}

.quote-form .button:disabled {
	opacity: 0.6;
	cursor: wait;
}

.boiler-calculator-modal {
	width: min(650px, calc(100% - 28px));
	max-width: none;
	max-height: calc(100dvh - 28px);
	padding: 0;
	overflow: visible;
	border: 0;
	border-radius: 16px;
	background: transparent;
	color: var(--tp-ink);
}

.boiler-calculator-modal::backdrop {
	background: rgba(0, 25, 55, 0.62);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.boiler-calculator-modal__card {
	position: relative;
	max-height: calc(100dvh - 28px);
	padding: clamp(24px, 4vw, 42px);
	overflow-y: auto;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 16px;
	background: var(--tp-white);
	box-shadow: 0 30px 80px rgba(0, 25, 55, 0.3);
}

.boiler-calculator-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1px solid var(--tp-line);
	border-radius: 50%;
	background: #f5f7fa;
	color: var(--tp-navy);
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}

.boiler-calculator-modal__eyebrow {
	color: var(--tp-blue);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.boiler-calculator-modal h2 {
	margin: 8px 48px 10px 0;
	color: var(--tp-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(26px, 4vw, 38px);
	line-height: 1.12;
}

.boiler-calculator-modal__card > p {
	margin: 0 0 24px;
	color: var(--tp-muted);
}

.boiler-calculator {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.boiler-calculator label {
	display: grid;
	gap: 7px;
	color: var(--tp-navy);
	font-size: 12px;
	font-weight: 700;
}

.boiler-calculator__coefficient,
.boiler-calculator > .button {
	grid-column: 1 / -1;
}

.boiler-calculator__input {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
}

.boiler-calculator input,
.boiler-calculator select {
	width: 100%;
	min-height: 46px;
	padding: 11px 13px;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	background: var(--tp-white);
	color: var(--tp-ink);
	font: inherit;
}

.boiler-calculator__input input {
	border: 0;
}

.boiler-calculator__input small {
	padding-right: 13px;
	color: var(--tp-muted);
	font-weight: 600;
}

.boiler-calculator input:focus,
.boiler-calculator select:focus,
.boiler-calculator__input:focus-within {
	border-color: var(--tp-blue);
	outline: 3px solid rgba(53, 96, 194, 0.12);
}

.boiler-calculator__input input:focus {
	outline: 0;
}

.boiler-calculator__result {
	margin-top: 22px;
	padding: 22px;
	border: 1px solid #b9cae2;
	border-radius: 12px;
	background: linear-gradient(135deg, #f5f8fd, #edf3fb);
}

.boiler-calculator__result > span {
	display: block;
	color: var(--tp-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.boiler-calculator__result strong {
	display: block;
	margin-top: 5px;
	color: var(--tp-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 36px;
}

.boiler-calculator__result p {
	margin: 8px 0 0;
	color: var(--tp-muted);
	font-size: 12px;
}

.product-options-inline {
  margin-top: 28px;
}

.product-options-inline h2 {
  margin: 0 0 12px;
  color: var(--tp-navy);
  font-size: 18px;
  font-weight: 700;
}

.product-options-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  background: var(--tp-white);
  box-shadow: 0 14px 40px rgba(0, 40, 90, 0.07);
  overscroll-behavior-inline: contain;
}

.product-options-table {
  width: 100%;
  min-width: 620px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.product-options-table th,
.product-options-table td {
  padding: 12px 13px;
  text-align: left;
  vertical-align: middle;
}

.product-options-table th {
  background: var(--tp-deep-blue);
  color: var(--tp-white);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.product-options-table td {
  border-top: 1px solid var(--tp-line);
  color: var(--tp-ink);
}

.product-options-table tbody tr:first-child td {
  border-top: 0;
}

.product-options-table tbody tr:nth-child(even) td {
  background: #f8fafc;
}

.product-options-table tbody tr:hover td {
  background: #eef4ff;
}

.variation-sku {
  color: var(--tp-muted);
  font-family: Consolas, "Courier New", monospace;
  font-size: 13px;
  white-space: nowrap;
}

.variation-price {
  color: var(--tp-blue);
  white-space: nowrap;
}

.product-information {
  padding-block: 28px 80px;
  border-top: 1px solid var(--tp-line);
  background: var(--tp-mist);
}

.product-tabs {
  overflow: hidden;
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  background: var(--tp-white);
  box-shadow: 0 14px 40px rgba(0, 40, 90, 0.06);
}

.product-tabs__list {
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid var(--tp-line);
  background: #f8fafc;
}

.product-tabs__list button {
  min-height: 54px;
  padding: 0 24px;
  border: 0;
  border-right: 1px solid var(--tp-line);
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--tp-muted);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.product-tabs__list button:hover,
.product-tabs__list button:focus-visible {
  color: var(--tp-blue);
}

.product-tabs__list button[aria-selected="true"] {
  border-bottom-color: var(--tp-blue);
  background: var(--tp-white);
  color: var(--tp-navy);
}

.product-tabs__panel {
  padding: clamp(26px, 4vw, 48px);
}

.product-tabs__panel[hidden] {
  display: none;
}

.product-documents {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.product-document {
	position: relative;
	display: block;
	min-height: 76px;
	padding: 14px 18px 14px 72px;
	border: 1px solid var(--tp-line);
	border-radius: 10px;
	background: #f8fafc;
	color: var(--tp-navy);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-document::before {
	content: 'PDF';
	position: absolute;
	left: 18px;
	width: 38px;
	height: 46px;
	display: grid;
	place-items: center;
	border-radius: 5px;
	background: var(--tp-red);
	color: var(--tp-white);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
}

.product-document:hover,
.product-document:focus-visible {
	transform: translateY(-2px);
	border-color: var(--tp-blue);
	box-shadow: 0 10px 24px rgba(0, 40, 90, 0.1);
}

.product-document strong {
	display: block;
	font-size: 14px;
}

.product-document span {
	display: block;
	margin-top: 4px;
	color: var(--tp-blue);
	font-size: 12px;
}

.product-tabs__panel--documents .seo-block__copy ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-tabs__panel--documents .seo-block__copy li {
	margin: 0;
}

.product-tabs__panel--documents .seo-block__copy li a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 76px;
	padding: 14px 58px 14px 72px;
	border: 1px solid var(--tp-line);
	border-radius: 10px;
	background: #f8fafc;
	color: var(--tp-navy);
	font-size: 14px;
	font-weight: 700;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.product-tabs__panel--documents .seo-block__copy li a::before {
	content: 'PDF';
	position: absolute;
	left: 18px;
	width: 38px;
	height: 46px;
	display: grid;
	place-items: center;
	border-radius: 5px;
	background: var(--tp-red);
	color: var(--tp-white);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
}

.product-tabs__panel--documents .seo-block__copy li a::after {
	content: '↓';
	position: absolute;
	right: 18px;
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #eaf0ff;
	color: var(--tp-blue);
	font-size: 18px;
	font-weight: 800;
}

.product-tabs__panel--documents .seo-block__copy li a:hover,
.product-tabs__panel--documents .seo-block__copy li a:focus-visible {
	transform: translateY(-2px);
	border-color: var(--tp-blue);
	box-shadow: 0 10px 24px rgba(0, 40, 90, 0.1);
}

.seo-block__copy {
  color: var(--tp-muted);
}

.seo-block__copy > :first-child {
  margin-top: 0;
}

.seo-block__copy img,
.seo-block__copy table {
  max-width: 100%;
  height: auto;
}

.product-breadcrumbs {
  margin-top: 34px;
  margin-bottom: -18px;
}

.empty-state,
.narrow-copy,
.contact-card,
.contact-form {
  border: 1px solid var(--tp-line);
  border-radius: var(--tp-radius);
  background: var(--tp-white);
}

.empty-state {
  padding: 42px;
  text-align: center;
}

.empty-state h2,
.narrow-copy h2,
.contact-card h2 {
  margin-top: 0;
  color: var(--tp-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 500;
  line-height: 1.15;
}

.empty-state p,
.narrow-copy p,
.contact-card p {
  color: var(--tp-muted);
}

.empty-state .button,
.narrow-copy .button {
  margin-top: 14px;
}

.narrow-copy {
  max-width: 820px;
  padding: clamp(28px, 5vw, 56px);
}

.contact-layout {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 24px;
  align-items: start;
}

.contact-card,
.contact-form {
  padding: clamp(26px, 4vw, 44px);
}

.contact-card a {
  color: var(--tp-blue);
  font-weight: 700;
}

.contact-form {
  display: grid;
  gap: 18px;
}

.contact-form label {
  display: grid;
  gap: 7px;
  color: var(--tp-ink);
  font-size: 13px;
  font-weight: 700;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--tp-line);
  border-radius: 8px;
  background: var(--tp-white);
  color: var(--tp-ink);
  outline: none;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--tp-blue);
  box-shadow: 0 0 0 3px rgba(53, 96, 194, 0.12);
}

.contact-form .button {
  justify-self: start;
  border: 0;
  cursor: pointer;
}

.contact-hero { background: linear-gradient(120deg, #f4f8fc 0%, #fff 58%, #edf4fb 100%); }
.contact-hero .eyebrow { margin: 30px 0 10px; }
.contact-overview { background: var(--tp-white); }
.contact-card { overflow: hidden; position: relative; }
.contact-card::after { background: var(--tp-red); bottom: 0; content: ''; height: 4px; left: 0; position: absolute; width: 42%; }
.contact-card__details { border-top: 1px solid var(--tp-line); display: grid; gap: 20px; margin-top: 28px; padding-top: 24px; }
.contact-card__details p { display: grid; gap: 5px; margin: 0; }
.contact-card__details span,
.location-card__group > span { color: var(--tp-muted); font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.contact-form__heading h2 { color: var(--tp-navy); font-family: Georgia, "Times New Roman", serif; font-size: clamp(26px, 3vw, 36px); font-weight: 500; margin: 0; }
.contact-form__fields { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-form__message { grid-column: 1 / -1; }
.contact-locations { background: #f5f8fb; }
.location-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.location-card { background: var(--tp-white); border: 1px solid var(--tp-line); border-radius: var(--tp-radius); display: flex; flex-direction: column; min-height: 330px; padding: 24px; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.location-card:hover { border-color: rgba(11, 63, 120, .32); box-shadow: 0 18px 45px rgba(0, 40, 90, .08); transform: translateY(-4px); }
.location-card__number { color: rgba(11, 63, 120, .18); font-family: Georgia, "Times New Roman", serif; font-size: 34px; line-height: 1; }
.location-card h3,
.contact-person h3 { color: var(--tp-navy); margin: 12px 0 8px; }
.location-card__address { color: var(--tp-muted); min-height: 48px; }
.location-card__group { display: grid; gap: 4px; margin-top: 15px; }
.location-card__group p,
.location-card__group a { color: var(--tp-ink); font-size: 13px; margin: 0; }
.location-card__group a:hover,
.contact-person a:hover { color: var(--tp-blue); }
.location-card__map { align-items: center; border-top: 1px solid var(--tp-line); color: var(--tp-blue); display: flex; font-size: 13px; font-weight: 700; justify-content: space-between; margin-top: auto; padding-top: 18px; }
.contact-directory { background: var(--tp-white); }
.contact-directory__grid { border-left: 1px solid var(--tp-line); border-top: 1px solid var(--tp-line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.contact-person { border-bottom: 1px solid var(--tp-line); border-right: 1px solid var(--tp-line); display: grid; min-height: 150px; padding: 24px; }
.contact-person > p { color: var(--tp-blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; margin: 0; text-transform: uppercase; }
.contact-person a { color: var(--tp-muted); font-size: 13px; overflow-wrap: anywhere; }

.error-page {
  min-height: calc(100svh - var(--tp-header-height));
  display: grid;
  align-items: center;
}

.site-footer {
  padding-top: 0;
  background: #051522;
  color: #b8ced9;
}

.footer-price-note {
  background: #124b88;
  color: rgba(255, 255, 255, .92);
  padding: 16px 0 15px;
  text-align: center;
}

.footer-price-note p {
  font-size: 13px;
  margin: 0 0 3px;
}

.footer-price-note strong {
  color: #fff;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr));
  gap: 46px;
  padding-top: 58px;
}

.footer-grid h2 {
  margin: 0 0 17px;
  color: #f1f8fb;
  font-size: 15px;
}

.footer-grid p,
.footer-grid a {
  display: block;
  margin: 0 0 10px;
  font-size: 13px;
}

.footer-about img {
  width: 155px;
  padding: 5px;
  border-radius: 4px;
  background: var(--tp-white);
}

.footer-about p {
  max-width: 310px;
  margin-top: 20px;
}

.footer-bottom {
  min-height: 68px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  margin-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 12px;
}

.footer-bottom > a {
  justify-self: end;
}

.social-share__links {
  display: flex;
  gap: 7px;
}

.social-share__links a {
  align-items: center;
  background: rgba(10, 55, 102, .94);
  border: 1px solid rgba(255, 255, 255, .42);
  display: inline-flex;
  height: 42px;
  justify-content: center;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
  width: 42px;
}

.social-share__links a:hover,
.social-share__links a:focus-visible {
  background: var(--tp-blue);
  border-color: #fff;
  transform: translateY(-2px);
}

.social-share__links img {
  display: block;
  height: 17px;
  width: 17px;
}

.social-share--floating {
  left: 12px;
  position: fixed;
  top: 68%;
  transform: translateY(-50%);
  z-index: 35;
}

.social-share--floating .social-share__links {
  flex-direction: column;
}

.social-share--floating .social-share__links a {
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 26px rgba(0, 35, 76, .16);
}

.social-share--footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.social-share--footer .social-share__label {
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.social-share--footer .social-share__links a {
  background: rgba(255, 255, 255, .07);
  height: 36px;
  width: 36px;
}

.about-hero {
	position: relative;
	min-height: clamp(600px, 78vh, 820px);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--tp-navy);
}

.about-hero > img,
.about-purpose > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 35, 76, 0.9) 0%, rgba(0, 35, 76, 0.56) 38%, rgba(0, 35, 76, 0.08) 72%);
}

.about-hero__content {
	position: relative;
	z-index: 1;
	padding-bottom: clamp(70px, 10vh, 120px);
	color: var(--tp-white);
}

.breadcrumbs--light,
.breadcrumbs--light a {
	color: rgba(255, 255, 255, 0.76);
}

.about-hero h1 {
	max-width: 740px;
	margin: 16px 0 0;
	color: var(--tp-white);
	font-size: clamp(48px, 6vw, 82px);
	line-height: 0.98;
}

.about-intro {
	padding-block: clamp(80px, 10vw, 150px);
}

.about-intro__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: clamp(48px, 6vw, 86px);
}

.about-copy {
	color: #425d71;
	font-size: 16px;
	line-height: 1.86;
}

.about-copy p {
	margin: 0 0 24px;
}

.about-copy--lead {
	position: relative;
	max-width: 620px;
	padding: 36px 38px 34px;
	border: 1px solid #dbe5f1;
	border-radius: 8px 30px 8px 8px;
	background: #f7faff;
	color: #314f66;
	font-family: inherit;
	font-size: clamp(18px, 1.35vw, 21px);
	line-height: 1.78;
}

.about-copy--lead::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 38px;
	width: 80px;
	height: 4px;
	border-radius: 999px;
	background: var(--tp-red);
}

.about-image-card {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 8px 48px 8px 8px;
	box-shadow: 0 26px 70px rgba(0, 35, 76, 0.16);
}

.about-image-card::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34%;
	height: 8px;
	background: var(--tp-red);
}

.about-image-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1.4;
	object-fit: cover;
}

.about-offer {
	padding-block: clamp(80px, 9vw, 140px);
}

.about-offer__grid {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: clamp(60px, 9vw, 140px);
}

.about-offer__aside {
	align-self: start;
	position: sticky;
	top: 110px;
}

.about-offer__aside h2 {
	margin: 12px 0 28px;
	font-size: clamp(40px, 4.2vw, 62px);
	line-height: 1.02;
}

.about-offer__line {
	display: block;
	width: 72px;
	height: 3px;
	background: var(--tp-red);
}

.about-copy--columns p:first-child {
	color: var(--tp-navy);
	font-size: 18px;
	font-weight: 600;
}

.director-section {
	padding-block: clamp(70px, 9vw, 130px);
}

.director-card {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: clamp(30px, 5vw, 80px);
	padding: clamp(50px, 7vw, 100px);
	border-radius: 8px 64px 8px 8px;
	background: var(--tp-navy);
	color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 28px 70px rgba(0, 35, 76, 0.2);
}

.director-card::after {
	content: '';
	position: absolute;
	right: -120px;
	bottom: -160px;
	width: 400px;
	height: 400px;
	border: 70px solid rgba(29, 94, 214, 0.16);
	border-radius: 50%;
}

.director-card__mark {
	color: var(--tp-red);
	font-family: Georgia, serif;
	font-size: 220px;
	line-height: 0.8;
}

.director-card__content {
	position: relative;
	z-index: 1;
	max-width: 830px;
}

.director-card h2 {
	margin: 12px 0 34px;
	color: var(--tp-white);
	font-size: clamp(38px, 4vw, 58px);
}

.director-card blockquote {
	margin: 0;
	font-size: 16px;
	line-height: 1.82;
}

.director-card blockquote p {
	margin: 0 0 20px;
}

.director-card__signature {
	display: grid;
	gap: 4px;
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.director-card__signature strong {
	color: var(--tp-white);
	font-size: 18px;
}

.about-purpose {
	position: relative;
	min-height: 820px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.about-purpose__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 35, 76, 0.9), rgba(0, 35, 76, 0.42) 60%, rgba(0, 35, 76, 0.18));
}

.about-purpose__inner {
	position: relative;
	z-index: 1;
	padding-block: 90px;
}

.about-purpose__statement {
	max-width: 900px;
	margin-bottom: 44px;
	color: var(--tp-white);
	font-family: var(--tp-serif);
	font-size: clamp(30px, 3.5vw, 48px);
	line-height: 1.22;
}

.about-purpose__statement p {
	margin: 0;
}

.about-purpose__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	max-width: 1020px;
}

.about-purpose__cards article {
	padding: clamp(32px, 4vw, 52px);
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 8px 30px 8px 8px;
	background: rgba(0, 35, 76, 0.74);
	backdrop-filter: blur(14px);
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.72;
}

.about-purpose__cards h2 {
	margin: 10px 0 20px;
	color: var(--tp-white);
	font-size: 36px;
}

.about-purpose__cards p:last-child {
	margin-bottom: 0;
}

.about-contact {
	padding-block: clamp(70px, 8vw, 110px);
}

.about-contact__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	padding: 45px 0;
	border-top: 1px solid var(--tp-border);
	border-bottom: 1px solid var(--tp-border);
}

.about-contact p {
	margin: 0 0 8px;
	color: var(--tp-muted);
}

.about-contact h2 {
	margin: 0;
	font-size: clamp(40px, 5vw, 68px);
}

.about-contact__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

@media (max-width: 1040px) {
	.location-grid,
	.contact-directory__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hero-categories {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hero__inner {
		padding-bottom: 230px;
	}

	.coverseal-promo__inner {
		grid-template-columns: 1fr 1fr;
		gap: 42px;
	}

	.coverseal-promo__media {
		min-height: 420px;
	}

	.search-page .product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.about-intro__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 50px;
	}

	.about-offer__grid {
		grid-template-columns: 240px minmax(0, 1fr);
		gap: 60px;
	}

	.director-card {
		grid-template-columns: 110px minmax(0, 1fr);
	}

	.director-card__mark {
		font-size: 160px;
	}

  .site-nav {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: max(24px, calc((100% - 1180px) / 2));
    left: max(24px, calc((100% - 1180px) / 2));
    padding: 12px;
    border: 1px solid var(--tp-line);
    border-radius: 10px;
    background: var(--tp-white);
    box-shadow: var(--tp-shadow);
  }

  .site-nav a {
    padding: 10px 12px;
    border-radius: 6px;
  }

  .site-nav a:hover {
    background: var(--tp-mist);
  }

  .nav-toggle:checked + .site-nav {
    display: grid;
  }

  .nav-toggle:focus-visible ~ .header-actions .mobile-menu-button {
    outline: 2px solid var(--tp-blue);
    outline-offset: 2px;
  }

  .mobile-menu-button {
    display: grid;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
	html.catalog-menu-open,
	html.catalog-menu-open body {
		overflow: hidden;
	}

	.social-share--floating {
		bottom: 14px;
		left: 50%;
		top: auto;
		transform: translateX(-50%);
	}

	.social-share--floating .social-share__links {
		background: rgba(5, 21, 34, .88);
		border: 1px solid rgba(255, 255, 255, .18);
		border-radius: 999px;
		box-shadow: 0 12px 34px rgba(0, 28, 58, .2);
		flex-direction: row;
		padding: 5px;
	}

	.social-share--floating .social-share__links a {
		border: 0;
		border-radius: 50%;
		height: 38px;
		width: 38px;
	}

	.footer-bottom {
		grid-template-columns: 1fr;
		justify-items: center;
		padding-block: 22px;
		text-align: center;
	}

	.footer-bottom > a {
		justify-self: center;
	}

	.hero__inner {
		justify-content: flex-start;
		padding-block: 54px 142px;
	}

	.hero-categories {
		right: -14px;
		bottom: 22px;
		left: -14px;
		display: flex;
		overflow-x: auto;
		padding: 4px 14px 10px;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
	}

	.hero-categories::-webkit-scrollbar {
		display: none;
	}

	.hero-category {
		width: 190px;
		min-width: 190px;
		min-height: 64px;
		scroll-snap-align: start;
	}

	.coverseal-promo__inner {
		grid-template-columns: 1fr;
	}

	.coverseal-promo__media {
		min-height: 420px;
		order: 2;
	}

	.search-page .product-grid,
	.search-category-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  :root {
    --tp-header-height: 86px;
  }

  .container {
    width: min(100% - 28px, 1180px);
  }

  .topbar {
    height: 28px;
  }

  .topbar__inner {
    justify-content: center;
    text-align: center;
  }

  .topbar__links {
    display: none;
  }

  .site-header {
    height: 58px;
  }

  .brand img {
    width: 138px;
  }

  .shop-action {
    display: none;
  }

  .hero {
    background-position: 64% center;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 35, 76, 0.68), rgba(0, 35, 76, 0.18));
  }

  .hero__inner {
    min-height: max(590px, calc(100svh - var(--tp-header-height)));
    padding-block: 48px;
  }

  .hero h1 {
    max-width: 100%;
    font-size: clamp(42px, 11.5vw, 58px);
    overflow-wrap: anywhere;
  }

  .hero__content {
    min-width: 0;
  }

  .benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benefit-item:nth-child(2) {
    border-right: 0;
  }

  .benefit-item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--tp-line);
  }

  .section {
    padding-block: 64px;
  }

	.about-hero {
		min-height: 590px;
	}

	.about-hero > img {
		object-position: 65% center;
	}

	.about-hero__overlay {
		background: linear-gradient(90deg, rgba(0, 35, 76, 0.9), rgba(0, 35, 76, 0.42));
	}

	.about-hero__content {
		padding-bottom: 62px;
	}

	.about-hero h1 {
		font-size: clamp(42px, 12vw, 58px);
	}

	.about-intro__grid,
	.about-offer__grid,
	.director-card,
	.about-purpose__cards {
		grid-template-columns: 1fr;
	}

	.about-intro__grid,
	.about-offer__grid {
		gap: 42px;
	}

	.about-copy--lead {
		max-width: none;
		padding: 30px 28px;
		font-size: 18px;
	}

	.about-offer__aside {
		position: static;
	}

	.about-offer__aside h2 {
		font-size: 44px;
	}

	.director-card {
		gap: 0;
		padding: 38px 28px 46px;
		border-radius: 8px 34px 8px 8px;
	}

	.director-card__mark {
		height: 78px;
		font-size: 120px;
	}

	.director-card h2 {
		font-size: 39px;
	}

	.about-purpose {
		min-height: 1050px;
	}

	.about-purpose > img {
		object-position: 42% center;
	}

	.about-purpose__inner {
		padding-block: 70px;
	}

	.about-purpose__statement {
		font-size: 30px;
	}

	.about-purpose__cards h2 {
		font-size: 32px;
	}

	.about-contact__inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 30px;
	}

  .section-heading {
    align-items: start;
    flex-direction: column;
    gap: 14px;
  }

  .category-grid,
  .solution-grid,
  .product-detail,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .category-grid {
    gap: 14px;
  }

  .solution-card {
    min-height: 310px;
  }

  .catalog-layout {
    grid-template-columns: 1fr;
		gap: 20px;
		padding-block: 28px 68px;
  }

	.catalog-layout > section {
		grid-column: 1;
		grid-row: 2;
	}

	.catalog-mobile-tools {
		grid-column: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.catalog-mobile-tools__button {
		min-width: 0;
		min-height: 68px;
		display: grid;
		grid-template-columns: 38px minmax(0, 1fr) auto;
		align-items: center;
		gap: 10px;
		padding: 10px 12px;
		border: 1px solid #d5e0ec;
		border-radius: 13px;
		background: linear-gradient(145deg, #fff 0%, #f6f9fd 100%);
		box-shadow: 0 9px 25px rgba(6, 27, 43, .07);
		color: var(--tp-navy);
		text-align: left;
		cursor: pointer;
	}

	.catalog-mobile-tools__button:focus-visible {
		outline: 3px solid rgba(53, 96, 194, .25);
		outline-offset: 2px;
	}

	.catalog-mobile-tools__button:only-child {
		grid-column: 1 / -1;
	}

	.catalog-mobile-tools__icon {
		width: 38px;
		height: 38px;
		display: grid;
		place-items: center;
		border-radius: 10px;
		background: #eaf1fc;
		color: var(--tp-blue);
	}

	.catalog-mobile-tools__icon::before {
		font-size: 18px;
		line-height: 1;
	}

	.catalog-mobile-tools__icon--categories::before {
		content: '\2637';
	}

	.catalog-mobile-tools__icon--brands::before {
		content: '\25C7';
	}

	.catalog-mobile-tools__copy {
		min-width: 0;
		display: grid;
		gap: 2px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.2;
	}

	.catalog-mobile-tools__copy small {
		overflow: hidden;
		color: var(--tp-muted);
		font-size: 9px;
		font-weight: 400;
		letter-spacing: .06em;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.catalog-mobile-tools__arrow {
		color: var(--tp-blue);
		font-size: 17px;
	}

	.catalog-sidebar {
		position: fixed;
		z-index: 700;
		inset: 0;
		width: 100vw;
		height: 100dvh;
		align-self: auto;
		display: block;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: opacity 220ms ease, visibility 220ms ease;
	}

	.catalog-sidebar.is-mobile-open {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	.catalog-sidebar__backdrop {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: rgba(3, 20, 35, .58);
		backdrop-filter: blur(3px);
		cursor: pointer;
	}

	.catalog-sidebar__panel {
		position: absolute;
		inset: 0 auto 0 0;
		width: min(390px, calc(100% - 24px));
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
		overflow: hidden;
		border-radius: 0 20px 20px 0;
		background: #f7f9fc;
		box-shadow: 18px 0 50px rgba(0, 25, 54, .22);
		transform: translateX(-104%);
		transition: transform 300ms cubic-bezier(.22, 1, .36, 1);
	}

	.catalog-sidebar.is-mobile-open .catalog-sidebar__panel {
		transform: translateX(0);
	}

	.catalog-sidebar__mobile-header {
		min-height: 92px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: max(18px, env(safe-area-inset-top)) 18px 16px;
		background: linear-gradient(135deg, #073f79 0%, var(--tp-deep-blue) 100%);
		color: var(--tp-white);
	}

	.catalog-sidebar__mobile-header p,
	.catalog-sidebar__mobile-header h2 {
		margin: 0;
	}

	.catalog-sidebar__mobile-header p {
		margin-bottom: 3px;
		color: rgba(255, 255, 255, .68);
		font-size: 9px;
		letter-spacing: .12em;
		text-transform: uppercase;
	}

	.catalog-sidebar__mobile-header h2 {
		font-size: 22px;
		font-weight: 400;
	}

	.catalog-sidebar__mobile-header > button {
		width: 42px;
		height: 42px;
		flex: 0 0 auto;
		padding: 0;
		border: 1px solid rgba(255, 255, 255, .3);
		border-radius: 50%;
		background: rgba(255, 255, 255, .08);
		color: var(--tp-white);
		font-size: 27px;
		font-weight: 300;
		line-height: 1;
		cursor: pointer;
	}

	.catalog-sidebar__mobile-tabs {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 5px;
		padding: 9px;
		border-bottom: 1px solid #d8e1eb;
		background: var(--tp-white);
	}

	.catalog-sidebar__mobile-tabs button {
		min-height: 42px;
		padding: 8px 10px;
		border: 0;
		border-radius: 9px;
		background: transparent;
		color: var(--tp-muted);
		font-size: 13px;
		font-weight: 400;
		cursor: pointer;
	}

	.catalog-sidebar__mobile-tabs button.is-active {
		background: #eaf1fc;
		color: var(--tp-navy);
	}

	.catalog-menu {
		display: none;
		min-height: 0;
		flex: 1;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		border: 0;
		border-radius: 0;
		background: var(--tp-white);
		box-shadow: none;
		scrollbar-color: #b8c6d9 transparent;
		scrollbar-width: thin;
	}

	.catalog-menu.is-mobile-panel-active {
		display: block;
	}

	.motion-ready .catalog-sidebar__panel > .catalog-menu.motion-reveal,
	.motion-ready .catalog-sidebar__panel > .catalog-menu.motion-reveal.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.catalog-menu > h2 {
		display: none;
	}

	.catalog-menu__scroll {
		max-height: none;
		overflow: visible;
	}

	.catalog-menu__item {
		min-height: 52px;
		padding: 12px 16px 12px 20px;
		font-size: 14px;
	}

	.catalog-menu > .catalog-menu__branch > .catalog-menu__item > span {
		font-size: 13px;
	}

	.catalog-menu__sublist,
	.catalog-menu__branch:hover > .catalog-menu__sublist,
	.catalog-menu__branch:focus-within > .catalog-menu__sublist {
		display: none;
		position: static;
		width: auto;
		margin: 0;
		padding: 6px 8px 8px 14px;
		visibility: visible;
		border: 0;
		border-radius: 0;
		background: #f3f7fc;
		box-shadow: inset 3px 0 0 rgba(53, 96, 194, 0.28);
		opacity: 1;
		transform: none;
		pointer-events: auto;
	}

	.catalog-menu__sublist.is-multicolumn {
		display: none;
		grid-template-columns: 1fr;
	}

	.catalog-menu__branch.is-current-branch > .catalog-menu__sublist {
		display: block;
	}

	.catalog-menu__branch.is-mobile-expanded > .catalog-menu__sublist {
		display: block;
	}

	.catalog-menu__branch:has(> .catalog-menu__sublist) > .catalog-menu__item::after {
		content: '\203A';
		flex: 0 0 auto;
		margin-left: -4px;
		color: var(--tp-blue);
		font-size: 19px;
		transform: rotate(90deg);
		transition: transform 160ms ease;
	}

	.catalog-menu__branch.is-mobile-expanded > .catalog-menu__item::after,
	.catalog-menu__branch.is-current-branch > .catalog-menu__item::after {
		transform: rotate(-90deg);
	}

  .product-detail {
    gap: 32px;
  }

  .product-gallery__main,
	.product-gallery__main img {
    min-height: 380px;
  }

  .product-information {
    padding-bottom: 64px;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
	.location-grid,
	.contact-directory__grid,
	.contact-form__fields {
		grid-template-columns: 1fr;
	}

	.location-card {
		min-height: 0;
	}

	.search-modal__panel {
		padding: 28px 18px;
	}

	.search-modal__form {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.search-modal__form button {
		grid-column: 1 / -1;
	}

	.search-modal__results {
		grid-template-columns: 1fr;
	}

	.search-page__form {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.search-page__form button {
		grid-column: 1 / -1;
	}

	.search-page__toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.search-page .product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.search-category-results {
		grid-template-columns: 1fr;
	}
	.about-image-card img {
		aspect-ratio: 1 / 0.88;
	}

	.about-purpose__cards article {
		padding: 30px 24px;
	}

	.about-contact__actions,
	.about-contact__actions .button {
		width: 100%;
	}

  .hero__actions,
  .detail-actions,
  .footer-bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .hero__actions .button,
  .detail-actions .button {
    width: 100%;
  }

  .benefit-grid,
	.product-documents,
	.product-tabs__panel--documents .seo-block__copy ul,
  .footer-grid {
    grid-template-columns: 1fr;
  }

	.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.product-card__image {
		aspect-ratio: 1 / 1;
	}

	.product-card__image img {
		inset: 10px;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}

	.product-card__body {
		padding: 13px 12px 15px;
	}

	.product-card__body small {
		font-size: 10px;
	}

	.product-card__body h2 {
		font-size: 13px;
		line-height: 1.35;
	}

	.product-card__price {
		font-size: 12px;
	}

	.product-card__stock-badge,
	.product-card__badge {
		font-size: 9px;
	}

	.product-gallery__thumbs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.catalog-sidebar {
		grid-template-columns: 1fr;
	}

	.quote-form,
	.boiler-calculator {
		grid-template-columns: 1fr;
	}

	.boiler-calculator__coefficient,
	.boiler-calculator > .button {
		grid-column: 1;
	}

  .benefit-item {
    border-right: 0;
    border-bottom: 1px solid var(--tp-line);
  }

  .benefit-item:last-child {
    border-bottom: 0;
  }

  .catalog-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

	.catalog-pagination {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}

	.catalog-pagination__pages {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.catalog-pagination__arrow {
		width: 100%;
	}

  .product-card__body h2 {
    min-height: auto;
  }

  .footer-bottom {
    justify-content: center;
    padding-block: 18px;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Reference albums */
.reference-hero {
	overflow: hidden;
}

.reference-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 64px;
}

.reference-hero__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(110px, 1fr));
	margin: 0;
	border: 1px solid rgba(0, 58, 113, 0.15);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 18px 50px rgba(0, 35, 78, 0.07);
	backdrop-filter: blur(10px);
}

.reference-hero__stats div {
	padding: 22px 26px;
}

.reference-hero__stats div + div {
	border-left: 1px solid rgba(0, 58, 113, 0.12);
}

.reference-hero__stats dt {
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1;
}

.reference-hero__stats dd {
	margin: 6px 0 0;
	color: var(--tp-muted);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.reference-section {
	background: #fff;
}

.reference-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.reference-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--tp-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 45px rgba(0, 43, 91, 0.06);
	transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.reference-card:hover {
	transform: translateY(-5px);
	border-color: rgba(38, 94, 209, 0.36);
	box-shadow: 0 22px 55px rgba(0, 43, 91, 0.12);
}

.reference-card--revealed {
	animation: reference-card-reveal 420ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

@keyframes reference-card-reveal {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.reference-card__link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.reference-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #edf2f7;
}

.reference-card__media::after {
	position: absolute;
	inset: auto 0 0;
	height: 38%;
	background: linear-gradient(transparent, rgba(0, 25, 58, 0.5));
	content: '';
	pointer-events: none;
}

.reference-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.reference-card:hover .reference-card__media img {
	transform: scale(1.045);
}

.reference-card__count {
	position: absolute;
	right: 14px;
	bottom: 13px;
	z-index: 1;
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	background: rgba(0, 43, 91, 0.66);
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.04em;
	backdrop-filter: blur(8px);
}

.reference-card__placeholder {
	display: grid;
	place-items: center;
	height: 100%;
	color: var(--tp-muted);
}

.reference-card__body {
	display: flex;
	flex-direction: column;
	min-height: 172px;
	padding: 23px 24px 22px;
}

.reference-card__body .eyebrow {
	margin: 0 0 9px;
}

.reference-card__body h2 {
	margin: 0;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(22px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.14;
}

.reference-card__action {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
	padding-top: 24px;
	color: var(--tp-link);
	font-size: 13px;
}

.reference-pagination {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-top: 42px;
}

.reference-pagination__status {
	margin: 0;
	color: var(--tp-muted);
	font-size: 13px;
}

.reference-pagination__button {
	min-width: 220px;
	cursor: pointer;
}

.reference-pagination__button[hidden] {
	display: none;
}

.reference-empty {
	max-width: 720px;
	padding: 38px;
	border: 1px solid var(--tp-line);
	border-radius: 18px;
	background: var(--tp-soft);
}

.reference-empty h2 {
	margin-block: 8px 12px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 400;
}

.reference-album-hero__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
}

.reference-album-hero__heading h1 {
	margin-bottom: 0;
}

.reference-album-hero__heading span {
	flex: 0 0 auto;
	margin-bottom: 8px;
	padding: 8px 13px;
	border-radius: 999px;
	background: rgba(38, 94, 209, 0.08);
	color: var(--tp-link);
	font-size: 12px;
}

.reference-gallery {
	display: grid;
	grid-auto-flow: dense;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.reference-gallery__item {
	position: relative;
	min-width: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 14px;
	aspect-ratio: 4 / 3;
	background: #edf2f7;
	cursor: zoom-in;
	box-shadow: 0 10px 30px rgba(0, 35, 78, 0.06);
}

.reference-gallery__item:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.reference-gallery__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 450ms ease, filter 450ms ease;
}

.reference-gallery__zoom {
	position: absolute;
	right: 14px;
	bottom: 14px;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	background: rgba(0, 43, 91, 0.64);
	color: #fff;
	font-size: 21px;
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 220ms ease, transform 220ms ease;
	backdrop-filter: blur(7px);
}

.reference-gallery__item:hover img {
	transform: scale(1.035);
	filter: saturate(1.06);
}

.reference-gallery__item:hover .reference-gallery__zoom,
.reference-gallery__item:focus-visible .reference-gallery__zoom {
	opacity: 1;
	transform: translateY(0);
}

.reference-album-copy {
	max-width: 820px;
	margin-top: 48px;
}

.reference-back {
	display: inline-flex;
	margin-top: 38px;
	color: var(--tp-link);
	text-decoration: none;
}

.reference-lightbox {
	width: 100vw;
	max-width: none;
	height: 100vh;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(2, 13, 28, 0.94);
	color: #fff;
}

.reference-lightbox::backdrop {
	background: rgba(2, 13, 28, 0.94);
}

.reference-lightbox__inner {
	position: relative;
	display: grid;
	height: 100%;
	place-items: center;
	padding: 42px 88px;
}

.reference-lightbox figure {
	display: grid;
	max-width: min(1240px, 100%);
	max-height: 100%;
	margin: 0;
	place-items: center;
}

.reference-lightbox figure img {
	max-width: 100%;
	max-height: calc(100vh - 112px);
	object-fit: contain;
}

.reference-lightbox figcaption {
	display: flex;
	width: 100%;
	justify-content: space-between;
	gap: 24px;
	padding-top: 12px;
	color: rgba(255, 255, 255, 0.76);
	font-size: 13px;
}

.reference-lightbox__close,
.reference-lightbox__nav {
	position: absolute;
	z-index: 2;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	cursor: pointer;
	transition: background 180ms ease;
}

.reference-lightbox__close:hover,
.reference-lightbox__nav:hover {
	background: rgba(255, 255, 255, 0.16);
}

.reference-lightbox__close {
	top: 20px;
	right: 24px;
	width: 44px;
	height: 44px;
	font-size: 30px;
}

.reference-lightbox__nav {
	top: 50%;
	width: 50px;
	height: 50px;
	font-size: 36px;
	transform: translateY(-50%);
}

.reference-lightbox__nav--prev {
	left: 22px;
}

.reference-lightbox__nav--next {
	right: 22px;
}

.lightbox-is-open {
	overflow: hidden;
}

@media (max-width: 900px) {
	.reference-hero__inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.reference-hero__stats {
		justify-self: start;
	}

	.reference-grid,
	.reference-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.reference-grid {
		grid-template-columns: 1fr;
	}

	.reference-gallery {
		gap: 8px;
	}

	.reference-gallery__item:first-child {
		grid-column: auto;
		grid-row: auto;
	}

	.reference-card__body {
		min-height: 150px;
	}

	.reference-album-hero__heading {
		align-items: start;
		flex-direction: column;
		gap: 14px;
	}

	.reference-lightbox__inner {
		padding: 58px 14px 24px;
	}

	.reference-lightbox__nav {
		top: auto;
		bottom: 18px;
		width: 44px;
		height: 44px;
		transform: none;
	}

	.reference-lightbox__nav--prev {
		left: calc(50% - 54px);
	}

	.reference-lightbox__nav--next {
		right: calc(50% - 54px);
	}

	.reference-lightbox figure img {
		max-height: calc(100vh - 165px);
	}
}

/* Blog */
.blog-hero {
	overflow: hidden;
}

.blog-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 64px;
}

.blog-hero__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(128px, 1fr));
	margin: 0;
	border: 1px solid rgba(0, 58, 113, 0.14);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 18px 50px rgba(0, 35, 78, 0.07);
	backdrop-filter: blur(10px);
}

.blog-hero__stats div {
	padding: 22px 25px;
}

.blog-hero__stats div + div {
	border-left: 1px solid rgba(0, 58, 113, 0.12);
}

.blog-hero__stats dt {
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 400;
	line-height: 1;
}

.blog-hero__stats dd {
	margin: 7px 0 0;
	color: var(--tp-muted);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.09em;
}

.blog-section {
	background: #fff;
}

.blog-pagination {
	margin-top: clamp(2rem, 5vw, 4rem);
}

/* Service and claims */
.service-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(7.5rem, 12vw, 11rem) 0 clamp(4rem, 7vw, 7rem);
	background:
		radial-gradient(circle at 84% 30%, rgba(51, 101, 205, 0.16), transparent 28rem),
		linear-gradient(135deg, #f8fbff 0%, #eef4fb 100%);
	border-bottom: 1px solid var(--tp-line);
}

.service-hero::after {
	content: "SERVIS";
	position: absolute;
	right: -0.04em;
	bottom: -0.3em;
	font-family: var(--tp-serif);
	font-size: clamp(8rem, 21vw, 21rem);
	line-height: 1;
	color: rgba(0, 53, 107, 0.035);
	pointer-events: none;
}

.service-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.43fr);
	gap: clamp(2rem, 7vw, 7rem);
	align-items: end;
}

.service-hero__copy {
	max-width: 56rem;
}

.service-hero h1 {
	max-width: 12ch;
	margin: 0.45rem 0 1.25rem;
	font-size: clamp(3.4rem, 7vw, 6.9rem);
	line-height: 0.94;
}

.service-hero__copy > p:last-child {
	max-width: 46rem;
	margin: 0;
	font-size: clamp(1.05rem, 1.45vw, 1.32rem);
	line-height: 1.75;
	color: var(--tp-muted);
}

.service-hero__summary {
	display: flex;
	align-items: center;
	gap: 1.3rem;
	min-height: 9.5rem;
	padding: 1.8rem 2rem;
	background: rgba(255, 255, 255, 0.74);
	border: 1px solid rgba(0, 53, 107, 0.13);
	border-radius: 1.5rem;
	box-shadow: 0 1.5rem 4rem rgba(0, 53, 107, 0.1);
	backdrop-filter: blur(12px);
}

.service-hero__summary-number {
	font-family: var(--tp-serif);
	font-size: 5.4rem;
	line-height: 0.8;
	color: var(--tp-blue);
}

.service-hero__summary div {
	display: grid;
	gap: 0.28rem;
}

.service-hero__summary strong {
	font-size: 1.05rem;
	color: var(--tp-navy);
}

.service-hero__summary span:last-child {
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--tp-muted);
}

.service-process {
	background: #fff;
}

.service-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.66fr);
	gap: clamp(2rem, 8vw, 8rem);
	align-items: end;
	margin-bottom: clamp(2.8rem, 6vw, 5rem);
}

.service-heading h2,
.service-document h2,
.service-closing h2 {
	margin: 0.4rem 0 0;
	font-size: clamp(2.2rem, 4vw, 4rem);
	line-height: 1.05;
}

.service-heading > p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.75;
	color: var(--tp-muted);
}

.service-steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.35rem;
	min-height: 14rem;
	padding: clamp(1.5rem, 3vw, 2.3rem);
	background: linear-gradient(145deg, #fff 0%, #f8fbff 100%);
	border: 1px solid var(--tp-line);
	border-radius: 1.25rem;
	box-shadow: 0 1rem 2.5rem rgba(0, 53, 107, 0.045);
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.service-step:hover {
	transform: translateY(-4px);
	border-color: rgba(45, 95, 202, 0.34);
	box-shadow: 0 1.4rem 3rem rgba(0, 53, 107, 0.09);
}

.service-step:last-child {
	grid-column: 1 / -1;
	min-height: auto;
}

.service-step__number {
	display: grid;
	place-items: center;
	width: 3.2rem;
	height: 3.2rem;
	background: var(--tp-navy);
	border-radius: 50%;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
}

.service-step h3 {
	margin: 0.5rem 0 0.85rem;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	color: var(--tp-navy);
}

.service-step p {
	margin: 0;
	line-height: 1.75;
	color: var(--tp-muted);
}

.service-step a {
	font-weight: 600;
	color: var(--tp-blue);
	word-break: break-word;
}

.service-document-section {
	padding-top: 0;
	background: #fff;
}

.service-document {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
	overflow: hidden;
	padding: clamp(2rem, 5vw, 4.2rem);
	background: linear-gradient(125deg, #003568 0%, #074681 60%, #245fb4 100%);
	border-radius: 1.75rem;
	box-shadow: 0 2rem 5rem rgba(0, 53, 107, 0.2);
	color: #fff;
}

.service-document::after {
	content: "PDF";
	position: absolute;
	right: 12%;
	top: 50%;
	transform: translateY(-52%);
	font-family: var(--tp-serif);
	font-size: clamp(8rem, 18vw, 17rem);
	line-height: 1;
	color: rgba(255, 255, 255, 0.035);
	pointer-events: none;
}

.service-document__icon,
.service-document__copy,
.service-document__button {
	position: relative;
	z-index: 1;
}

.service-document__icon {
	display: grid;
	place-items: end center;
	width: 5.1rem;
	height: 6.4rem;
	padding-bottom: 0.85rem;
	background: #fff;
	clip-path: polygon(0 0, 72% 0, 100% 23%, 100% 100%, 0 100%);
	border-radius: 0.35rem;
	color: var(--tp-red);
	filter: drop-shadow(0 0.8rem 1.6rem rgba(0, 0, 0, 0.2));
}

.service-document__icon span {
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.service-document .eyebrow {
	color: #a9c6ff;
}

.service-document h2 {
	color: #fff;
}

.service-document__copy > p:last-child {
	max-width: 41rem;
	margin: 1rem 0 0;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.78);
}

.service-document__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1.2rem;
	min-width: 13.5rem;
	background: #fff;
	color: var(--tp-navy);
}

.service-document__button:hover,
.service-document__button:focus-visible {
	background: #eef4ff;
	color: var(--tp-blue);
}

.service-closing {
	background: #f6f9fd;
}

.service-closing__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	gap: 1.5rem;
}

.service-notice,
.service-contact-card {
	padding: clamp(1.8rem, 4vw, 3rem);
	border-radius: 1.35rem;
}

.service-notice {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1.25rem;
	align-content: start;
	background: #fff7f6;
	border: 1px solid rgba(180, 0, 0, 0.17);
}

.service-notice__mark {
	display: grid;
	place-items: center;
	width: 2.8rem;
	height: 2.8rem;
	background: var(--tp-red);
	border-radius: 50%;
	font-size: 1.25rem;
	font-weight: 800;
	color: #fff;
}

.service-notice h2 {
	font-size: clamp(1.65rem, 3vw, 2.3rem);
}

.service-notice p,
.service-contact-card > p:not(.eyebrow) {
	margin: 1rem 0 0;
	line-height: 1.75;
	color: var(--tp-muted);
}

.service-contact-card {
	background: #fff;
	border: 1px solid var(--tp-line);
	box-shadow: 0 1rem 3rem rgba(0, 53, 107, 0.06);
}

.service-contact-card .button {
	margin-top: 1.5rem;
}

@media (max-width: 900px) {
	.service-hero__inner,
	.service-heading,
	.service-closing__grid {
		grid-template-columns: 1fr;
	}

	.service-hero__summary {
		max-width: 28rem;
	}

	.service-document {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.service-document__button {
		grid-column: 1 / -1;
		justify-self: start;
	}
}

@media (max-width: 640px) {
	.service-hero {
		padding-top: 6.5rem;
	}

	.service-steps,
	.service-document {
		grid-template-columns: 1fr;
	}

	.service-step:last-child {
		grid-column: auto;
	}

	.service-step {
		grid-template-columns: 1fr;
	}

	.service-document__icon {
		width: 4.3rem;
		height: 5.4rem;
	}

	.service-document__button {
		grid-column: auto;
		width: 100%;
	}

	.service-notice {
		grid-template-columns: 1fr;
	}
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.blog-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--tp-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 45px rgba(0, 43, 91, 0.06);
	transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.blog-card:hover {
	transform: translateY(-5px);
	border-color: rgba(38, 94, 209, 0.34);
	box-shadow: 0 22px 55px rgba(0, 43, 91, 0.12);
}

.blog-card__link {
	display: flex;
	height: 100%;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

.blog-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: linear-gradient(145deg, #edf3f8, #f9fbfd);
}

.blog-card__media::after {
	position: absolute;
	inset: auto 0 0;
	height: 34%;
	background: linear-gradient(transparent, rgba(0, 31, 68, 0.42));
	content: '';
	pointer-events: none;
}

.blog-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 600ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.blog-card:hover .blog-card__media img {
	transform: scale(1.045);
}

.blog-card__time {
	position: absolute;
	right: 14px;
	bottom: 13px;
	z-index: 1;
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	background: rgba(0, 43, 91, 0.66);
	color: #fff;
	font-size: 11px;
	backdrop-filter: blur(8px);
}

.blog-card__placeholder {
	display: grid;
	height: 100%;
	place-items: center;
	color: var(--tp-muted);
	font-family: var(--tp-serif);
	font-size: 20px;
}

.blog-card__body {
	display: flex;
	min-height: 300px;
	flex: 1;
	flex-direction: column;
	padding: 24px;
}

.blog-card__body time {
	color: var(--tp-link);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.blog-card__body h2 {
	margin: 12px 0 13px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(23px, 2vw, 29px);
	font-weight: 400;
	line-height: 1.14;
}

.blog-card__body p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--tp-muted);
	font-size: 14px;
	line-height: 1.65;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.blog-card__action {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
	padding-top: 25px;
	color: var(--tp-link);
	font-size: 13px;
}

.blog-empty {
	max-width: 720px;
	padding: 38px;
	border: 1px solid var(--tp-line);
	border-radius: 18px;
	background: var(--tp-soft);
}

.blog-empty h2 {
	margin-block: 8px 12px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(30px, 4vw, 46px);
	font-weight: 400;
}

.blog-article-hero {
	padding: clamp(34px, 5vw, 76px) 0 clamp(52px, 7vw, 98px);
	overflow: hidden;
	border-bottom: 1px solid var(--tp-line);
	background:
		radial-gradient(circle at 88% 10%, rgba(53, 96, 194, 0.1), transparent 34%),
		linear-gradient(180deg, #fbfdff, #f3f7fb);
}

.blog-article-hero .breadcrumbs {
	margin-bottom: clamp(32px, 5vw, 62px);
}

.blog-article-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(400px, 1.08fr);
	align-items: center;
	gap: clamp(44px, 7vw, 96px);
}

.blog-article-hero__grid--without-image {
	grid-template-columns: minmax(0, 880px);
}

.blog-article-hero__copy h1 {
	max-width: 850px;
	margin: 12px 0 22px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(43px, 5.6vw, 76px);
	font-weight: 400;
	line-height: 0.99;
	letter-spacing: -0.035em;
}

.blog-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 22px;
	color: var(--tp-link);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.blog-article-meta span {
	position: relative;
}

.blog-article-meta span::before {
	position: absolute;
	top: 50%;
	left: -13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
	content: '';
}

.blog-article-lead {
	max-width: 700px;
	margin: 26px 0 0;
	color: var(--tp-muted);
	font-size: clamp(17px, 1.5vw, 20px);
	line-height: 1.68;
}

.blog-article-hero__image {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: 24px;
	background: #eaf0f6;
	box-shadow: 0 28px 70px rgba(0, 42, 88, 0.16);
}

.blog-article-hero__image::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34%;
	height: 5px;
	background: var(--tp-red);
	content: '';
}

.blog-article-hero__image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 11;
	object-fit: cover;
}

.blog-article-section {
	background: #fff;
}

.blog-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 790px) minmax(250px, 330px);
	justify-content: center;
	gap: clamp(54px, 8vw, 110px);
}

.blog-article-content {
	min-width: 0;
	color: #23374d;
	font-size: 17px;
	line-height: 1.82;
}

.blog-article-content > :first-child {
	margin-top: 0;
}

.blog-article-content p,
.blog-article-content ul,
.blog-article-content ol,
.blog-article-content table,
.blog-article-content figure {
	margin-block: 0 1.45em;
}

.blog-article-content h2,
.blog-article-content h3,
.blog-article-content h4 {
	margin: 1.65em 0 0.65em;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-weight: 400;
	line-height: 1.16;
}

.blog-article-content h2 {
	font-size: clamp(32px, 4vw, 46px);
}

.blog-article-content h3 {
	font-size: clamp(26px, 3vw, 34px);
}

.blog-article-content strong {
	color: #0b3766;
}

.blog-article-content a {
	color: var(--tp-link);
	text-underline-offset: 3px;
}

.blog-article-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 28px auto;
	border-radius: 14px;
	box-shadow: 0 14px 40px rgba(0, 43, 91, 0.09);
}

.blog-article-content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: 14px;
}

.blog-article-content th,
.blog-article-content td {
	min-width: 90px;
	padding: 11px 13px;
	border: 1px solid var(--tp-line);
	text-align: left;
}

.blog-article-content tr:nth-child(even) {
	background: var(--tp-soft);
}

.blog-article-aside > div {
	position: sticky;
	top: 132px;
	padding: 28px;
	border: 1px solid var(--tp-line);
	border-radius: 18px;
	background: linear-gradient(145deg, #f8fbfe, #fff);
	box-shadow: 0 16px 46px rgba(0, 43, 91, 0.06);
}

.blog-article-aside h2 {
	margin: 10px 0 22px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: 27px;
	font-weight: 400;
	line-height: 1.18;
}

.blog-article-aside a {
	color: var(--tp-link);
	font-size: 13px;
	text-decoration: none;
}

.blog-related {
	border-top: 1px solid var(--tp-line);
	background: var(--tp-soft);
}

.blog-grid--related .blog-card__body {
	min-height: 280px;
}

@media (max-width: 980px) {
	.blog-hero__inner,
	.blog-article-hero__grid,
	.blog-article-layout {
		grid-template-columns: 1fr;
	}

	.blog-hero__stats {
		justify-self: start;
	}

	.blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blog-article-hero__image {
		max-width: 760px;
	}

	.blog-article-aside {
		display: none;
	}
}

@media (max-width: 620px) {
	.blog-grid {
		grid-template-columns: 1fr;
	}

	.blog-hero__stats {
		width: 100%;
	}

	.blog-hero__stats div {
		padding: 18px;
	}

	.blog-card__body {
		min-height: 260px;
	}

	.blog-article-hero__copy h1 {
		font-size: clamp(38px, 12vw, 58px);
	}

	.blog-article-meta span::before {
		display: none;
	}

	.blog-article-content {
		font-size: 16px;
		line-height: 1.72;
	}
}

/* Privacy, cookie consent and legal pages */
.footer-legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 18px;
}

.footer-legal button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.footer-legal a:hover,
.footer-legal button:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.cookie-consent {
	position: fixed;
	right: 24px;
	bottom: 24px;
	left: 24px;
	z-index: 1200;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: center;
	max-width: 1180px;
	margin-inline: auto;
	padding: 22px 24px;
	border: 1px solid rgba(23, 65, 110, 0.16);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 22px 64px rgba(0, 34, 72, 0.2);
	backdrop-filter: blur(18px);
}

.cookie-consent[hidden],
.cookie-preferences[hidden] {
	display: none;
}

.cookie-consent__eyebrow {
	margin: 0 0 5px;
	color: var(--tp-link);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.cookie-consent h2,
.cookie-preferences h2 {
	margin: 0 0 7px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 400;
	line-height: 1.1;
}

.cookie-consent__copy > p:last-of-type,
.cookie-preferences__panel > p {
	max-width: 690px;
	margin: 0;
	color: var(--tp-muted);
	font-size: 14px;
	line-height: 1.55;
}

.cookie-consent__links {
	display: flex;
	gap: 16px;
	margin-top: 8px;
}

.cookie-consent__links a,
.cookie-preferences__footer a {
	color: var(--tp-link);
	font-size: 12px;
	text-underline-offset: 3px;
}

.cookie-consent__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 9px;
}

.cookie-consent__button {
	min-height: 42px;
	padding: 10px 14px;
	border: 1px solid #b9c9d9;
	border-radius: 9px;
	background: #fff;
	color: var(--tp-blue);
	font-size: 13px;
}

.cookie-consent__button--primary {
	border-color: var(--tp-blue);
	background: var(--tp-blue);
	color: #fff;
}

.cookie-preferences {
	position: fixed;
	inset: 0;
	z-index: 1250;
	display: grid;
	place-items: center;
	padding: 22px;
}

.cookie-preferences__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 27, 58, 0.55);
	backdrop-filter: blur(5px);
}

.cookie-preferences__panel {
	position: relative;
	z-index: 1;
	width: min(100%, 720px);
	max-height: calc(100vh - 44px);
	overflow-y: auto;
	padding: clamp(24px, 4vw, 40px);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 28px 90px rgba(0, 25, 54, 0.3);
	outline: none;
}

.cookie-preferences__close {
	position: absolute;
	top: 17px;
	right: 17px;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border: 1px solid var(--tp-line);
	border-radius: 50%;
	background: #fff;
	color: var(--tp-blue);
	font-size: 24px;
	cursor: pointer;
}

.cookie-preferences__item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 20px;
	align-items: center;
	margin-top: 18px;
	padding: 20px;
	border: 1px solid var(--tp-line);
	border-radius: 13px;
	background: #f8fafc;
}

.cookie-preferences__item strong,
.cookie-preferences__item span {
	display: block;
}

.cookie-preferences__item strong {
	margin-bottom: 5px;
	color: var(--tp-blue);
}

.cookie-preferences__item div > span {
	max-width: 500px;
	color: var(--tp-muted);
	font-size: 13px;
	line-height: 1.5;
}

.cookie-switch {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--tp-blue);
	font-size: 12px;
}

.cookie-switch input {
	width: 20px;
	height: 20px;
	accent-color: var(--tp-link);
}

.cookie-preferences__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 24px;
}

.has-cookie-dialog {
	overflow: hidden;
}

.contact-form__consent,
.quote-form__consent {
	display: flex !important;
	flex-direction: row !important;
	gap: 10px;
	align-items: flex-start;
}

.contact-form__consent {
	grid-column: 1 / -1;
	color: var(--tp-muted);
	font-size: 13px;
	line-height: 1.45;
}

.contact-form__consent input,
.quote-form__consent input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	padding: 0;
	accent-color: var(--tp-link);
}

.contact-form__consent a,
.quote-form__consent a {
	color: var(--tp-link);
	text-underline-offset: 2px;
}

.legal-hero {
	background: linear-gradient(135deg, #f4f8fc 0%, #fff 65%);
}

.legal-hero--cookies {
	background: linear-gradient(135deg, #f4f8fc 0%, #eef5ff 100%);
}

.legal-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.7fr);
	gap: 60px;
	align-items: end;
}

.legal-hero__inner > p {
	margin: 0 0 8px;
	color: var(--tp-muted);
	font-size: 17px;
	line-height: 1.65;
}

.legal-section {
	background: #fff;
}

.legal-layout {
	display: grid;
	grid-template-columns: 245px minmax(0, 830px);
	gap: clamp(40px, 7vw, 90px);
	justify-content: center;
	align-items: start;
}

.legal-nav {
	position: sticky;
	top: 126px;
	display: grid;
	overflow: hidden;
	border: 1px solid var(--tp-line);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 12px 35px rgba(0, 42, 88, 0.06);
}

.legal-nav strong,
.legal-nav a {
	padding: 13px 16px;
}

.legal-nav strong {
	background: var(--tp-blue);
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.legal-nav a {
	border-bottom: 1px solid var(--tp-line);
	color: var(--tp-muted);
	font-size: 13px;
	text-decoration: none;
}

.legal-nav a:last-child {
	border-bottom: 0;
}

.legal-nav a:hover {
	background: var(--tp-soft);
	color: var(--tp-blue);
}

.legal-copy {
	color: #27445f;
	font-size: 16px;
	line-height: 1.78;
}

.legal-copy section {
	scroll-margin-top: 130px;
	padding: 0 0 34px;
	border-bottom: 1px solid var(--tp-line);
	margin-bottom: 34px;
}

.legal-copy section:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.legal-copy h2 {
	margin: 0 0 17px;
	color: var(--tp-blue);
	font-family: var(--tp-serif);
	font-size: clamp(28px, 4vw, 39px);
	font-weight: 400;
	line-height: 1.18;
}

.legal-copy h3 {
	margin: 0 0 8px;
	color: var(--tp-blue);
	font-size: 16px;
}

.legal-copy a {
	color: var(--tp-link);
	text-underline-offset: 3px;
}

.legal-copy li + li {
	margin-top: 9px;
}

.legal-updated {
	display: inline-block;
	margin: 0 0 34px;
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--tp-soft);
	color: var(--tp-muted);
	font-size: 12px;
}

.legal-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.legal-contact a {
	padding: 9px 13px;
	border: 1px solid var(--tp-line);
	border-radius: 8px;
	text-decoration: none;
}

.legal-cards,
.cookie-category-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.legal-cards > div,
.cookie-category-grid article {
	padding: 20px;
	border: 1px solid var(--tp-line);
	border-radius: 13px;
	background: #f9fbfd;
}

.cookie-category__status {
	display: inline-block;
	margin-bottom: 16px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #dfeee7;
	color: #176242;
	font-size: 11px;
	font-weight: 700;
}

.cookie-category__status--optional {
	background: #e8effd;
	color: #245bc0;
}

.legal-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--tp-line);
	border-radius: 13px;
}

.legal-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.legal-table th,
.legal-table td {
	padding: 14px 15px;
	border-bottom: 1px solid var(--tp-line);
	text-align: left;
	vertical-align: top;
}

.legal-table th {
	background: var(--tp-blue);
	color: #fff;
}

.legal-table tbody tr:last-child td {
	border-bottom: 0;
}

.legal-note {
	color: var(--tp-muted);
	font-size: 13px;
}

@media (max-width: 900px) {
	.cookie-consent {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.cookie-consent__actions {
		justify-content: flex-start;
	}

	.legal-hero__inner,
	.legal-layout {
		grid-template-columns: 1fr;
	}

	.legal-hero__inner {
		gap: 20px;
	}

	.legal-nav {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.legal-nav strong {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	.footer-legal {
		justify-content: flex-start;
	}

	.cookie-consent {
		right: 10px;
		bottom: 10px;
		left: 10px;
		padding: 18px;
		border-radius: 14px;
	}

	.cookie-consent__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cookie-consent__button--primary:last-child {
		grid-column: 1 / -1;
	}

	.cookie-preferences {
		padding: 10px;
	}

	.cookie-preferences__panel {
		max-height: calc(100vh - 20px);
		padding: 24px 18px;
	}

	.cookie-preferences__item,
	.cookie-preferences__footer,
	.legal-cards,
	.cookie-category-grid {
		grid-template-columns: 1fr;
	}

	.cookie-preferences__footer {
		display: grid;
	}

	.legal-nav {
		grid-template-columns: 1fr;
	}

	.legal-nav strong {
		grid-column: auto;
	}
}