@font-face {
  font-family: "Literata Deveron";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/fonts/literata/Literata-opsz-wght.woff2") format("woff2");
}


@font-face {
  font-family: "Oranienbaum Deveron";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/oranienbaum/oranienbaum-cyrillic-v16.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Oranienbaum Deveron";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/oranienbaum/oranienbaum-latin-v16.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --tierpp-ink: #102a1f;
  --tierpp-ink-soft: #496057;
  --tierpp-green: #1f5f43;
  --tierpp-green-strong: #174a35;
  --tierpp-green-dark: #0c3022;
  --tierpp-mint: #e8f2e9;
  --tierpp-mint-soft: #f3f8f2;
  --tierpp-coral: #c1440e;
  --tierpp-coral-dark: #9f3509;
  --tierpp-focus: #6b4fc4;
  --tierpp-canvas: #f8f6f1;
  --tierpp-paper: #fffdf9;
  --tierpp-line: rgba(25, 72, 50, .13);
  --tierpp-line-strong: rgba(25, 72, 50, .23);
  --tierpp-shadow-sm: 0 10px 28px rgba(19, 55, 39, .07);
  --tierpp-shadow-md: 0 20px 55px rgba(19, 55, 39, .11);
  --tierpp-shadow-lg: 0 32px 80px rgba(11, 44, 30, .16);
  --tierpp-radius-sm: 14px;
  --tierpp-radius-md: 22px;
  --tierpp-radius-lg: 32px;
}

html {
  scroll-padding-top: 92px;
}

/* The SPA renders a route first and the storefront enhancers complete it in
   the next animation frame. Keep that unfinished frame out of view so the
   buyer sees the settled geometry instead of a visible 1-frame jump. */
html.dvn-route-staging #app {
  visibility: hidden !important;
}

body[data-tierpp-enhanced="true"] {
  color: var(--tierpp-ink);
  background:
    radial-gradient(circle at 5% 8%, rgba(220, 235, 220, .34), transparent 28rem),
    var(--tierpp-canvas);
  text-rendering: optimizeLegibility;
}

body[data-tierpp-enhanced="true"] main {
  overflow: clip;
}

body[data-tierpp-enhanced="true"]:not(.dvn-home-active) main :where(h1, h2, h3) {
  color: var(--tierpp-ink);
  letter-spacing: -.035em;
  text-wrap: balance;
}

body[data-tierpp-enhanced="true"]:not(.dvn-home-active) main p {
  text-wrap: pretty;
}

body[data-tierpp-enhanced="true"] ::selection {
  color: #fff;
  background: var(--tierpp-green);
}

.tierpp-kicker,.tierpp-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 13px;
  color: var(--tierpp-green);
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1.2;
  text-transform: uppercase;
}

.tierpp-icon {
  display: block;
  width: var(--tierpp-icon-size, auto);
  height: var(--tierpp-icon-size, auto);
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(4321%) hue-rotate(223deg) brightness(90%) contrast(111%);
}

.tierpp-icon-slot {
  display: inline-grid;
  place-items: center;
  color: transparent;
}

/* Карточка товара применяет ко всем изображениям размеры самого превью.
   Значок «Обзор» — служебная иконка, поэтому изолируем его от этого правила. */
.product-card__video-badge > .tierpp-icon-slot {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.product-card__video-badge .tierpp-icon {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px;
  max-height: 20px;
  background: transparent !important;
  transform: none !important;
}

.product-card:hover .product-card__video-badge .tierpp-icon {
  transform: none;
}

.tierpp-icon-label {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.tierpp-icon-label > .tierpp-icon {
  flex: 0 0 auto;
}

.tierpp-icon-label:is(h2, h3) {
  align-items: center;
}

.tierpp-icon-label:is(h2, h3) > .tierpp-icon {
  width: 1em !important;
  height: 1em !important;
}

.tierpp-check-label {
  position: relative;
  padding-left: 27px;
}

.tierpp-check-label::before {
  position: absolute;
  top: .1em;
  left: 0;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #fff;
  content: "✓";
  background: var(--tierpp-green);
  font-size: .68rem;
  font-weight: 900;
}

/* Global shell */

.site-header.tierpp-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(20, 57, 40, .09);
  background: rgba(255, 253, 249, .91);
  box-shadow: 0 8px 30px rgba(16, 47, 33, .045);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.tierpp-header .header-inner {
  width: min(100% - 32px, 1400px);
  min-height: 74px;
  gap: clamp(12px, 1.4vw, 24px);
  padding-block: 8px;
}

.tierpp-header .logo {
  min-width: max-content;
  gap: 10px;
}

.tierpp-header .logo-mark {
  overflow: hidden;
  border: 1px solid rgba(20, 57, 40, .1);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(20, 57, 40, .08);
}

.tierpp-header .logo-text {
  color: var(--tierpp-green-dark);
  font-size: .94rem;
  letter-spacing: .09em;
}

.tierpp-header .logo-subtext {
  color: #738179;
  font-size: .62rem;
}

.tierpp-header .main-nav {
  flex: 1 1 auto;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}

.tierpp-header .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 11px;
  border-radius: 999px;
  color: #4d5f56;
  font-size: .82rem;
  font-weight: 730;
  letter-spacing: -.012em;
  line-height: 1;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.tierpp-header .nav-link:hover {
  color: var(--tierpp-green-dark);
  background: rgba(35, 104, 73, .07);
  transform: translateY(-1px);
}

.tierpp-header .nav-link.active {
  color: var(--tierpp-green-dark);
  background: var(--tierpp-mint);
}

.tierpp-header .nav-link .public-ui-icon {
  width: 17px !important;
  height: 17px !important;
}

.tierpp-header .header-right {
  gap: 7px;
}

.tierpp-header .header-phone,.tierpp-header .header-max-link {
  min-height: 42px;
  border-color: rgba(25, 72, 50, .12);
  background: rgba(255, 255, 255, .78);
  box-shadow: none;
}

.tierpp-header .header-cta {
  min-height: 43px;
  padding-inline: 17px;
  border-radius: 999px;
  box-shadow: 0 10px 20px rgba(220, 105, 73, .18);
}

.tierpp-header .tierpp-header-action {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(25, 72, 50, .11);
  border-radius: 13px;
  background: rgba(255, 255, 255, .75);
}

.tierpp-header .tierpp-header-action:hover {
  border-color: rgba(25, 72, 50, .25);
  background: #fff;
  transform: translateY(-1px);
}

body[data-tierpp-enhanced="true"] .btn {
  min-height: 44px;
  border-radius: 999px;
  font-weight: 780;
  letter-spacing: -.012em;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body[data-tierpp-enhanced="true"] .btn:hover {
  transform: translateY(-2px);
}

body[data-tierpp-enhanced="true"] .btn--primary {
  border-color: var(--tierpp-coral);
  background: var(--tierpp-coral);
  box-shadow: 0 12px 28px rgba(218, 104, 73, .2);
}

body[data-tierpp-enhanced="true"] .btn--primary:hover {
  border-color: var(--tierpp-coral-dark);
  background: var(--tierpp-coral-dark);
  box-shadow: 0 15px 34px rgba(191, 79, 52, .26);
}

body[data-tierpp-enhanced="true"] :focus-visible {
  outline: 3px solid var(--tierpp-focus);
  outline-offset: 3px;
}

/* Shared editorial heroes */

.tierpp-page-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(320px, 31vw, 440px);
  overflow: hidden;
  text-align: left;
  background:
    radial-gradient(circle at 78% 12%, rgba(255, 255, 255, .13), transparent 20rem),
    linear-gradient(135deg, #143d2c, #2c6e50) !important;
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.tierpp-page-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000);
}

.tierpp-page-hero > .container {
  width: min(100% - 40px, 1184px);
  margin-inline: auto;
  padding-block: clamp(58px, 7vw, 92px);
}

.tierpp-page-hero .tierpp-hero-eyebrow {
  color: #dcefdc;
}

.tierpp-page-hero h1 {
  max-width: 820px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(2.5rem, 5.3vw, 4.75rem);
  line-height: .98;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .17);
}

.tierpp-page-hero p {
  max-width: 690px;
  margin: 19px 0 0;
  color: rgba(255, 255, 255, .82) !important;
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.65;
}

.tierpp-page-hero[data-tierpp-banner="blog"] {
  background:
    linear-gradient(90deg, rgba(8, 37, 25, .93) 0%, rgba(12, 47, 32, .83) 38%, rgba(12, 47, 32, .25) 72%, rgba(12, 47, 32, .08)),
    url("/images/ui/tierpp/blog-editorial-hero-v1.webp") center / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-banner="delivery"] {
  background:
    linear-gradient(90deg, rgba(251, 249, 244, .98) 0%, rgba(251, 249, 244, .93) 43%, rgba(251, 249, 244, .38) 67%, rgba(251, 249, 244, .04)),
    url("/images/ui/tierpp/delivery-workshop-hero-v1.webp") center / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-theme="light"] .tierpp-hero-eyebrow {
  color: var(--tierpp-green);
}

.tierpp-page-hero[data-tierpp-theme="light"] h1 {
  max-width: 650px;
  color: var(--tierpp-green-dark) !important;
  text-shadow: none;
}

.tierpp-page-hero[data-tierpp-theme="light"] p {
  max-width: 620px;
  color: #4e6157 !important;
}

.tierpp-page-hero[data-tierpp-banner="catalog"] {
  min-height: 340px;
  background:
    linear-gradient(90deg, rgba(8, 37, 25, .96) 0%, rgba(10, 43, 29, .87) 42%, rgba(10, 43, 29, .28) 72%, rgba(10, 43, 29, .06)),
    url("/images/ui/tierpp/catalog-materials-hero-v2.webp") center / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-banner="about"] {
  background:
    linear-gradient(90deg, rgba(8, 35, 24, .96) 0%, rgba(12, 48, 33, .86) 43%, rgba(12, 48, 33, .24) 72%, rgba(12, 48, 33, .04)),
    url("/images/ui/tierpp/about-craft-hero-v2.webp") center / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-banner="contacts"] {
  background:
    linear-gradient(90deg, rgba(8, 35, 24, .96) 0%, rgba(12, 48, 33, .85) 43%, rgba(12, 48, 33, .22) 72%, rgba(12, 48, 33, .03)),
    url("/images/ui/tierpp/contact-support-hero-v2.webp") center / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-banner="scenario"] {
  background:
    linear-gradient(90deg, rgba(8, 35, 24, .96) 0%, rgba(12, 48, 33, .84) 43%, rgba(12, 48, 33, .24) 72%, rgba(12, 48, 33, .04)),
    url("/images/ui/tierpp/scenario-selection-hero-v2.webp") center / cover no-repeat !important;
}

.tierpp-route-masthead {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: clamp(300px, 29vw, 410px);
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(135deg, #103926, #28674a);
}

.tierpp-route-masthead__shell {
  width: min(100% - 40px, 1184px);
  margin-inline: auto;
  padding-block: clamp(58px, 7vw, 88px);
}

.tierpp-route-masthead h1 {
  max-width: 840px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(2.5rem, 5vw, 4.55rem);
  letter-spacing: -.055em;
  line-height: 1;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .18);
}

.tierpp-route-masthead .breadcrumb,.tierpp-route-masthead .breadcrumbs {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, .7);
}

.tierpp-route-masthead .breadcrumb a,.tierpp-route-masthead .breadcrumbs a {
  color: inherit;
}

.tierpp-route-masthead .breadcrumb .sep,.tierpp-route-masthead .breadcrumb .current,.tierpp-route-masthead .breadcrumbs .sep,.tierpp-route-masthead .breadcrumbs .current {
  color: inherit !important;
}

.tierpp-route-masthead[data-tierpp-banner="delivery"] {
  color: var(--tierpp-green-dark);
  background:
    linear-gradient(90deg, rgba(251, 249, 244, .98) 0%, rgba(251, 249, 244, .93) 43%, rgba(251, 249, 244, .38) 67%, rgba(251, 249, 244, .04)),
    url("/images/ui/tierpp/delivery-workshop-hero-v1.webp") center / cover no-repeat;
}

.tierpp-route-masthead[data-tierpp-banner="delivery"] h1 {
  max-width: 720px;
  color: var(--tierpp-green-dark) !important;
  text-shadow: none;
}

.tierpp-route-masthead[data-tierpp-banner="delivery"] .breadcrumb,.tierpp-route-masthead[data-tierpp-banner="delivery"] .breadcrumbs {
  color: #607168;
}

.tierpp-route-masthead[data-tierpp-banner="legal"] {
  background:
    linear-gradient(90deg, rgba(8, 35, 24, .96) 0%, rgba(12, 48, 33, .85) 43%, rgba(12, 48, 33, .22) 72%, rgba(12, 48, 33, .03)),
    url("/images/ui/tierpp/legal-verification-hero-v2.webp") center / cover no-repeat;
}

.tierpp-route-masthead[data-tierpp-banner="scenario"] {
  background:
    linear-gradient(90deg, rgba(8, 35, 24, .96) 0%, rgba(12, 48, 33, .84) 43%, rgba(12, 48, 33, .24) 72%, rgba(12, 48, 33, .04)),
    url("/images/ui/tierpp/scenario-selection-hero-v2.webp") center / cover no-repeat;
}

.tierpp-route-masthead--compact {
  min-height: 220px;
  border-bottom: 1px solid var(--tierpp-line);
  color: var(--tierpp-green-dark);
  background:
    radial-gradient(circle at 83% 15%, rgba(193, 68, 14, .09), transparent 18rem),
    linear-gradient(135deg, #eef5ed, #fbfaf6);
}

.tierpp-route-masthead--compact h1 {
  color: var(--tierpp-green-dark) !important;
  text-shadow: none;
}

/* Home */

.tierpp-home .section {
  padding-block: clamp(62px, 8vw, 112px);
}

.tierpp-home .section + .section {
  border-top: 1px solid rgba(25, 72, 50, .055);
}

.tierpp-home-hero {
  position: relative;
  isolation: isolate;
  min-height: min(800px, calc(100svh - 74px));
  display: grid;
  align-items: center;
}

.tierpp-home-hero::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(6, 31, 21, .9) 0%, rgba(8, 37, 25, .69) 50%, rgba(8, 37, 25, .18) 86%),
    linear-gradient(180deg, rgba(6, 28, 19, .08), rgba(6, 28, 19, .42));
  pointer-events: none;
}

.tierpp-home-hero .hero-content {
  width: min(100% - 40px, 1184px);
  max-width: 1184px !important;
  padding-inline: 0 !important;
  padding-block: clamp(72px, 10vw, 132px);
}

.tierpp-home-hero .hero-badge {
  width: fit-content;
  padding: 9px 13px 9px 10px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px rgba(255, 255, 255, .15);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.tierpp-home-hero .hero-badge .tierpp-icon {
  width: 20px !important;
  height: 20px !important;
  filter: brightness(0) invert(1);
}

.tierpp-home-hero .hero-brand {
  margin-top: 25px;
  color: rgba(255, 255, 255, .66);
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .24em;
}

.tierpp-home-hero .hero-title {
  width: 100%;
  max-width: 1000px;
  margin-top: 12px;
  color: #fff !important;
  font-size: clamp(3.2rem, 5.5vw, 5.1rem);
  letter-spacing: -.065em;
  line-height: .92;
  text-shadow: 0 4px 35px rgba(0, 0, 0, .2);
}

.tierpp-home-hero .hero-title .text-gradient {
  display: block;
  color: #f0c3a9;
  background: none;
  -webkit-text-fill-color: currentColor;
}

.tierpp-home-hero .hero-sub {
  max-width: 720px;
  margin-top: 24px;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(1.03rem, 1.55vw, 1.2rem);
  line-height: 1.65;
}

.tierpp-home-hero .hero-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 25px;
}

.tierpp-home-hero .hero-meta span {
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  color: rgba(255, 255, 255, .9);
  background: rgba(7, 35, 23, .25);
  font-size: .78rem;
  font-weight: 720;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.tierpp-home-hero .hero-actions {
  gap: 12px;
  margin-top: 30px;
}

.tierpp-home-hero .hero-actions .btn {
  min-height: 56px;
  padding-inline: 25px;
}

.tierpp-home-hero .hero-note {
  max-width: 680px;
  margin-top: 17px;
  color: rgba(255, 255, 255, .62);
  font-size: .84rem;
}

.tierpp-home .section-title {
  max-width: 840px;
  color: var(--tierpp-ink);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.03;
}

.tierpp-home .section-subtitle {
  max-width: 720px;
  color: var(--tierpp-ink-soft);
  font-size: 1.02rem;
  line-height: 1.7;
}

.tierpp-home .home-entry-section {
  background:
    radial-gradient(circle at 95% 0%, rgba(225, 118, 87, .1), transparent 22rem),
    var(--tierpp-paper);
}

.tierpp-home .home-entry-grid > *,.tierpp-home .usp-card,.tierpp-home .cat-card,.tierpp-home .review-card,.tierpp-home .landing-link-card {
  border-color: var(--tierpp-line) !important;
  border-radius: var(--tierpp-radius-md) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: var(--tierpp-shadow-sm);
}

.tierpp-home .usp-card {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 2.5vw, 30px);
}

.tierpp-home .usp-card::after {
  position: absolute;
  right: -35px;
  bottom: -55px;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  content: "";
  background: rgba(73, 142, 99, .06);
}

.tierpp-home .usp-card__icon {
  width: 68px;
  height: 68px;
  border: 1px solid var(--tierpp-line);
  border-radius: 20px;
  background: var(--tierpp-mint-soft);
}

.tierpp-home .section-hits {
  background:
    linear-gradient(180deg, rgba(235, 243, 234, .58), rgba(248, 246, 241, 0));
}

.tierpp-home .product-card {
  color: #9f3509 !important;
  font-weight: 700 !important;
}

.tierpp-home .product-card:hover {
  border-color: var(--tierpp-line-strong);
  box-shadow: var(--tierpp-shadow-md);
  transform: translateY(-4px);
}

.tierpp-home .product-card__img {
  background: #f6f7f3;
}

.tierpp-home .cat-card {
  padding: 23px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.tierpp-home .cat-card:hover {
  border-color: var(--tierpp-line-strong) !important;
  box-shadow: var(--tierpp-shadow-md);
  transform: translateY(-4px);
}

.tierpp-home .cat-icon {
  width: 68px;
  height: 68px;
  border: 1px solid rgba(31, 95, 67, .1);
  border-radius: 20px;
  background: var(--tierpp-mint-soft);
}

.tierpp-home .cat-icon .tierpp-icon {
  width: 46px;
  height: 46px;
}

.tierpp-home .cat-card__pill {
  border-color: rgba(31, 95, 67, .09);
  background: #f5f8f4;
}

.tierpp-home .cat-arr {
  color: var(--tierpp-green);
  font-weight: 780;
}

.tierpp-home .section-cta {
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(237, 176, 143, .24), transparent 22rem),
    linear-gradient(120deg, #0e3525, #235d42 70%, #2d6b4e);
}

.tierpp-home .section-cta h2,.tierpp-home .section-cta p,.tierpp-home .section-cta a {
  color: #fff;
}

.tierpp-home .section-compare {
  background: var(--tierpp-paper);
}

.tierpp-home .comparison-table {
  overflow: hidden;
  border: 1px solid var(--tierpp-line);
  border-radius: var(--tierpp-radius-lg);
  box-shadow: var(--tierpp-shadow-sm);
}

.tierpp-home .comparison-icon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  background: var(--tierpp-mint-soft);
}

.tierpp-home .section-quiz .quiz-container {
  border: 1px solid var(--tierpp-line);
  border-radius: var(--tierpp-radius-lg);
  background:
    radial-gradient(circle at 90% 15%, rgba(231, 155, 119, .12), transparent 18rem),
    #fff;
  box-shadow: var(--tierpp-shadow-md);
}

.tierpp-home .section-faq {
  background: linear-gradient(180deg, rgba(237, 244, 236, .6), rgba(248, 246, 241, 0));
}

.tierpp-home .faq-item {
  border-color: var(--tierpp-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .84);
}

/* Trust replaces unverified testimonial cards. */

.tierpp-trust-section {
  color: #fff;
  background:
    radial-gradient(circle at 8% 0%, rgba(237, 176, 142, .14), transparent 23rem),
    linear-gradient(130deg, #0b2f21, #174a35 68%, #1d553d);
}

.tierpp-trust-section .tierpp-kicker {
  color: #b9d9bd;
}

.tierpp-trust-section .section-title,.tierpp-trust-section .section-subtitle {
  color: #fff;
}

.tierpp-trust-section .section-subtitle {
  color: rgba(255, 255, 255, .68);
}

.tierpp-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.tierpp-trust-card {
  display: grid;
  gap: 10px;
  min-height: 290px;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 25px;
  color: #fff;
  background: rgba(255, 255, 255, .075);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
  text-decoration: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.tierpp-trust-card:hover {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .11);
  transform: translateY(-4px);
}

.tierpp-trust-card__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 7px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 19px;
  background: rgba(255, 255, 255, .1);
}

.tierpp-trust-card__icon .tierpp-icon {
  filter: brightness(0) invert(1);
}

.tierpp-trust-card__meta {
  color: #b9d9bd;
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.tierpp-trust-card strong {
  color: #fff;
  font-size: 1.26rem;
  line-height: 1.2;
}

.tierpp-trust-card > span:not(.tierpp-trust-card__icon, .tierpp-trust-card__meta) {
  color: rgba(255, 255, 255, .7);
  line-height: 1.58;
}

.tierpp-trust-card em {
  align-self: end;
  color: #fff;
  font-size: .86rem;
  font-style: normal;
  font-weight: 780;
}

/* Catalog */

/* Blog and editorial content */

.tierpp-article-masthead {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
  grid-template-rows: auto 1fr auto;
  gap: 18px 32px;
  min-height: 360px;
  margin-bottom: 34px;
  padding: clamp(28px, 4vw, 48px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--tierpp-radius-lg);
  color: #fff;
  background:
    linear-gradient(90deg, rgba(8, 37, 25, .96) 0%, rgba(12, 47, 32, .84) 50%, rgba(12, 47, 32, .2)),
    url("/images/ui/tierpp/blog-editorial-hero-v1.webp") center / cover no-repeat;
  box-shadow: var(--tierpp-shadow-lg);
}

.tierpp-article-masthead--cover {
  background:
    radial-gradient(circle at 90% 0%, rgba(133, 190, 148, .18), transparent 20rem),
    linear-gradient(135deg, #0b3021, #1c5a3e);
}

.tierpp-article-masthead > .badge {
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  width: fit-content;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .16);
  color: #e7f2e7;
  background: rgba(255, 255, 255, .1);
}

.tierpp-article-masthead > h1 {
  z-index: 1;
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  margin: 0;
  color: #fff !important;
  font-size: clamp(2.15rem, 4.1vw, 4rem);
  letter-spacing: -.055em;
  line-height: 1;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .18);
}

.tierpp-article-masthead > .article__meta,.tierpp-article-masthead > .article-meta {
  z-index: 1;
  grid-column: 1;
  grid-row: 3;
  color: rgba(255, 255, 255, .72);
}

.tierpp-article-masthead > .article-hero {
  grid-column: 2;
  grid-row: 1 / 4;
  width: 100%;
  height: 100%;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 18px 42px rgba(4, 24, 15, .22);
}

.tierpp-article-masthead > .article-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tierpp-article-masthead > .tierpp-article-hero--fallback {
  visibility: hidden;
}

body[data-tierpp-enhanced="true"] .landing-hero:not(.tierpp-page-hero) {
  background:
    radial-gradient(circle at 95% 0%, rgba(74, 151, 102, .13), transparent 22rem),
    linear-gradient(180deg, #f1f7f0, #fff);
}

body[data-tierpp-enhanced="true"] .landing-hero:not(.tierpp-page-hero) h1.text-gradient {
  color: var(--tierpp-green-dark);
  background: none;
  -webkit-text-fill-color: currentColor;
}

body[data-tierpp-enhanced="true"] .landing-proof-card,body[data-tierpp-enhanced="true"] .landing-context-card {
  border-color: var(--tierpp-line) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .9);
  box-shadow: var(--tierpp-shadow-sm);
}

/* Delivery, about and contacts */

/* Digital */

.tierpp-digital-hero {
  position: relative;
  isolation: isolate;
  width: min(100% - 40px, 1240px);
  margin: clamp(34px, 5vw, 70px) auto 0;
  padding: clamp(34px, 6vw, 74px);
  overflow: hidden;
  border: 1px solid var(--tierpp-line);
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(255, 253, 249, .98) 0%, rgba(255, 253, 249, .94) 45%, rgba(255, 253, 249, .42) 69%, rgba(255, 253, 249, .06)),
    url("/images/ui/tierpp/digital-activities-hero-v2.webp") center / cover no-repeat;
  box-shadow: var(--tierpp-shadow-md);
}

.tierpp-digital-hero::after {
  position: absolute;
  z-index: -1;
  right: -45px;
  bottom: -58px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(31, 95, 67, .1);
  border-radius: 50%;
  content: "";
  box-shadow:
    0 0 0 35px rgba(31, 95, 67, .035),
    0 0 0 72px rgba(31, 95, 67, .025);
}

.tierpp-digital-hero h1 {
  max-width: 760px;
  font-size: clamp(2.5rem, 5.2vw, 4.65rem);
  line-height: 1;
}

.tierpp-digital-success-page {
  padding-bottom: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(207, 229, 207, .58), transparent 26rem),
    radial-gradient(circle at 88% 22%, rgba(220, 119, 72, .12), transparent 22rem),
    linear-gradient(180deg, #f7f7f2, #fbfaf7);
}

.tierpp-digital-success-page > .section {
  display: grid;
  min-height: calc(100svh - 74px);
  align-items: center;
  padding-block: clamp(48px, 8vw, 92px);
}

.tierpp-digital-success {
  position: relative;
  isolation: isolate;
  width: min(100%, 880px);
  margin-inline: auto;
  padding: clamp(30px, 5vw, 54px) !important;
  overflow: hidden;
  border: 1px solid var(--tierpp-line) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 92% 6%, rgba(193, 68, 14, .1), transparent 17rem),
    rgba(255, 255, 255, .94) !important;
  box-shadow: var(--tierpp-shadow-lg) !important;
}

.tierpp-digital-success::after {
  position: absolute;
  z-index: -1;
  right: -54px;
  bottom: -76px;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(31, 95, 67, .09);
  border-radius: 50%;
  content: "";
  box-shadow:
    0 0 0 32px rgba(31, 95, 67, .03),
    0 0 0 66px rgba(31, 95, 67, .02);
}

.tierpp-digital-success__visual {
  display: grid;
  width: 68px;
  height: 68px;
  margin-bottom: 22px;
  place-items: center;
  border: 1px solid rgba(31, 95, 67, .12);
  border-radius: 20px;
  background: var(--tierpp-mint-soft);
}

.tierpp-digital-success__visual .tierpp-icon {
  width: 34px;
  height: 34px;
}

.tierpp-digital-success .section-title {
  max-width: 700px;
  margin-inline: 0;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.02;
}

.tierpp-digital-success .section-subtitle {
  max-width: 680px;
  margin: 16px 0 0;
  font-size: clamp(1rem, 1.7vw, 1.15rem);
  line-height: 1.65;
}

.tierpp-digital-success__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.tierpp-digital-success__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 12px;
  padding: 18px;
  border: 1px solid var(--tierpp-line);
  border-radius: 18px;
  background: rgba(247, 248, 243, .82);
}

.tierpp-digital-success__step > span {
  grid-row: 1 / span 2;
  color: var(--tierpp-rust);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.tierpp-digital-success__step strong {
  color: var(--tierpp-ink);
  font-size: .95rem;
}

.tierpp-digital-success__step p {
  margin: 3px 0 0;
  color: var(--tierpp-ink-soft);
  font-size: .82rem;
  line-height: 1.48;
}

.tierpp-digital-success .btn,.tierpp-digital-success__support {
  width: fit-content;
  margin-top: 22px;
}

/* Tools */

/* Cart, checkout, auth, legal and utility pages */

.tierpp-legal {
  min-height: calc(100svh - 74px);
}

.tierpp-commerce-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--tierpp-line) !important;
  border-radius: var(--tierpp-radius-lg) !important;
  background:
    linear-gradient(90deg, rgba(255, 253, 249, .99) 0%, rgba(255, 253, 249, .95) 48%, rgba(255, 253, 249, .7) 68%, rgba(255, 253, 249, .28)),
    url("/images/ui/tierpp/commerce-order-hero-v2.webp") center / cover no-repeat !important;
  box-shadow: var(--tierpp-shadow-md);
}

.tierpp-order-success-card {
  border: 1px solid var(--tierpp-line) !important;
  border-radius: var(--tierpp-radius-lg) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(193, 68, 14, .09), transparent 17rem),
    #fff !important;
  box-shadow: var(--tierpp-shadow-lg) !important;
}

.tierpp-check-mark::before {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  content: "✓";
  background: var(--tierpp-green);
  font-size: .8rem;
  font-weight: 900;
}

.tierpp-admin-login {
  position: relative;
  min-height: 100vh;
  padding: 32px 16px;
  background:
    radial-gradient(circle at 20% 15%, rgba(212, 233, 213, .72), transparent 26rem),
    radial-gradient(circle at 82% 78%, rgba(232, 166, 133, .16), transparent 24rem),
    var(--tierpp-canvas) !important;
}

.tierpp-admin-login::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image: linear-gradient(rgba(27, 67, 50, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27, 67, 50, .035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

.tierpp-admin-login .tierpp-admin-login__card {
  position: relative;
  z-index: 1;
  border: 1px solid var(--tierpp-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--tierpp-shadow-lg);
}

.tierpp-admin-login__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 22px;
  color: var(--tierpp-green-dark);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tierpp-admin-login__brand img {
  border: 1px solid var(--tierpp-line);
  border-radius: 12px;
}

.tierpp-legal {
  background: var(--tierpp-paper);
}

.tierpp-legal > .section,.tierpp-legal .section {
  padding-block: clamp(45px, 7vw, 90px);
}

.tierpp-legal .container {
  max-width: 900px;
}

.tierpp-legal h1 {
  max-width: 820px;
  font-size: clamp(2.35rem, 5vw, 4.35rem);
  line-height: 1;
}

.tierpp-legal p,.tierpp-legal li {
  color: #40574c;
  font-size: 1rem;
  line-height: 1.78;
}

.tierpp-favorites,.tierpp-tracking {
  min-height: calc(100svh - 74px);
  background: var(--tierpp-canvas);
}

.tierpp-favorites > .section,.tierpp-tracking > .section {
  padding-block: clamp(42px, 6vw, 82px);
}

.tierpp-tracking .auth-card {
  border: 1px solid var(--tierpp-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--tierpp-shadow-md);
}

.tierpp-tracking .tierpp-tracking-help {
  max-width: 42ch;
  margin: 22px auto 0 !important;
  color: #596b61 !important;
  font-size: .83rem;
  line-height: 1.5;
  text-align: center;
}

/* Order tracking: existing lookup and live result in the Workshop composition. */
body:has(main.workshop-track) .site-header { background: #fff; border-bottom: 1px solid #d9dce4; box-shadow: none; }
body:has(main.workshop-track) .site-header .logo-mark { display: none; }
body:has(main.workshop-track) .site-header .logo-text { color: #073dc5; font: 850 30px/1 "Cart Workshop", Inter, Arial, sans-serif; }
body:has(main.workshop-track) .site-header .tierpp-header-search { max-width: none; border-radius: 2px; background: #fff; }
body:has(main.workshop-track) .site-header .nav-link[href="/catalog/"] { color: #fff; background: #073dc5; border-radius: 2px; padding: 10px 17px; }
body:has(main.workshop-track) .site-header .tierpp-header-action { color: #101114; border-radius: 2px; }
body:has(main.workshop-track) .messenger-widget:has(.messenger-toggle[aria-expanded="false"]) { display: none; }
main.workshop-track { min-height: calc(100svh - 100px); background: #fff; color: #101114; font-family: "Cart Workshop", Inter, Arial, sans-serif; }
main.workshop-track .workshop-track-shell { display: block; min-height: 720px; padding: 28px 0 86px; }
main.workshop-track .workshop-track-inner { width: min(100% - 96px, 1248px); margin-inline: auto; }
main.workshop-track .workshop-track-crumb { display: flex; align-items: center; gap: 14px; margin: 0 0 32px; color: #636773; font-size: 12px; }
main.workshop-track .workshop-track-crumb a { color: #636773; text-decoration: none; }
main.workshop-track .workshop-track-crumb a:hover { color: #073dc5; text-decoration: underline; }
main.workshop-track .workshop-track-hero { margin: 0 0 35px; }
main.workshop-track .workshop-track-kicker { margin: 0 0 14px; color: #636773; font-size: 12px; font-weight: 600; }
main.workshop-track .workshop-track-hero h1 { max-width: 900px; margin: 0 0 16px; color: #101114; font: 750 clamp(44px,5vw,64px)/1.04 "Cart Workshop", Inter, Arial, sans-serif; letter-spacing: -2.5px; }
main.workshop-track .workshop-track-hero > p:last-child { margin: 0; color: #636773; font-size: 16px; line-height: 1.5; }
main.workshop-track .workshop-track-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); gap: 72px; }
main.workshop-track .workshop-track-lookup { min-width: 0; }
main.workshop-track .workshop-track-lookup h2 { margin: 0 0 26px; color: #101114; font: 700 24px/1.2 "Cart Workshop", Inter, Arial, sans-serif; letter-spacing: -.6px; }
main.workshop-track #track-form { gap: 22px !important; }
main.workshop-track #track-form .label { color: #101114; font-size: 13px; font-weight: 650; }
main.workshop-track #track-form .input { min-height: 48px; border: 1px solid #b9c4d9; border-radius: 2px; background: #fff; box-shadow: none; color: #101114; font: 16px/1.4 "Cart Workshop", Inter, Arial, sans-serif; }
main.workshop-track #track-form .input:focus-visible { outline: 2px solid #073dc5; outline-offset: 2px; }
main.workshop-track #track-form label:has(#t-agree) { color: #101114 !important; font-size: 12px !important; line-height: 1.5; }
main.workshop-track #track-form label:has(#t-agree) a { color: #073dc5 !important; }
main.workshop-track #t-agree { accent-color: #073dc5; }
main.workshop-track #t-submit { width: fit-content; min-width: 190px; min-height: 50px; padding: 12px 25px; border-radius: 2px; background: #073dc5; box-shadow: none; color: #fff; font: 650 14px/1 "Cart Workshop", Inter, Arial, sans-serif; }
main.workshop-track #t-submit:hover { background: #052f9d; }
main.workshop-track #t-submit:focus-visible { outline: 2px solid #101114; outline-offset: 3px; }
main.workshop-track .tierpp-tracking-help { max-width: none; margin: 29px 0 0 !important; padding-top: 18px; border-top: 1px solid #d9dce4; color: #101114 !important; font-size: 13px; text-align: left; }
main.workshop-track .tierpp-tracking-help a { display: block; width: fit-content; min-height: 44px; padding-top: 10px; color: #073dc5; text-decoration: underline; text-underline-offset: 4px; }
main.workshop-track .workshop-track-result { min-width: 0; border-top: 1px solid #b9c8ee; }
main.workshop-track .workshop-track-empty { display: flex; min-height: 380px; flex-direction: column; align-items: center; justify-content: center; padding: 25px; text-align: center; }
main.workshop-track .workshop-track-empty-mark { color: #dce6ff; font: 300 100px/1 "Cart Workshop", Inter, Arial, sans-serif; }
main.workshop-track .workshop-track-empty p { max-width: 32ch; margin: 18px 0 0; color: #636773; font-size: 15px; line-height: 1.6; }
main.workshop-track .workshop-track-result:has(#track-result[data-track-lookup-state]:not([data-track-lookup-state="pending"])) .workshop-track-empty { display: none; }
main.workshop-track #track-result { margin: 24px 0 0 !important; padding: 24px !important; border: 1px solid #b9c8ee !important; border-radius: 2px !important; background: #f1f5ff !important; color: #101114; }
@media (min-width: 1101px) {
  body:has(main.workshop-track) .site-header .header-inner { width: min(100% - 96px, 1248px); min-height: 100px; padding-inline: 0; column-gap: 36px; }
  body:has(main.workshop-track) .site-header .main-nav > a:not([href="/catalog/"]) { display: none; }
}
@media (max-width: 900px) {
  main.workshop-track .workshop-track-grid { gap: 34px; }
  main.workshop-track .workshop-track-inner { width: min(100% - 48px, 1248px); }
}
@media (max-width: 760px) {
  body:has(main.workshop-track) .site-header .header-right > a[href="/favorites/"] { display: grid; }
  main.workshop-track .workshop-track-shell { min-height: 0; padding: 25px 0 60px; }
  main.workshop-track .workshop-track-inner { width: min(100% - 40px, 1248px); }
  main.workshop-track .workshop-track-crumb { margin-bottom: 36px; }
  main.workshop-track .workshop-track-hero { margin-bottom: 28px; }
  main.workshop-track .workshop-track-hero h1 { font-size: clamp(34px,9vw,42px); line-height: 1.07; letter-spacing: -1.6px; }
  main.workshop-track .workshop-track-hero > p:last-child { font-size: 15px; }
  main.workshop-track .workshop-track-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
  main.workshop-track .workshop-track-lookup h2 { margin-bottom: 20px; font-size: 23px; }
  main.workshop-track #t-submit { width: 100%; }
  main.workshop-track .workshop-track-empty { min-height: 210px; }
  main.workshop-track .workshop-track-empty-mark { font-size: 72px; }
}

.tierpp-favorites .empty-state {
  padding-bottom: 30px;
}

.tierpp-empty-routes {
  width: min(100%, 930px);
  margin: 4px auto 0;
  padding-top: 28px;
  border-top: 1px solid var(--tierpp-line);
}

.tierpp-empty-routes__header {
  display: grid;
  gap: 5px;
  margin-bottom: 15px;
  text-align: left;
}

.tierpp-empty-routes__header > span {
  color: #597066;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tierpp-empty-routes__header > strong {
  color: var(--tierpp-ink);
  font-size: 1.35rem;
  letter-spacing: -.025em;
}

.tierpp-empty-routes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tierpp-empty-routes__grid > a {
  display: grid;
  min-height: 112px;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--tierpp-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--tierpp-shadow-sm);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.tierpp-empty-routes__grid > a:hover {
  border-color: var(--tierpp-line-strong);
  box-shadow: var(--tierpp-shadow-md);
  transform: translateY(-2px);
}

.tierpp-empty-routes__icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 15px;
  background: var(--tierpp-mint-soft);
}

.tierpp-empty-routes__grid strong,.tierpp-empty-routes__grid small {
  display: block;
}

.tierpp-empty-routes__grid strong {
  color: var(--tierpp-ink);
  font-size: .92rem;
  line-height: 1.2;
}

.tierpp-empty-routes__grid small {
  margin-top: 6px;
  color: #65756c;
  font-size: .75rem;
  line-height: 1.38;
}

/* Existing product presentations stay authoritative; only shell polish. */

.tierpp-product {
  background: var(--tierpp-canvas);
}

.tierpp-product .breadcrumbs {
  color: #728178;
}

.tierpp-product .tierpp-icon-slot {
  border: 1px solid var(--tierpp-line);
  border-radius: 12px;
  background: var(--tierpp-mint-soft);
}

/* Footer */

.tierpp-footer,body[data-tierpp-enhanced="true"] .static-footer {
  position: relative;
  color: rgba(255, 255, 255, .72);
  background:
    radial-gradient(circle at 82% 0%, rgba(100, 159, 113, .13), transparent 26rem),
    #09271b !important;
}

.tierpp-footer::before,body[data-tierpp-enhanced="true"] .static-footer::before {
  display: block;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
}

.tierpp-footer a,body[data-tierpp-enhanced="true"] .static-footer a {
  color: rgba(255, 255, 255, .68);
}

.tierpp-footer a:hover,body[data-tierpp-enhanced="true"] .static-footer a:hover {
  color: #fff;
}

.tierpp-footer :where(h2, h3, h4, strong),body[data-tierpp-enhanced="true"] .static-footer :where(h2, h3, h4, strong) {
  color: #fff;
}

.static-footer-brand-title.tierpp-icon-label .tierpp-icon {
  filter: brightness(0) invert(1);
}

/* Premium footer */

.tierpp-footer--premium {
  padding: 0 !important;
  overflow: hidden;
  color: rgba(255, 255, 255, .76);
  background:
    radial-gradient(circle at 92% 4%, rgba(130, 192, 146, .13), transparent 31rem),
    radial-gradient(circle at 8% 72%, rgba(231, 111, 81, .08), transparent 27rem),
    #08271b !important;
}

.tierpp-footer--premium::before {
  display: none;
}

.tierpp-footer-cta {
  padding: 26px 20px 0;
}

.tierpp-footer-cta__inner {
  display: flex;
  width: min(100%, 1240px);
  min-height: 190px;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  margin-inline: auto;
  padding: 34px 38px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 86% 8%, rgba(232, 148, 103, .28), transparent 22rem),
    linear-gradient(125deg, rgba(28, 82, 58, .92), rgba(11, 48, 33, .96));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .2);
}

.tierpp-footer-cta__copy > span {
  color: #a9d0b5;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tierpp-footer-cta h2 {
  max-width: 760px;
  margin: 9px 0 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 850;
  letter-spacing: -.05em;
  line-height: .98;
}

.tierpp-footer-cta p {
  max-width: 680px;
  margin: 13px 0 0;
  color: rgba(255, 255, 255, .68);
  font-size: .94rem;
  line-height: 1.6;
}

.tierpp-footer-cta__actions {
  display: grid;
  min-width: 230px;
  gap: 9px;
}

.tierpp-footer-cta__actions a {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #fff;
  font-size: .88rem;
  font-weight: 800;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.tierpp-footer-cta__actions a:hover {
  color: #fff;
  transform: translateY(-2px);
}

.tierpp-footer-cta__primary {
  background: #c1440e;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
}

.tierpp-footer-cta__primary:hover {
  background: #a2380c;
}

.tierpp-footer-cta__secondary {
  border-color: rgba(255, 255, 255, .24) !important;
  background: rgba(255, 255, 255, .08);
}

body.dvn-home-active .tierpp-footer-cta {
  display: none;
}

.tierpp-footer--premium > .footer-inner {
  display: grid;
  width: min(100% - 40px, 1240px);
  grid-template-columns: minmax(245px, 1.3fr) minmax(195px, 1fr) minmax(155px, .72fr) minmax(150px, .7fr) minmax(190px, .8fr);
  column-gap: clamp(28px, 4vw, 56px);
  row-gap: 0;
  align-items: start;
  margin-inline: auto;
  padding: 44px 0 0;
}

.tierpp-footer--premium .footer-brand {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 34px 0 0;
  border: 0;
}

.tierpp-footer--premium .footer-brand .logo {
  min-height: 44px;
}

.tierpp-footer--premium .footer-desc {
  max-width: 34ch;
  margin: 17px 0 0;
  color: rgba(255, 255, 255, .61);
  font-size: .84rem;
  line-height: 1.62;
}

.tierpp-footer--premium .footer-social {
  display: flex;
  gap: 8px;
  margin-top: 22px;
}

.tierpp-footer--premium .social-link {
  display: inline-flex;
  min-width: 46px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: rgba(255, 255, 255, .8);
  background: rgba(255, 255, 255, .06);
  font-size: .75rem;
  font-weight: 800;
}

.tierpp-footer--premium .social-link:hover {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .11);
}

.tierpp-footer--premium .footer-col {
  min-width: 0;
}

.tierpp-footer--premium .footer-col-title {
  margin: 0 0 16px;
  color: #fff;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.tierpp-footer--premium .footer-col ul {
  display: grid;
  gap: 7px;
  margin: 0;
}

.tierpp-footer--premium .footer-col li {
  line-height: 1.34;
}

.tierpp-footer--premium .footer-col a,.tierpp-footer--premium .footer-contacts li {
  color: rgba(255, 255, 255, .65);
  font-size: .81rem;
}

.tierpp-footer--premium .footer-col a:hover {
  color: #fff;
}

.tierpp-footer--premium .footer-contacts a {
  color: rgba(255, 255, 255, .86);
}

.tierpp-footer-more {
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.tierpp-footer-more summary {
  position: relative;
  padding-right: 20px;
  color: #a9d0b5;
  cursor: pointer;
  font-size: .75rem;
  font-weight: 800;
  list-style: none;
}

.tierpp-footer-more summary::-webkit-details-marker {
  display: none;
}

.tierpp-footer-more summary::after {
  position: absolute;
  top: 1px;
  right: 3px;
  content: "+";
  font-size: 1rem;
  line-height: 1;
}

.tierpp-footer-more[open] summary::after {
  content: "−";
}

.tierpp-footer-more__list {
  padding-top: 12px;
}

.tierpp-footer--premium .footer-bottom {
  width: 100%;
  grid-column: 1 / -1;
  margin-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .11);
}

.tierpp-footer--premium .footer-bottom > .container {
  width: 100%;
  max-width: none;
  min-height: 0;
  gap: 0;
  padding: 18px 0 22px;
}

.tierpp-footer--premium .footer-bottom-top {
  display: flex;
  height: auto !important;
  min-height: 0;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.tierpp-footer--premium .footer-copyright {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
}

.tierpp-footer--premium .footer-copyright p {
  margin: 0;
  color: rgba(255, 255, 255, .58);
  font-size: .71rem;
  line-height: 1.5;
}

.tierpp-footer--premium .footer-verify {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
}

.tierpp-footer--premium .gosuslugi-badge,.tierpp-footer--premium .age-limit {
  min-height: 34px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .06);
}

.tierpp-footer--premium .gosuslugi-badge {
  width: 44px;
  height: 44px;
  min-height: 44px;
  flex-direction: row;
  padding: 5px;
}

.tierpp-footer--premium .gosuslugi-badge img {
  width: 32px;
  height: 32px;
}

.tierpp-footer--premium .gosuslugi-badge span {
  display: none;
}

.tierpp-footer--premium .footer-bottom-links {
  display: flex;
  height: auto !important;
  min-height: 0;
  flex-wrap: wrap;
  gap: 7px 18px;
  margin-top: 11px;
  padding-top: 0;
}

.tierpp-footer--premium .footer-bottom-links a,.tierpp-footer--premium .footer-bottom-links button {
  color: rgba(255, 255, 255, .66);
  font-size: .71rem;
}

.tierpp-footer--premium button.footer-action-link {
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
}

.tierpp-footer--premium .footer-action-link {
  color: #a9d0b5 !important;
}

/* Compact consent surface: visible and explicit without covering the storefront. */

body[data-tierpp-enhanced="true"] .cookie-banner {
  bottom: 14px;
  left: 14px;
  display: grid;
  width: min(720px, calc(100vw - 28px));
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px 18px;
  padding: 13px 14px;
  border-radius: 16px;
}

body[data-tierpp-enhanced="true"] .cookie-banner__eyebrow {
  height: 22px;
  margin-bottom: 5px;
  padding-inline: 8px;
  font-size: .63rem;
}

body[data-tierpp-enhanced="true"] .cookie-banner__title {
  font-size: .84rem;
  line-height: 1.3;
}

body[data-tierpp-enhanced="true"] .cookie-banner__copy {
  margin-top: 3px;
  font-size: .72rem;
  line-height: 1.35;
}

body[data-tierpp-enhanced="true"] .cookie-banner__actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}

body[data-tierpp-enhanced="true"] .cookie-banner__actions .btn,body[data-tierpp-enhanced="true"] .cookie-banner__actions #cookie-accept {
  width: auto;
  min-height: 36px;
  grid-column: auto;
  padding-inline: .78rem;
  font-size: .72rem;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .tierpp-footer--premium > .footer-inner {
    grid-template-columns: minmax(230px, 1.2fr) repeat(2, minmax(160px, .8fr));
  }

  .tierpp-footer--premium .footer-col:nth-of-type(4),.tierpp-footer--premium .footer-col:nth-of-type(5) {
    padding-top: 4px;
  }
}

@media (max-width: 768px) {
  .tierpp-route-masthead.tierpp-route-masthead--compact {
    min-height: 210px;
  }

  .tierpp-route-masthead--compact .tierpp-route-masthead__shell {
    padding-block: 36px;
  }

  .tierpp-favorites > .section {
    padding-block: 32px;
  }

  .tierpp-favorites .empty-state {
    padding-block: 18px 24px;
  }

  .tierpp-empty-routes {
    padding-top: 22px;
  }

  .tierpp-empty-routes__grid {
    grid-template-columns: 1fr;
  }

  .tierpp-empty-routes__grid > a {
    min-height: 92px;
  }

  .tierpp-footer--premium {
    text-align: left;
  }

  .tierpp-footer-cta {
    padding: 14px 14px 0;
  }

  .tierpp-footer-cta__inner {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
    padding: 29px 22px;
    border-radius: 24px;
  }

  .tierpp-footer-cta h2 {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .tierpp-footer-cta__actions {
    width: 100%;
    min-width: 0;
  }

  .tierpp-footer--premium > .footer-inner {
    width: min(100% - 28px, 1240px);
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 22px;
    padding-top: 42px;
  }

  .tierpp-footer--premium .footer-brand {
    grid-column: 1 / -1;
    align-items: flex-start;
    margin: 0;
    padding: 0 0 28px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
  }

  .tierpp-footer--premium .footer-desc {
    max-width: 46ch;
  }

  .tierpp-footer--premium .footer-bottom {
    margin-top: 4px;
  }

  .tierpp-footer--premium .footer-bottom-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .tierpp-footer--premium .footer-copyright {
    order: 1;
    flex-direction: column;
  }

  .tierpp-footer--premium .footer-verify {
    order: 2;
    justify-content: flex-start;
  }

  .tierpp-footer--premium .footer-bottom-links {
    align-items: flex-start !important;
    flex-direction: row !important;
    gap: 10px 16px !important;
    text-align: left !important;
  }
}

/* Catalog — Atlas of Movement
   Keep catalogue data and controls intact; this layer only translates the
   approved homepage art direction into the catalogue template family. */

body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"]::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 43%;
  display: block;
  content: "";
  background: url("/images/ui/tierpp/catalog-materials-hero-v2.webp") 70% center / cover no-repeat;
  pointer-events: none;
}

body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"] > .container::after {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: calc(43% - 58px);
  width: clamp(92px, 8vw, 122px);
  content: "";
  background: url("/images/editorial/atlas/atlas-torn-paper-edge-v1.png") left center / 100% 100% no-repeat;
  pointer-events: none;
}

body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] {
  min-height: clamp(320px, 27vw, 400px);
  background: var(--catalog-atlas-paper) !important;
}

body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
  min-height: clamp(320px, 27vw, 400px);
  padding-right: clamp(28px, 7vw, 100px);
}

body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] h1 {
  max-width: 18ch;
  font-size: clamp(3.35rem, 5vw, 4.9rem);
}

body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] p {
  max-width: 72ch;
}

@media (max-width: 1180px) {

  body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"]::after {
    left: 49%;
  }

  body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"] > .container::after {
    left: calc(49% - 54px);
    width: 108px;
  }
}

@media (max-width: 900px) {

  body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"]::after {
    top: auto;
    left: 0;
    width: 100%;
    height: 42%;
    background-position: 67% center;
  }

  body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"] > .container::after {
    display: none;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] {
    min-height: 292px;
    background: var(--catalog-atlas-paper) !important;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    min-height: 292px;
    padding: 72px 22px 22px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] h1 {
    max-width: 15ch;
    font-size: clamp(2.3rem, 9.2vw, 3.15rem);
    line-height: .96;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] p {
    display: -webkit-box;
    margin-top: 12px;
    overflow: hidden;
    font-size: .88rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] .partner-seo-catalog-hero-summary {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }

  body[data-tierpp-family="catalog-category"] .partner-seo-catalog-hero-summary__detail {
    display: none;
  }
}

@media (max-width: 520px) {

  body[data-tierpp-family="catalog"] .tierpp-page-hero[data-catalog-atlas="hub"]::after {
    height: 42%;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"],body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    min-height: 292px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    padding-bottom: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
}


/* Responsive shell */

@media (max-width: 1500px) {
  .tierpp-header .header-phone,.tierpp-header .header-max-link {
    display: none;
  }
}

@media (max-width: 1260px) {
  .tierpp-header .main-nav {
    justify-content: flex-start;
  }
}

@media (max-width: 1180px) {
  .tierpp-header .main-nav {
    display: none !important;
  }

  .tierpp-header .burger.hide-desktop {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  .mobile-menu {
    position: fixed;
    z-index: 1200;
    top: 0;
    left: -100%;
    width: min(86vw, 320px);
    height: 100dvh;
    overflow-y: auto;
    border-right: 1px solid var(--tierpp-line);
    background: #fffdf9;
    box-shadow: 24px 0 70px rgba(9, 39, 27, .2);
    transition: left .25s ease;
  }

  .mobile-menu.open {
    left: 0;
  }

  /* Keep navigation reachable when zoom or a short viewport makes the footer tall. */
  .mobile-menu-header,.mobile-menu-footer {
    flex: 0 0 auto;
  }

  .mobile-menu-nav {
    flex: 0 0 auto;
    overflow-y: visible;
  }

  .mobile-menu-backdrop {
    position: fixed;
    z-index: 1190;
    inset: 0;
    background: rgba(5, 25, 17, .54);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  .mobile-menu-backdrop.open {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (max-width: 1024px) {
  .tierpp-header .header-inner {
    min-height: 68px;
  }

  .tierpp-page-hero {
    min-height: 330px;
  }

  .tierpp-trust-grid {
    grid-template-columns: 1fr;
  }

  .tierpp-trust-card {
    min-height: 0;
  }

  .tierpp-digital-hero {
    border-radius: 28px;
  }
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 76px;
  }

  .tierpp-header .header-inner {
    width: min(100% - 22px, 1400px);
    gap: 8px;
  }

  .tierpp-header .logo-copy {
    display: grid;
  }

  .tierpp-header .logo-subtext {
    display: none;
  }

  .tierpp-header .logo-mark,.tierpp-header .logo-mark img {
    width: 40px;
    height: 40px;
  }

  .tierpp-header .tierpp-header-action {
    width: 39px;
    height: 39px;
    border-radius: 12px;
  }

  .tierpp-header .header-right > .tierpp-header-action[aria-label="Избранное"],.tierpp-header .header-right > .tierpp-header-action[aria-label="Сравнение"] {
    display: none;
  }

  .tierpp-page-hero {
    min-height: 320px;
    background-position: 62% center !important;
  }

  .tierpp-page-hero > .container {
    width: min(100% - 30px, 1184px);
    padding-block: 52px;
  }

  .tierpp-page-hero h1 {
    max-width: min(100%, 18ch);
    overflow-wrap: anywhere;
    font-size: clamp(2.05rem, 10.2vw, 2.85rem);
    line-height: 1;
    letter-spacing: -.045em;
  }

  .tierpp-page-hero[data-tierpp-banner="delivery"] {
    min-height: 390px;
    align-items: start;
    background:
      linear-gradient(180deg, rgba(251, 249, 244, .98) 0%, rgba(251, 249, 244, .91) 56%, rgba(251, 249, 244, .2)),
      url("/images/ui/tierpp/delivery-workshop-hero-v1.webp") 69% center / cover no-repeat !important;
  }

  .tierpp-route-masthead {
    min-height: 320px;
    background-position: 65% center !important;
  }

  .tierpp-route-masthead__shell {
    width: min(100% - 30px, 1184px);
    padding-block: 52px;
  }

  .tierpp-route-masthead h1 {
    max-width: min(100%, 18ch);
    overflow-wrap: anywhere;
    font-size: clamp(2.05rem, 10.2vw, 2.85rem);
    line-height: 1;
    letter-spacing: -.045em;
  }

  .tierpp-route-masthead[data-tierpp-banner="delivery"] {
    min-height: 390px;
    align-items: start;
    background:
      linear-gradient(180deg, rgba(251, 249, 244, .98) 0%, rgba(251, 249, 244, .91) 56%, rgba(251, 249, 244, .2)),
      url("/images/ui/tierpp/delivery-workshop-hero-v1.webp") 69% center / cover no-repeat;
  }

  .tierpp-article-masthead {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 14px;
    min-height: 0;
    padding: 20px;
    border-radius: 24px;
  }

  .tierpp-article-masthead > .article-hero,.tierpp-article-masthead > .badge,.tierpp-article-masthead > h1,.tierpp-article-masthead > .article__meta,.tierpp-article-masthead > .article-meta {
    grid-column: 1;
    grid-row: auto;
  }

  .tierpp-article-masthead > .article-hero {
    min-height: 210px;
    order: -1;
  }

  .tierpp-article-masthead > .tierpp-article-hero--fallback {
    display: none;
  }

  .tierpp-article-masthead > h1 {
    font-size: clamp(2rem, 9.5vw, 3rem);
  }

  .tierpp-home-hero {
    min-height: calc(100svh - 68px);
  }

  .tierpp-home-hero::after {
    background:
      linear-gradient(180deg, rgba(6, 31, 21, .82) 0%, rgba(7, 33, 22, .7) 55%, rgba(7, 33, 22, .74)),
      linear-gradient(90deg, rgba(6, 31, 21, .45), rgba(6, 31, 21, .15));
  }

  .tierpp-home-hero .hero-content {
    width: min(100% - 30px, 1184px);
    padding-block: 56px 70px;
  }

  .tierpp-home-hero .hero-badge {
    font-size: .73rem;
  }

  .tierpp-home-hero .hero-brand {
    margin-top: 21px;
  }

  .tierpp-home-hero .hero-title {
    margin-top: 10px;
    font-size: clamp(2.65rem, 13.5vw, 4.1rem);
    line-height: .94;
  }

  .tierpp-home-hero .hero-title br {
    display: none;
  }

  .tierpp-home-hero .hero-title .text-gradient {
    display: inline;
  }

  .tierpp-home-hero .hero-sub {
    margin-top: 19px;
    font-size: .96rem;
    line-height: 1.55;
  }

  .tierpp-home-hero .hero-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 20px;
  }

  .tierpp-home-hero .hero-meta span {
    display: grid;
    place-items: center;
    min-height: 38px;
    padding: 7px 8px;
    text-align: center;
  }

  .tierpp-home-hero .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .tierpp-home-hero .hero-actions .btn {
    width: 100%;
    min-height: 52px;
  }

  .tierpp-home-hero .hero-note {
    display: none;
  }

  .tierpp-home .section {
    padding-block: 58px;
  }

  .tierpp-home .section-title {
    font-size: clamp(2rem, 9.5vw, 2.7rem);
  }

  .tierpp-trust-card {
    padding: 22px;
  }

  .tierpp-digital-hero {
    width: min(100% - 24px, 1240px);
    margin-top: 20px;
    padding: 27px 20px;
    border-radius: 24px;
    background:
      linear-gradient(180deg, rgba(255, 253, 249, .98) 0%, rgba(255, 253, 249, .94) 58%, rgba(255, 253, 249, .42)),
      url("/images/ui/tierpp/digital-activities-hero-v2.webp") 66% center / cover no-repeat;
  }

  .tierpp-digital-hero h1 {
    font-size: clamp(2.25rem, 11vw, 3.25rem);
  }

  body[data-tierpp-enhanced="true"] .cookie-banner {
    right: 8px;
    bottom: calc(8px + var(--sab));
    left: 8px;
    width: auto;
    max-height: none;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    overflow: visible;
    padding: 10px;
    border-radius: 15px;
  }

  body[data-tierpp-enhanced="true"] .cookie-banner__eyebrow {
    display: none;
  }

  body[data-tierpp-enhanced="true"] .cookie-banner__title {
    font-size: .79rem;
    line-height: 1.28;
  }

  body[data-tierpp-enhanced="true"] .cookie-banner__copy {
    display: none;
  }

  body[data-tierpp-enhanced="true"] .cookie-banner__actions {
    display: flex;
    gap: 5px;
  }

  body[data-tierpp-enhanced="true"] .cookie-banner__actions .btn,body[data-tierpp-enhanced="true"] .cookie-banner__actions #cookie-accept {
    width: auto;
    min-width: 0;
    min-height: 34px;
    flex: 1 1 auto;
    padding-inline: .48rem;
    font-size: .66rem;
  }

  .tierpp-digital-success-page > .section {
    min-height: calc(100svh - 66px);
    padding: 24px 12px 42px;
  }

  .tierpp-digital-success {
    padding: 25px 19px !important;
    border-radius: 24px !important;
  }

  .tierpp-digital-success__visual {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 17px;
  }

  .tierpp-digital-success .section-title {
    font-size: clamp(2rem, 10vw, 2.7rem);
  }

  .tierpp-digital-success__steps {
    grid-template-columns: 1fr;
    margin-top: 22px;
  }

  .tierpp-digital-success .btn,.tierpp-digital-success__support {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .tierpp-header .logo-text {
    font-size: .78rem;
  }

  .tierpp-header .header-right {
    gap: 5px;
  }

  .tierpp-home-hero .hero-title {
    font-size: clamp(2.35rem, 12.5vw, 3.2rem);
  }

  .tierpp-home-hero .hero-meta span {
    font-size: .7rem;
  }

  .tierpp-page-hero[data-tierpp-banner="blog"] {
    background-position: 64% center !important;
  }

  .tierpp-page-hero[data-tierpp-banner="delivery"] {
    background-position: 63% center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tierpp-header .nav-link,body[data-tierpp-enhanced="true"] .btn,.tierpp-home .cat-card,.tierpp-home .product-card,.tierpp-trust-card {
    transition: none;
  }
}
.catalog-product-directory,.tierpp-delivery-geography {
  width: min(1180px, calc(100% - 32px));
  margin: 40px auto;
  padding: 26px;
  border: 1px solid #dce7df;
  border-radius: 22px;
  background: linear-gradient(135deg, #f4f9f5, #fff);
}

.catalog-product-directory > h2,.tierpp-delivery-geography > h2 {
  margin: 0 0 8px;
  color: #173f2c;
}

.catalog-product-directory > p,.tierpp-delivery-geography > p {
  max-width: 820px;
  margin: 0 0 18px;
  color: #5b6b62;
  line-height: 1.65;
}

.catalog-product-directory details {
  border-top: 1px solid #dce7df;
  padding-top: 16px;
}

.catalog-product-directory summary {
  color: #216546;
  font-weight: 800;
  cursor: pointer;
}

.catalog-product-directory nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.catalog-product-directory nav a {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid #dce7df;
  border-radius: 14px;
  background: #fff;
  color: #173f2c;
  text-decoration: none;
}

.catalog-product-directory nav a:hover {
  border-color: #2f7657;
  background: #f7fbf8;
}

.catalog-product-directory nav strong {
  font-size: .88rem;
  line-height: 1.35;
}

.catalog-product-directory nav span {
  color: #64746b;
  font-size: .78rem;
}

@media (max-width: 900px) {
  .catalog-product-directory nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .catalog-product-directory,.tierpp-delivery-geography {
    width: min(100% - 24px, 1180px);
    margin: 28px auto;
    padding: 20px 16px;
  }

  .catalog-product-directory nav {
    grid-template-columns: 1fr;
  }
}

/* Separate commercial contours: Deveron Wood and Romana */
.tierpp-split-order-notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 1180px;
  margin: 18px auto 24px;
  padding: 18px 20px;
  color: #123f30;
  background: linear-gradient(135deg, #eef8f1, #fffaf1);
  border: 1px solid rgba(25, 94, 68, 0.16);
  border-radius: 20px;
}

.tierpp-split-order-notice__mark {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #fff;
  background: #1f6b4f;
  border-radius: 50%;
  font-weight: 800;
}

.tierpp-split-order-notice strong {
  display: block;
  margin-bottom: 3px;
  font-size: 16px;
}

.tierpp-split-order-notice p,.tierpp-commerce-lane__header p {
  margin: 0;
  color: #607068;
  line-height: 1.45;
}

.tierpp-commerce-lane {
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid rgba(20, 67, 51, 0.13);
  border-radius: 22px;
  background: #fff;
}

.tierpp-commerce-lane__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(20, 67, 51, 0.1);
}

.tierpp-commerce-lane__header--owned {
  background: linear-gradient(135deg, #edf7ef, #f8fbf5);
}

.tierpp-commerce-lane__header--partner {
  background: linear-gradient(135deg, #fff7e8, #fffdf7);
}

.tierpp-commerce-lane__header > div:first-child > strong {
  display: block;
  margin: 3px 0 4px;
  color: #0b3426;
  font-size: 19px;
}

.tierpp-commerce-lane__eyebrow {
  color: #36775e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.tierpp-commerce-lane__subtotal {
  flex: 0 0 auto;
  text-align: right;
}

.tierpp-commerce-lane__subtotal span {
  display: block;
  margin-bottom: 3px;
  color: #52675f;
  font-size: 12px;
}

.tierpp-commerce-lane__subtotal strong {
  color: #0b3426;
  font-size: 17px;
}

.tierpp-commerce-lane__items > .cart-item,.tierpp-commerce-lane__items > .order-item {
  border-radius: 0;
}

.tierpp-commerce-lane__items > :last-child {
  border-bottom: 0;
}

.tierpp-partner-checkout {
  border-color: rgba(188, 128, 32, 0.22) !important;
  background: linear-gradient(180deg, #fffdf8, #fff);
}

.tierpp-partner-checkout__group {
  margin-top: 18px;
}

.tierpp-partner-checkout__group h3 {
  margin: 0 0 10px;
  color: #143f31;
  font-size: 14px;
}

.tierpp-partner-choice,.tierpp-partner-assembly {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 9px;
  padding: 13px 14px;
  border: 1px solid rgba(20, 67, 51, 0.13);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}

.tierpp-partner-choice:has(input:checked),.tierpp-partner-assembly:has(input:checked) {
  border-color: #2b795b;
  box-shadow: 0 0 0 2px rgba(43, 121, 91, 0.08);
}

.tierpp-partner-choice input,.tierpp-partner-assembly input {
  margin-top: 3px;
  accent-color: #1f6b4f;
}

.tierpp-partner-choice strong,.tierpp-partner-assembly strong {
  display: block;
  color: #153d30;
  font-size: 14px;
}

.tierpp-partner-choice small,.tierpp-partner-assembly small {
  display: block;
  margin-top: 3px;
  color: #69766f;
  line-height: 1.4;
}

.tierpp-partner-payment-summary {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid rgba(43, 121, 91, 0.22);
  border-radius: 16px;
  background: linear-gradient(135deg, #edf8f1, #fff);
}

.tierpp-partner-payment-summary__mark {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #fff;
  background: #1f6b4f;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 800;
}

.tierpp-partner-payment-summary strong,.tierpp-owned-payment-note strong,.tierpp-partner-seller-note strong {
  display: block;
  color: #153d30;
  font-size: 14px;
}

.tierpp-partner-payment-summary small,.tierpp-owned-payment-note span,.tierpp-partner-seller-note span {
  display: block;
  margin-top: 4px;
  color: #617168;
  font-size: 12px;
  line-height: 1.5;
}

.tierpp-partner-seller-note,.tierpp-owned-payment-note {
  margin-top: 10px;
  padding: 13px 14px;
  border-radius: 14px;
  background: #fffaf0;
  border: 1px solid rgba(188, 128, 32, 0.2);
}

.tierpp-owned-payment-note {
  margin-top: 14px;
  background: #f4faf6;
  border-color: rgba(31, 107, 79, 0.16);
}

.tierpp-partner-checkout__address-note {
  display: none;
  margin: 10px 2px 0;
  color: #587067;
  font-size: 12px;
}

.tierpp-partner-checkout__address-note.is-visible {
  display: block;
}

.tierpp-related-orders {
  margin-top: 20px;
  padding: 16px 18px;
  color: #153d30;
  background: #f2f8f3;
  border: 1px solid rgba(31, 107, 79, 0.16);
  border-radius: 16px;
}

.tierpp-related-orders p {
  margin: 5px 0 0;
  color: #637269;
  line-height: 1.5;
}

.tierpp-related-orders span {
  display: inline-block;
  margin: 3px 3px 0 0;
  padding: 2px 7px;
  color: #174d39;
  background: #fff;
  border-radius: 999px;
  font-weight: 700;
}

.order-line + .order-line {
  margin-top: 8px;
}

.order-line__addon {
  margin: 4px 0 0 18px;
  color: var(--green-700);
}

.order-card__details {
  margin-top: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 14px;
  background: #fff;
}

.order-card__details summary {
  padding: 13px 15px;
  color: var(--green-800);
  font-weight: 750;
  cursor: pointer;
}

.order-card__details dl {
  margin: 0;
  padding: 0 15px 15px;
}

.order-card__details dl > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.4fr) minmax(0, 1fr);
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--gray-100);
}

.order-card__details dt {
  color: var(--gray-500);
}

.order-card__details dd {
  min-width: 0;
  margin: 0;
  color: var(--green-900);
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  .tierpp-split-order-notice {
    margin: 14px 12px 20px;
  }

  .tierpp-commerce-lane__header {
    display: block;
  }

  .tierpp-commerce-lane__subtotal {
    margin-top: 12px;
    text-align: left;
  }
}

/* Atlas/Tier++ restoration: keep the established palette readable in commerce UI. */
.wood-product-refined .breadcrumb a,.wood-product-refined .addon-item__price,.wood-product-refined .product-card__old-price {
  color: #4a5e54;
}

.wood-product-refined .product-card__video-badge {
  color: #fff !important;
  border-color: #0d402c !important;
  background: #0d402c !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.wood-product-refined .badge--sale {
  color: #fff;
  background: var(--tierpp-coral-dark);
}

@media (max-width: 768px) {
  .account-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .account-sidebar {
    position: static;
    top: auto;
    width: 100%;
  }

  .account-content {
    min-width: 0;
    width: 100%;
  }

  .account-content #profile-form > div:first-child {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .account-content .order-card__header,.account-content .order-card__footer {
    flex-wrap: wrap;
    gap: 12px;
  }

  .account-content .order-card__footer .btn {
    max-width: 100%;
    white-space: normal;
  }

  .order-card__details dl > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }
}

/* Conversion components added after the Atlas rollout keep their behavior,
   but use the established Tier++ / Atlas presentation instead of the retired
   smart-selection theme. */
.tierpp-cart-optionals {
  grid-column: 1 / -1;
  overflow: hidden;
  color: var(--tierpp-ink);
  border: 1px solid var(--tierpp-line-strong);
  border-radius: var(--tierpp-radius-sm);
  background: var(--tierpp-paper);
  box-shadow: var(--tierpp-shadow-sm);
}

.tierpp-cart-optionals > summary {
  display: grid;
  min-height: 68px;
  padding: 14px 16px;
  align-items: center;
  gap: 8px 14px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  cursor: pointer;
  list-style: none;
}

.tierpp-cart-optionals > summary::-webkit-details-marker {
  display: none;
}

.tierpp-cart-optionals > summary::after {
  color: var(--tierpp-green);
  content: "+";
  font-size: 1.25rem;
  line-height: 1;
}

.tierpp-cart-optionals[open] > summary::after {
  content: "−";
}

.tierpp-cart-optionals > summary strong,.tierpp-cart-optionals > summary small {
  display: block;
}

.tierpp-cart-optionals > summary strong {
  font-size: 1rem;
}

.tierpp-cart-optionals > summary small {
  margin-top: 3px;
  color: var(--tierpp-ink-soft);
  font-size: .76rem;
  line-height: 1.35;
}

.tierpp-cart-optionals__state {
  color: var(--tierpp-coral);
  font-size: .72rem;
  font-weight: 800;
}

.tierpp-cart-optionals__content {
  padding: 0 16px 16px;
  border-top: 1px solid var(--tierpp-line);
}

.tierpp-cart-optionals__content .cart-swing-reminder {
  margin: 16px 0 0 !important;
}

.tierpp-cart--has-partner .cart-swing-reminder {
  display: none !important;
}

.tierpp-cart-delivery-statuses {
  display: grid;
  gap: 7px;
  margin: 14px 0;
  padding: 12px 0;
  border-block: 1px solid var(--tierpp-line);
}

.tierpp-cart-delivery-statuses > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--tierpp-ink-soft);
  font-size: .78rem;
}

.tierpp-cart-delivery-statuses strong {
  color: var(--tierpp-ink);
  text-align: right;
}

.order-summary-pricing-note {
  margin: 10px 0 0;
  padding: 10px 11px;
  color: var(--tierpp-ink-soft);
  border: 1px solid var(--tierpp-line-strong);
  border-radius: 12px;
  background: var(--tierpp-mint-soft);
  font-size: .74rem;
  line-height: 1.42;
}

@media (max-width: 700px) {
  .tierpp-cart-optionals {
    border-radius: 12px;
    box-shadow: none;
  }

  .tierpp-cart-optionals > summary {
    min-height: 62px;
    padding: 12px 13px;
    gap: 6px 10px;
  }

  .tierpp-split-order-notice {
    margin: 10px 0 14px;
    padding: 12px 13px;
    gap: 10px;
    border-radius: 15px;
  }

  .tierpp-split-order-notice__mark {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: .8rem;
  }

  .tierpp-split-order-notice strong {
    font-size: .9rem;
    line-height: 1.3;
  }

  .tierpp-split-order-notice p {
    font-size: .78rem;
    line-height: 1.4;
  }

  .tierpp-commerce-lane {
    margin-bottom: 12px;
    border-radius: 16px;
  }

  .tierpp-commerce-lane__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px 13px;
  }

  .tierpp-commerce-lane__header > div:first-child > strong {
    margin: 2px 0 3px;
    font-size: .98rem;
    line-height: 1.25;
  }

  .tierpp-commerce-lane__header p {
    font-size: .74rem;
    line-height: 1.35;
  }

  .tierpp-commerce-lane__subtotal {
    margin-top: 0;
    text-align: right;
  }

  .tierpp-commerce-lane__subtotal strong {
    font-size: .92rem;
    white-space: nowrap;
  }
}
/* Expert storefront 2026-08-30
   One calm commerce system for the public site. Product facts, routes and
   commerce handlers stay with their existing owners; this layer owns the
   shared visual language and the catalogue decision surface. */

:root {
  --tierpp-ink: #10281f;
  --tierpp-ink-soft: #53645c;
  --tierpp-green: #173f31;
  --tierpp-green-strong: #173f31;
  --tierpp-green-dark: #10281f;
  --tierpp-mint: #e8eee8;
  --tierpp-mint-soft: #f0f3ed;
  --tierpp-coral: #c1440e;
  --tierpp-coral-dark: #9f3509;
  --tierpp-focus: #6b4fc4;
  --tierpp-canvas: #f7f4ec;
  --tierpp-paper: #fffdf8;
  --tierpp-line: rgba(23, 55, 44, .16);
  --tierpp-line-strong: rgba(23, 55, 44, .28);
  --tierpp-shadow-sm: 0 10px 24px rgba(16, 40, 31, .07);
  --tierpp-shadow-md: 0 18px 44px rgba(16, 40, 31, .1);
  --tierpp-shadow-lg: 0 26px 68px rgba(16, 40, 31, .14);
  --tierpp-radius-sm: 12px;
  --tierpp-radius-md: 20px;
  --tierpp-radius-lg: 20px;
}

body[data-tierpp-enhanced="true"] {
  color: var(--tierpp-ink);
  background: var(--tierpp-canvas);
}

body[data-tierpp-enhanced="true"] main :where(h1, h2),body[data-tierpp-enhanced="true"] .tierpp-footer-cta h2 {
  font-family: "Literata Deveron", Literata, Georgia, "Times New Roman", serif;
  font-weight: 500;
}

body[data-tierpp-enhanced="true"] main :where(h1, h2, h3) {
  letter-spacing: -.035em;
}

body[data-tierpp-enhanced="true"] :where(.btn, button, input, select, textarea) {
  border-radius: 12px;
}

body[data-tierpp-enhanced="true"] .btn {
  border-radius: 12px;
  box-shadow: none;
}

body[data-tierpp-enhanced="true"] .btn:hover,body[data-tierpp-enhanced="true"] :where(.product-card, .blog-card, .advantage-card, .tool-card):hover {
  transform: none;
}

body[data-tierpp-enhanced="true"] .btn--primary {
  border-color: var(--tierpp-green);
  background: var(--tierpp-green);
  box-shadow: none;
}

body[data-tierpp-enhanced="true"] .btn--primary:hover {
  border-color: #245945;
  background: #245945;
  box-shadow: none;
}

body[data-tierpp-enhanced="true"] :focus-visible {
  outline-color: var(--tierpp-focus);
}

/* Shared 72 px buyer header: short navigation, real catalogue search and
   only the three recurring commerce actions. */

.site-header.tierpp-header {
  min-height: 72px;
  border-bottom: 1px solid var(--tierpp-line);
  background: rgba(247, 244, 236, .96);
  box-shadow: none;
  backdrop-filter: blur(14px);
}

.tierpp-header .header-inner {
  width: min(100% - 40px, 1320px);
  min-height: 72px;
  padding-block: 8px;
  gap: 16px;
}

.tierpp-header .logo-mark,.tierpp-header .nav-link,.tierpp-header .tierpp-header-action,.tierpp-header .burger,.tierpp-header .header-phone,.tierpp-header .header-max-link {
  border-radius: 12px;
  box-shadow: none;
}

.tierpp-header .logo-mark {
  border-color: var(--tierpp-line);
  background: var(--tierpp-paper);
}

.tierpp-header .main-nav {
  flex: 0 1 auto;
  justify-content: flex-start;
  gap: 0;
}

.tierpp-header .main-nav .nav-link {
  padding: 10px 9px;
  color: var(--tierpp-ink-soft);
  background: transparent;
  font-size: .8rem;
}

.tierpp-header .main-nav .nav-link:hover,.tierpp-header .main-nav .nav-link.active {
  color: var(--tierpp-ink);
  background: #e8eee8;
  transform: none;
}

.tierpp-header .main-nav :is(
  a[href="/digital/"],
  a[href="/tools/"],
  a[href="/about/"],
  a[href="/contacts/"]
) {
  display: none;
}

.tierpp-header-search {
  display: flex;
  min-width: 250px;
  max-width: 420px;
  min-height: 44px;
  flex: 1 1 340px;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--tierpp-line);
  border-radius: 12px;
  background: var(--tierpp-paper);
}

.tierpp-header-search:focus-within {
  border-color: var(--tierpp-focus);
  box-shadow: 0 0 0 3px rgba(107, 79, 196, .12);
}

.tierpp-header-search input {
  min-width: 0;
  min-height: 42px;
  padding: 0 8px 0 14px;
  flex: 1 1 auto;
  border: 0;
  outline: 0;
  color: var(--tierpp-ink);
  background: transparent;
  font: inherit;
  font-size: .86rem;
}

.tierpp-header-search input::placeholder {
  color: #7a877f;
}

.tierpp-header-search button {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  flex: 0 0 42px;
  border: 0;
  color: var(--tierpp-green);
  background: transparent;
  cursor: pointer;
}

.tierpp-header-search button:hover {
  background: var(--tierpp-mint);
}

.tierpp-header-search svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tierpp-header .header-right {
  flex: 0 0 auto;
  gap: 6px;
}

.tierpp-header .tierpp-header-action {
  width: 42px;
  height: 42px;
  border-color: var(--tierpp-line);
  background: var(--tierpp-paper);
}

.tierpp-header .tierpp-header-action:hover {
  border-color: var(--tierpp-line-strong);
  background: #fff;
  transform: none;
}

@media (min-width: 1181px) {
  .tierpp-header .header-inner {
    display: grid;
    grid-template-columns: auto auto minmax(250px, 1fr) auto;
    grid-template-rows: minmax(56px, auto);
    align-items: center;
  }

  .tierpp-header .logo {
    grid-column: 1;
  }

  .tierpp-header .main-nav {
    grid-column: 2;
  }

  .tierpp-header-search {
    width: 100%;
    max-width: 520px;
    grid-column: 3;
    justify-self: center;
  }

  .tierpp-header .header-right {
    margin-left: 0;
    grid-column: 4;
    justify-self: end;
  }

  .tierpp-header :where(.header-phone, .header-max-link, .header-cta) {
    display: none !important;
  }
}

/* Compact, light mastheads. Photography can support a route on the right,
   but it no longer becomes a full-width dark advertising banner. */

.tierpp-page-hero,.tierpp-route-masthead {
  min-height: clamp(240px, 22vw, 320px);
  border-bottom: 1px solid var(--tierpp-line);
  color: var(--tierpp-ink);
  background: var(--tierpp-canvas) !important;
}

.tierpp-page-hero::after {
  display: none;
}

.tierpp-page-hero > .container,.tierpp-route-masthead__shell {
  width: min(100% - 48px, 1320px);
  padding-block: clamp(38px, 5vw, 62px);
}

.tierpp-page-hero .tierpp-hero-eyebrow,.tierpp-route-masthead .tierpp-kicker {
  color: var(--tierpp-coral);
}

.tierpp-page-hero h1,.tierpp-page-hero[data-tierpp-theme="light"] h1,.tierpp-route-masthead h1,.tierpp-route-masthead[data-tierpp-banner="delivery"] h1 {
  max-width: 760px;
  color: var(--tierpp-ink) !important;
  font-size: clamp(2.35rem, 4.4vw, 4rem);
  font-weight: 500;
  line-height: .98;
  text-shadow: none;
}

.tierpp-page-hero p,.tierpp-page-hero[data-tierpp-theme="light"] p {
  max-width: 650px;
  margin-top: 16px;
  color: var(--tierpp-ink-soft) !important;
  font-size: clamp(.96rem, 1.25vw, 1.08rem);
  line-height: 1.58;
}

.tierpp-page-hero[data-tierpp-banner="blog"] {
  background:
    linear-gradient(90deg, rgba(247, 244, 236, 1) 0%, rgba(247, 244, 236, .98) 52%, rgba(247, 244, 236, .54) 72%, rgba(247, 244, 236, .08)),
    url("/images/ui/tierpp/blog-editorial-hero-v1.webp") 78% 46% / cover no-repeat !important;
}

.tierpp-page-hero[data-tierpp-banner="delivery"],.tierpp-route-masthead[data-tierpp-banner="delivery"] {
  background:
    linear-gradient(90deg, rgba(247, 244, 236, 1) 0%, rgba(247, 244, 236, .98) 52%, rgba(247, 244, 236, .5) 72%, rgba(247, 244, 236, .06)),
    url("/images/ui/tierpp/delivery-workshop-hero-v1.webp") 78% center / cover no-repeat !important;
}

.tierpp-route-masthead .breadcrumb,.tierpp-route-masthead .breadcrumbs,.tierpp-route-masthead[data-tierpp-banner="delivery"] :where(.breadcrumb, .breadcrumbs) {
  color: var(--tierpp-ink-soft);
}

.tierpp-route-masthead--compact {
  min-height: 190px;
}

/* Catalogue hub and category routes — approved Workshop internal reference.
   Original filters, true product content, and native view modes stay live. */
@font-face {
  font-family: Workshop Inter;
  src: url('/assets/fonts/inter/InterVariable-ru-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
/* Six primary directions stay in the approved first row. XML spare parts sit
   beside "All products" as a secondary route, without a misleading 07 tile. */
@media(max-width:1100px) {
}
@media(max-width:900px) {
}
@media(max-width:760px) {
  /* Override the legacy mobile grid's important 12px gap, not other routes. */
}
/* Keep the real search available while giving catalogue products the first
   mobile viewport. A focused or populated search expands to its full row. */
@media(max-width:760px) {
}
@media(max-width:370px) {
}

/* Content pressure, not a smaller font: enlarged card text gets its own row.
   Normal mobile cards and explicit desktop view modes retain their grid. */
@media(max-width:760px) {
}

/* The native empty cart bar still has padding and a shadow; translating it
   by its tiny empty height leaves a visible strip. Filled cart stays native. */

/* Workshop footer: original links and handlers, compact navigation first. */
body[data-tierpp-enhanced="true"] #app footer.catalog-workshop-footer {
  box-sizing: border-box; width: min(100%,1344px); max-width: 1344px;
  margin: 0 auto; padding: 0 48px !important; border: 0; border-top: 1px solid #d9dce4;
  color: #101114; background: #fff !important; box-shadow: none;
  font-family: Workshop Inter, Inter, Arial, sans-serif;
}
body[data-tierpp-enhanced="true"] #app footer.catalog-workshop-footer::before { display: none; }
body[data-tierpp-enhanced="true"] #app footer.catalog-workshop-footer > .footer-inner { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer :is(a,button,summary) { font-family: inherit; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer a { color: #101114; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer a:hover { color: #073dc5; text-decoration: underline; text-underline-offset: 4px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer :is(a,button,summary):focus-visible { outline: 3px solid #073dc5; outline-offset: 3px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 25px; min-height: 90px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row .logo { width: auto; min-width: 0; min-height: 44px; max-width: 100%; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row :is(.logo-mark,.logo-subtext) { display: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row .logo-copy { gap: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row .logo-text { display: block; color: #073dc5; font: 850 29px/1 Workshop Inter, Inter, Arial, sans-serif; letter-spacing: 1.2px; transform: scaleX(.92) rotate(-1deg); transform-origin: left; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row nav { display: flex; flex-wrap: wrap; gap: 8px 24px; min-width: 0; font-size: 12px; font-weight: 400; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-row nav a,body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-phone { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.5; overflow-wrap: anywhere; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-phone { font-size: 12px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-more { margin: 0; padding: 0; border: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-more > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding: 10px 0; color: #636773; font-size: 12px; line-height: 1.5; cursor: pointer; list-style: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-more > summary::-webkit-details-marker { display: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-more > summary::after { content: '+'; color: #073dc5; flex: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-more[open] > summary::after { content: '−'; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; padding: 20px 0; border-top: 1px solid #d9dce4; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory .footer-brand { grid-column: 1/-1; padding: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory .footer-desc { max-width: 85ch; margin: 0; color: #636773; font-size: 13px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory .footer-col-title { color: #101114; font-size: 13px; font-weight: 650; letter-spacing: 0; text-transform: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory .footer-col :is(a,li) { color: #636773; font-size: 12px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory .footer-col a { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.5; overflow-wrap: anywhere; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer-directory li:empty { display: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-more { border-color: #d9dce4; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-more summary { min-height: 44px; color: #073dc5; font-size: 12px; font-weight: 500; line-height: 1.5; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-more summary::after { top: 4px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer :is(.social-link,.gosuslugi-badge,.age-limit) { border: 1px solid #d9dce4; border-radius: 3px; background: #fff; color: #636773; box-shadow: none; }
#app .catalog-workshop-footer .age-limit { opacity: 1; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .social-link { min-height: 44px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta { width: 100%; margin: 0; padding: 16px 0 24px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__inner { display: flex; flex-wrap: wrap; width: 100%; max-width: none; padding: 20px; gap: 24px; border: 1px solid #d9dce4; border-radius: 3px; background: #f7f9fd; box-shadow: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__copy { flex: 1 1 260px; min-width: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__copy > span { color: #073dc5; font-size: 11px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta h2 { color: #101114; font: 650 24px/1.2 Workshop Inter, Inter, Arial, sans-serif; letter-spacing: -.5px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta p { color: #636773; font-size: 13px; line-height: 1.6; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__actions { min-width: 0; width: auto; max-width: 100%; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__actions a { min-height: 44px; border: 1px solid #073dc5; border-radius: 3px; font-size: 12px; line-height: 1.5; white-space: normal; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__primary { color: #fff; background: #073dc5; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .tierpp-footer-cta__secondary { color: #073dc5; background: #fff; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-bottom { width: 100%; margin: 0; padding: 0; border-color: #d9dce4; background: #fff; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-bottom > .container { width: 100%; padding: 12px 0 16px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-bottom-top { flex-wrap: wrap; justify-content: space-between; gap: 12px; text-align: left; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-copyright { gap: 6px 22px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-copyright p { color: #636773; font-size: 10px; line-height: 1.6; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-bottom-links { gap: 4px 20px; align-items: center; margin-top: 8px; border: 0; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-bottom-links :is(a,button) { display: inline-flex; align-items: center; min-height: 44px; padding: 4px 0; color: #636773; background: none; border-radius: 0; font-size: 10px; line-height: 1.6; text-align: left; white-space: normal; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-action-link { color: #073dc5 !important; font-size: 10px !important; font-weight: 400 !important; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .footer-action-link .public-ui-icon { display: none; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .messenger-widget { width: 100%; margin: 0 0 24px; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .messenger-card__title { color: #101114; font-family: inherit; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .messenger-card__copy { color: #636773; }
body[data-tierpp-enhanced="true"] #app .catalog-workshop-footer .messenger-item--secondary-primary :is(.messenger-item__title,.messenger-item__meta) { color: #101114; }
@media(max-width:1100px) {
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app footer.catalog-workshop-footer { padding-inline: 28px !important; }
}
@media(max-width:760px) {
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app footer.catalog-workshop-footer { padding-inline: 20px !important; }
  /* Account for the live 44px brand/phone hit areas (the sketch has 25px).
     The visible wordmark and second row still align to the reference. */
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-row { padding-top: 10px; min-height: 110px; gap: 8px 18px; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-row .logo-text { font-size: 25px; letter-spacing: 1px; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-phone { font-size: 10px; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-row nav { order: 2; width: 100%; justify-content: flex-start; gap: 0 20px; font-size: 11px; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-row nav a { padding: 14px 0; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer-directory { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app .catalog-workshop-footer .footer-bottom-top { align-items: flex-start; }
}
@media(max-width:370px) {
  body:is([data-tierpp-route="catalog"], [data-tierpp-route="cart"], [data-tierpp-route="checkout"]:has(.checkout-form), [data-tierpp-route="delivery"], [data-tierpp-route="delivery"]:has(main.workshop-cities), [data-tierpp-route="delivery"]:has(main.workshop-city-detail), [data-tierpp-route="delivery"]:has(main.workshop-assembly), [data-tierpp-route="contacts"]:has(main.workshop-contacts), [data-tierpp-route="blog"]:has(main.workshop-blog), [data-tierpp-route="article"]:has(main.workshop-article), [data-tierpp-route="product"]:has(main:is(.partner-workshop-pool,.partner-workshop-soft,.partner-workshop-home,.partner-workshop-outdoor,.partner-workshop-generic)), [data-tierpp-route="tools"]:has(main.workshop-tools-page), [data-tierpp-family="favorites"]:has(main.workshop-favorites), [data-tierpp-family="compare"]:has(main.workshop-compare), [data-tierpp-route="digital"]:has(main.workshop-digital-hub), [data-tierpp-route="digital"]:has(main.workshop-digital-product), [data-tierpp-route="digital"]:has(main.workshop-digital-success), [data-tierpp-family="order-success"]:has(main.workshop-order-success), [data-tierpp-route="about"]:has(main.workshop-about), [data-tierpp-family="scenario"]:has(main.workshop-small-lot)) #app footer.catalog-workshop-footer { padding-inline: 16px !important; }
}

/* Keep the existing help actions in normal flow: a fixed bubble covered the
   right-hand product CTA on mobile, especially with enlarged text. */

/* The mobile Kit variant row reaches the fixed help bubble before the
   visibility observer settles. Keep help available in the footer flow. */
@media (max-width: 760px) {
}

/* Product decision surface: the gallery and purchase panel are the first
   two peers, while the existing configurators keep their business logic. */

/* Calm commerce and utility surfaces share tokens, while admin and mini-app
   route geometry remains owned by their dedicated templates. */

body[data-tierpp-enhanced="true"] :where(
  .tierpp-cart .cart-item,
  .tierpp-cart .cart-summary,
  .tierpp-checkout .checkout-section,
  .tierpp-checkout .order-summary-card,
  .tierpp-auth .auth-card,
  .tierpp-account .account-card,
  .tierpp-favorites .empty-state
) {
  border-color: var(--tierpp-line);
  border-radius: 12px;
  background: var(--tierpp-paper);
}

body[data-tierpp-enhanced="true"] .static-footer.tierpp-footer {
  border-top: 1px solid rgba(255, 255, 255, .12);
  background: var(--tierpp-ink);
}

@media (max-width: 1180px) {
  .tierpp-header-search {
    display: none;
  }

  .tierpp-header .header-inner {
    width: min(100% - 28px, 1320px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto;
    align-items: center;
  }

  .tierpp-header .logo {
    grid-column: 1;
  }

  .tierpp-header .main-nav {
    display: none;
  }

  .tierpp-header .header-right {
    margin-left: 0;
    grid-column: 3;
    justify-self: end;
  }
}

@media (max-width: 900px) {
  .tierpp-page-hero,.tierpp-route-masthead {
    min-height: 220px;
    background: var(--tierpp-canvas) !important;
  }

  .tierpp-page-hero > .container,.tierpp-route-masthead__shell {
    width: min(100% - 32px, 1320px);
    padding-block: 32px;
  }

  .tierpp-page-hero h1,.tierpp-route-masthead h1 {
    font-size: clamp(2.1rem, 8.5vw, 3.25rem);
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"],body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    min-height: 178px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    padding: 24px 0 26px;
    justify-content: center;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] h1 {
    max-width: 18ch;
    font-size: clamp(2.15rem, 8.8vw, 3rem);
  }
}

@media (max-width: 760px) {
  .site-header.tierpp-header,.tierpp-header .header-inner {
    min-height: 60px;
  }
}

@media (max-width: 520px) {
  .tierpp-page-hero,.tierpp-route-masthead {
    min-height: 190px;
  }

  .tierpp-page-hero > .container,.tierpp-route-masthead__shell {
    width: min(100% - 28px, 1320px);
    padding-block: 26px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"],body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    min-height: 164px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] > .container {
    padding-block: 20px;
  }

  body[data-tierpp-family="catalog-category"] .tierpp-page-hero[data-catalog-atlas="category"] h1 {
    font-size: clamp(2rem, 10.5vw, 2.7rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-tierpp-enhanced="true"] *,body[data-tierpp-enhanced="true"] *::before,body[data-tierpp-enhanced="true"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}
/* Cross-route cascade closeout. Some component families carry historical
   selectors with higher specificity, so the active expert-store contract is
   restated here against their real owners. */

.tierpp-delivery-geography {
  border-radius: 12px !important;
  background-color: var(--tierpp-paper);
  box-shadow: none !important;
}

.tierpp-favorites .empty-state {
  border-radius: 12px !important;
  background: var(--tierpp-paper);
  box-shadow: none !important;
}

.tierpp-commerce-hero,.tierpp-order-success-card {
  border-radius: 20px !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
}

@media (max-width: 760px) {

  .tierpp-page-hero[data-tierpp-banner="delivery"],.tierpp-route-masthead[data-tierpp-banner="delivery"] {
    min-height: 220px !important;
  }
}

/* Preparation article pilot: original body, recommendations and handlers retained. */
body:has(main.workshop-article),main.workshop-article { background: #fff !important; }
body:has(main.workshop-article) .site-header { background: #fff; box-shadow: none; }
body:has(main.workshop-article) .site-header :is(.tierpp-header-action, .burger, .tierpp-header-search button) { color: #101114; border-radius: 2px; box-shadow: none; }
body:has(main.workshop-article) .site-header .tierpp-header-search { max-width: none; border-radius: 2px; background: #fff; }
body:has(main.workshop-article) main.workshop-article > .section { padding-top: 20px; }
@media (min-width: 1181px) {
  body:has(main.workshop-article) .site-header .header-inner { width: min(100% - 96px,1248px); min-height: 100px; padding-inline: 0; column-gap: 50px; }
  body:has(main.workshop-article) .site-header .main-nav > a:not([href="/catalog/"]) { display: none; }
  body:has(main.workshop-article) .site-header .main-nav > a[href="/catalog/"] { display: flex; align-items: center; justify-content: center; min-width: 116px; min-height: 44px; }
  body:has(main.workshop-article) .site-header .header-right > a[href="/compare/"] { display: none; }
}
main.workshop-article { font-family: "Workshop Inter",Inter,Arial,sans-serif; color: #101114; }
body:has(main.workshop-article) .messenger-toggle { background: #fff; color: #073dc5; border: 1px solid #d9dce4; border-radius: 3px; box-shadow: none; }
body:has(main.workshop-article) .messenger-toggle:hover { background: #f1f5ff; }
body:has(main.workshop-article) .messenger-toggle:focus-visible { outline: 3px solid #073dc5; outline-offset: 3px; }
body:has(main.workshop-article) .messenger-pulse { display: none; }
main.workshop-article > .section > .container { width: calc(100% - 64px); max-width: 1248px; padding-inline: 0; }
main.workshop-article .article-layout { display: block; }
main.workshop-article .workshop-article-links { margin: 0 !important; padding: 40px 0 !important; border: 0 !important; border-bottom: 1px solid #d5d9e3 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
main.workshop-article .workshop-article-links > h3 { margin: 0 0 28px !important; color: #101114 !important; font: 800 28px/1.15 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing: -.03em; }
main.workshop-article .workshop-article-links > div { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 24px 40px !important; counter-reset: article-link; }
main.workshop-article .workshop-article-links > div > a { min-width: 0; display: block; padding: 0 0 24px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #d5d9e3 !important; border-radius: 0 !important; text-decoration: none; counter-increment: article-link; }
main.workshop-article .workshop-article-links > div > a::before { content: counter(article-link,decimal-leading-zero); display: block; margin-bottom: 12px; color: #0b3dcc; font: 500 22px/1.2 "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-article .workshop-article-links > div > a > div:first-child { color: #626874 !important; font-size: 11px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; }
main.workshop-article .workshop-article-links > div > a > div:last-child { color: #101114 !important; font: 750 19px/1.3 "Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-article .workshop-article-links a:hover > div:last-child { color: #0b3dcc !important; }
main.workshop-article .workshop-article-links a:focus-visible { outline: 2px solid #0b3dcc; outline-offset: 4px; }
@media (max-width: 899px) { main.workshop-article .workshop-article-links > div { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 599px) { main.workshop-article .workshop-article-links > div { grid-template-columns: 1fr !important; } }
main.workshop-article .workshop-article-products { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.5fr); gap: 48px; margin: 0 !important; padding: 44px 0 !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #d5d9e3 !important; border-radius: 0 !important; box-shadow: none !important; }
main.workshop-article .workshop-article-product-intro { min-width: 0; }
main.workshop-article .workshop-article-product-intro > h3 { margin: 0 0 18px !important; max-width: 340px; text-align: left !important; color: #101114 !important; font: 800 32px/1.12 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing: -.035em; }
main.workshop-article .workshop-article-product-intro > p { max-width: 340px; text-align: left !important; color: #626874 !important; font-size: 14px !important; line-height: 1.6; }
main.workshop-article .workshop-article-product-intro > div { justify-content: flex-start !important; }
main.workshop-article .workshop-article-product-intro .btn { border: 0; border-radius: 0; padding: 10px 0; background: #fff; color: #0b3dcc; min-height: 44px; font-size: 13px; text-align: left; }
main.workshop-article .workshop-article-products .products-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)) !important; gap: 24px !important; align-items: start; }
main.workshop-article .workshop-article-products .product-card { min-width: 0; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
main.workshop-article .workshop-article-products .product-card__body { padding: 12px 0 0 !important; background: #fff; }
main.workshop-article .workshop-article-products .product-card__name { color: #101114 !important; font: 650 16px/1.4 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing: -.02em; min-height: 0; }
main.workshop-article .workshop-article-products .product-card__badges .badge { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #f1f4ff !important; color: #353d51 !important; font-size: 11px !important; padding: 3px 5px !important; }
main.workshop-article .workshop-article-products .product-card__price { color: #101114 !important; font-size: 23px !important; }
main.workshop-article .workshop-article-products .product-card__old-price { color: #626874 !important; }
main.workshop-article .workshop-article-products .product-card__actions .btn--primary { background: #0b3dcc !important; border: 1px solid #0b3dcc !important; border-radius: 2px !important; color: #fff !important; min-height: 44px; font-size: 14px !important; }
main.workshop-article .workshop-article-products .product-card__actions .btn--primary:hover { background: #002e9e !important; }
main.workshop-article .workshop-article-products .product-card__wish { border-radius: 2px !important; box-shadow: none !important; color: #0b3dcc !important; min-width: 44px; min-height: 44px; }
main.workshop-article .workshop-article-products .product-card__video-badge { border-radius: 2px !important; box-shadow: none !important; background: #fff !important; color: #0b3dcc !important; font-size: 11px !important; }
main.workshop-article .workshop-article-products button:focus-visible { outline: 2px solid #0b3dcc; outline-offset: 3px; }
@media (max-width: 899px) { main.workshop-article .workshop-article-products { grid-template-columns: 1fr; gap: 24px; } }
main.workshop-article .workshop-article-tools { display: grid; grid-template-columns: 1fr 1.5fr; gap: 64px; margin: 52px 0 0; padding: 40px 0; border-block: 1px solid #c6d2ff; }
main.workshop-article .workshop-article-tools > div > span { color: #0b3dcc; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
main.workshop-article .workshop-article-tools h2 { max-width: 280px; margin: 14px 0 20px; color: #101114; font: 800 32px/1.12 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing: -.035em; }
main.workshop-article .workshop-article-tools a { color: #0b3dcc; text-decoration: none; font-size: 13px; font-weight: 650; }
main.workshop-article .workshop-article-tools nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 32px; align-content: start; }
main.workshop-article .workshop-article-tools nav a { display: flex; align-items: baseline; gap: 10px; min-height: 44px; padding-block: 10px; }
main.workshop-article .workshop-article-tools nav a > span:first-child { font-size: 20px; font-weight: 500; }
main.workshop-article .workshop-article-tools a:hover { text-decoration: underline; }
main.workshop-article .workshop-article-tools a:focus-visible { outline: 2px solid #0b3dcc; outline-offset: 4px; }
@media (max-width: 899px) { main.workshop-article .workshop-article-tools { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 479px) { main.workshop-article .workshop-article-tools nav { grid-template-columns: 1fr; gap: 4px; } }
main.workshop-article .article { min-width: 0; max-width: none; }
main.workshop-article .breadcrumb > a { color: #626874 !important; }
main.workshop-article .tierpp-article-masthead::before,main.workshop-article .tierpp-article-masthead::after { display: none !important; }
main.workshop-article .workshop-article-back { grid-row: 1; color: #0b3dcc; font-size: 14px; margin-bottom: 4px; }
main.workshop-article .workshop-article-meta { grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #626874; font-size: 12px; }
main.workshop-article .workshop-article-meta .article__meta > span + span::before { content: '·'; display: inline-block; margin-right: 8px; }
main.workshop-article .workshop-article-meta .article__meta,main.workshop-article .workshop-article-meta .tierpp-meta-clean { color: #626874 !important; }
main.workshop-article .workshop-article-excerpt { grid-row: 4; max-width: 790px; margin: 7px 0 9px; color: #636773; font: 400 17px/1.7 "Workshop Inter",Inter,Arial,sans-serif; text-wrap: wrap; }
main.workshop-article .article-hero img { width: 100%; height: auto; max-height: none; aspect-ratio: 3.12; object-fit: cover; border-radius: 0; }
main.workshop-article .tierpp-article-masthead > h1 { text-wrap: wrap; }
@media (max-width: 760px) {
  body:has(main.workshop-article) .site-header .header-right > a[href="/favorites/"] { display: grid; }
  main.workshop-article .workshop-article-meta .article__meta > span:last-child { display: none; }
  main.workshop-article .workshop-article-excerpt { font-size: 14px; line-height: 1.75; margin-top: 1px; }
}
@media (max-width: 370px) {
}
main.workshop-article .workshop-article-caption { margin: 12px 0 22px; font-size: 11px; color: #626874; }
main.workshop-article .workshop-article-reading { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 72px; padding-top: 32px; border-top: 1px solid #d5d9e3; }
main.workshop-article .workshop-article-rail { align-self: start; position: sticky; top: 100px; font-size: 14px; }
main.workshop-article .workshop-article-rail summary { cursor: pointer; font-weight: 750; }
main.workshop-article .workshop-article-rail ol { padding-left: 20px; margin: 20px 0; }
main.workshop-article .workshop-article-rail li { margin: 12px 0; line-height: 1.45; }
main.workshop-article .workshop-article-rail a { color: #0b3dcc; }
main.workshop-article .workshop-article-checklist { display: block; background: #ffdf53; padding: 24px; margin-top: 24px; font-weight: 750; color: #101114; }
main.workshop-article .answer-first a { color: #0b3dcc !important; }
main.workshop-article [data-installation-scope] { background: #f4f6ff !important; border: 0 !important; border-left: 3px solid #0b3dcc !important; border-radius: 0 !important; color: #343942 !important; padding: 24px !important; }
main.workshop-article [data-installation-scope] :is(p,strong) { color: inherit !important; }
main.workshop-article .article__content li::marker { color: #0b3dcc; }
main.workshop-article .workshop-article-end { padding: 28px 0; margin-top: 32px; border-top: 1px solid #d5d9e3; }
main.workshop-article .workshop-article-end p { font-weight: 650; }
main.workshop-article .workshop-article-end a { display: inline-flex; align-items: center; min-height: 44px; padding: 12px 20px; background: #0b3dcc; color: #fff; font: 650 14px/1.4 "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-article .article__content { min-width: 0; max-width: 820px; font: 400 18px/1.7 "Workshop Inter",Inter,Arial,sans-serif; color: #343942; }
main.workshop-article .article__content h2 { scroll-margin-top: 110px; color: #101114; font: 800 30px/1.2 "Workshop Inter",Inter,Arial,sans-serif; margin: 36px 0 18px; letter-spacing: -.025em; }
main.workshop-article .article-layout > .blog-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }
/* Native category cluster is identified by its category action in the header. */
main.workshop-article .article > div:has(> div > button[data-blog-category]) { margin: 0 !important; padding: 40px 0 !important; border: 0 !important; border-bottom: 1px solid #d5d9e3 !important; border-radius: 0 !important; background: #fff !important; }
main.workshop-article .article > div:has(> div > button[data-blog-category]) h3 { color: #101114 !important; font: 800 28px/1.15 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing: -.03em; }
main.workshop-article .article > div:has(> div > button[data-blog-category]) > p { color: #626874 !important; max-width: 740px; line-height: 1.6; }
main.workshop-article .article > div:has(> div > button[data-blog-category]) > div:last-child { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 32px !important; }
main.workshop-article .article > div:has(> div > button[data-blog-category]) > div:last-child > a { min-width: 0; padding: 22px 0 !important; border: 0 !important; border-top: 1px solid #d5d9e3 !important; border-radius: 0 !important; background: #fff !important; }
main.workshop-article .article > div:has(> div > button[data-blog-category]) > div:last-child > a > div:last-child { color: #101114 !important; font: 750 19px/1.3 "Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-article :is(.article-tags, .article-nav) { padding-top: 24px; border-top: 1px solid #d5d9e3; }
main.workshop-article .article-nav { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
main.workshop-article .article-nav a { white-space: normal; overflow-wrap: anywhere; text-align: left; }
main.workshop-article :is(.article-tags,.article-nav,.blog-sidebar) .btn,main.workshop-article .article > div:has(> div > button[data-blog-category]) .btn { min-height: 44px; border-radius: 0 !important; background: #fff !important; color: #0b3dcc !important; border: 0 !important; padding: 10px 0; font-family: "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-article .article-tags .badge { border-radius: 0; background: #f1f4ff !important; color: #0b3dcc !important; }
main.workshop-article .blog-sidebar .sidebar-card { min-width: 0; padding: 28px 0; background: #fff !important; color: #101114 !important; border: 0 !important; border-top: 1px solid #d5d9e3 !important; border-radius: 0 !important; box-shadow: none !important; }
main.workshop-article .blog-sidebar :is(h3,.sidebar-title) { color: #101114 !important; font: 750 22px/1.2 "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-article .blog-sidebar a { color: #0b3dcc !important; }
main.workshop-article :is(.article-nav,.article-tags,.blog-sidebar) :is(a,button):focus-visible,main.workshop-article .article > div:has(> div > button[data-blog-category]) :is(a,button):focus-visible { outline: 2px solid #0b3dcc; outline-offset: 4px; }
@media (max-width: 899px) { main.workshop-article .article > div:has(> div > button[data-blog-category]) > div:last-child { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 599px) {
  main.workshop-article .article > div:has(> div > button[data-blog-category]) > div:last-child { grid-template-columns: 1fr !important; }
  main.workshop-article .article-nav { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  main.workshop-article > .section > .container { width: calc(100% - 32px); }
  main.workshop-article .workshop-article-reading { grid-template-columns: 1fr; gap: 24px; }
  main.workshop-article .workshop-article-rail { position: static; }
  main.workshop-article .article-hero img { aspect-ratio: 7 / 5; }
  main.workshop-article .article-layout > .blog-sidebar { grid-template-columns: 1fr; }
}

/* Workshop journal: existing cards/search remain the source of interaction. */
body:has(main.workshop-blog),main.workshop-blog { background: #fff !important; }
main.workshop-blog .page-hero::before,main.workshop-blog .page-hero::after { display: none !important; }
main.workshop-blog :is(.page-hero,.section) > .container { width: calc(100% - 64px); max-width: 1248px; padding: 0; }
main.workshop-blog .tierpp-hero-eyebrow { grid-column: 1 / -1; color: #0b3dcc !important; }
main.workshop-blog .workshop-blog-accent { display: block; color: #0b3dcc; }
main.workshop-blog > .section { padding-top: 0; }
main.workshop-blog .workshop-blog-search { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; border-top: 1px solid #d5d9e3; }
main.workshop-blog .workshop-blog-search label { font-size: 18px; font-weight: 750; }
main.workshop-blog #blog-search-input { width: min(360px,50%); box-sizing: border-box; border: 1px solid #d5d9e3; border-radius: 0; background: #fff; padding: 14px 16px; font: inherit; }
main.workshop-blog .workshop-blog-topics-toggle { display: none; }
main.workshop-blog .blog-card:not(.workshop-blog-featured)::before { content: attr(data-workshop-number); position: absolute; left: 0; top: 30px; color: #0b3dcc; font-size: 23px; font-weight: 800; }
main.workshop-blog .blog-card:not(.workshop-blog-featured) .blog-card__img { display: none !important; }
main.workshop-blog .workshop-blog-featured .blog-card__img img { display: block; width: 100%; height: auto; aspect-ratio: 1.3; object-fit: cover; border-radius: 0; }
main.workshop-blog .workshop-blog-caption { display: block; font-size: 11px; line-height: 1.5; color: #626874; margin-top: 10px; }
main.workshop-blog .workshop-blog-directory { border-top: 2px solid #0b3dcc; margin-top: 36px; padding: 24px 0; }
main.workshop-blog .workshop-blog-directory > summary { cursor: pointer; color: #0b3dcc; font-weight: 750; }
main.workshop-blog .workshop-blog-directory .blog-sidebar { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
main.workshop-blog .workshop-blog-search-origin { display: none !important; }
main.workshop-blog .workshop-blog-tools { padding: 44px 0 32px; border-top: 2px solid #0b3dcc; margin-top: 28px; }
main.workshop-blog .workshop-blog-tools > span { color: #0b3dcc; font-size: 12px; font-weight: 700; }
main.workshop-blog .workshop-blog-tools h2 { font: 800 32px/1.15 "Workshop Inter",Inter,Arial,sans-serif; color: #101114; margin: 14px 0 24px; }
main.workshop-blog .workshop-blog-tools nav { display: flex; flex-wrap: wrap; gap: 18px 36px; }
main.workshop-blog .workshop-blog-tools a { color: #0b3dcc; font-size: 14px; font-weight: 700; }
main.workshop-blog .no-results-msg { grid-column: 1 / -1; }
@media (max-width: 760px) {
  main.workshop-blog :is(.page-hero,.section) > .container { width: calc(100% - 32px); }
  main.workshop-blog .workshop-blog-search { align-items: stretch; flex-direction: column; gap: 12px; }
  main.workshop-blog #blog-search-input { width: 100%; }
  main.workshop-blog .workshop-blog-topics-toggle:focus-visible { outline: 2px solid #0b3dcc; outline-offset: 2px; }
  main.workshop-blog .workshop-blog-directory .blog-sidebar { grid-template-columns: 1fr; }
}

/* Delivery hub only; regional and article layouts keep their own contracts. */
body:has(main.workshop-contacts),main.workshop-contacts { background: #fff !important; }
main.workshop-contacts { color: #101114; font-family: "Workshop Inter",Inter,Arial,sans-serif; padding-inline: 0; }
main.workshop-contacts .page-hero::before,main.workshop-contacts .page-hero::after { display: none !important; }
main.workshop-contacts :is(.page-hero,.section) > .container { width: calc(100% - 64px); max-width: 1248px; padding-inline: 0; }
@media (min-width: 901px) {
}
main.workshop-contacts .page-hero h1 span { display: block; color: #0b3dcc; }
main.workshop-contacts .page-hero p { display: none; }
main.workshop-contacts > .section { padding-top: 0; }
main.workshop-contacts .workshop-contacts-details { min-width: 0; }
main.workshop-contacts .workshop-contact-decoration { display: none !important; }
main.workshop-contacts .workshop-contact-row { padding: 24px 0; border-bottom: 1px solid #d5d9e3; }
main.workshop-contacts .workshop-contact-row:first-child { padding-top: 0; padding-bottom: 32px; border-bottom: 0; }
main.workshop-contacts .workshop-contact-caption { color: #5d6270; font-size: 12px; margin: 0 0 12px; }
main.workshop-contacts .workshop-contact-row:not(:first-child) a { font-size: 16px !important; font-weight: 400 !important; }
main.workshop-contacts .workshop-contacts-details > h2:first-child { display: none; }
main.workshop-contacts .workshop-contacts-details a { color: #0b3dcc !important; }
main.workshop-contacts .workshop-contacts-details > div:first-of-type > div:first-child a { font: 750 32px/1.3 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing: -.03em; }
main.workshop-contacts .workshop-contacts-details > div:first-of-type > div > span { display: none; }
main.workshop-contacts .workshop-contacts-details .btn { background: #fff !important; border: 0; border-bottom: 1px solid #d5d9e3; border-radius: 0; box-shadow: none; }
main.workshop-contacts .workshop-contacts-message { background: #f4f6ff; padding: 28px; }
main.workshop-contacts .workshop-contacts-message h2 { font-size: 30px; letter-spacing: -.035em; margin: 0 0 24px; }
main.workshop-contacts #contact-form :is(.input,.textarea) { background: #fff; color: #101114; border: 1px solid #d5d9e3; border-radius: 0; min-height: 48px; font: inherit; }
main.workshop-contacts #contact-form .textarea { min-height: 140px; }
main.workshop-contacts #contact-form .label { color: #101114; font-size: 14px; }
main.workshop-contacts #contact-form input[type="checkbox"] { accent-color: #0b3dcc; }
main.workshop-contacts #contact-form a { color: #0b3dcc !important; }
main.workshop-contacts #contact-form button[type="submit"] { background: #0b3dcc !important; border-radius: 2px; min-height: 48px; }
main.workshop-contacts :is(input,textarea,button,a):focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-contacts .workshop-contact-address > p:first-of-type { color: #101114; font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 18px; }
main.workshop-contacts .workshop-contact-arrival { color: #5d6270; font-size: 14px; line-height: 1.6; max-width: 380px; margin: 20px 0; }
main.workshop-contacts .workshop-contact-map summary { color: #0b3dcc; font-size: 14px; cursor: pointer; padding: 12px 0; list-style: none; }
main.workshop-contacts .workshop-contact-map summary::-webkit-details-marker { display: none; }
main.workshop-contacts .workshop-contact-map summary:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-contacts #contacts-map > div:has(> #load-contacts-map) > div:first-child { display: none; }
main.workshop-contacts .workshop-contact-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 48px; padding: 30px 0 40px; border-block: 1px solid #d5d9e3; }
main.workshop-contacts .workshop-contact-shortcuts a { min-width: 0; text-decoration: none; }
main.workshop-contacts .workshop-contact-shortcuts span { display: block; color: #5d6270; font-size: 12px; margin-bottom: 16px; }
main.workshop-contacts .workshop-contact-shortcuts strong { color: #0b3dcc; font-size: 16px; font-weight: 600; }
@media(max-width:600px) { main.workshop-contacts .workshop-contact-shortcuts { grid-template-columns: minmax(0,1fr); gap: 28px; } }
@media(max-width:600px) {
  main.workshop-contacts #contact-form .checkbox-group > span { min-width: 0; overflow-wrap: anywhere; }
  main.workshop-contacts #contact-form button[type="submit"] { white-space: normal; overflow-wrap: anywhere; }
}
@media(max-width:900px) {
  /* Override legacy .info-grid--responsive flex: intrinsic-width contact details overflow narrow screens. */
  main.workshop-contacts .workshop-contacts-grid > * { min-width: 0; width: 100%; box-sizing: border-box; }
  main.workshop-contacts :is(.page-hero,.section) > .container { width: calc(100% - 32px); }
  main.workshop-contacts .workshop-contacts-message { padding: 20px; }
}
body:has(main.workshop-delivery-hub) { background: #fff; }
main.workshop-delivery-hub { background: #fff; color: #101114; font-family: "Workshop Inter", Inter, Arial, sans-serif; }
main.workshop-delivery-hub .workshop-delivery-breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
  width: calc(100% - 64px); max-width: 1248px; min-height: 36px; margin: 0 auto;
  color: #636773; font-size: 11px; line-height: 1.5;
}
main.workshop-delivery-hub .workshop-delivery-breadcrumb a { color: inherit; text-decoration: none; }
main.workshop-delivery-hub .workshop-delivery-breadcrumb a:hover { color: #0b3dcc; text-decoration: underline; text-underline-offset: 3px; }
main.workshop-delivery-hub .workshop-delivery-breadcrumb a:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-delivery-hub .page-hero::before,main.workshop-delivery-hub .page-hero::after { display: none !important; }
main.workshop-delivery-hub .page-hero > .container { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 340px; column-gap: 80px; width: calc(100% - 64px); max-width: 1248px; padding: 0; align-items: start; }
main.workshop-delivery-hub .page-hero > .container > :not(.workshop-delivery-tariff) { grid-column: 1; }
main.workshop-delivery-hub .page-hero h1 span { display: block; color: #0b3dcc; }
main.workshop-delivery-hub .page-hero p { color: #5d6270; line-height: 1.65; }
main.workshop-delivery-hub .workshop-delivery-tariff { grid-column: 2; grid-row: 1 / span 4; padding: 28px; background: #ffdf53; color: #302900; transform: rotate(1deg); }
main.workshop-delivery-hub .workshop-delivery-tariff p { color: #302900; font-size: 13px; margin: 0 0 20px; }
main.workshop-delivery-hub .workshop-delivery-tariff strong { display: block; font-size: 68px; line-height: 1; letter-spacing: -.04em; margin-bottom: 20px; }
main.workshop-delivery-hub .workshop-delivery-tariff small { font-size: 26px; }
main.workshop-delivery-hub .workshop-delivery-tariff a { display: block; border-top: 1px solid #cfb340; padding-top: 16px; color: #302900; font-size: 13px; }
main.workshop-delivery-hub #calc-city { scroll-margin-top: 110px; }
main.workshop-delivery-hub #workshop-delivery-form { scroll-margin-top: 110px; display: grid; gap: 24px; min-width: 0; }
#workshop-delivery-form [hidden],.workshop-delivery-city-details[hidden] { display: none !important; }
#workshop-delivery-form fieldset { padding: 0; border: 0; min-width: 0; margin: 0; }
#workshop-delivery-form :is(legend,label) { font-size: 14px; font-weight: 600; color: #101114; }
#workshop-delivery-form legend { margin-bottom: 12px; }
#workshop-delivery-form .workshop-delivery-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
#workshop-delivery-form .workshop-delivery-choices label { border: 1px solid #d5d9e3; padding: 14px 10px; font-size: 13px; font-weight: 400; display: flex; gap: 8px; align-items: center; cursor: pointer; }
#workshop-delivery-form .workshop-delivery-choices label:has(:checked) { border-color: #0b3dcc; background: #eef2ff; }
#workshop-delivery-form input[type="radio"] { accent-color: #0b3dcc; flex-shrink: 0; }
#workshop-delivery-form :is(select,input[type="text"]) { display: block; box-sizing: border-box; width: 100%; min-height: 48px; margin: 10px 0 0; padding: 12px 16px; border: 1px solid #d5d9e3; border-radius: 0; background: #fff; font: inherit; color: #101114; }
#workshop-delivery-form [data-distance-field] { margin-top: 24px; }
#workshop-delivery-hint { font-size: 12px; color: #5d6270; margin: 8px 0 0; }
#workshop-delivery-error { color: #a11616; margin: 0; font-size: 14px; }
#workshop-delivery-form .workshop-delivery-estimate { padding: 24px; background: #eef2ff; color: #0b3dcc; }
#workshop-delivery-form .workshop-delivery-estimate strong { font-size: 26px; line-height: 1.25; }
#workshop-delivery-form .workshop-delivery-estimate p { font-size: 13px; line-height: 1.6; color: #455375; margin: 12px 0 0; }
#workshop-delivery-form .workshop-delivery-actions { display: flex; gap: 20px; align-items: center; }
#workshop-delivery-form button { min-height: 48px; border: 0; border-radius: 2px !important; cursor: pointer; padding: 12px 20px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; }
#workshop-delivery-form button[type="submit"] { flex: 1; color: #fff; background: #0b3dcc; }
#workshop-delivery-form button[type="reset"] { color: #0b3dcc; background: #fff; }
#workshop-delivery-form :is(input,select,button):focus-visible,.workshop-delivery-city-details summary:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
.workshop-delivery-city-details summary { color: #0b3dcc; font-size: 14px; cursor: pointer; padding: 12px 0; }
.workshop-delivery-city-details > div { margin-top: 16px; }
@media(max-width: 460px) { #workshop-delivery-form .workshop-delivery-choices { grid-template-columns: minmax(0,1fr); } }
main.workshop-delivery-hub #delivery-receiving { scroll-margin-top: 110px; }
main.workshop-delivery-hub .workshop-delivery-receiving { display: grid; grid-template-columns: minmax(0,496fr) minmax(0,677fr); gap: 75px; border-top: 1px solid #d5d9e3; padding: 50px 0; }
main.workshop-delivery-hub .workshop-delivery-receiving__body { min-width: 0; font-size: 14px; line-height: 1.7; }
main.workshop-delivery-hub .workshop-delivery-receiving__body > ul { margin: 0 0 24px; padding-left: 20px; }
main.workshop-delivery-hub .workshop-delivery-receiving li { margin-bottom: 12px; }
main.workshop-delivery-hub .workshop-delivery-receiving li::marker { color: #0b3dcc; }
main.workshop-delivery-hub .workshop-delivery-guides summary { cursor: pointer; color: #0b3dcc; padding: 16px 0; border-block: 1px solid #d5d9e3; font-weight: 600; }
main.workshop-delivery-hub .workshop-delivery-guides summary:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-delivery-hub .workshop-delivery-receiving .tierpp-delivery-geography p { color: #5d6270; }
main.workshop-delivery-hub .workshop-delivery-receiving .tierpp-delivery-geography a { color: #0b3dcc !important; background: #fff !important; border: 0 !important; padding: 12px 0 !important; box-shadow: none !important; }
main.workshop-delivery-hub :is(#delivery-payment,#return) { scroll-margin-top: 110px; }
main.workshop-delivery-hub .workshop-delivery-section-nav { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 22px 0; border-block: 1px solid #d5d9e3; }
main.workshop-delivery-hub .workshop-delivery-section-nav a { color: #0b3dcc; font-size: 14px; }
main.workshop-delivery-hub :is(.workshop-delivery-payment,.workshop-delivery-return) { display: grid; grid-template-columns: minmax(0,496fr) minmax(0,677fr); gap: 75px; border-top: 1px solid #d5d9e3; padding: 50px 0; }
main.workshop-delivery-hub .workshop-delivery-payment .advantage-card::before { content: counter(payment-step, decimal-leading-zero); position: absolute; left: 0; top: 0; color: #0b3dcc; font-size: 26px; }
main.workshop-delivery-hub .workshop-delivery-payment .advantage-card__icon { display: none; }
main.workshop-delivery-hub .workshop-delivery-payment .advantage-card__desc { color: #5d6270; font-size: 14px; line-height: 1.65; }
main.workshop-delivery-hub .workshop-delivery-return a { color: #0b3dcc !important; }
main.workshop-delivery-hub #open-claim-info { background: #0b3dcc !important; color: #fff !important; border-radius: 2px; }
main.workshop-delivery-hub .delivery-faq-icon { color: #0b3dcc; margin-left: 20px; }
main.workshop-delivery-hub .delivery-faq-question:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-delivery-hub > .section > .container { max-width: 1248px; width: calc(100% - 64px); padding-inline: 0; }
main.workshop-delivery-hub .workshop-delivery-calculator__intro { max-width: 380px; }
main.workshop-delivery-hub .workshop-delivery-calculator__intro p { color: #5d6270; font-size: 14px; line-height: 1.65; }
main.workshop-delivery-hub .workshop-delivery-modes { margin-top: 24px; }
main.workshop-delivery-hub .workshop-delivery-modes summary { color: #0b3dcc; cursor: pointer; font-size: 14px; font-weight: 600; padding: 12px 0; }
main.workshop-delivery-hub .workshop-delivery-modes summary:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
main.workshop-delivery-hub .workshop-delivery-modes .advantage-card__icon { display: none; }
/* Keep delivery results unobscured on narrow screens; help stays usable in the footer. */
main.workshop-delivery-hub .workshop-delivery-calculator .input {
  width: 100%; min-width: 0; min-height: 48px; border: 1px solid #d5d9e3;
  border-radius: 0; background: #fff; color: #101114; font-family: inherit;
}
main.workshop-delivery-hub .workshop-delivery-calculator .input:focus-visible { outline: 3px solid #0b3dcc; outline-offset: 3px; }
@media (max-width: 900px) {
  main.workshop-delivery-hub .workshop-delivery-breadcrumb { width: calc(100% - 32px); min-height: 34px; }
  main.workshop-delivery-hub .workshop-delivery-receiving { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 32px 0; }
  main.workshop-delivery-hub :is(.workshop-delivery-payment,.workshop-delivery-return) { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 32px 0; }
  main.workshop-delivery-hub > .section > .container { width: calc(100% - 32px); }
  main.workshop-delivery-hub .page-hero > .container { grid-template-columns: minmax(0,1fr); width: calc(100% - 32px); gap: 24px; }
  main.workshop-delivery-hub .workshop-delivery-tariff { grid-column: 1; grid-row: auto; width: min(100%,340px); box-sizing: border-box; transform: none; }
}
@media (max-width: 600px) {
  main.workshop-delivery-hub .workshop-delivery-breadcrumb { width: calc(100% - 40px); }
  main.workshop-delivery-hub .page-hero > .container { width: calc(100% - 40px); row-gap: 0; }
  main.workshop-delivery-hub .page-hero > .container > .tierpp-hero-eyebrow { margin: 0 0 20px; }
  main.workshop-delivery-hub .page-hero > .container > p { margin: 0 0 24px; }
  main.workshop-delivery-hub .workshop-delivery-tariff {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto;
    width: 100%; max-width: none; padding: 20px; gap: 0 8px;
  }
  main.workshop-delivery-hub .workshop-delivery-tariff p:first-child {
    grid-column: 1; grid-row: 1; align-self: end; margin: 0 0 4px; font-size: 11px;
  }
  main.workshop-delivery-hub .workshop-delivery-tariff p:nth-of-type(2) {
    grid-column: 1; grid-row: 2; margin: 0; font-size: 11px;
  }
  main.workshop-delivery-hub .workshop-delivery-tariff strong {
    grid-column: 2; grid-row: 1 / span 2; align-self: center; display: flex;
    align-items: baseline; gap: 3px; margin: 0; font-size: 54px; white-space: nowrap;
  }
  main.workshop-delivery-hub .workshop-delivery-tariff small { font-size: 20px; }
  main.workshop-delivery-hub .workshop-delivery-tariff a {
    grid-column: 1 / -1; grid-row: 3; margin-top: 14px; padding-top: 12px;
  }
}
@media (max-width: 280px) {
  main.workshop-delivery-hub .workshop-delivery-tariff { display: block; padding: 16px; }
  main.workshop-delivery-hub .workshop-delivery-tariff p:first-child { margin: 0 0 8px; }
  main.workshop-delivery-hub .workshop-delivery-tariff strong {
    display: flex; gap: 2px; margin: 0 0 10px; font-size: 44px;
  }
  main.workshop-delivery-hub .workshop-delivery-tariff small { font-size: 16px; }
  main.workshop-delivery-hub .workshop-delivery-tariff p:nth-of-type(2) { margin: 0; }
  main.workshop-delivery-hub .workshop-delivery-tariff a { margin-top: 12px; }
}

/* Workshop tools hub: native sixteen links grouped by task. */
body:has(main.workshop-tools-page),body:has(main.workshop-tools-page) #app { background:#fff; }
body:has(main.workshop-tools-page) { --green-800:#073dc5; --green-900:#101114; }
body:has(main.workshop-tools-page) .site-header { background:#fff; border-bottom:1px solid #d9dce4; box-shadow:none; }
body:has(main.workshop-tools-page) .site-header .logo-mark { display:none; }
body:has(main.workshop-tools-page) .site-header .logo-text { color:#073dc5; font:850 30px/1 "Cart Workshop",Inter,Arial,sans-serif; }
body:has(main.workshop-tools-page) .site-header .tierpp-header-search { max-width:none; border-radius:2px; background:#fff; }
body:has(main.workshop-tools-page) .site-header .tierpp-header-action { color:#101114; border-radius:2px; }
body:has(main.workshop-tools-page) .site-header .nav-link[href="/catalog/"] { color:#fff; background:#073dc5; border-radius:2px; padding:10px 17px; }
.workshop-tools-count { grid-column:2; grid-row:2 / 4; border-left:1px solid #d9dce4; padding-left:30px; display:flex; flex-direction:column; justify-content:center; }
.workshop-tools-count strong { color:#073dc5; font-size:128px; line-height:1; font-weight:450; letter-spacing:-8px; }
.workshop-tools-count span { white-space:pre-line; font-size:14px; line-height:1.5; margin-top:16px; color:#101114; }
.workshop-tools-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:64px; }
.workshop-tools-quick > a { display:flex; flex-direction:column; position:relative; padding:22px; min-height:196px; background:#ffe36c; color:#101114; border:1px solid transparent; text-decoration:none; }
.workshop-tools-quick > a:nth-child(2) { background:#e3ebff; }
.workshop-tools-quick > a:nth-child(3) { background:#ffd2c5; }
.workshop-tools-quick > a:nth-child(4) { background:#fff; border-color:#9bb0e2; }
.workshop-tools-quick > a::after { content:'↗'; position:absolute; top:24px; right:22px; color:#073dc5; font-size:24px; }
.workshop-tools-number { color:#073dc5; font-size:34px; line-height:1; margin-bottom:34px; }
.workshop-tools-quick strong { max-width:210px; font-size:22px; line-height:1.12; letter-spacing:-.7px; }
.workshop-tools-quick small { font-size:12px; line-height:1.5; margin-top:12px; }
.workshop-tools-directory { border-top:1px solid #9bb0e2; padding-top:36px; }
.workshop-tools-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.workshop-tools-group > h3 { display:flex; align-items:baseline; gap:14px; font:600 16px/1.5 "Cart Workshop",Inter,sans-serif; color:#101114; margin:0; padding-bottom:22px; border-bottom:1px solid #d9dce4; }
.workshop-tools-group > h3 span { color:#073dc5; font-size:24px; font-weight:400; }
.workshop-tools-reading { margin-top:48px; border-block:1px solid #d9dce4; }
.workshop-tools-reading > summary { min-height:56px; display:flex; align-items:center; cursor:pointer; font-size:16px; color:#073dc5; }
@media(min-width:1181px) {
 body:has(main.workshop-tools-page) .site-header .header-inner { width:min(100% - 96px,1248px); padding-inline:0; min-height:100px; column-gap:36px; }
 body:has(main.workshop-tools-page) .site-header .main-nav > a:not([href="/catalog/"]) { display:none; }
}
@media(max-width:900px) {
 .workshop-tools-count { padding-left:20px; } .workshop-tools-count strong { font-size:88px; }
 .workshop-tools-quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .workshop-tools-columns { gap:24px; }
}
@media(max-width:600px) {
 .workshop-tools-count { border-left:0; padding:20px 0 0; flex-direction:row; align-items:center; justify-content:flex-start; gap:20px; }
 .workshop-tools-count strong { font-size:64px; letter-spacing:-3px; } .workshop-tools-count span { margin:0; }
 .workshop-tools-quick { gap:12px; margin-bottom:36px; } .workshop-tools-quick > a { padding:16px; min-height:184px; }
 .workshop-tools-number { font-size:28px; margin-bottom:28px; } .workshop-tools-quick strong { font-size:18px; }
 .workshop-tools-quick > a::after { right:16px; }
 .workshop-tools-columns { grid-template-columns:1fr; gap:32px; }
}
/* Covering calculator: preserve native input/result nodes and formulas. */
.workshop-tool-error:not([hidden]) { padding:12px 14px; border:1px solid #9d3030; color:#8a2424; background:#fff; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.workshop-covering-diagram { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 112px auto; align-items:center; gap:10px 12px; max-width:350px; margin:32px auto 0; color:#101114; font-size:11px; }
.workshop-covering-diagram-width { grid-column:1; text-align:center; font-weight:600; }
.workshop-covering-diagram-zone { grid-column:1; grid-row:2; height:112px; display:grid; place-items:center; border:1px solid #b18f30; text-align:center; white-space:pre-line; line-height:1.6; background-image:linear-gradient(#b18f3050 1px,transparent 1px),linear-gradient(90deg,#b18f3050 1px,transparent 1px); background-size:28px 28px; }
.workshop-covering-diagram-length { grid-column:2; grid-row:2; writing-mode:vertical-rl; font-weight:600; }
.workshop-covering-diagram figcaption { grid-column:1/-1; line-height:1.6; text-align:center; font-size:10px; }
.workshop-covering-materials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; margin:0; border:0; min-width:0; }
.workshop-covering-materials legend { padding:0; margin-bottom:12px; color:#101114; font-size:12px; font-weight:600; }
.workshop-covering-materials label { display:flex; align-items:center; gap:9px; min-height:49px; border:1px solid #d5d9e3; padding:10px; font-size:12px; line-height:1.4; cursor:pointer; }
.workshop-covering-materials label:has(input:checked) { background:#f0f3ff; border-color:#073dc5; }
.workshop-covering-materials input { accent-color:#073dc5; width:17px; height:17px; flex-shrink:0; }
.workshop-covering-example { color:#636773; font-size:11px; line-height:1.6; margin:4px 0 0; }
.workshop-covering-actions { display:flex; align-items:center; gap:24px; }
.workshop-covering-actions button { min-height:48px; padding:12px 24px; border:1px solid #073dc5; border-radius:2px; background:#073dc5; color:#fff; font:600 14px/1.4 "Cart Workshop",Inter,sans-serif; cursor:pointer; }
.workshop-covering-actions button + button { color:#636773; background:none; border:0; text-decoration:underline; text-underline-offset:4px; padding-inline:0; }
.workshop-covering-material-name { font-size:11px; font-weight:400; }
@media(max-width:900px) {
}
@media(max-width:370px) {
 .workshop-covering-materials { grid-template-columns:minmax(0,1fr); }
}
/* Swing-zone standalone screen, with original calculations and result ids. */
.workshop-swing-seats { display:flex; flex-wrap:wrap; gap:10px; }
.workshop-swing-seats label { min-width:77px; }
.workshop-swing-diagram { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 248px auto; gap:14px; max-width:400px; width:100%; margin:0 auto; color:#101114; }
.workshop-swing-width { grid-column:1; text-align:center; font-size:14px; font-weight:600; }
.workshop-swing-length { grid-column:2; grid-row:2; writing-mode:vertical-rl; font-size:14px; font-weight:600; }
.workshop-swing-zone { grid-column:1; grid-row:2; display:flex; flex-direction:column; align-items:center; justify-content:space-around; border:1px dashed #073dc5; background-image:linear-gradient(#073dc51a 1px,transparent 1px),linear-gradient(90deg,#073dc51a 1px,transparent 1px); background-size:24px 24px; }
.workshop-swing-arrow { color:#073dc5; font-size:38px; line-height:1; }
.workshop-swing-beam { display:flex; justify-content:space-evenly; align-items:center; width:56%; height:8px; background:#c49b59; border-inline:4px solid #936531; }
.workshop-swing-beam i { width:14px; height:14px; border:1px solid #936531; border-radius:50%; background:#ffe36c; }
.workshop-swing-diagram figcaption { grid-column:1/-1; text-align:center; color:#636773; font-size:11px; line-height:1.6; }
.workshop-swing-total { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.workshop-swing-total > span:first-child { color:#101114; font-size:13px; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-swing-diagram { grid-template-rows:auto 210px auto; gap:10px; }
}
/* Delivery preparation checklist: original controls and risk-list remain live. */
.workshop-readiness .calc-inputs > :is(h2,h3) { display:flex; align-items:baseline; gap:12px; }
.workshop-readiness .calc-inputs > :is(h2,h3) > span { color:#073dc5; font-weight:400; }
.workshop-readiness-note { color:#636773; font-size:12px; line-height:1.65; margin:0; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-readiness-modes { grid-template-columns:minmax(0,1fr); }
}
/* Playground picker: real ranked model rows, not hard-fit guarantees. */
.workshop-picker-result-header { padding:24px 26px; background:#ffe36c; margin-bottom:30px; }
.workshop-picker-image { grid-column:1; grid-row:1 / 4; align-self:start; display:block; }
.workshop-picker-image img { width:100%; height:145px; object-fit:contain; background:#fff; }
.workshop-picker-render-note { display:block; margin-top:8px; color:#636773; font-size:10px; line-height:1.5; }
.workshop-picker-index { display:block; color:#073dc5; font-size:11px; margin-bottom:8px; }
.workshop-picker-note { font-size:11px; color:#636773; line-height:1.65; margin:0; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-picker-image img { height:110px; }
 .workshop-picker-result-header { padding:22px; }
}
/* Area/perimeter modes reuse the native measurement controller. */
.workshop-area-input-pane { min-width:0; }
.workshop-area-step { display:flex; align-items:baseline; gap:14px; color:#101114; font:650 20px/1.3 "Cart Workshop",Inter,sans-serif; }
.workshop-area-step::before { color:#073dc5; font-size:21px; font-weight:450; }
.workshop-area-step::after { content:""; flex:1; border-top:1px solid #d9dce4; }
.workshop-area-step--mode { margin:0 0 26px; }
.workshop-area-step--mode::before { content:"01"; }
.workshop-area-step--fields::before { content:"02"; }
.workshop-area-mode-label { display:block; color:#101114; font-size:12px; font-weight:600; margin-bottom:10px; }
.workshop-area-input-pane > .workshop-covering-actions { margin-top:32px; }
.workshop-area-diagram { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto 170px auto; gap:12px; margin:30px 0 0; }
.workshop-area-dimension { grid-column:2; text-align:center; color:#073dc5; font-size:13px; font-weight:600; }
.workshop-area-side { grid-row:2; writing-mode:vertical-rl; color:#073dc5; font-size:13px; font-weight:600; align-self:center; }
.workshop-area-box { grid-column:2; grid-row:2; position:relative; border:1px solid #073dc5; background:#fff2; }
.workshop-area-inner { position:absolute; display:grid; place-items:center; border:1px dashed #073dc5; color:#073dc5; font-size:12px; background:#fff2; }
.workshop-area-diagram figcaption { grid-column:1/-1; color:#51596a; font-size:10px; line-height:1.6; text-align:center; }
.workshop-area-details { margin:44px 0 0; border-block:1px solid #d9dce4; }
.workshop-area-details summary { display:flex; align-items:center; justify-content:space-between; min-height:70px; color:#101114; font-size:13px; font-weight:650; cursor:pointer; list-style:none; }
.workshop-area-details summary::-webkit-details-marker { display:none; }
.workshop-area-details summary::after { content:"+"; color:#073dc5; font-size:24px; font-weight:400; }
.workshop-area-details[open] summary::after { content:"−"; }
.workshop-area-details p { max-width:760px; margin:0 0 18px; color:#4e5665; font-size:13px; line-height:1.7; }
.workshop-area-details summary:focus-visible { outline:3px solid #073dc5; outline-offset:3px; }
.workshop-area-next { max-width:690px; margin:44px 0 52px; padding-top:30px; border-top:1px solid #d9dce4; }
.workshop-area-next p { color:#073dc5; font-size:11px; font-weight:650; }
.workshop-area-next a { display:inline-flex; align-items:center; min-height:44px; margin-right:22px; color:#073dc5 !important; font-size:12px; font-weight:650; text-decoration:none; }
.workshop-area-next a:focus-visible { outline:3px solid #073dc5; outline-offset:3px; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-area-next a { display:flex; width:max-content; max-width:100%; margin-right:0; }
}
/* Volume tool keeps the native calculation and uses the Workshop layout. */
.workshop-volume-note { margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.6; }
.workshop-volume-subtitle { margin:0 0 28px; color:#101114 !important; font-size:11px; }
.workshop-volume-diagram { display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto 155px auto; gap:9px; margin:36px 0 26px; color:#073dc5; }
.workshop-volume-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-volume-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-volume-slab { grid-column:2; grid-row:2; display:grid; place-items:center; border-top:10px solid #073dc5; border-right:10px solid #073dc5; border-left:1px solid #073dc5; border-bottom:1px solid #073dc5; background:repeating-linear-gradient(0deg,#ffe36c,#ffe36c 13px,#dfbf4e 14px); }
.workshop-volume-depth { padding:10px; background:#fff; color:#073dc5; font-size:12px; font-weight:650; }
.workshop-volume-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
.workshop-volume-details { margin:44px 0 0; border-block:1px solid #d9dce4; }
.workshop-volume-details summary { display:flex; align-items:center; justify-content:space-between; min-height:70px; color:#101114; font-size:13px; font-weight:650; cursor:pointer; list-style:none; }
.workshop-volume-details summary::-webkit-details-marker { display:none; }
.workshop-volume-details summary:after { content:"+"; color:#073dc5; font-size:24px; font-weight:400; }
.workshop-volume-details[open] summary:after { content:"−"; }
.workshop-volume-details p { max-width:760px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.7; }
.workshop-volume-next { max-width:690px; margin:44px 0 52px; padding-top:30px; border-top:1px solid #d9dce4; }
.workshop-volume-next p { color:#073dc5; font-size:11px; font-weight:650; }
.workshop-volume-next a { display:inline-flex; align-items:center; min-height:44px; margin-right:22px; color:#073dc5 !important; font-size:12px; font-weight:650; text-decoration:none; }
@media(max-width:900px) { }
@media(max-width:600px) {
 .workshop-volume-diagram { grid-template-rows:auto 145px auto; }
}
/* Material weight keeps the native density and volume controller. */
@media(max-width:600px) { }
.workshop-weight-note { grid-column:1/-1; margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.6; }
.workshop-weight-subtitle { margin:0 0 28px; color:#101114 !important; font-size:11px; }
.workshop-weight-diagram { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; margin:36px 0 26px; color:#073dc5; }
.workshop-weight-diagram-volume,.workshop-weight-diagram-density { text-align:center; font-size:12px; font-weight:650; }
.workshop-weight-shape { display:grid; place-items:center; height:130px; margin-inline:9%; border:1px solid #073dc5; border-top:3px solid #073dc5; border-radius:0 0 48% 48% / 0 0 28% 28%; background:#fff2; }
.workshop-weight-shape span { padding:12px; background:#fff; color:#073dc5; font-size:12px; font-weight:650; }
.workshop-weight-diagram figcaption { color:#636773; font-size:10px; text-align:center; }
@media(max-width:900px) { }
@media(max-width:600px) {
}
/* Tile calculator preserves native package math and renders its grid as a schematic. */
.workshop-tiles-note { margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.6; }
.workshop-tiles-subtitle { margin:0 0 28px; color:#101114 !important; font-size:11px; }
.workshop-tiles-diagram { display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto 155px auto; gap:9px; margin:36px 0 26px; color:#073dc5; }
.workshop-tiles-diagram-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-tiles-diagram-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-tiles-mesh { grid-column:2; grid-row:2; display:grid; place-items:center; border:1px solid #073dc5; background-color:#fff3; background-image:linear-gradient(to right,#073dc5 1px,transparent 1px),linear-gradient(to bottom,#073dc5 1px,transparent 1px); background-size:var(--tile-column-width,7.14%) var(--tile-row-height,10%); }
.workshop-tiles-mesh span { padding:10px; background:#fff; color:#073dc5; font-size:12px; font-weight:650; }
.workshop-tiles-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
@media(max-width:900px) { }
@media(max-width:600px) {
}
/* Coating uses the original coverage calculation inside the Workshop frame. */
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-header h1 { margin:16px 0 22px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-header p { max-width:650px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:start; gap:80px; padding:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; padding:0; border:0; border-radius:0; box-shadow:none; background:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs > :is(h2,p,.workshop-covering-actions) { grid-column:1/-1; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs > h2 { display:flex; align-items:baseline; gap:14px; margin:0 0 2px; color:#101114; font:650 20px/1.35 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs > h2:before { content:""; order:3; flex:1; border-top:1px solid #d9dce4; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs > h2 span { color:#073dc5; font-size:22px; font-weight:450; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .input-group { position:relative; min-width:0; margin:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .input-group label { display:block; margin-bottom:10px; color:#101114; font-size:12px; line-height:1.5; font-weight:600; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) input[type="number"] { width:100%; min-width:0; min-height:52px; border:1px solid #919cb8; border-radius:0; background:#fff; color:#101114; box-shadow:none; padding:12px 56px 12px 14px; font:550 17px/1.3 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-unit { position:absolute; right:14px; top:51px; color:#636773; font-size:12px; pointer-events:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .input-group small[hidden] { display:none !important; }
.workshop-coating-note { margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.6; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-covering-actions button:first-child { min-width:208px; text-align:left; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-preview { display:block; padding:32px; border:0; border-radius:0; background:#ffe36c !important; color:#101114; box-shadow:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-preview > h2 { color:#073dc5 !important; font:650 28px/1.25 "Cart Workshop",Inter,sans-serif; margin:0 0 2px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-preview > h2 .tierpp-icon { display:none; }
.workshop-coating-subtitle { margin:0 0 28px; color:#101114 !important; font-size:11px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .result-item { display:flex; justify-content:space-between; align-items:baseline; gap:18px; margin:0; padding:14px 0; border-bottom:1px solid #d4ba58; color:#101114; font-size:12px !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .result-item[hidden] { display:none !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .result-value { color:#101114 !important; font-size:14px !important; font-weight:650; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-total { display:block; margin-bottom:12px; padding:0 0 18px; border:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-total > span:first-child { display:block; font-size:12px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-total .result-value { display:block; margin-top:10px; color:#073dc5 !important; font:600 clamp(38px,5vw,66px)/1.15 "Cart Workshop",Inter,sans-serif !important; letter-spacing:-2px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-total-unit { color:#073dc5; font-size:20px; letter-spacing:0; }
.workshop-coating-diagram { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; margin:36px 0 26px; color:#073dc5; }
.workshop-coating-diagram-top,.workshop-coating-diagram-bottom { text-align:center; font-size:12px; font-weight:650; }
.workshop-coating-surface { display:grid; place-items:center; height:155px; margin-inline:8%; border:1px solid #073dc5; background:repeating-linear-gradient(-16deg,#fff8 0 18px,#dce8ff 18px 38px); }
.workshop-coating-surface span { padding:10px; background:#fff; color:#073dc5; font-size:12px; font-weight:650; }
.workshop-coating-diagram figcaption { color:#565b66; font-size:10px; text-align:center; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-preview-note { margin:0; padding-top:18px; border-left:0; border-top:1px solid #d4ba58; color:#565b66 !important; font-size:11px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-next h2 { color:#101114; font:650 26px/1.3 "Cart Workshop",Inter,sans-serif !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) :is(input,button,summary,a):focus-visible { outline:3px solid #073dc5; outline-offset:3px; }
@media(max-width:900px) { :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-grid { grid-template-columns:minmax(0,1fr); gap:30px; } }
@media(max-width:600px) {
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-container { width:calc(100% - 30px); margin-inline:15px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .btn-close-calc { margin-bottom:10px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-header { margin-bottom:1px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-header h1 { margin-top:2px; font-size:32px !important; line-height:1.1; letter-spacing:-1.3px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calculator-header p { line-height:1.4; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs { gap:18px 12px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-inputs > h2 { font-size:18px; line-height:1.3; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .input-group label { margin-bottom:0; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .input-group:has(#cConsumption) label { font-size:10px; line-height:18px; letter-spacing:-.2px; white-space:nowrap; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) input[type="number"] { min-height:44px; padding-block:9px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-unit { top:38px; }
 :is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .calc-preview { padding:24px 20px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-coating, body[data-tierpp-route="article"] #app .workshop-embedded-coating) .workshop-coating-total-unit { font-size:15px; }
}

/* Safety-zone planner: an illustrative footprint, not a standards certificate. */
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-container { margin-top:34px !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-safety-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:42px; color:#636773; font-size:12px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-safety-breadcrumb .tierpp-tools-back { margin:0; min-height:32px; color:#636773 !important; font-size:12px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .gost-badge { display:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header { display:block; min-height:0 !important; margin:0 0 46px; padding:0 !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header .tierpp-kicker { display:block; margin:0 0 18px; color:#073dc5 !important; font-size:12px; font-weight:650; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header h1 { max-width:640px; margin:0 0 26px; color:#073dc5 !important; font:750 clamp(40px,4.6vw,66px)/.99 "Cart Workshop",Inter,sans-serif !important; letter-spacing:-2.6px; text-wrap:balance; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header > p { max-width:650px; margin:0; color:#636773 !important; font-size:16px; line-height:1.65; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:80px; align-items:start; padding:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-inputs { display:block; min-width:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header { margin:0 0 22px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header h2 { display:flex; align-items:baseline; gap:14px; margin:0; color:#101114; font:700 20px/1.35 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header h2::after { content:""; flex:1; border-top:1px solid #d9dce4; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header h2 span { color:#073dc5; font-size:22px; font-weight:450; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .selector-hint { display:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .equipment-type-grid[hidden],:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .result-cards[hidden] { display:none !important; }
.workshop-safety-visually-hidden { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-safety-type-label,:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .input-group label { display:block; margin:0 0 10px; color:#101114; font-size:12px; font-weight:650; line-height:1.5; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) :is(.workshop-safety-type,input[type="number"]) { width:100%; min-width:0; min-height:52px; padding:12px 14px; border:1px solid #919cb8; border-radius:0; background:#fff; color:#101114; box-shadow:none; font:550 17px/1.3 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .dimensions-section { margin:26px 0 0; padding:0; border:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .inputs-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .input-group { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; margin:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .input-group:nth-child(3) { grid-column:1; }
.workshop-safety-unit { grid-column:1; grid-row:2; justify-self:end; align-self:center; z-index:1; margin-right:32px; color:#565b66; font-size:12px; line-height:1; pointer-events:none; }
.workshop-safety .input-group input[type="number"] { grid-column:1; grid-row:2; padding-right:52px !important; }
.workshop-safety-caution { margin:34px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.65; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-covering-actions button:first-child { min-width:205px; text-align:left; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-preview { display:block; min-width:0; padding:34px 32px; border:1px solid #c7d5ff; border-radius:0; background:#f0f4ff !important; color:#101114; box-shadow:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .preview-header { display:block; margin:0; padding:0 0 22px; border:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .preview-header h2 { margin:0 0 2px; color:#073dc5 !important; font:750 28px/1.2 "Cart Workshop",Inter,sans-serif; letter-spacing:-.7px; }
.workshop-safety-subtitle { margin:0 0 28px; color:#636773 !important; font-size:11px; }
.workshop-safety-area-label { display:block; margin:0 0 6px; color:#101114; font-size:12px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) #resFinalArea { display:block; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:#073dc5; font:550 clamp(44px,5vw,68px)/1.1 "Cart Workshop",Inter,sans-serif; letter-spacing:-2px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) #resFinalArea small { font-size:22px; font-weight:650; letter-spacing:0; }
.workshop-safety-dimensions,:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .offset-item { display:flex; justify-content:space-between; align-items:baseline; gap:18px; margin:0; padding:14px 0; border-bottom:1px solid #c7d5ee; color:#101114; font-size:12px; }
.workshop-safety-dimensions { border-top:1px solid #c7d5ee; }
.workshop-safety-dimensions strong { font-size:14px; font-weight:650; text-align:right; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .offsets-list { display:block; margin:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) :is(.offset-name,.offset-val) { color:#101114; font-size:12px; font-weight:400; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .offset-val { font-weight:650; text-align:right; }
.workshop-safety-diagram { display:grid; grid-template-columns:18px minmax(0,1fr); grid-template-rows:auto 190px auto; gap:8px; margin:36px 0 26px; color:#073dc5; }
.workshop-safety-diagram[hidden] { display:none !important; }
.workshop-safety-diagram-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-safety-diagram-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-safety-diagram-outside { grid-column:2; grid-row:2; display:grid; place-items:center; padding:10%; border:1px dashed #073dc5; }
.workshop-safety-diagram-inside { display:grid; place-items:center; width:100%; height:100%; min-height:90px; border:1px dashed #073dc5; background:#fff8; }
.workshop-safety-diagram-item { display:inline-block; max-width:95%; padding:8px 11px; background:#ffe36c; color:#073dc5; font-size:12px; font-weight:650; text-align:center; }
.workshop-safety-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-disclaimer { margin:0; padding-top:18px; border-top:1px solid #c7d5ee; color:#636773; font-size:11px; line-height:1.6; font-style:normal; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-disclaimer p { color:#636773 !important; }
.workshop-safety-details { margin:40px 0 0; border-block:1px solid #d9dce4; }
.workshop-safety-details > summary { display:flex; justify-content:space-between; align-items:center; min-height:66px; cursor:pointer; color:#101114; font-size:14px; font-weight:650; list-style:none; }
.workshop-safety-details > summary::after { content:'+'; color:#073dc5; font-size:22px; font-weight:400; }
.workshop-safety-details[open] > summary::after { content:'−'; }
.workshop-safety-details p { max-width:760px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.65; }
.workshop-safety-next { max-width:690px; margin:52px 0 70px; padding-top:34px; border-top:1px solid #d9dce4; }
.workshop-safety-next > span { color:#073dc5; font-size:12px; font-weight:650; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-safety-next h2 { margin:16px 0 22px; color:#101114; font:750 27px/1.2 "Cart Workshop",Inter,sans-serif; }
.workshop-safety-next a { display:inline-flex; min-height:44px; align-items:center; margin-right:26px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-footer[hidden] { display:none !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) :is(input,select,button,summary,a):focus-visible { outline:3px solid #073dc5; outline-offset:3px; }
@media(max-width:900px) {
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header { margin-bottom:35px; }
}
@media(max-width:600px) {
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-container { width:calc(100% - 30px); margin:18px 15px 48px !important; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .workshop-safety-breadcrumb { margin-bottom:28px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header h1 { max-width:340px; margin:12px 0 18px; font-size:39px !important; line-height:1.04; letter-spacing:-1.5px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calculator-header > p { font-size:14px; line-height:1.5; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header { margin-bottom:20px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .type-selector-header h2 { font-size:18px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) :is(.workshop-safety-type,input[type="number"]) { min-height:48px; padding:10px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .inputs-row { gap:24px 12px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .calc-preview { padding:24px 20px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) .preview-header h2 { font-size:23px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) #resFinalArea { font-size:45px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-safety, body[data-tierpp-route="article"] #app .workshop-embedded-safety) #resFinalArea small { font-size:17px; }
  .workshop-safety-diagram { grid-template-rows:auto 210px auto; }
  .workshop-safety-next a { display:flex; width:max-content; max-width:100%; }
}
/* Clearance comparison: measured distances against a heuristic, never approval. */
.workshop-clearance-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:30px; color:#636773; font-size:12px; }
.workshop-clearance-step { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 16px; margin:0 0 36px; }
.workshop-clearance-step h2::after { content:""; flex:1; border-top:1px solid #d9dce4; }
.workshop-clearance-step h2 span { color:#073dc5; font-size:22px; font-weight:450; }
.workshop-clearance-step:first-child .input-group:nth-child(2) { grid-column:1/-1; }
.workshop-clearance-caution { margin:6px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.65; }
.workshop-clearance-subtitle { margin:0 0 30px; color:#636773; font-size:11px; }
.workshop-clearance-count-label { display:block; margin:0 0 6px; color:#101114; font-size:12px; }
.workshop-clearance-count { display:flex; align-items:baseline; gap:9px; margin:0 0 28px; color:#073dc5; }
.workshop-clearance-count strong { font:550 clamp(48px,5vw,68px)/1 "Cart Workshop",Inter,sans-serif; letter-spacing:-2px; }
.workshop-clearance-count span { font-size:17px; font-weight:650; }
.workshop-clearance-comparison { border-top:1px solid #c7d5ee; }
.workshop-clearance-row { display:flex; justify-content:space-between; gap:14px; align-items:baseline; padding:14px 0; border-bottom:1px solid #c7d5ee; color:#101114; font-size:12px; }
.workshop-clearance-row strong { color:#101114; font-size:13px; font-weight:650; text-align:right; }
.workshop-clearance-row--short { background:#fff7e2; padding-inline:8px; }
.workshop-clearance-row--short strong { color:#8b4b10; }
.workshop-clearance-row-hint { margin:18px 0 0; color:#636773; font-size:11px; }
.workshop-clearance-diagram { display:grid; grid-template-columns:18px minmax(0,1fr); grid-template-rows:auto 158px auto; gap:9px; margin:38px 0 26px; color:#073dc5; }
.workshop-clearance-diagram[hidden] { display:none !important; }
.workshop-clearance-diagram-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-clearance-diagram-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-clearance-diagram-outside { grid-column:2; grid-row:2; display:grid; place-items:center; padding:8%; border:1px dashed #073dc5; }
.workshop-clearance-diagram-inside { display:grid; place-items:center; width:100%; height:100%; min-height:70px; border:1px dashed #073dc5; background:#fff8; }
.workshop-clearance-diagram-inside span { display:inline-block; padding:8px 11px; background:#ffe36c; color:#073dc5; font-size:12px; font-weight:650; text-align:center; }
.workshop-clearance-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
.workshop-clearance-notice { margin:0 0 24px; padding:2px 0 2px 15px; border-left:3px solid #073dc5; color:#101114; font-size:12px; line-height:1.55; }
.workshop-clearance-notice[data-gaps]:not([data-gaps="0"]) { border-color:#d7a72a; }
.workshop-clearance-preview-caution { margin:0; padding-top:18px; border-top:1px solid #c7d5ee; color:#636773; font-size:11px; line-height:1.6; }
.workshop-clearance-details { margin:40px 0 0; border-block:1px solid #d9dce4; }
.workshop-clearance-details > summary { display:flex; justify-content:space-between; align-items:center; min-height:66px; cursor:pointer; color:#101114; font-size:14px; font-weight:650; list-style:none; }
.workshop-clearance-details > summary::after { content:'+'; color:#073dc5; font-size:22px; font-weight:400; }
.workshop-clearance-details[open] > summary::after { content:'−'; }
.workshop-clearance-details p { max-width:760px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.65; }
.workshop-clearance-next { max-width:690px; margin:52px 0 70px; padding-top:34px; border-top:1px solid #d9dce4; }
.workshop-clearance-next > span { color:#073dc5; font-size:12px; font-weight:650; }
.workshop-clearance-next a { display:inline-flex; min-height:44px; align-items:center; margin-right:26px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
@media(max-width:900px) {
}
@media(max-width:600px) {
  .workshop-clearance-breadcrumb { margin-bottom:14px; }
  .workshop-clearance-step { gap:10px 12px; margin-bottom:20px; }
  .workshop-clearance-caution { font-size:11px; line-height:1.5; }
  .workshop-clearance-count strong { font-size:45px; }
  .workshop-clearance-diagram { grid-template-rows:auto 135px auto; }
  .workshop-clearance-next a { display:flex; width:max-content; max-width:100%; }
}
/* Model-specific material planner: a heuristic rectangle, never a safety certificate. */
.workshop-model-zone-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:34px; color:#636773; font-size:12px; }
.workshop-model-zone-unit { position:absolute; top:51px; left:min(calc(100% - 32px),245px); color:#636773; font-size:12px; pointer-events:none; }
.workshop-model-zone-caution { margin:44px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.65; }
.workshop-model-zone-status:not([hidden]) { margin:0 0 22px; padding:12px 14px; border:1px solid #9d3030; color:#8a2424; background:#fff; font-size:13px; line-height:1.5; }
.workshop-model-zone-status[hidden] { display:none !important; }
.workshop-model-zone-subtitle { margin:0 0 26px; color:#636773; font-size:11px; }
.workshop-model-zone-diagram { display:grid; grid-template-columns:18px minmax(0,1fr); grid-template-rows:auto 164px auto; gap:9px; margin:38px 0 28px; color:#073dc5; }
.workshop-model-zone-diagram[hidden] { display:none !important; }
.workshop-model-zone-diagram-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-model-zone-diagram-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-model-zone-diagram-outside { grid-column:2; grid-row:2; display:grid; place-items:center; padding:8%; border:1px dashed #073dc5; }
.workshop-model-zone-diagram-inside { display:grid; place-items:center; width:100%; height:100%; min-height:75px; border:1px dashed #073dc5; background:#fff8; }
.workshop-model-zone-diagram-inside span { display:inline-block; padding:8px 10px; background:#ffe36c; color:#073dc5; font-size:12px; font-weight:650; text-align:center; }
.workshop-model-zone-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
.workshop-model-zone-product { display:inline-flex; align-items:center; min-height:44px; margin:0 0 22px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
.workshop-model-zone-preview-caution { margin:0; padding-top:18px; border-top:1px solid #c7d5ee; color:#636773; font-size:11px; line-height:1.6; }
.workshop-model-zone-details { margin:42px 0 0; border-block:1px solid #d9dce4; }
.workshop-model-zone-details > summary { display:flex; justify-content:space-between; align-items:center; min-height:66px; cursor:pointer; color:#101114; font-size:14px; font-weight:650; list-style:none; }
.workshop-model-zone-details > summary::after { content:'+'; color:#073dc5; font-size:22px; font-weight:400; }
.workshop-model-zone-details[open] > summary::after { content:'−'; }
.workshop-model-zone-details p { max-width:780px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.65; }
.workshop-model-zone-next { max-width:690px; margin:52px 0 70px; padding-top:34px; border-top:1px solid #d9dce4; }
.workshop-model-zone-next > span { color:#073dc5; font-size:12px; font-weight:650; }
.workshop-model-zone-next a { display:inline-flex; min-height:44px; align-items:center; margin-right:26px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-model-zone-breadcrumb { margin-bottom:28px; }
 .workshop-model-zone-unit { top:46px; }
 .workshop-model-zone-caution { margin:32px 0 24px; }
 .workshop-model-zone-diagram { grid-template-rows:auto 155px auto; }
 .workshop-model-zone-next a { display:flex; width:max-content; max-width:100%; }
}
/* Model logistics: catalog facts, not a freight quote or unloading verdict. */
.workshop-model-logistics-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:34px; color:#636773; font-size:12px; }
.workshop-model-logistics-caution { margin:44px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.65; }
.workshop-model-logistics-status:not([hidden]) { margin:0 0 22px; padding:12px 14px; border:1px solid #9d3030; color:#8a2424; background:#fff; font-size:13px; line-height:1.5; }
.workshop-model-logistics-status[hidden] { display:none !important; }
.workshop-model-logistics-subtitle { margin:0 0 26px; color:#101114; font-size:11px; }
.workshop-model-logistics-mode-note { margin:28px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #073dc5; color:#101114; font-size:12px; line-height:1.6; }
.workshop-model-logistics-product { display:inline-flex; align-items:center; min-height:44px; margin:0 0 22px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
.workshop-model-logistics-preview-caution { margin:0; padding-top:18px; border-top:1px solid #d4ba58; color:#636773; font-size:11px; line-height:1.6; }
.workshop-model-logistics-details { margin:42px 0 0; border-block:1px solid #d9dce4; }
.workshop-model-logistics-details > summary { display:flex; justify-content:space-between; align-items:center; min-height:66px; cursor:pointer; color:#101114; font-size:14px; font-weight:650; list-style:none; }
.workshop-model-logistics-details > summary::after { content:'+'; color:#073dc5; font-size:22px; font-weight:400; }
.workshop-model-logistics-details[open] > summary::after { content:'−'; }
.workshop-model-logistics-details p { max-width:780px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.65; }
.workshop-model-logistics-next { max-width:690px; margin:52px 0 70px; padding-top:34px; border-top:1px solid #d9dce4; }
.workshop-model-logistics-next > span { color:#073dc5; font-size:12px; font-weight:650; }
.workshop-model-logistics-next a { display:inline-flex; min-height:44px; align-items:center; margin-right:26px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-model-logistics-breadcrumb { margin-bottom:28px; }
 .workshop-model-logistics-caution { margin:32px 0 24px; }
 .workshop-model-logistics-next a { display:flex; width:max-content; max-width:100%; }
}
/* Accessory suggestions: native PDP exclusions and seat counts, not compatibility approval. */
.workshop-accessory-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:34px; color:#636773; font-size:12px; }
.workshop-accessory-caution { margin:44px 0 24px; padding:2px 0 2px 15px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.65; }
.workshop-accessory-right { min-width:0; }
.workshop-accessory-subtitle { margin:0 0 26px; color:#101114; font-size:11px; }
.workshop-accessory-closing { padding:24px 32px 30px; background:#ffe36c; }
.workshop-accessory-product { display:inline-flex; align-items:center; min-height:44px; margin:0 0 20px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
.workshop-accessory-closing p { margin:0; padding-top:18px; border-top:1px solid #d4ba58; color:#636773; font-size:11px; line-height:1.6; }
.workshop-accessory-details { margin:42px 0 0; border-block:1px solid #d9dce4; }
.workshop-accessory-details > summary { display:flex; justify-content:space-between; align-items:center; min-height:66px; cursor:pointer; color:#101114; font-size:14px; font-weight:650; list-style:none; }
.workshop-accessory-details > summary::after { content:'+'; color:#073dc5; font-size:22px; font-weight:400; }
.workshop-accessory-details[open] > summary::after { content:'−'; }
.workshop-accessory-details p { max-width:780px; margin:0 0 24px; color:#636773; font-size:13px; line-height:1.65; }
.workshop-accessory-next { max-width:690px; margin:52px 0 70px; padding-top:34px; border-top:1px solid #d9dce4; }
.workshop-accessory-next > span { color:#073dc5; font-size:12px; font-weight:650; }
.workshop-accessory-next a { display:inline-flex; min-height:44px; align-items:center; margin-right:26px; color:#073dc5 !important; font-size:13px; font-weight:650; text-decoration:none; }
@media(max-width:900px) {
}
@media(max-width:600px) {
 .workshop-accessory-breadcrumb { margin-bottom:28px; }
 .workshop-accessory-caution { margin:32px 0 24px; }
 .workshop-accessory-closing { padding:20px; }
 .workshop-accessory-next a { display:flex; width:max-content; max-width:100%; }
}
/* Workshop checkout: native fields, fulfillment groups and submit stay intact. */
@media(min-width:1181px) {
}
/* A single group needs no duplicate brand heading/subtotal. Mixed groups stay labelled. */
/* Fulfillment controls use the same visual language as the contact form. */
@media (max-width: 900px) {
}
/* Single-contour orders review the summary first on mobile. Mixed orders review
   the same native summary after both receiving sections, before final consent. */
@media (min-width: 1181px) {
}
@media (max-width: 900px) {
}
@media (max-width: 760px) {
}
/* At enlarged text the native grid tracks and flex rows kept their min-content
   width while body overflow was clipped. Let choices and totals reflow in place. */
@media (max-width: 900px) {
}
@media (max-width: 250px) {
}

/* Workshop cart: first geometry pass. Native commerce owns all controls/data. */
@font-face {
  font-family: Cart Workshop;
  src: url('/assets/fonts/inter/InterVariable-ru-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
body[data-tierpp-enhanced="true"] .site-header {
  background: #fff !important;
  border-bottom: 1px solid #d5d9e3;
  box-shadow: none;
}
body[data-tierpp-enhanced="true"] .site-header :is(a, button, input) { font-family: Cart Workshop, Inter, Arial, sans-serif; }
body[data-tierpp-enhanced="true"] .site-header .logo-mark { display: none; }
body[data-tierpp-enhanced="true"] .site-header .logo-text { color: #0b3dcc; font: 850 30px/1 Cart Workshop, Inter, Arial, sans-serif; letter-spacing: 1px; }
body[data-tierpp-enhanced="true"] .site-header .nav-link { color: #101114; font-weight: 500; }
body[data-tierpp-enhanced="true"] .site-header .nav-link[href="/catalog/"] { color: #fff; background: #0b3dcc; border-radius: 3px; padding: 10px 17px; }
/* One plain unit has the same row total; do not print it twice. */
/* The native cart keeps its real link and state. Only its empty branch uses
   the selected Workshop composition instead of the populated-cart intro. */
@media (max-width: 760px) {
}
/* Beat the legacy secondary-page overrides regardless of stylesheet load order. */
/* Remove duplicated instructions, not delivery terms or commerce controls. */
main.tierpp-cart--filled .commerce-intro__text,main.tierpp-cart--filled .cart-stage-card > div { display: none; }
/* Keep the existing help menu operable without covering cart controls. */
@media (max-width: 760px) {
  /* Keep real names, prices and removal in view when the browser text is enlarged. */
}
/* Final two numeric material tools: same Workshop grammar, native calculations. */
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header { display:block; min-height:0 !important; margin-bottom:50px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header h1 { margin:20px 0 22px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header > p { max-width:650px; }
.workshop-numeric-breadcrumb { display:flex; align-items:center; gap:12px; margin:0 0 46px; color:#636773; font-size:12px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-breadcrumb .tierpp-tools-back { min-height:30px; margin:0; text-decoration:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:start; gap:80px; padding:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 18px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > :is(h2,.workshop-numeric-warning,.workshop-numeric-actions,[data-numeric-status]) { grid-column:1/-1; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > h2 { display:flex; align-items:baseline; gap:14px; margin:0 0 2px; color:#101114; font:650 20px/1.35 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > h2::after { content:""; flex:1; border-top:1px solid #d9dce4; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > h2 > span { color:#073dc5; font-size:22px; font-weight:450; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > hr[hidden],:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-preview > hr[hidden] { display:none !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-native-pair { display:contents !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .input-group { min-width:0; margin:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .input-group label { display:block; margin-bottom:10px; color:#101114; font-size:12px; line-height:1.5; font-weight:600; }
.workshop-numeric-control { position:relative; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) input[type="number"] { width:100%; min-width:0; min-height:52px; padding:12px 45px 12px 14px; border:1px solid #919cb8; border-radius:0; background:#fff; color:#101114; box-shadow:none; font:550 17px/1.3 "Cart Workshop",Inter,sans-serif; }
.workshop-numeric-input-unit { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#636773; font-size:12px; pointer-events:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .input-group > small[hidden] { display:none !important; }
.workshop-numeric-warning { margin:10px 0 0; padding:0 0 0 14px; border-left:3px solid #ffd863; color:#636773; font-size:12px; line-height:1.6; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-actions { margin-top:0; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-actions button:first-child { min-width:208px; text-align:left; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-preview { display:block; padding:32px; border:0; border-radius:0; background:#ffe36c !important; color:#101114; box-shadow:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-preview > h2 { margin:0 0 2px; color:#073dc5 !important; font:650 28px/1.25 "Cart Workshop",Inter,sans-serif; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-preview > h2 .tierpp-icon { display:none; }
.workshop-numeric-subtitle { margin:0 0 28px; color:#101114 !important; font-size:11px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .result-item { display:flex; justify-content:space-between; align-items:baseline; gap:18px; margin:0; padding:14px 0; border-bottom:1px solid #d4ba58; color:#101114; font-size:12px !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .result-value { color:#101114 !important; font-size:14px !important; font-weight:650; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-total { display:block; padding:0 0 18px; margin-bottom:12px; border:0; font-size:12px !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-total > span:first-child { display:block; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-total .result-value { display:flex; align-items:baseline; gap:8px; margin-top:10px; color:#073dc5 !important; font:600 clamp(38px,5vw,66px)/1.15 "Cart Workshop",Inter,sans-serif !important; letter-spacing:-2px; }
.workshop-numeric-total-unit { color:#073dc5; font-size:20px; letter-spacing:0; }
.workshop-numeric-diagram { display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto 160px auto; gap:9px; margin:36px 0 26px; color:#073dc5; }
.workshop-numeric-diagram-top { grid-column:2; text-align:center; font-size:12px; font-weight:650; }
.workshop-numeric-diagram-side { grid-row:2; align-self:center; writing-mode:vertical-rl; font-size:12px; font-weight:650; }
.workshop-numeric-diagram-graphic { grid-column:2; grid-row:2; display:grid; place-items:center; min-width:0; border:1px solid #073dc5; background:#fff8; }
.workshop-numeric-wallpaper-graphic { background-image:repeating-linear-gradient(to right,transparent 0 20%,#073dc5 20% calc(20% + 1px),transparent calc(20% + 1px) 25%); }
.workshop-numeric-lumber-graphic { background-image:repeating-linear-gradient(to bottom,transparent 0 14%,#073dc5 14% calc(14% + 1px),transparent calc(14% + 1px) 20%); }
.workshop-numeric-diagram-graphic > span { padding:10px; background:#fff; color:#073dc5; font-size:12px; font-weight:650; text-align:center; }
.workshop-numeric-diagram figcaption { grid-column:1/-1; color:#636773; font-size:10px; text-align:center; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-preview-note { margin:0; padding-top:18px; border-top:1px solid #d4ba58; color:#101114 !important; font-size:11px !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .workshop-numeric-next h2 { color:#101114; font:650 26px/1.3 "Cart Workshop",Inter,sans-serif !important; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-footer { display:none; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) :is(input,button,summary,a):focus-visible { outline:3px solid #073dc5; outline-offset:3px; }
:is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) [hidden] { display:none !important; }
@media(max-width:900px) { :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-grid { grid-template-columns:minmax(0,1fr); gap:30px; } }
@media(max-width:760px) {
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-container { width:calc(100% - 30px); margin-inline:15px; }
  .workshop-numeric-breadcrumb { margin:0 0 26px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header { margin-bottom:28px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header h1 { margin:14px 0 18px; font-size:32px !important; line-height:1.1; letter-spacing:-1.3px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calculator-header p { font-size:14px; line-height:1.45; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs { gap:24px 12px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-inputs > h2 { font-size:18px; line-height:1.3; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .input-group label { margin-bottom:8px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) input[type="number"] { min-height:46px; padding-block:9px; }
  :is(body[data-tierpp-route="tools"] #app main.workshop-numeric-material, body[data-tierpp-route="article"] #app .workshop-embedded-numeric) .calc-preview { padding:24px 20px; }
  .workshop-numeric-total-unit { font-size:16px; }
}
/* Keep the native help actions reachable without a floating bubble on results. */
/* Embedded lumber article: the approved Workshop grammar with the native calculator. */
main.workshop-article-embedded .workshop-article-meta { grid-column: 1; grid-row: 1; color: #626874; }
main.workshop-article-embedded .workshop-article-excerpt { grid-column: 1; grid-row: 3; max-width: 690px; margin: 0; color: #626874; font-size: 15px; line-height: 1.7; }
main.workshop-article-embedded .workshop-embedded-jump { grid-column: 1; grid-row: 4; justify-self: start; display: inline-flex; align-items: center; min-height: 46px; margin-top: 12px; padding: 11px 18px; background: #ffdf53; color: #172742; font-size: 13px; font-weight: 650; text-decoration: none; }
main.workshop-article-embedded .article-hero img { aspect-ratio: 1.76; object-fit: cover; }
main.workshop-article-embedded .workshop-article-caption { margin: 10px 0 0; font-size: 11px; }
main.workshop-article-embedded .workshop-article-reading { grid-template-columns: 235px minmax(0,1fr); gap: 72px; padding-top: 40px; border-top: 0; }
main.workshop-article-embedded .workshop-article-rail { top: 24px; }
main.workshop-article-embedded .workshop-article-rail summary { display: flex; justify-content: space-between; align-items: center; min-height: 44px; list-style: none; }
main.workshop-article-embedded .workshop-article-rail summary::-webkit-details-marker { display: none; }
main.workshop-article-embedded .workshop-article-rail summary::after { content: '+'; color: #073dc5; font-size: 17px; }
main.workshop-article-embedded .workshop-article-rail details[open] summary::after { content: '−'; }
main.workshop-article-embedded .workshop-article-rail ol { list-style: decimal-leading-zero; padding-left: 25px; }
main.workshop-article-embedded .workshop-article-rail li::marker { color: #073dc5; font-size: 11px; }
main.workshop-article-embedded .workshop-article-rail a { color: #343942; text-decoration: none; font-size: 12px; }
main.workshop-article-embedded .workshop-article-rail a:hover { color: #073dc5; text-decoration: underline; }
main.workshop-article-embedded .workshop-embedded-rail-note { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #d5d9e3; color: #626874; font-size: 11px; line-height: 1.6; }
main.workshop-article-embedded .article__content { max-width: 760px; font-size: 16px; line-height: 1.7; }
main.workshop-article-embedded .article__content h2 { font-size: 28px; line-height: 1.2; margin-top: 38px; }
main.workshop-article-embedded .article > .answer-first { margin: 22px 0 0 !important; padding: 18px 0 !important; border-block: 1px solid #d5d9e3 !important; background: #fff !important; font-size: 12px !important; }
main.workshop-article-embedded .workshop-embedded-tool {
  margin: 42px 0 0 !important; padding: 36px 0 0 !important; border: 0 !important;
  border-top: 2px solid #073dc5 !important; border-radius: 0 !important;
  background: #fff !important; box-shadow: none !important; scroll-margin-top: 24px;
}
main.workshop-article-embedded .workshop-embedded-tool > div[style*="text-align"] { display: none !important; }
main.workshop-article-embedded .workshop-embedded-tool-head { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 24px; }
main.workshop-article-embedded .workshop-embedded-tool-head span { color: #073dc5; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
main.workshop-article-embedded .workshop-embedded-tool-head h2 { margin: 10px 0 0; color: #101114; font: 750 34px/1.2 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing: -.025em; }
main.workshop-article-embedded .workshop-embedded-tool-head > a { flex: none; color: #073dc5; font-size: 13px; font-weight: 650; text-decoration: none; }
main.workshop-article-embedded .workshop-embedded-scope { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 28px; margin: 0 0 12px; padding: 18px 22px; border-left: 3px solid #073dc5; background: #edf2ff; color: #263b60; font-size: 13px; line-height: 1.6; }
main.workshop-article-embedded .workshop-embedded-scope p { margin: 0; }
main.workshop-article-embedded .workshop-embedded-privacy { margin: 0 0 28px; color: #626874; font-size: 11px; }
main.workshop-article-embedded .workshop-embedded-related { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: baseline; padding: 38px 0 0; margin-top: 42px; border-top: 1px solid #d5d9e3; }
main.workshop-article-embedded .workshop-embedded-related > h2 { margin: 0; color: #101114; font: 750 31px/1.2 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing: -.025em; }
main.workshop-article-embedded .workshop-embedded-related > a { color: #073dc5; font-size: 13px; font-weight: 650; text-decoration: none; }
main.workshop-article-embedded .workshop-embedded-related .article-nav { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px; padding: 0; border: 0; }
main.workshop-article-embedded .workshop-embedded-related .article-nav a { display: block; padding: 24px 0; border-top: 1px solid #d5d9e3; color: #101114; font: 650 21px/1.3 "Workshop Inter",Inter,Arial,sans-serif; text-decoration: none; }
main.workshop-article-embedded .workshop-embedded-related .article-nav a > span,main.workshop-article-embedded .workshop-embedded-related .article-nav a > strong { display: block; }
main.workshop-article-embedded .workshop-embedded-related-label { margin-bottom: 12px; color: #073dc5; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
main.workshop-article-embedded .workshop-embedded-related .article-nav a > strong { color: #101114; font-size: 21px; line-height: 1.3; }
main.workshop-article-embedded .workshop-embedded-related-excerpt { margin-top: 13px; color: #626874; font-size: 13px; line-height: 1.6; font-weight: 400; }
main.workshop-article-embedded .workshop-embedded-related-action { margin-top: 16px; color: #073dc5; font-size: 13px; font-weight: 650; }
main.workshop-article-embedded .workshop-embedded-products { margin: 28px 0 0; border-top: 1px solid #d5d9e3; }
main.workshop-article-embedded .workshop-embedded-products > summary { display: flex; justify-content: space-between; align-items: center; min-height: 56px; cursor: pointer; list-style: none; color: #073dc5; font-size: 15px; font-weight: 650; }
main.workshop-article-embedded .workshop-embedded-products > summary::-webkit-details-marker { display: none; }
main.workshop-article-embedded .workshop-embedded-products > summary::after { content: '+'; font-size: 22px; }
main.workshop-article-embedded .workshop-embedded-products[open] > summary::after { content: '−'; }
main.workshop-article-embedded :is(a,button,summary,input):focus-visible { outline: 3px solid #073dc5; outline-offset: 3px; }
@media (max-width: 1000px) {
  main.workshop-article-embedded .workshop-article-reading { grid-template-columns: 1fr; gap: 24px; }
  main.workshop-article-embedded .workshop-article-rail { position: static; }
  main.workshop-article-embedded .workshop-embedded-rail-note { display: none; }
}
@media (max-width: 760px) {
  main.workshop-article-embedded .workshop-article-excerpt { font-size: 14px; line-height: 1.7; }
  main.workshop-article-embedded .article-hero img { aspect-ratio: 1.7; }
  main.workshop-article-embedded .article__content { font-size: 14px; line-height: 1.7; }
  main.workshop-article-embedded .article__content h2 { font-size: 23px; }
  main.workshop-article-embedded .workshop-embedded-tool-head { display: block; }
  main.workshop-article-embedded .workshop-embedded-tool-head h2 { font-size: 29px; }
  main.workshop-article-embedded .workshop-embedded-tool-head > a { display: inline-block; margin-top: 12px; }
  main.workshop-article-embedded .workshop-embedded-scope { grid-template-columns: 1fr; gap: 8px; padding: 18px; }
  main.workshop-article-embedded .workshop-embedded-related { grid-template-columns: 1fr; gap: 10px; }
  main.workshop-article-embedded .workshop-embedded-related .article-nav { grid-template-columns: 1fr; gap: 0; }
  main.workshop-article-embedded .workshop-embedded-related .article-nav a { font-size: 19px; }
}
/* The native help menu remains available in flow below long reading and calculation. */
/* Articles without a real cover stay editorial; never promote the generic placeholder as a product photo. */
main.workshop-article--text-only .tierpp-article-masthead > .article-hero[hidden] { display:none !important; }
main.workshop-article--text-only .workshop-article-reading { border-top:0; }
main.workshop-article--text-only .workshop-article-excerpt { margin-bottom:0; }
main.workshop-article--diagram-cover .article-hero img { aspect-ratio:1200/630; object-fit:contain; max-height:none; }
/* The two remaining embedded calculators reuse their verified standalone presentation. */
@media(max-width:1000px) {
}
@media(max-width:760px) {
}

/* Favorites keep the native wishlist/cards but use the selected Workshop utility composition. */
body[data-tierpp-family="favorites"] { background:#fff; --tierpp-canvas:#fff; --tierpp-paper:#fff; --tierpp-ink:#101114; --tierpp-ink-soft:#636773; --tierpp-line:#d5d9e3; --tierpp-green:#0b3dcc; }
body[data-tierpp-family="favorites"] .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body[data-tierpp-family="favorites"] .site-header :is(a,button,input) { font-family:"Workshop Inter",Inter,Arial,sans-serif; }
body[data-tierpp-family="favorites"] .site-header .logo-mark { display:none; }
body[data-tierpp-family="favorites"] .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body[data-tierpp-family="favorites"] .site-header .nav-link[href="/catalog/"] { color:#fff; background:#0b3dcc; border-radius:3px; padding:10px 17px; }
body[data-tierpp-family="favorites"] .site-header :is(.tierpp-header-search,.tierpp-header-action,.burger) { border-radius:2px; box-shadow:none; }
body[data-tierpp-family="favorites"] .site-header .tierpp-header-search { max-width:none; background:#fff; }
body[data-tierpp-family="favorites"] .site-header :is(.tierpp-header-action,.burger) { color:#101114; }
@media(min-width:1181px) {
  body[data-tierpp-family="favorites"] .site-header .header-inner { width:min(100% - 96px,1248px); min-height:100px; padding-inline:0; column-gap:36px; }
  body[data-tierpp-family="favorites"] .site-header .main-nav > a:not([href="/catalog/"]) { display:none; }
  body[data-tierpp-family="favorites"] .site-header .header-right > a[href="/compare/"] { display:none; }
}
body[data-tierpp-family="favorites"] main.workshop-favorites { min-height:calc(100svh - 100px); padding:42px 0 64px; overflow:visible; background:#fff; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-favorites > .section { padding:0 !important; }
main.workshop-favorites > .section > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; margin-inline:auto; }
main.workshop-favorites :is(h1,h2,h3,button,select) { font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-favorites :is(a,button,input,select):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-favorites [hidden] { display:none !important; }
.workshop-favorites__breadcrumb { display:flex; align-items:center; gap:12px; color:#636773; font-size:12px; line-height:1.5; }
.workshop-favorites__breadcrumb a { color:#636773; text-decoration:none; }
.workshop-favorites__breadcrumb a:hover { color:#0b3dcc; text-decoration:underline; }
.workshop-favorites__hero { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:40px 0 50px; }
.workshop-favorites__hero p { margin:0 0 12px; color:#636773; font-size:12px; font-weight:650; }
body[data-tierpp-family="favorites"] main.workshop-favorites .workshop-favorites__hero h1 { margin:0; color:#101114; font-size:52px; font-weight:800; line-height:1.07; letter-spacing:-2px; text-wrap:balance; }
.workshop-favorites__hero > a { display:inline-flex; align-items:center; min-height:44px; color:#0b3dcc; font-size:13px; white-space:nowrap; text-decoration:none; }
.workshop-favorites__toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:20px 30px; min-height:76px; border-block:1px solid #d5d9e3; margin:0 0 24px; }
.workshop-favorites__count { margin:0 auto 0 0; font-size:13px; font-weight:650; }
.workshop-favorites__sort { display:flex; align-items:center; gap:14px; color:#636773; font-size:12px; }
.workshop-favorites__sort select { min-width:180px; min-height:44px; padding:10px 32px 10px 12px; border:1px solid #d5d9e3; border-radius:0; background:#fff; color:#3f4653; font-size:13px; }
.workshop-favorites__toolbar button,.workshop-favorites__notice button,.workshop-favorites__refresh { min-height:44px; padding:8px 0; border:0; border-radius:0; background:none; color:#0b3dcc; font-size:13px; cursor:pointer; }
.workshop-favorites__notice { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 16px; background:#eef3ff; margin:0 0 16px; }
.workshop-favorites__notice p { margin:0; font-size:12px; }
body[data-tierpp-family="favorites"] #app main.workshop-favorites #favorites-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:30px 24px; }
main.workshop-favorites .workshop-favorite-card { display:flex !important; flex-direction:column; min-width:0; height:auto !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; padding:0 !important; overflow:visible; cursor:default; }
main.workshop-favorites .workshop-favorite-card .product-card__img { position:relative; height:205px; margin:0 0 9px; overflow:visible !important; border:0; border-radius:0; background:#fff; }
main.workshop-favorites .workshop-favorite-card .product-card__img :is(picture,img) { display:block; width:100%; height:100%; }
main.workshop-favorites .workshop-favorite-card .product-card__img img { width:100% !important; height:100% !important; aspect-ratio:auto !important; object-fit:contain !important; background:#fff !important; transform:none !important; }
main.workshop-favorites .workshop-favorite-card[data-id="prime"] .product-card__img img { object-fit:cover !important; }
main.workshop-favorites .workshop-favorite-card .product-card__img .product-card__wish { position:absolute; top:7px; right:7px; z-index:2; display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; border:1px solid #d5d9e3; border-radius:50%; background:#fff; color:#101114 !important; box-shadow:none; font:400 27px/1 "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-favorites .workshop-favorite-card .product-card__img .product-card__wish:hover { color:#0b3dcc !important; border-color:#0b3dcc; }
main.workshop-favorites .workshop-favorite-card__media-note { min-height:32px; margin:0 0 7px; color:#636773; font-size:10px; line-height:1.6; }
main.workshop-favorites .workshop-favorite-card .product-card__body { display:flex !important; flex:1; flex-direction:column; min-width:0; padding:0 !important; }
main.workshop-favorites .workshop-favorite-card .product-card__badges { min-height:0; margin:0 0 9px !important; }
main.workshop-favorites .workshop-favorite-card .product-card__badges .badge { padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; color:#636773 !important; font-size:10px !important; font-weight:400; line-height:1.6; }
main.workshop-favorites .workshop-favorite-card .product-card__name { display:block !important; height:auto !important; max-height:none !important; margin:0 0 8px !important; overflow:visible !important; -webkit-line-clamp:unset !important; line-clamp:unset !important; color:#101114 !important; font-size:17px !important; font-weight:650 !important; line-height:1.35 !important; letter-spacing:-.3px; text-wrap:pretty; overflow-wrap:anywhere; }
main.workshop-favorites .workshop-favorite-card :is(.product-card__facts,.workshop-favorite-card__dimension) { display:block; margin:0 0 8px; color:#636773; font-size:11px; line-height:1.6; }
main.workshop-favorites .workshop-favorite-card .product-card__fact { display:inline; padding:0; border:0; background:none; color:inherit; font-size:inherit; }
main.workshop-favorites .workshop-favorite-card .product-card__fact + .product-card__fact::before { content:' · '; }
main.workshop-favorites .workshop-favorite-card .product-card__fact-icon { display:none; }
main.workshop-favorites .workshop-favorite-card .product-card__price-wrap { margin:0 !important; }
main.workshop-favorites .workshop-favorite-card .product-card__price { margin:0 !important; color:#101114 !important; font-size:22px !important; font-weight:800 !important; line-height:1.2; letter-spacing:-.7px; }
main.workshop-favorites .workshop-favorite-card .product-card__actions { display:flex !important; align-items:end; justify-content:space-between; gap:10px; margin:10px 0 0; }
main.workshop-favorites .workshop-favorite-card .product-card__actions > div { display:none !important; }
main.workshop-favorites .workshop-favorite-card .product-card__actions .btn { width:auto; min-height:44px; height:auto !important; flex:0 1 auto !important; padding:8px 0; border:0; border-radius:0; background:none !important; color:#0b3dcc !important; box-shadow:none; font-size:11px !important; font-weight:600 !important; }
main.workshop-favorites .workshop-favorite-card .product-card__actions .btn::after { content:' →'; }
main.workshop-favorites .workshop-favorite-card .workshop-favorite-card__compare { display:flex !important; align-items:center; justify-content:start; gap:10px; min-height:54px; margin:13px 0 0; border-top:1px solid #d5d9e3; padding:9px 0 0; color:#101114; font-size:12px; cursor:pointer; }
main.workshop-favorites .workshop-favorite-card__compare input { width:18px; height:18px; margin:0; accent-color:#0b3dcc; }
.workshop-favorites__selection { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid #d5d9e3; margin-top:26px; padding:22px 0; font-size:13px; }
.workshop-favorites__selection p { margin:0; }
.workshop-favorites__selection a { color:#0b3dcc; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
.workshop-favorites__empty { min-height:440px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-top:1px solid #d5d9e3; }
.workshop-favorites__empty > span { color:#0b3dcc; font-size:80px; line-height:1; }
body[data-tierpp-family="favorites"] main.workshop-favorites .workshop-favorites__empty h2 { margin:20px 0 0; color:#101114; font-size:35px; font-weight:750; }
.workshop-favorites__empty p { max-width:420px; margin:18px 0 22px; color:#636773; font-size:14px; line-height:1.65; }
.workshop-favorites__empty a { display:inline-flex; align-items:center; min-height:48px; padding:10px 22px; color:#fff; background:#0b3dcc; border-radius:3px; text-decoration:none; font-size:13px; }
@media(max-width:900px) {
  body[data-tierpp-family="favorites"] #app main.workshop-favorites #favorites-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:600px) {
  body[data-tierpp-family="favorites"] .site-header .logo-text { font-size:27px; }
  body[data-tierpp-family="favorites"] .site-header .header-right > a[href="/favorites/"] { display:grid; }
  body[data-tierpp-family="favorites"] .site-header .header-right > a[href="/compare/"] { display:none; }
  body[data-tierpp-family="favorites"] main.workshop-favorites { min-height:calc(100svh - 64px); padding:28px 0 50px; }
  .workshop-favorites__breadcrumb { font-size:11px; }
  .workshop-favorites__hero { display:block; padding:33px 0 34px; }
  body[data-tierpp-family="favorites"] main.workshop-favorites .workshop-favorites__hero h1 { font-size:37px; line-height:1.06; letter-spacing:-1.5px; }
  .workshop-favorites__hero > a { margin-top:17px; }
  .workshop-favorites__toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 12px; padding:14px 0; margin-bottom:24px; }
  .workshop-favorites__count { grid-column:1; grid-row:1; font-size:12px; }
  .workshop-favorites__toolbar button { grid-column:2; grid-row:1; font-size:12px; }
  .workshop-favorites__sort { grid-column:1 / -1; grid-row:2; justify-content:space-between; width:100%; gap:12px; margin-top:16px; }
  .workshop-favorites__sort select { flex:1; min-width:0; max-width:224px; }
  .workshop-favorites__grid { gap:24px 16px; }
  main.workshop-favorites .workshop-favorite-card .product-card__img { height:168px; }
  body[data-tierpp-family="favorites"] #app main.workshop-favorites #favorites-grid > .workshop-favorite-card:only-child { grid-column:1 / -1; }
  main.workshop-favorites #favorites-grid > .workshop-favorite-card:only-child .product-card__img { height:clamp(210px,67vw,360px); }
  main.workshop-favorites .workshop-favorite-card .product-card__name { font-size:14px !important; line-height:1.4 !important; }
  main.workshop-favorites .workshop-favorite-card .product-card__price { font-size:20px !important; }
  main.workshop-favorites .workshop-favorite-card .product-card__fact { display:block; }
  main.workshop-favorites .workshop-favorite-card .product-card__fact + .product-card__fact::before { content:''; }
  main.workshop-favorites .workshop-favorite-card .product-card__actions { align-items:start; }
  main.workshop-favorites .workshop-favorite-card .product-card__actions .btn { font-size:11px !important; }
  .workshop-favorites__empty { min-height:390px; }
  body[data-tierpp-family="favorites"] main.workshop-favorites .workshop-favorites__empty h2 { font-size:29px; }
  body[data-tierpp-family="favorites"] .messenger-widget { display:none !important; }
}

/* Personal comparison leads; editorial family routes remain available below. */
body[data-tierpp-family="compare"]:has(main.workshop-compare) { background:#fff; --tierpp-canvas:#fff; --tierpp-paper:#fff; --tierpp-ink:#101114; --tierpp-ink-soft:#636773; --tierpp-line:#d5d9e3; --tierpp-green:#0b3dcc; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header :is(a,button,input) { font-family:"Workshop Inter",Inter,Arial,sans-serif; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .logo-mark { display:none; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .nav-link[href="/catalog/"] { color:#fff; background:#0b3dcc; border-radius:3px; padding:10px 17px; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header :is(.tierpp-header-search,.tierpp-header-action,.burger) { border-radius:2px; box-shadow:none; }
body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .tierpp-header-search { max-width:none; background:#fff; }
@media(min-width:1181px) {
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .header-inner { width:min(100% - 96px,1248px); min-height:100px; padding-inline:0; column-gap:36px; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .main-nav > a:not([href="/catalog/"]) { display:none; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .header-right > a[href="/compare/"] { display:none; }
}
body[data-tierpp-family="compare"] main.workshop-compare { min-height:calc(100svh - 100px); padding:42px 0 60px; overflow:visible; background:#fff; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-compare :is(h1,h2,h3,button,input) { font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-compare :is(a,button,input):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-compare [hidden] { display:none !important; }
.workshop-compare__container { width:min(calc(100% - 40px),1248px); margin-inline:auto; }
.workshop-compare__breadcrumb { display:flex; align-items:center; gap:12px; color:#636773; font-size:12px; line-height:1.5; }
.workshop-compare__breadcrumb a { color:#636773; text-decoration:none; }
.workshop-compare__hero { display:flex; align-items:end; justify-content:space-between; gap:24px; padding:40px 0 50px; }
.workshop-compare__hero p { margin:0 0 12px; color:#636773; font-size:12px; font-weight:650; }
body[data-tierpp-family="compare"] main.workshop-compare .workshop-compare__hero h1 { margin:0; color:#101114; font-size:52px; font-weight:800; line-height:1.07; letter-spacing:-2px; }
.workshop-compare__hero > a { display:inline-flex; align-items:center; min-height:44px; color:#0b3dcc; font-size:13px; white-space:nowrap; text-decoration:none; }
.workshop-compare__toolbar { display:flex; align-items:center; gap:28px; min-height:76px; border-block:1px solid #d5d9e3; }
.workshop-compare__toolbar label { display:flex; align-items:center; gap:10px; margin-right:auto; font-size:13px; cursor:pointer; }
.workshop-compare__toolbar input { width:18px; height:18px; margin:0; accent-color:#0b3dcc; }
.workshop-compare__toolbar p { margin:0; font-size:13px; }
.workshop-compare__toolbar #clear-compare { min-height:44px; padding:8px 0; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:#0b3dcc !important; font-size:13px; font-weight:500; }
.workshop-compare__toolbar #clear-compare::after { content:' ×'; font-size:18px; }
.workshop-compare__warning { margin:22px 0 8px; padding:12px 14px; border-left:3px solid #e4a600; background:#fff8dc; color:#343a45; font-size:12px; line-height:1.6; }
.workshop-compare__advice { margin:22px 0 8px; padding:12px 14px; border-left:3px solid #0b3dcc; background:#eef3ff; color:#343a45; font-size:12px; line-height:1.6; }
.workshop-compare__options { margin:22px 0 8px; color:#636773; font-size:11px; line-height:1.6; }
.workshop-compare__pair { display:none; }
main.workshop-compare .compare-container { width:100%; max-width:none; margin:0; overflow-x:auto; }
main.workshop-compare .compare-table { display:block; width:100%; border-collapse:collapse; color:#101114; background:#fff; font-size:12px; line-height:1.6; }
main.workshop-compare .compare-table :is(thead,tbody) { display:block; width:100%; }
main.workshop-compare .compare-table tr { display:grid; grid-template-columns:170px repeat(var(--workshop-compare-columns),minmax(0,1fr)); width:100%; }
main.workshop-compare .compare-table :is(th,td) { display:block; }
main.workshop-compare .compare-table :is(th,td) { min-width:0; border-bottom:1px solid #d5d9e3; padding:14px 17px; background:#fff; color:#101114; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
main.workshop-compare .compare-table thead th { padding-top:25px; padding-bottom:26px; font-size:14px; font-weight:600; }
main.workshop-compare .compare-table thead th.compare-item-cell { width:auto !important; min-width:0; max-width:none; }
main.workshop-compare .compare-table thead th:first-child { width:170px !important; min-width:170px; max-width:170px; color:#636773; font-size:12px; font-weight:500; vertical-align:bottom; }
main.workshop-compare .compare-table tbody th { width:170px !important; min-width:170px; max-width:170px; color:#636773; font-size:12px; font-weight:500; }
main.workshop-compare .compare-table tbody tr:nth-child(odd) :is(th,td) { background:#f7f9ff; }
main.workshop-compare .compare-item-card { display:flex; flex-direction:column; align-items:start; padding:0; border:0; background:none; box-shadow:none; min-width:0; }
main.workshop-compare .compare-item-card > div:first-child { width:100%; }
main.workshop-compare .compare-item-img { width:100%; height:185px; object-fit:contain; }
main.workshop-compare .compare-item-card .badge { display:none; }
main.workshop-compare .compare-item-name { margin:14px 0 0; min-height:48px; color:#101114; font-size:16px; font-weight:650; line-height:1.45; }
main.workshop-compare .compare-item-name a { color:inherit; text-decoration:none; }
main.workshop-compare .compare-item-name a:hover { color:#0b3dcc; text-decoration:underline; }
main.workshop-compare .compare-item-price-wrap { margin:0; padding:0; }
main.workshop-compare .compare-item-price { color:#101114; font-size:23px; font-weight:800; line-height:1.2; }
main.workshop-compare .compare-remove { min-height:44px; margin-top:9px; padding:8px 0; border:0; background:none; color:#636773; font-size:11px; font-weight:400; }
main.workshop-compare .compare-remove::after { content:' ×'; }
.workshop-compare--differences .compare-table tbody tr.workshop-compare__same { display:none; }
.workshop-compare__empty { min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-top:1px solid #d5d9e3; text-align:center; }
.workshop-compare__empty > span { color:#0b3dcc; font-size:38px; }
body[data-tierpp-family="compare"] main.workshop-compare .workshop-compare__empty h2 { margin:15px 0 0; color:#101114; font-size:32px; }
.workshop-compare__empty p { max-width:420px; margin:18px 0 24px; color:#636773; font-size:14px; line-height:1.65; }
.workshop-compare__empty a { display:inline-flex; align-items:center; min-height:48px; padding:10px 22px; background:#0b3dcc; color:#fff; border-radius:3px; text-decoration:none; }
body[data-tierpp-family="compare"] main.workshop-compare .workshop-compare__editorial { padding:52px 0 0; background:#fff; }
main.workshop-compare .workshop-compare__editorial > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
main.workshop-compare .workshop-compare__editorial .landing-block { padding:0; border:0; background:#fff; box-shadow:none; }
body[data-tierpp-family="compare"] main.workshop-compare .workshop-compare__editorial .landing-block h2 { color:#101114; font-size:29px; }
main.workshop-compare .workshop-compare__editorial .landing-links-grid { gap:0 24px; }
main.workshop-compare .workshop-compare__editorial .landing-link-card { border:0; border-top:1px solid #d5d9e3; border-radius:0; background:#fff; box-shadow:none; padding:18px 0; }
main.workshop-compare .workshop-compare__editorial .catalog-selection-guide { border:0; border-top:1px solid #d5d9e3; border-radius:0; background:#fff; box-shadow:none; padding:24px 0; }
@media(min-width:601px) and (max-width:900px) {
  main.workshop-compare .workshop-compare__pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; padding:18px 0; border-bottom:1px solid #d5d9e3; }
  main.workshop-compare .workshop-compare__pair p { grid-column:1 / -1; margin:0; font-size:12px; color:#636773; }
  main.workshop-compare .workshop-compare__pair label { display:grid; gap:8px; min-width:0; color:#636773; font-size:11px; }
  main.workshop-compare .workshop-compare__pair select { width:100%; min-width:0; min-height:44px; padding:8px; border:1px solid #d5d9e3; border-radius:2px; color:#101114; background:#fff; font-size:12px; }
  main.workshop-compare .workshop-compare__shell.workshop-compare--paired .compare-table { min-width:0; }
  main.workshop-compare .workshop-compare--paired .compare-table thead tr,main.workshop-compare .workshop-compare--paired .compare-table tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
  main.workshop-compare .workshop-compare--paired .compare-table thead th:first-child { display:none; }
  main.workshop-compare .workshop-compare--paired .compare-table tbody th { grid-column:1 / -1; width:auto !important; min-width:0; max-width:none; padding:10px 0 2px; border:0; }
  main.workshop-compare .workshop-compare--paired .compare-table .workshop-compare__unpaired { display:none; }
  main.workshop-compare .workshop-compare--paired.workshop-compare--differences .compare-table tbody tr.workshop-compare__pair-same { display:none; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .messenger-widget { display:none !important; }
}

/* Exact Prime Baby family route: Workshop composition around native product cards and editorial content. */
/* This route's pre-hydration HTML is a real, indexable fallback. Keep its first
   paint legible while the route-specific Workshop renderer replaces it. */
body:has(#app > main[data-workshop-family-static="true"]) { background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .logo-mark { display:none; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .logo-subtext { display:none; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .main-nav > a:not([href="/catalog/"]) { display:none; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .main-nav > a[href="/catalog/"] { padding:10px 17px; border-radius:3px; background:#0b3dcc; color:#fff; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .header-right > :is(.header-phone,.header-max-link,.header-cta,a[href="/compare/"],a[href="/auth/"]) { display:none; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .tierpp-header-search { width:100%; max-width:none; min-width:0; border-radius:2px; background:#fff; }
body:has(#app > main[data-workshop-family-static="true"]) .site-header .header-right { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; }
#app > main[data-workshop-family-static="true"] { width:100%; max-width:none; min-height:100svh; padding:0 0 60px; background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; overflow:visible; }
#app > main[data-workshop-family-static="true"] .page-hero { padding:40px 0 28px !important; border:0 !important; background:#fff !important; box-shadow:none !important; color:#101114 !important; text-align:left !important; }
#app > main[data-workshop-family-static="true"] .page-hero::before,#app > main[data-workshop-family-static="true"] .page-hero::after { display:none !important; }
#app > main[data-workshop-family-static="true"] .page-hero > .container { width:min(calc(100% - 40px),1248px); max-width:none; margin-inline:auto; padding:0; }
#app > main[data-workshop-family-static="true"] .workshop-family-static-breadcrumb { display:flex; align-items:center; gap:12px; margin:0 0 28px; color:#636773; font:400 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif; }
#app > main[data-workshop-family-static="true"] .workshop-family-static-breadcrumb a { color:inherit; text-decoration:none; }
#app > main[data-workshop-family-static="true"] .page-hero .badge { display:inline-block; margin:0 0 14px !important; padding:0; border:0; border-radius:0; background:none !important; color:#636773 !important; font:650 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif; text-transform:none; }
#app > main[data-workshop-family-static="true"] .page-hero h1 { max-width:1080px; margin:0 0 12px; color:#0b3dcc !important; font:850 clamp(36px,5vw,68px)/1.06 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.05em; text-align:left !important; }
#app > main[data-workshop-family-static="true"] .page-hero p { max-width:1020px !important; margin:0; color:#101114 !important; font:400 18px/1.6 "Workshop Inter",Inter,Arial,sans-serif !important; text-align:left !important; }
#app > main[data-workshop-family-static="true"] .page-hero > .container > div[style*="display:grid"] { margin-top:32px !important; gap:0 24px !important; }
#app > main[data-workshop-family-static="true"] .page-hero > .container > div[style*="display:grid"] > div { padding:16px 0 !important; border:0 !important; border-top:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
#app > main[data-workshop-family-static="true"] .page-hero > .container > div[style*="display:grid"] > div > div { color:#101114 !important; }
#app > main[data-workshop-family-static="true"] .section { background:#fff !important; }
#app > main[data-workshop-family-static="true"] .section > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
#app > main[data-workshop-family-static="true"] :is(h2,h3) { color:#101114 !important; font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
@media(min-width:1181px) {
  body:has(#app > main[data-workshop-family-static="true"]) .site-header .header-inner { display:flex !important; align-items:center; flex-wrap:nowrap !important; width:min(calc(100% - 96px),1248px); max-width:none; min-height:100px; margin-inline:auto; padding:0; gap:36px; }
  body:has(#app > main[data-workshop-family-static="true"]) .site-header .logo,body:has(#app > main[data-workshop-family-static="true"]) .site-header .main-nav,body:has(#app > main[data-workshop-family-static="true"]) .site-header .header-right { flex:0 0 auto; }
  body:has(#app > main[data-workshop-family-static="true"]) .site-header .tierpp-header-search { flex:1 1 auto; }
}
@media(max-width:600px) {
  body:has(#app > main[data-workshop-family-static="true"]) .site-header .logo-text { font-size:24px; }
  #app > main[data-workshop-family-static="true"] .page-hero { padding:26px 0 16px !important; }
  #app > main[data-workshop-family-static="true"] .workshop-family-static-breadcrumb { margin-bottom:24px; }
  #app > main[data-workshop-family-static="true"] .page-hero h1 { font-size:36px !important; line-height:1.06 !important; }
  #app > main[data-workshop-family-static="true"] .page-hero p { font-size:16px !important; line-height:1.55 !important; }
  #app > main[data-workshop-family-static="true"] .page-hero > .container > div[style*="display:grid"] { grid-template-columns:1fr !important; gap:0 !important; margin-top:24px !important; }
}
body[data-tierpp-family="compare"]:has(main.workshop-family-compare) { background:#fff; --tierpp-canvas:#fff; --tierpp-paper:#fff; --tierpp-ink:#101114; --tierpp-ink-soft:#636773; --tierpp-line:#d5d9e3; --tierpp-green:#0b3dcc; }
body[data-tierpp-family="compare"] main.workshop-family-compare { padding:0 0 60px !important; background:#fff !important; overflow:visible; }
body[data-tierpp-family="compare"] main.workshop-family-compare .workshop-family-compare__hero {
  min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important;
  background:#fff !important; box-shadow:none !important; color:#101114 !important;
  text-align:left !important; animation:none !important; transform:none !important;
}
main.workshop-family-compare .workshop-family-compare__hero::before,main.workshop-family-compare .workshop-family-compare__hero::after { display:none !important; }
main.workshop-family-compare .landing-hero__layout {
  display:block !important; width:min(calc(100% - 40px),1248px) !important;
  max-width:none !important; min-height:0 !important; margin-inline:auto !important;
  padding:40px 0 12px !important; gap:0 !important;
}
main.workshop-family-compare .landing-hero__content { width:100%; max-width:none !important; margin:0 !important; padding:0 !important; transform:none !important; opacity:1 !important; }
.workshop-family-compare__breadcrumb { display:flex; align-items:center; gap:12px; margin:0 0 26px; color:#636773; font:400 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif; }
.workshop-family-compare__breadcrumb a { color:inherit; text-decoration:none; }
.workshop-family-compare__breadcrumb a:hover { color:#0b3dcc; text-decoration:underline; }
main.workshop-family-compare .landing-hero__badge { display:block; width:auto; margin:0 0 8px; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; color:#636773 !important; font:650 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; }
body[data-tierpp-family="compare"] main.workshop-family-compare .landing-hero h1.text-gradient {
  max-width:1080px !important; margin:0 !important; padding:0 !important; border:0 !important;
  background:none !important; color:#0b3dcc !important; -webkit-text-fill-color:#0b3dcc !important;
  font:800 clamp(43px,5.1vw,68px)/1.05 "Workshop Inter",Inter,Arial,sans-serif !important;
  letter-spacing:-.045em !important; text-shadow:none !important; text-wrap:balance; overflow-wrap:anywhere;
}
body[data-tierpp-family="compare"] main.workshop-family-compare .landing-hero__intro {
  max-width:1020px !important; margin:12px 0 0 !important; color:#101114 !important;
  font:400 18px/1.5 "Workshop Inter",Inter,Arial,sans-serif !important; opacity:1 !important;
}
.workshop-family-compare__jump { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:#0b3dcc; font:600 14px/1.4 "Workshop Inter",Inter,Arial,sans-serif; text-decoration:none; }
.workshop-family-compare__jump:hover { text-decoration:underline; }
body[data-tierpp-family="compare"] main.workshop-family-compare .workshop-family-compare__products {
  width:min(calc(100% - 40px),1248px) !important; max-width:none !important;
  margin:0 auto 26px !important; padding:0 0 44px !important; border:0 !important;
  background:#fff !important; box-shadow:none !important;
}
main.workshop-family-compare .workshop-family-compare__products > .landing-block__header { position:relative; height:0; min-height:0; margin:0; padding:0; overflow:visible; }
main.workshop-family-compare .workshop-family-compare__products > .landing-block__header h2 { position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
main.workshop-family-compare .workshop-family-compare__products > .landing-block__header .landing-block__badge { display:none; }
body[data-tierpp-family="compare"] main.workshop-family-compare #seo-landing-product-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:start !important; gap:34px !important; width:100%; max-width:none !important;
  margin:0 !important; padding:0 !important;
}
body[data-tierpp-family="compare"] main.workshop-family-compare .workshop-family-compare__card {
  display:flex !important; flex-direction:column !important; min-width:0 !important; height:auto !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background:#fff !important; box-shadow:none !important; overflow:visible !important;
}
.workshop-family-compare__label { display:flex; align-items:center; gap:15px; min-height:48px; margin:0 0 16px; color:#101114; font:750 24px/1.2 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:-.03em; }
.workshop-family-compare__label span { display:grid; flex:none; width:48px; height:48px; place-items:center; background:#ffdb57; color:#0b3dcc; font-size:28px; font-weight:800; }
.workshop-family-compare__card[data-id="prime-baby-rukhod"] .workshop-family-compare__label span { background:#dbe6ff; }
main.workshop-family-compare .workshop-family-compare__card .product-card__img { display:block !important; width:100% !important; height:330px !important; min-height:0 !important; aspect-ratio:auto !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__img picture { display:block; width:100%; height:100%; }
main.workshop-family-compare .workshop-family-compare__card .product-card__img img { display:block; width:100% !important; height:100% !important; max-height:none !important; aspect-ratio:auto !important; object-fit:cover !important; object-position:center !important; background:#fff !important; transform:none !important; }
main.workshop-family-compare .workshop-family-compare__card[data-id="prime-baby-rukhod"] .product-card__img img { object-fit:contain !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__video-badge { border-radius:2px !important; }
.workshop-family-compare__media-note { min-height:34px; margin:6px 0 10px; color:#636773; font:400 11px/1.55 "Workshop Inter",Inter,Arial,sans-serif; }
main.workshop-family-compare .workshop-family-compare__card .product-card__body { display:flex !important; flex-direction:column !important; flex:1; min-width:0; padding:0 !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__badges { display:flex; flex-wrap:wrap; gap:6px; min-height:0; margin:0 0 8px !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__badges .badge { padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; color:#636773 !important; font-size:11px !important; font-weight:500 !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__name { display:block; height:auto !important; max-height:none !important; margin:0 0 12px !important; overflow:visible !important; color:#101114 !important; font:600 18px/1.35 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.02em; }
main.workshop-family-compare .workshop-family-compare__card .product-card__price-wrap { margin:0 0 14px !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__price { margin:0 !important; color:#101114 !important; font:800 31px/1.15 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.04em; }
main.workshop-family-compare .workshop-family-compare__card .product-card__old-price { color:#636773 !important; font-size:12px !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__price-note { color:#636773 !important; font-size:11px !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__facts { display:flex; flex-wrap:wrap; gap:5px 12px; margin:0 0 10px; color:#636773; font-size:12px; }
main.workshop-family-compare .workshop-family-compare__card .product-card__fact { display:inline-flex; align-items:center; gap:4px; padding:0; border:0; background:none; color:inherit; }
main.workshop-family-compare .workshop-family-compare__card .product-card__fact-icon { display:none; }
main.workshop-family-compare .workshop-family-compare__card .product-card__feature-list { margin:0 0 8px; color:#636773; font-size:11px; }
main.workshop-family-compare .workshop-family-compare__card .product-card__actions { display:flex !important; align-items:center; justify-content:space-between; gap:12px; margin:8px 0 0; }
main.workshop-family-compare .workshop-family-compare__card .product-card__actions .btn { flex:0 1 auto !important; width:auto !important; min-height:44px; height:auto !important; padding:9px 0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:#0b3dcc !important; font-size:13px !important; font-weight:650 !important; }
main.workshop-family-compare .workshop-family-compare__card .product-card__actions .btn::after { content:' →'; }
main.workshop-family-compare .workshop-family-compare__card .product-card__wish { min-width:44px; min-height:44px; border-radius:2px !important; }
body[data-tierpp-family="compare"] main.workshop-family-compare > .section { margin:0 !important; padding:26px 0 0 !important; background:#fff !important; }
main.workshop-family-compare .landing-shell { width:min(calc(100% - 40px),1248px) !important; max-width:none !important; margin-inline:auto !important; padding:0 !important; }
main.workshop-family-compare .landing-sections { scroll-margin-top:24px; }
main.workshop-family-compare .landing-block { border:0 !important; border-top:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-family-compare .landing-card { border:0 !important; border-top:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-family-compare .landing-block__header :is(h2,a),main.workshop-family-compare .landing-card :is(h2,h3) { color:#101114 !important; font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-family-compare .landing-card p { color:#414957; }
.workshop-family-compare__support { display:grid; grid-template-columns:1fr; gap:18px; padding:36px 0; border-top:1px solid #d5d9e3; }
.workshop-family-compare__support > a[href="/catalog/"] { color:#0b3dcc; font-size:13px; }
.workshop-family-compare__support .landing-hero__cta { display:flex; flex-wrap:wrap; gap:12px; margin:0; }
.workshop-family-compare__support .landing-proof-grid,.workshop-family-compare__support .landing-context-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; }
.workshop-family-compare__support .landing-proof-card,.workshop-family-compare__support .landing-context-card { border:1px solid #d5d9e3 !important; border-radius:2px !important; background:#fff !important; box-shadow:none !important; }
.workshop-family-compare__support .landing-hero__media { display:inline-flex; width:fit-content; max-width:100%; min-height:44px; align-items:center; border:0 !important; background:none !important; color:#0b3dcc !important; text-decoration:none; }
.workshop-family-compare__support .landing-hero__media :is(picture,img) { display:none !important; }
.workshop-family-compare__support .landing-hero__media-body { display:flex; flex-wrap:wrap; align-items:center; gap:8px; position:static; width:auto; padding:0; border:0; background:none; color:inherit; }
.workshop-family-compare__support .landing-hero__media-kicker { color:#636773; }
.workshop-family-compare__support .landing-hero__media-title { color:#0b3dcc; }
.workshop-family-compare__support .landing-hero__media-price { color:#101114; }
@media(max-width:760px) {
  body[data-tierpp-family="compare"] main.workshop-family-compare { padding:0 0 48px !important; }
  main.workshop-family-compare .landing-hero__layout { padding:24px 0 12px !important; }
  .workshop-family-compare__breadcrumb { margin-bottom:24px; font-size:11px; }
  main.workshop-family-compare .landing-hero__badge { margin-bottom:8px; font-size:11px !important; }
  body[data-tierpp-family="compare"] main.workshop-family-compare .landing-hero h1.text-gradient { max-width:none !important; font-size:clamp(33px,8.7vw,42px) !important; line-height:1.06 !important; letter-spacing:-.04em !important; text-wrap:pretty; }
  body[data-tierpp-family="compare"] main.workshop-family-compare .landing-hero__intro { margin-top:10px !important; font-size:14px !important; line-height:1.55 !important; }
  .workshop-family-compare__jump { margin-top:8px; font-size:13px; }
  body[data-tierpp-family="compare"] main.workshop-family-compare #seo-landing-product-grid { grid-template-columns:minmax(0,1fr) !important; gap:36px !important; }
  .workshop-family-compare__label { gap:12px; min-height:40px; margin-bottom:13px; font-size:21px; }
  .workshop-family-compare__label span { width:40px; height:40px; font-size:24px; }
  main.workshop-family-compare .workshop-family-compare__card .product-card__img { height:auto !important; aspect-ratio:4/3 !important; }
  main.workshop-family-compare .workshop-family-compare__card .product-card__name { font-size:16px !important; }
  main.workshop-family-compare .workshop-family-compare__card .product-card__price { font-size:27px !important; }
  .workshop-family-compare__support .landing-proof-grid,.workshop-family-compare__support .landing-context-grid { grid-template-columns:minmax(0,1fr); }
}

/* Buyer auth keeps the existing form/handlers inside the selected Workshop layout. */
main.workshop-auth-page * { box-sizing:border-box; }
main.workshop-auth-page .workshop-auth__inner { width:min(1248px,calc(100% - 64px)); margin:0 auto; padding:0 0 82px; }
main.workshop-auth-page .workshop-auth__crumb { display:flex; align-items:center; gap:14px; min-height:68px; color:#636773; font-size:12px; }
main.workshop-auth-page .workshop-auth__crumb a { color:#636773; text-decoration:none; }
main.workshop-auth-page .workshop-auth__crumb a:hover { color:#0b3dcc; }
main.workshop-auth-page .workshop-auth__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(45px,7vw,110px); align-items:start; padding:54px 0 0; }
main.workshop-auth-page .workshop-auth__intro { grid-column:1; grid-row:1; min-width:0; }
main.workshop-auth-page .workshop-auth__eyebrow { margin:0 0 19px; color:#636773; font-size:12px; font-weight:650; }
main.workshop-auth-page .workshop-auth__lead { max-width:490px; margin:24px 0 0; color:#101114; font-size:17px; line-height:1.5; }
main.workshop-auth-page .workshop-auth__benefits { display:grid; gap:17px; margin:30px 0 0; padding:0; list-style:none; }
main.workshop-auth-page .workshop-auth__benefits li { position:relative; padding-left:31px; color:#101114; font-size:14px; line-height:1.5; }
main.workshop-auth-page .workshop-auth__benefits li::before { position:absolute; left:2px; top:.1em; content:'✓'; color:#0b3dcc; font-size:17px; }
main.workshop-auth-page .workshop-auth__guest { grid-column:1; grid-row:2; max-width:470px; margin-top:48px; padding-top:27px; border-top:1px solid #d5d9e3; }
main.workshop-auth-page .workshop-auth__guest p { margin:0 0 15px; color:#636773; font-size:14px; line-height:1.6; }
main.workshop-auth-page .workshop-auth__guest a { display:inline-flex; align-items:center; min-height:44px; color:#0b3dcc; font-size:13px; font-weight:650; text-decoration:none; }
main.workshop-auth-page .workshop-auth__panel { grid-column:2; grid-row:1 / span 2; min-width:0; }
main.workshop-auth-page .workshop-auth__tabs { display:flex; gap:28px; min-height:43px; border-bottom:1px solid #d5d9e3; }
main.workshop-auth-page .workshop-auth__tabs a { display:inline-flex; align-items:flex-start; min-height:43px; padding:0 0 12px; color:#636773; font-size:14px; text-decoration:none; }
main.workshop-auth-page .workshop-auth__tabs a[aria-current="page"] { border-bottom:2px solid #0b3dcc; color:#0b3dcc; font-weight:750; }
main.workshop-auth-page .workshop-auth__card .auth-logo[hidden] { display:none !important; }
main.workshop-auth-page .workshop-auth__card .field { position:relative; margin-bottom:18px !important; }
main.workshop-auth-page .workshop-auth__card .label { display:block; margin-bottom:8px; color:#101114; font-size:13px; font-weight:650; }
main.workshop-auth-page .workshop-auth__card .input::placeholder { color:#707988; opacity:1; }
main.workshop-auth-page .workshop-auth__password-field .input { padding-right:88px !important; }
main.workshop-auth-page .workshop-auth__reveal { position:absolute; right:3px; bottom:3px; min-width:76px; min-height:42px; padding:0 8px; border:0; background:#fff; color:#0b3dcc; font-size:12px; cursor:pointer; }
main.workshop-auth-page .workshop-auth__card a { color:#0b3dcc !important; }
main.workshop-auth-page .workshop-auth__card #login-form > div:last-child { margin:13px 0 0 !important; text-align:left !important; }
main.workshop-auth-page .workshop-auth__card #login-form > div:last-child a { display:inline-flex; align-items:center; min-height:44px; font-size:13px !important; }
main.workshop-auth-page[data-workshop-auth-mode="login"] :is(.auth-divider,.auth-switch),main.workshop-auth-page[data-workshop-auth-mode="register"] .auth-switch { display:none !important; }
@media(max-width:760px) {
  main.workshop-auth-page .workshop-auth__inner { width:min(100% - 40px,600px); padding-bottom:55px; }
  main.workshop-auth-page .workshop-auth__crumb { min-height:58px; }
  main.workshop-auth-page .workshop-auth__layout { display:flex; flex-direction:column; gap:0; padding:28px 0 0; }
  main.workshop-auth-page .workshop-auth__lead { margin-top:21px; font-size:14px; }
  main.workshop-auth-page .workshop-auth__benefits { display:none; }
  main.workshop-auth-page .workshop-auth__panel { width:100%; margin-top:37px; }
  main.workshop-auth-page .workshop-auth__guest { order:3; margin-top:30px; }
}
@media(min-width:900px) { }
@media(max-width:899px) {
}



/* About: selected Workshop direction, with a real product photo and no invented proof counters. */
main.workshop-about * { box-sizing:border-box; }
main.workshop-about .workshop-about__container { width:min(1248px,calc(100% - 64px)); margin:0 auto; padding:0; }
main.workshop-about .workshop-about__breadcrumb { display:flex; gap:16px; align-items:center; min-height:54px; color:#636773; font-size:12px; }
main.workshop-about .workshop-about__breadcrumb a { color:inherit; text-decoration:none; }
main.workshop-about .workshop-about__breadcrumb a:hover { color:#0b3dcc; }
main.workshop-about .workshop-about__intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; align-items:end; padding:35px 0 39px; }
main.workshop-about .workshop-about__eyebrow { margin:0; color:#0b3dcc; font-size:11px; line-height:1.5; font-weight:650; letter-spacing:.13em; text-transform:uppercase; }
main.workshop-about h1 span,main.workshop-about h2 span { color:#0b3dcc; }
main.workshop-about .workshop-about__lead { width:100%; max-width:385px; justify-self:end; padding-bottom:3px; }
main.workshop-about .workshop-about__lead p:first-child { margin:0 0 18px; color:#101114; font-size:19px; line-height:1.6; }
main.workshop-about .workshop-about__lead p:nth-child(2) { margin:0 0 18px; color:#636773; font-size:15px; line-height:1.8; }
main.workshop-about :is(.workshop-about__lead,.workshop-about__directions,.workshop-about__concrete,.workshop-about__help) a { display:inline-flex; align-items:center; gap:13px; min-height:44px; color:#0b3dcc; font-size:13px; line-height:1.4; font-weight:550; text-decoration:none; }
main.workshop-about a:hover { text-decoration:underline; text-underline-offset:4px; }
main.workshop-about a:focus-visible { outline:3px solid #0b3dcc; outline-offset:4px; }
main.workshop-about .workshop-about__photo { margin:0; }
main.workshop-about .workshop-about__photo img { display:block; width:100%; height:auto; aspect-ratio:2.35; object-fit:cover; object-position:center 58%; background:#f2f4f8; }
main.workshop-about .workshop-about__photo figcaption { padding:12px 0 0; color:#636773; font-size:12px; line-height:1.5; }
main.workshop-about .workshop-about__principles { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:70px; padding:65px 0 54px; border-bottom:1px solid #d5d9e3; }
main.workshop-about .workshop-about__principles ol { margin:0; padding:0; list-style:none; }
main.workshop-about .workshop-about__principles li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:18px; margin:0 0 27px; }
main.workshop-about .workshop-about__principles li:last-child { margin-bottom:0; }
main.workshop-about .workshop-about__principles li > span { color:#0b3dcc; font-size:24px; font-weight:650; line-height:1; }
main.workshop-about .workshop-about__principles li p { margin:0; max-width:560px; color:#636773; font-size:14px; line-height:1.6; }
main.workshop-about .workshop-about__directions { padding:42px 0 46px; border-bottom:1px solid #d5d9e3; }
main.workshop-about .workshop-about__directions > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px; margin-top:30px; }
main.workshop-about .workshop-about__directions article { padding:6px 25px 3px; border-left:2px solid #0b3dcc; }
main.workshop-about .workshop-about__directions article:nth-child(2) { border-color:#efbc36; }
main.workshop-about .workshop-about__directions article h3 { margin:13px 0 15px; font-size:22px; }
main.workshop-about .workshop-about__directions article > p:not(.workshop-about__eyebrow) { max-width:460px; margin:0 0 15px; color:#636773; font-size:14px; line-height:1.6; }
main.workshop-about .workshop-about__concrete { padding:43px 0 47px; border-bottom:1px solid #d5d9e3; }
main.workshop-about .workshop-about__concrete p { max-width:760px; margin:21px 0 14px; color:#636773; font-size:15px; line-height:1.65; }
main.workshop-about .workshop-about__help { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:38px 0 0; }
main.workshop-about .workshop-about__help h2 { margin-top:12px; }
main.workshop-about .workshop-about__help > div:last-child { display:grid; gap:8px; }
main.workshop-about .workshop-about__help > div:last-child > a:first-child { font-size:23px; white-space:nowrap; }
@media(max-width:760px) {
  main.workshop-about .workshop-about__container { width:calc(100% - 40px); }
  main.workshop-about .workshop-about__breadcrumb { min-height:48px; font-size:11px; }
  main.workshop-about .workshop-about__intro { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px 0 27px; }
  main.workshop-about .workshop-about__lead { max-width:500px; justify-self:stretch; }
  main.workshop-about .workshop-about__lead p:first-child { font-size:17px; line-height:1.6; margin-bottom:15px; }
  main.workshop-about .workshop-about__lead p:nth-child(2) { font-size:12px; line-height:1.85; margin-bottom:15px; }
  main.workshop-about .workshop-about__photo img { aspect-ratio:1.4; object-position:center; }
  main.workshop-about .workshop-about__principles { grid-template-columns:minmax(0,1fr); gap:30px; padding:36px 0 32px; }
  main.workshop-about .workshop-about__directions { padding:32px 0; }
  main.workshop-about .workshop-about__directions > div { grid-template-columns:minmax(0,1fr); gap:27px; margin-top:25px; }
  main.workshop-about .workshop-about__concrete { padding:32px 0; }
  main.workshop-about .workshop-about__help { display:block; padding-top:32px; }
  main.workshop-about .workshop-about__help > div:last-child { margin-top:22px; }
}
@media(max-width:390px) {
  main.workshop-about .workshop-about__principles li { grid-template-columns:31px minmax(0,1fr); gap:11px; }
  main.workshop-about .workshop-about__help > div:last-child > a:first-child { font-size:20px; }
}
@media(max-width:600px) {
}

/* Delivery geography: native city links and search in the Workshop composition. */
/* City detail: one shared Workshop frame around the existing city-specific copy. */
/* Wooden assembly guide: approved Workshop first-screen silhouette with native content below. */
main.workshop-assembly * { box-sizing:border-box; }
main.workshop-assembly .workshop-assembly__container { width:min(1248px,calc(100% - 64px)); margin:0 auto; }
main.workshop-assembly .workshop-assembly__breadcrumb { display:flex; align-items:center; gap:14px; min-height:54px; color:#636773; font-size:12px; }
main.workshop-assembly .workshop-assembly__breadcrumb a { color:inherit; text-decoration:none; }
main.workshop-assembly .workshop-assembly__eyebrow { margin:0; color:#0b3dcc; font-size:11px; line-height:1.5; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
main.workshop-assembly .workshop-assembly__intro { max-width:920px; padding:29px 0 35px; }
main.workshop-assembly h1 span { display:block; color:#0b3dcc; }
main.workshop-assembly .workshop-assembly__lead { max-width:800px; margin:0; color:#636773; font-size:16px; line-height:1.65; }
main.workshop-assembly .workshop-assembly__opening { display:grid; grid-template-columns:minmax(0,750px) minmax(0,1fr); gap:48px; align-items:start; padding:0 0 40px; border-bottom:1px solid #d5d9e3; }
main.workshop-assembly .workshop-assembly__photo { min-width:0; margin:0; }
main.workshop-assembly .workshop-assembly__photo a { display:block; }
main.workshop-assembly .workshop-assembly__photo img { display:block; width:100%; height:auto; aspect-ratio:1.55; object-fit:cover; object-position:center 42%; background:#f2f6ff; }
main.workshop-assembly .workshop-assembly__photo figcaption { margin-top:9px; color:#636773; font-size:11px; line-height:1.5; }
main.workshop-assembly .workshop-assembly__included { min-width:0; padding-top:84px; }
main.workshop-assembly .workshop-assembly__included ul { display:grid; gap:15px; margin:0; padding:0; list-style:none; }
main.workshop-assembly .workshop-assembly__included li { display:flex; gap:12px; align-items:start; color:#101114; font-size:13px; line-height:1.5; }
main.workshop-assembly .workshop-assembly__included li::before { content:'✓'; flex:none; color:#0b3dcc; font-size:18px; line-height:1; font-weight:800; }
main.workshop-assembly .workshop-assembly__included > p:not(.workshop-assembly__eyebrow) { margin:22px 0 16px; color:#636773; font-size:13px; line-height:1.6; }
main.workshop-assembly .workshop-assembly__included > a { display:inline-flex; gap:15px; align-items:center; min-height:44px; color:#0b3dcc; font-size:13px; font-weight:750; text-decoration:none; }
main.workshop-assembly .workshop-assembly__boundary { margin:16px 0 0; color:#636773; font-size:12px; line-height:1.6; }
main.workshop-assembly :is(a,button,summary):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-assembly a:hover { text-decoration:underline; text-underline-offset:4px; }
main.workshop-assembly > .section { margin:0; padding:40px 0; background:#fff; }
main.workshop-assembly > .section > .container { width:min(1248px,calc(100% - 64px)); max-width:1248px !important; margin:0 auto; }
main.workshop-assembly .landing-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
main.workshop-assembly :is(.landing-card,.landing-block,.landing-link-card,.seo-landing-product-card) { border-color:#d5d9e3 !important; border-radius:0 !important; box-shadow:none !important; }
main.workshop-assembly > .section article[style*="border-radius"] { border-color:#d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-assembly :is(.landing-card,.landing-block) :is(h2,h3) { color:#101114 !important; font-family:Cart Workshop,Inter,Arial,sans-serif; letter-spacing:-.035em; }
main.workshop-assembly > .section :is(h2,h3)[style] { color:#101114 !important; }
main.workshop-assembly :is(.landing-card__body,.landing-check-card__text) { color:#636773; font-size:14px; line-height:1.65; }
main.workshop-assembly .landing-card__body li + li { margin-top:5px; }
main.workshop-assembly :is(.landing-block__badge,.landing-link-card__badge,.landing-check-card__index) { color:#0b3dcc !important; background:#f2f6ff !important; border-radius:0 !important; }
main.workshop-assembly :is(.landing-checklist-card,.landing-benefit-card,.landing-context-card) { border-color:#d5d9e3 !important; border-radius:0 !important; background:#f7f9fd !important; box-shadow:none !important; }
main.workshop-assembly :is(.landing-card,.landing-block) :is(.btn,button.btn) { color:#fff !important; background:#0b3dcc !important; border-radius:3px !important; }
@media(max-width:800px) {
  main.workshop-assembly .workshop-assembly__container,main.workshop-assembly > .section > .container { width:calc(100% - 40px); }
  main.workshop-assembly .workshop-assembly__opening { grid-template-columns:minmax(0,1fr); gap:23px; }
  main.workshop-assembly .workshop-assembly__included { padding:0; }
  main.workshop-assembly .workshop-assembly__photo img { aspect-ratio:1.4; }
  main.workshop-assembly .landing-sections { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:500px) {
  main.workshop-assembly .workshop-assembly__breadcrumb { min-height:48px; font-size:11px; }
  main.workshop-assembly .workshop-assembly__intro { padding:48px 0 29px; }
  main.workshop-assembly h1 span { display:inline; margin-left:.09em; }
  main.workshop-assembly .workshop-assembly__lead { font-size:14px; line-height:1.64; }
  main.workshop-assembly .workshop-assembly__photo img { aspect-ratio:1.35; }
  main.workshop-assembly .workshop-assembly__opening { padding-bottom:31px; }
  main.workshop-assembly .workshop-assembly__included h2 { font-size:28px; }
  main.workshop-assembly > .section { padding-top:30px; }
}
@media(max-width:390px) {
}
main.workshop-city-detail * { box-sizing:border-box; }
main.workshop-city-detail .workshop-city-detail__container { width:min(1248px,calc(100% - 64px)); margin:0 auto; }
main.workshop-city-detail .workshop-city-detail__breadcrumb { display:flex; gap:14px; align-items:center; min-height:54px; color:#636773; font-size:12px; }
main.workshop-city-detail .workshop-city-detail__breadcrumb a { color:inherit; text-decoration:none; }
main.workshop-city-detail .workshop-city-detail__back { display:inline-flex; align-items:center; min-height:44px; margin:13px 0 15px; color:#0b3dcc; font-size:12px; font-weight:700; text-decoration:none; }
main.workshop-city-detail .workshop-city-detail__eyebrow { margin:0; color:#0b3dcc; font-size:11px; line-height:1.5; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
main.workshop-city-detail .workshop-city-detail__intro { max-width:920px; padding:8px 0 32px; }
main.workshop-city-detail h1 span { display:block; color:#0b3dcc; }
main.workshop-city-detail .workshop-city-detail__lead { max-width:730px; margin:0; color:#636773; font-size:16px; line-height:1.65; }
main.workshop-city-detail .workshop-city-detail__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; margin-top:23px; }
main.workshop-city-detail .workshop-city-detail__actions a { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; color:#0b3dcc; font-size:13px; font-weight:750; text-decoration:none; }
main.workshop-city-detail .workshop-city-detail__actions a:first-child { min-width:201px; padding:0 20px; color:#fff; background:#0b3dcc; border-radius:3px; }
main.workshop-city-detail :is(a,button,summary):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-city-detail a:hover { text-decoration:underline; text-underline-offset:4px; }
main.workshop-city-detail .workshop-city-detail__story { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(260px,1fr); gap:44px; padding:29px 0 42px; border-top:1px solid #d5d9e3; border-bottom:1px solid #d5d9e3; }
main.workshop-city-detail .workshop-city-detail__photo { margin:0; }
main.workshop-city-detail .workshop-city-detail__photo img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:cover; object-position:center 45%; background:#f3f5f9; }
main.workshop-city-detail .workshop-city-detail__photo figcaption { margin-top:9px; color:#636773; font-size:11px; line-height:1.5; }
main.workshop-city-detail .workshop-city-detail__rate { padding:18px 0 0; }
main.workshop-city-detail .workshop-city-detail__number { display:block; margin:13px 0 7px; color:#0b3dcc; font-size:70px; line-height:1; font-weight:850; letter-spacing:-.055em; }
main.workshop-city-detail .workshop-city-detail__number small { font-size:25px; letter-spacing:0; }
main.workshop-city-detail .workshop-city-detail__rate > p:not(.workshop-city-detail__eyebrow) { max-width:440px; margin:11px 0 23px; color:#101114; font-size:14px; line-height:1.55; }
main.workshop-city-detail .workshop-city-detail__boundary { max-width:460px; padding:20px; background:#f2f6ff; }
main.workshop-city-detail .workshop-city-detail__boundary strong { font-size:13px; line-height:1.45; }
main.workshop-city-detail .workshop-city-detail__boundary p { margin:9px 0 0; color:#636773; font-size:12px; line-height:1.65; }
main.workshop-city-detail .workshop-city-detail__native { width:100%; max-width:none; margin:0; padding:32px 0 0; }
main.workshop-city-detail .info-layout { gap:42px; }
main.workshop-city-detail .info-content { min-width:0; }
main.workshop-city-detail .info-content > :is(h2,h3) { color:#101114; font-family:Cart Workshop,Inter,Arial,sans-serif; letter-spacing:-.03em; }
main.workshop-city-detail .info-content :is(.answer-first,.review-card) { border:1px solid #d5d9e3; border-left:3px solid #0b3dcc; border-radius:0; color:#101114; background:#fff; box-shadow:none; }
main.workshop-city-detail .info-content > div[style*="background"] { padding:22px !important; border:1px solid #d5d9e3 !important; border-left:3px solid #0b3dcc !important; border-radius:0 !important; color:#101114 !important; background:#f7f9fd !important; box-shadow:none !important; }
main.workshop-city-detail .info-content > div[style*="background"] :is(h3,h4) { color:#101114 !important; }
main.workshop-city-detail .info-content .related-card { border:1px solid #d5d9e3 !important; border-radius:0 !important; box-shadow:none !important; }
main.workshop-city-detail .info-content .related-card :is(h3,a) { color:#101114; }
main.workshop-city-detail .info-content .related-card .btn { color:#fff !important; background:#0b3dcc !important; border-radius:3px !important; }
main.workshop-city-detail .info-sidebar { min-width:0; }
main.workshop-city-detail .info-sidebar .sidebar-block { border:1px solid #d5d9e3 !important; border-radius:0 !important; color:#101114 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-city-detail .info-sidebar .sidebar-block.promo-block { background:#f2f6ff !important; }
main.workshop-city-detail .info-sidebar .sidebar-block :is(h3,h4) { color:#101114 !important; border-color:#d5d9e3 !important; font-family:Cart Workshop,Inter,Arial,sans-serif; }
main.workshop-city-detail .info-sidebar .sidebar-block :is(p,li) { color:#636773; }
main.workshop-city-detail .info-sidebar .sidebar-block .btn { color:#fff !important; background:#0b3dcc !important; border-radius:3px !important; }
main.workshop-city-detail .info-sidebar .sidebar-block a:not(.btn) { color:#0b3dcc; }
@media(max-width:800px) {
  main.workshop-city-detail .workshop-city-detail__container { width:calc(100% - 40px); }
  main.workshop-city-detail .workshop-city-detail__story { grid-template-columns:minmax(0,1fr); gap:18px; }
  main.workshop-city-detail .workshop-city-detail__rate { padding:0; }
  main.workshop-city-detail .info-layout { display:block; }
  main.workshop-city-detail .info-sidebar { margin-top:32px; }
}
@media(max-width:500px) {
  main.workshop-city-detail .workshop-city-detail__breadcrumb { min-height:48px; font-size:11px; }
  main.workshop-city-detail .workshop-city-detail__back { margin:7px 0 19px; }
  main.workshop-city-detail .workshop-city-detail__intro { padding:0 0 32px; }
  main.workshop-city-detail .workshop-city-detail__lead { font-size:15px; line-height:1.64; }
  main.workshop-city-detail .workshop-city-detail__actions { display:block; margin-top:19px; }
  main.workshop-city-detail .workshop-city-detail__actions a { width:100%; }
  main.workshop-city-detail .workshop-city-detail__actions a + a { margin-top:10px; justify-content:flex-start; }
  main.workshop-city-detail .workshop-city-detail__story { padding:22px 0 30px; }
  main.workshop-city-detail .workshop-city-detail__photo img { aspect-ratio:1.35; }
  main.workshop-city-detail .workshop-city-detail__native { padding-top:27px; }
}
@media(max-width:390px) {
}
main.workshop-cities * { box-sizing:border-box; }
main.workshop-cities .workshop-cities__container { width:min(1248px,calc(100% - 64px)); margin:0 auto; }
main.workshop-cities .workshop-cities__breadcrumb { display:flex; gap:16px; align-items:center; min-height:54px; color:#636773; font-size:12px; }
main.workshop-cities .workshop-cities__breadcrumb a { color:inherit; text-decoration:none; }
main.workshop-cities .workshop-cities__eyebrow { margin:0; color:#0b3dcc; font-size:11px; line-height:1.5; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
main.workshop-cities .workshop-cities__intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:end; gap:70px; padding:33px 0 44px; }
main.workshop-cities .workshop-cities__intro > p { max-width:440px; margin:0 0 8px; color:#636773; font-size:16px; line-height:1.62; }
main.workshop-cities .workshop-cities__channels { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d5d9e3; }
main.workshop-cities .workshop-cities__moscow { display:flex; flex-direction:column; align-items:flex-start; min-height:275px; padding:31px; color:#101114; background:#ffdd61; text-decoration:none; }
main.workshop-cities .workshop-cities__moscow .workshop-cities__eyebrow { color:#272313; }
main.workshop-cities .workshop-cities__moscow strong { margin-top:20px; font-size:33px; line-height:1.14; font-weight:800; letter-spacing:-.04em; }
main.workshop-cities .workshop-cities__moscow > span:last-child { display:flex; justify-content:space-between; width:100%; margin-top:auto; font-size:13px; font-weight:650; }
main.workshop-cities .workshop-cities__moscow b { font-size:22px; font-weight:400; }
main.workshop-cities .workshop-cities__regions { padding:34px 40px; }
main.workshop-cities .workshop-cities__regions > p:not(.workshop-cities__eyebrow) { max-width:480px; margin:0 0 15px; color:#636773; font-size:14px; line-height:1.6; }
main.workshop-cities :is(.workshop-cities__regions,.workshop-cities__help) a { display:inline-flex; align-items:center; gap:14px; min-height:44px; color:#0b3dcc; font-size:13px; font-weight:700; text-decoration:none; }
main.workshop-cities a:hover { text-decoration:underline; text-underline-offset:4px; }
main.workshop-cities :is(a,button,input):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-cities .workshop-cities__directory { padding:43px 0 34px; }
main.workshop-cities .workshop-cities__directory-heading { display:flex; justify-content:space-between; align-items:end; gap:28px; }
main.workshop-cities .workshop-cities__directory-heading h2 { margin:0; }
main.workshop-cities .workshop-cities__directory-heading p { max-width:260px; margin:0; color:#636773; font-size:13px; line-height:1.55; }
main.workshop-cities .workshop-cities__search { max-width:720px; margin-top:23px; }
main.workshop-cities .workshop-cities__search > label { display:block; margin:0 0 9px; color:#636773; font-size:12px; }
main.workshop-cities .workshop-cities__search-control { position:relative; }
main.workshop-cities .workshop-cities__search-control input { width:100%; min-height:56px; padding:11px 55px 11px 16px; border:1px solid #9eb3fc; border-radius:0; color:#101114; background:#fff; font:16px Cart Workshop,Inter,Arial,sans-serif; }
main.workshop-cities .workshop-cities__search-control svg { position:absolute; right:16px; top:16px; width:24px; height:24px; fill:none; stroke:#0b3dcc; stroke-width:1.7; pointer-events:none; }
main.workshop-cities .workshop-cities__directory-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 0; border-bottom:1px solid #d5d9e3; }
main.workshop-cities .workshop-cities__directory-meta p { margin:0; color:#636773; font-size:12px; }
main.workshop-cities .workshop-cities__directory-meta button { min-height:44px; padding:5px 0 5px 12px; border:0; color:#0b3dcc; background:none; font:650 12px Cart Workshop,Inter,Arial,sans-serif; white-space:nowrap; cursor:pointer; }
main.workshop-cities .workshop-cities__directory-meta button[hidden],main.workshop-cities .workshop-cities__empty[hidden] { display:none; }
main.workshop-cities #city-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:36px; margin:0; }
main.workshop-cities #city-list .city-link { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; gap:4px 10px; align-content:center; min-height:88px; padding:14px 0; border-bottom:1px solid #d5d9e3; border-radius:0; color:#101114; background:#fff; text-decoration:none; }
main.workshop-cities #city-list .city-link strong { min-width:0; font-size:15px; line-height:1.35; font-weight:700; }
main.workshop-cities #city-list .city-link small { grid-column:1; color:#636773; font-size:12px; line-height:1.35; }
main.workshop-cities #city-list .city-link > span { grid-column:2; grid-row:1/3; align-self:center; color:#0b3dcc; font-size:19px; }
main.workshop-cities #city-list .city-link:hover strong { color:#0b3dcc; }
main.workshop-cities #city-list .workshop-city-hidden { display:none !important; }
main.workshop-cities .workshop-cities__empty { padding:40px 0; color:#636773; font-size:14px; }
main.workshop-cities .workshop-cities__help { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:33px 0; border-top:1px solid #d5d9e3; }
main.workshop-cities .workshop-cities__help h2 { margin-top:11px; }
main.workshop-cities .workshop-cities__boundary { margin:0; color:#636773; font-size:12px; line-height:1.6; }
@media(max-width:760px) {
  main.workshop-cities .workshop-cities__container { width:calc(100% - 40px); }
  main.workshop-cities .workshop-cities__breadcrumb { min-height:48px; font-size:11px; }
  main.workshop-cities .workshop-cities__intro { display:block; padding:28px 0 33px; }
  main.workshop-cities .workshop-cities__intro > p { max-width:600px; margin:22px 0 0; font-size:13px; }
  main.workshop-cities .workshop-cities__channels { display:block; border:0; }
  main.workshop-cities .workshop-cities__moscow { min-height:195px; padding:24px; }
  main.workshop-cities .workshop-cities__moscow strong { margin-top:18px; font-size:29px; }
  main.workshop-cities .workshop-cities__regions { padding:30px 0; }
  main.workshop-cities .workshop-cities__directory { padding-top:29px; }
  main.workshop-cities .workshop-cities__directory-heading { display:block; }
  main.workshop-cities .workshop-cities__directory-heading p { margin-top:13px; }
  main.workshop-cities #city-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
  main.workshop-cities .workshop-cities__help { display:block; }
  main.workshop-cities .workshop-cities__help a { margin-top:14px; }
}
@media(max-width:500px) {
  main.workshop-cities #city-list { grid-template-columns:minmax(0,1fr); }
  main.workshop-cities .workshop-cities__search-control input { font-size:16px; }
}

/* Checkout has one required consent at submit. Keep the native address hint,
   but do not repeat the same checkbox beside the address/INN fields. */

/* Workshop cart: one concise buyer-facing lane; mixed subtotals stay visible. */
@media (max-width: 600px) {
}

/* The legacy smart-digital layer uses important declarations; keep this exact hub's first screen clear. */
main.workshop-digital-hub .digital-hero__cta { display:none !important; }
@media(max-width:760px) {
}

/* Four real digital guides in the selected Workshop composition. The native buy controls stay in each card. */
@media(min-width:1181px) {
}
main.workshop-digital-hub :is(h1,h2,h3,button,summary) { font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-digital-hub :is(a,button,summary):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
main.workshop-digital-hub [hidden] { display:none !important; }
.workshop-digital-hub__breadcrumb { display:flex; align-items:center; gap:12px; width:min(calc(100% - 40px),1248px); min-height:36px; margin:0 auto; color:#636773; font-size:12px; line-height:1.5; }
.workshop-digital-hub__breadcrumb a { color:#636773; text-decoration:none; }
main.workshop-digital-hub .digital-hero::after { display:none; }
main.workshop-digital-hub .digital-hero > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
main.workshop-digital-hub .digital-hero__layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr); align-items:center; gap:60px; min-height:315px; padding:31px 0 36px; }
main.workshop-digital-hub .digital-hero__layout > div:first-child { min-width:0; }
main.workshop-digital-hub .tierpp-kicker { display:block; margin:0 0 17px; color:#0b3dcc; font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.09em; text-transform:uppercase; }
main.workshop-digital-hub .digital-hero h1 span { display:block; color:#0b3dcc; }
main.workshop-digital-hub .digital-hero .section-subtitle { max-width:570px; margin:24px 0 0; color:#626b7a; font-size:15px; line-height:1.7; }
main.workshop-digital-hub .digital-hero__cta { display:none; }
main.workshop-digital-hub .digital-hero__panel .workshop-digital-hub__number { font-size:70px; font-weight:750; line-height:1; letter-spacing:-5px; }
main.workshop-digital-hub .digital-hero__panel > span { font-size:13px; line-height:1.5; }
main.workshop-digital-hub .digital-hero__panel > small { grid-column:1 / -1; padding-top:12px; border-top:1px solid #d1b54d; color:#443a1a; font-size:10px; line-height:1.5; }
main.workshop-digital-hub .digital-guides-section > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
main.workshop-digital-hub .digital-guides-section__header { display:block; padding:23px 0 0; border-top:1px solid #d6dce8; }
main.workshop-digital-hub .digital-guides-section__header h2 { margin:0; color:#101114; font-size:26px; font-weight:750; line-height:1.2; letter-spacing:-.8px; }
.workshop-digital-hub__toolbar { border-bottom:1px solid #d6dce8; }
.workshop-digital-hub__filters { display:flex; flex-wrap:wrap; gap:7px; padding:1px 0 18px; }
.workshop-digital-hub__filters button { min-height:43px; padding:10px 15px; border:1px solid #d6dce8; border-radius:2px; background:#fff; color:#101114; font-size:12px; cursor:pointer; }
.workshop-digital-hub__filters button[aria-pressed="true"] { border-color:#0b3dcc; background:#0b3dcc; color:#fff; }
.workshop-digital-hub__count { margin:0; padding:12px 0 0; border-top:1px solid #d6dce8; color:#636773; font-size:11px; }
main.workshop-digital-hub .digital-card__link { display:block; color:inherit; text-decoration:none; }
main.workshop-digital-hub .digital-card__media { position:relative; width:100%; height:auto; aspect-ratio:1.91; overflow:hidden; background:#f5f5f1; border-radius:0; }
main.workshop-digital-hub .digital-card__media img { display:block; width:100%; height:100%; object-fit:cover; transform:none; }
main.workshop-digital-hub .digital-card:hover img { transform:none !important; }
.workshop-digital-hub__image-label { position:absolute; left:14px; bottom:14px; padding:6px 11px; border:1px solid #c7d2ee; background:#fff; color:#0b3dcc; font-size:11px; line-height:1.3; }
main.workshop-digital-hub .digital-card__body { display:block; min-height:0; padding:17px 0 0; }
main.workshop-digital-hub .digital-card__topline { display:none; }
main.workshop-digital-hub .digital-card__badges { display:flex; gap:10px; margin:0 0 10px; }
main.workshop-digital-hub .digital-card__badges .badge { padding:0; border:0; background:none; color:#636773; font-size:11px; font-weight:400; }
main.workshop-digital-hub .digital-card__badges .badge + .badge::before { content:'·'; padding-right:10px; }
main.workshop-digital-hub .digital-card__title { min-height:0; margin:0; color:#101114; font-size:26px; font-weight:750; line-height:1.2; letter-spacing:-.7px; }
main.workshop-digital-hub .digital-card__desc { max-width:510px; min-height:0; margin:14px 0 0; color:#636773; font-size:13px; line-height:1.7; }
main.workshop-digital-hub .digital-card__buy { display:flex; align-items:end; justify-content:space-between; gap:20px; width:100%; margin-top:auto; padding:22px 0 0; border:0; background:none; }
main.workshop-digital-hub .digital-card__prices { display:block; }
main.workshop-digital-hub .digital-card__prices > div:first-child { display:flex; flex-direction:column-reverse; gap:5px; }
main.workshop-digital-hub .digital-card__price-main { color:#101114; font-size:25px; line-height:1.2; }
main.workshop-digital-hub .digital-card__price-label { color:#636773; font-size:11px; font-weight:400; text-transform:none; }
main.workshop-digital-hub .digital-card__price-secondary { display:flex; align-items:baseline; gap:6px; margin-top:4px; color:#636773; }
main.workshop-digital-hub .digital-card__price-secondary .digital-card__price-label { font-size:10px; }
main.workshop-digital-hub .digital-card__price-secondary strong { color:#636773; font-size:11px; font-weight:650; white-space:nowrap; }
.workshop-digital-hub__inside { display:inline-flex; align-items:center; min-height:44px; color:#0b3dcc; font-size:12px; white-space:nowrap; text-decoration:none; }
.workshop-digital-hub__purchase { width:100%; margin-top:6px; border-top:1px solid #e5e8f0; }
.workshop-digital-hub__purchase summary { width:max-content; max-width:100%; min-height:42px; padding:13px 0 6px; color:#0b3dcc; font-size:11px; cursor:pointer; }
main.workshop-digital-hub .digital-card__actions { display:flex; flex-wrap:wrap; gap:8px; padding:10px 0 0; }
main.workshop-digital-hub .digital-card__actions .btn { min-height:44px; border-radius:2px; font-size:11px; }
main.workshop-digital-hub > section.container { width:100%; max-width:none; padding:0; }
main.workshop-digital-hub .tierpp-digital-bundle > div:first-child > div { color:#0b3dcc !important; }
main.workshop-digital-hub .tierpp-digital-bundle h2 { max-width:420px; margin:12px 0 18px !important; color:#101114 !important; font-size:35px; line-height:1.2; letter-spacing:-1px; }
main.workshop-digital-hub .tierpp-digital-bundle h2 img { display:none; }
main.workshop-digital-hub .tierpp-digital-bundle p { max-width:440px; color:#504829 !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) { display:grid !important; align-content:start; gap:14px !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child { display:grid !important; gap:0 !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child > div { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:8px; min-width:0 !important; padding:15px 0 !important; border:0 !important; border-bottom:1px solid #d6c277 !important; border-radius:0 !important; background:none !important; color:#101114 !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child > div > div:first-child { grid-column:1; color:#101114 !important; font-size:12px !important; text-transform:none !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child > div > strong { color:#101114; font-size:19px !important; white-space:nowrap; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child > div > span { color:#78705a !important; font-size:11px; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:first-child > div > div:not(:first-child) { display:none; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:first-child > div:nth-child(2) { color:#504829 !important; font-size:11px !important; }
main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:nth-child(2) { justify-content:start !important; }
main.workshop-digital-hub .tierpp-digital-bundle .btn { min-height:44px; border-radius:2px; font-size:12px; }
main.workshop-digital-hub .tierpp-digital-bundle .btn--primary { background:#0b3dcc; border-color:#0b3dcc; }
main.workshop-digital-hub .tierpp-digital-bundle .btn--outline { color:#0b3dcc !important; border-color:#0b3dcc !important; }
main.workshop-digital-hub .digital-positioning-bridge,main.workshop-digital-hub .digital-seo-context { width:min(calc(100% - 40px),1248px); max-width:none; margin-inline:auto; }
main.workshop-digital-hub .digital-seo-context { display:block; margin-top:42px; padding:0; background:#fff; }
main.workshop-digital-hub .digital-seo-context__answer { display:none; }
main.workshop-digital-hub .digital-seo-context__choice { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; padding:40px 0 26px; border-top:1px solid #d6dce8; background:#fff; }
main.workshop-digital-hub .digital-seo-context__choice h2 { max-width:410px; margin:0; color:#101114; font-size:34px; line-height:1.15; letter-spacing:-1px; }
main.workshop-digital-hub .digital-seo-context__choice h2 span { display:block; color:#0b3dcc; }
main.workshop-digital-hub .digital-seo-context__choice ol { list-style:none; margin:0; padding:0; counter-reset:digital-step; }
main.workshop-digital-hub .digital-seo-context__choice li { position:relative; display:block; min-height:30px; margin:0 0 19px; padding-left:51px; color:#636773; font-size:12px; line-height:1.7; counter-increment:digital-step; }
main.workshop-digital-hub .digital-seo-context__choice li::before { position:absolute; left:0; top:0; content:counter(digital-step,decimal-leading-zero); color:#0b3dcc; font-size:24px; line-height:1.1; }
main.workshop-digital-hub .digital-seo-context__choice li strong { color:#101114; font-size:14px; }
main.workshop-digital-hub .digital-seo-context__faq { margin:0; padding:28px 0 25px; border-top:1px solid #d6dce8; background:#fff; }
main.workshop-digital-hub .digital-seo-context__faq h2 { margin:0 0 16px; color:#101114; font-size:24px; }
main.workshop-digital-hub .digital-seo-context__faq details { margin:0; border:0; border-top:1px solid #d6dce8; border-radius:0; background:#fff; box-shadow:none; }
main.workshop-digital-hub .digital-seo-context__faq details:last-child { border-bottom:1px solid #d6dce8; }
main.workshop-digital-hub .digital-seo-context__faq summary { min-height:48px; padding:14px 0; color:#101114; font-size:13px; cursor:pointer; }
main.workshop-digital-hub .digital-seo-context__faq details p { max-width:780px; margin:0; padding:0 0 18px; color:#636773; font-size:12px; line-height:1.7; }
main.workshop-digital-hub .digital-seo-context__boundary { margin:0; padding:22px 0; border:0; border-bottom:1px solid #d6dce8; border-radius:0; background:#fff; color:#636773; box-shadow:none; }
main.workshop-digital-hub .digital-seo-context__boundary strong { color:#101114; font-size:12px; }
main.workshop-digital-hub .digital-seo-context__boundary p { margin:7px 0 0; font-size:12px; line-height:1.7; }
main.workshop-digital-hub .digital-seo-context__links { display:flex; flex-wrap:wrap; gap:12px 23px; padding:17px 0; }
main.workshop-digital-hub .digital-seo-context__links a { min-height:40px; display:inline-flex; align-items:center; border:0; padding:0; color:#0b3dcc; font-size:11px; text-decoration:none; }
main.workshop-digital-hub .digital-positioning-bridge { display:grid; grid-template-columns:1fr auto; align-items:center; gap:22px; margin-top:20px; padding:22px 0; border-top:1px solid #d6dce8; background:#fff; box-shadow:none; }
main.workshop-digital-hub .digital-positioning-bridge h2 { margin:4px 0; color:#101114; font-size:18px; }
main.workshop-digital-hub .digital-positioning-bridge p { margin:0; color:#636773; font-size:12px; }
main.workshop-digital-hub .digital-positioning-bridge a { min-height:44px; color:#0b3dcc; font-size:12px; }
@media(max-width:760px) {
  .workshop-digital-hub__breadcrumb { min-height:34px; margin-top:7px; font-size:11px; }
  main.workshop-digital-hub .digital-hero__layout { display:block; min-height:0; padding:25px 0 27px; }
  main.workshop-digital-hub .tierpp-kicker { font-size:10px; margin-bottom:14px; }
  main.workshop-digital-hub .digital-hero .section-subtitle { margin-top:20px; font-size:13px; line-height:1.85; }
  main.workshop-digital-hub .digital-hero__panel > span { font-size:12px; }
  main.workshop-digital-hub .digital-hero__panel > small { grid-column:2; padding:0; border:0; font-size:10px; }
  main.workshop-digital-hub .digital-guides-section__header { padding-top:24px; }
  main.workshop-digital-hub .digital-guides-section__header h2 { font-size:27px; }
  .workshop-digital-hub__filters { gap:6px; padding:2px 0 16px; }
  .workshop-digital-hub__filters button { min-height:42px; padding:9px 11px; font-size:11px; }
  .workshop-digital-hub__count { padding:6px 0 0; }
  main.workshop-digital-hub .digital-card__media { aspect-ratio:1.9; }
  main.workshop-digital-hub .digital-card__title { font-size:25px; }
  main.workshop-digital-hub .digital-card__desc { font-size:12px; }
  main.workshop-digital-hub .tierpp-digital-bundle h2 { font-size:30px; }
  main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) { margin-top:20px; }
  main.workshop-digital-hub .tierpp-digital-bundle > div:nth-child(2) > div:nth-child(2) { display:flex !important; flex-direction:column; align-items:stretch !important; }
  main.workshop-digital-hub .digital-seo-context { margin-top:25px; }
  main.workshop-digital-hub .digital-seo-context__choice { display:block; padding:28px 0 12px; }
  main.workshop-digital-hub .digital-seo-context__choice h2 { margin-bottom:25px; font-size:29px; }
  main.workshop-digital-hub .digital-seo-context__choice li { margin-bottom:20px; padding-left:42px; }
  main.workshop-digital-hub .digital-positioning-bridge { display:block; padding:20px 0; }
  main.workshop-digital-hub .digital-positioning-bridge a { margin-top:12px; }
}
@media(max-width:600px) {
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .logo-text { font-size:27px; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .header-right > a[href="/favorites/"] { display:grid; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .site-header .header-right > a[href="/compare/"] { display:none; }
  body[data-tierpp-family="compare"] main.workshop-compare { min-height:calc(100svh - 64px); padding:28px 0 48px; }
  .workshop-compare__breadcrumb { font-size:11px; }
  .workshop-compare__hero { display:block; padding:33px 0 34px; }
  body[data-tierpp-family="compare"] main.workshop-compare .workshop-compare__hero h1 { font-size:37px; line-height:1.06; letter-spacing:-1.5px; }
  .workshop-compare__hero > a { margin-top:17px; }
  .workshop-compare__toolbar { display:grid; grid-template-columns:1fr auto; gap:0 12px; padding:14px 0; }
  .workshop-compare__toolbar label { grid-column:1 / -1; grid-row:1; margin-bottom:12px; }
  .workshop-compare__toolbar p { grid-column:1; grid-row:2; }
  .workshop-compare__toolbar #clear-compare { grid-column:2; grid-row:2; padding:0; }
  main.workshop-compare .compare-table { font-size:11px; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table,main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table :is(thead,tbody) { display:block; width:100%; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table thead tr,main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table thead th:first-child { display:none; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table thead th { width:auto; padding:16px 0 20px; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table tbody th { grid-column:1 / -1; width:auto; padding:10px 0 2px; border:0; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="2"] .compare-table tbody td { min-width:0; padding:4px 0 12px; }
  main.workshop-compare .compare-item-img { height:138px; }
  main.workshop-compare .compare-item-name { min-height:60px; margin-top:10px; font-size:14px; }
  main.workshop-compare .compare-item-price { font-size:20px; }
  main.workshop-compare .workshop-compare__shell:not([data-compare-count="2"]) .compare-table { min-width:680px; }
  main.workshop-compare .workshop-compare__pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; padding:18px 0; border-bottom:1px solid #d5d9e3; }
  main.workshop-compare .workshop-compare__pair p { grid-column:1 / -1; margin:0; font-size:12px; color:#636773; }
  main.workshop-compare .workshop-compare__pair label { display:grid; gap:8px; min-width:0; color:#636773; font-size:11px; }
  main.workshop-compare .workshop-compare__pair select { width:100%; min-width:0; min-height:44px; padding:8px; border:1px solid #d5d9e3; border-radius:2px; color:#101114; background:#fff; font-size:12px; }
  main.workshop-compare .workshop-compare__shell.workshop-compare--paired .compare-table { min-width:0; }
  main.workshop-compare .workshop-compare--paired .compare-table thead tr,main.workshop-compare .workshop-compare--paired .compare-table tbody tr { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  main.workshop-compare .workshop-compare--paired .compare-table thead th:first-child { display:none; }
  main.workshop-compare .workshop-compare--paired .compare-table tbody th { grid-column:1 / -1; width:auto !important; min-width:0; max-width:none; padding:10px 0 2px; border:0; }
  main.workshop-compare .workshop-compare--paired .compare-table .workshop-compare__unpaired { display:none; }
  main.workshop-compare .workshop-compare--paired.workshop-compare--differences .compare-table tbody tr.workshop-compare__pair-same { display:none; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="1"] .compare-table { min-width:0; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="1"] .compare-table tr { grid-template-columns:minmax(0,1fr); }
  main.workshop-compare .workshop-compare__shell[data-compare-count="1"] .compare-table thead th:first-child { display:none; }
  main.workshop-compare .workshop-compare__shell[data-compare-count="1"] .compare-table tbody th { width:auto !important; min-width:0; max-width:none; padding:10px 0 2px; border:0; }
  body[data-tierpp-family="compare"]:has(main.workshop-compare) .messenger-widget { display:none !important; }
}

/* Small-lot collection: the approved Workshop language, with native cards and facts. */
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) { background:#fff; --tierpp-canvas:#fff; --tierpp-paper:#fff; --tierpp-ink:#101114; --tierpp-ink-soft:#636773; --tierpp-line:#d5d9e3; --tierpp-green:#0b3dcc; }
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .logo-mark,body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .logo-subtext { display:none; }
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .nav-link[href="/catalog/"] { padding:10px 17px; border-radius:3px; background:#0b3dcc; color:#fff; }
body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header :is(.tierpp-header-search,.tierpp-header-action,.burger) { border-radius:2px; box-shadow:none; }
@media(min-width:1181px) {
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .header-inner { width:min(calc(100% - 96px),1248px); min-height:100px; padding-inline:0; column-gap:36px; }
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .main-nav > a:not([href="/catalog/"]),body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .header-right > a[href="/compare/"] { display:none; }
}
body[data-tierpp-family="scenario"] main.workshop-small-lot { padding:0 0 64px !important; background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; overflow:visible; }
main.workshop-small-lot :is(h1,h2,h3,button,input,select) { font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
main.workshop-small-lot :is(a,button,select):focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__hero { min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:#fff !important; box-shadow:none !important; color:#101114 !important; text-align:left !important; animation:none !important; transform:none !important; }
main.workshop-small-lot .workshop-small-lot__hero::before,main.workshop-small-lot .workshop-small-lot__hero::after { display:none !important; }
main.workshop-small-lot .landing-hero__layout { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important; align-items:center !important; width:min(calc(100% - 40px),1248px) !important; max-width:none !important; min-height:0 !important; margin-inline:auto !important; padding:40px 0 38px !important; gap:60px !important; }
main.workshop-small-lot .landing-hero__content { width:100%; max-width:none !important; margin:0 !important; padding:0 !important; transform:none !important; opacity:1 !important; }
.workshop-small-lot__breadcrumb { display:flex; align-items:center; gap:12px; margin:0 0 88px; color:#636773; font-size:12px; line-height:1.5; }
.workshop-small-lot__breadcrumb a { color:inherit; text-decoration:none; }
.workshop-small-lot__breadcrumb a:hover { color:#0b3dcc; text-decoration:underline; }
main.workshop-small-lot .landing-hero__badge { display:block; width:auto; margin:0 0 14px; padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; color:#636773 !important; font:650 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif !important; text-transform:none !important; letter-spacing:0 !important; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero h1.text-gradient { max-width:570px; margin:0; padding:0; background:none !important; color:#0b3dcc !important; -webkit-text-fill-color:#0b3dcc !important; font:800 clamp(40px,4.3vw,58px)/1.06 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.045em !important; text-shadow:none !important; text-align:left !important; text-wrap:balance; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero__intro { max-width:510px !important; margin:28px 0 0 !important; color:#101114 !important; font:400 16px/1.65 "Workshop Inter",Inter,Arial,sans-serif !important; opacity:1 !important; text-align:left !important; }
.workshop-small-lot__jump { display:inline-flex; align-items:center; min-height:44px; margin-top:13px; color:#0b3dcc; font-size:14px; text-decoration:none; }
.workshop-small-lot__jump:hover { text-decoration:underline; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero__media { display:block !important; align-self:center; width:100%; min-width:0; height:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; color:#101114 !important; text-decoration:none; overflow:hidden; transform:none !important; }
main.workshop-small-lot .landing-hero__media picture { display:block; width:100%; }
main.workshop-small-lot .landing-hero__media img { display:block; width:100% !important; height:345px !important; max-height:none !important; aspect-ratio:auto !important; border-radius:0 !important; object-fit:cover !important; object-position:center 53%; transform:none !important; }
main.workshop-small-lot .landing-hero__media::before,main.workshop-small-lot .landing-hero__media::after { display:none !important; }
.workshop-small-lot__visual-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; align-items:start; min-height:82px; padding:13px 18px; background:#ffdb57; color:#101114; font-size:11px; line-height:1.35; }
.workshop-small-lot__visual-caption span { grid-column:1; grid-row:1; font-weight:700; }
.workshop-small-lot__visual-caption small { grid-column:1; grid-row:2; font-size:10px; font-weight:400; line-height:1.5; }
.workshop-small-lot__visual-caption strong { grid-column:2; grid-row:1/3; white-space:nowrap; font-size:16px; line-height:1.3; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__measure,body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__products { width:min(calc(100% - 40px),1248px) !important; max-width:none !important; margin:0 auto !important; padding:28px 0 36px !important; border:0 !important; border-top:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-small-lot .workshop-small-lot__measure .landing-block__badge,main.workshop-small-lot .workshop-small-lot__products .landing-block__badge { display:none; }
main.workshop-small-lot .workshop-small-lot__measure .landing-block__header,main.workshop-small-lot .workshop-small-lot__products .landing-block__header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:0 0 20px; }
body[data-tierpp-family="scenario"] main.workshop-small-lot :is(.workshop-small-lot__measure,.workshop-small-lot__products) .landing-block__header h2 { margin:0; color:#101114 !important; font-size:32px; line-height:1.15; letter-spacing:-.04em; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__measure .landing-checklist-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:26px !important; }
main.workshop-small-lot .workshop-small-lot__measure .landing-card--check { display:grid; grid-template-columns:46px 1fr; align-items:start; gap:12px; min-width:0; padding:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-small-lot .workshop-small-lot__measure .landing-check-card__index { margin:0; padding:0; border:0; border-radius:0; background:none; color:#0b3dcc; font-size:29px; line-height:1.15; font-weight:400; }
main.workshop-small-lot .workshop-small-lot__measure .landing-check-card__text { margin:0; color:#343a45; font-size:13px; line-height:1.6; }
main.workshop-small-lot .workshop-small-lot__measure .workshop-small-lot__tip { display:flex; gap:12px; margin-top:22px; padding:16px 0 0 !important; border:0 !important; border-top:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
main.workshop-small-lot .workshop-small-lot__measure .workshop-small-lot__tip .landing-check-card__index { font-size:13px; font-weight:700; white-space:nowrap; }
main.workshop-small-lot .workshop-small-lot__products { padding-top:36px !important; }
main.workshop-small-lot .workshop-small-lot__products .landing-block__header > a[href="/catalog/"] { display:inline-flex; min-height:44px; align-items:center; padding:0; border:0; background:none; color:#0b3dcc; box-shadow:none; font-size:13px; text-decoration:none; }
main.workshop-small-lot .workshop-small-lot__controls { display:flex; gap:16px; margin-left:auto; }
main.workshop-small-lot .workshop-small-lot__controls label { display:grid; gap:7px; color:#636773; font-size:11px; }
main.workshop-small-lot .workshop-small-lot__controls select { min-width:150px; min-height:44px; padding:9px 12px; border:1px solid #d5d9e3; border-radius:2px; background:#fff; color:#101114; font-size:13px; }
.workshop-small-lot__count { margin:0 0 16px; color:#636773; font-size:12px; line-height:1.5; }
body[data-tierpp-family="scenario"] main.workshop-small-lot #seo-landing-product-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; align-items:stretch; gap:24px !important; width:100%; margin:0; padding:0; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__card { display:flex !important; flex-direction:column !important; min-width:0 !important; height:auto !important; border:1px solid #d5d9e3 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; }
body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__card[hidden] { display:none !important; }
main.workshop-small-lot .workshop-small-lot__card .product-card__img { height:230px; border:0; border-radius:0; background:#fff; }
main.workshop-small-lot .workshop-small-lot__card .product-card__img picture { display:block; width:100%; height:100%; }
main.workshop-small-lot .workshop-small-lot__card .product-card__img img { display:block; width:100% !important; height:100% !important; aspect-ratio:auto !important; object-fit:contain !important; background:#fff !important; transform:none !important; }
main.workshop-small-lot .workshop-small-lot__card[data-id="ari"] .product-card__img img,main.workshop-small-lot .workshop-small-lot__card[data-id="prime-baby"] .product-card__img img { object-fit:cover !important; }
main.workshop-small-lot .workshop-small-lot__media-note { min-height:42px; margin:0; padding:7px 15px; border-top:1px solid #d5d9e3; color:#636773; font-size:10px; line-height:1.4; }
main.workshop-small-lot .workshop-small-lot__card .product-card__body { padding:16px !important; }
main.workshop-small-lot .workshop-small-lot__card .product-card__name { min-height:44px; color:#101114 !important; font-size:16px !important; line-height:1.35 !important; }
main.workshop-small-lot .workshop-small-lot__card .product-card__price { color:#101114 !important; }
main.workshop-small-lot .workshop-small-lot__card .product-card__actions .btn { min-height:44px; border-radius:2px; background:#0b3dcc; color:#fff; }
body[data-tierpp-family="scenario"] main.workshop-small-lot > .section { padding-top:30px; background:#fff; }
main.workshop-small-lot > .section .landing-shell { width:min(calc(100% - 40px),1248px); max-width:none; margin-inline:auto; }
main.workshop-small-lot .workshop-small-lot__support { padding:18px 0 0; border-top:1px solid #d5d9e3; }
main.workshop-small-lot .workshop-small-lot__support :is(.landing-proof-grid,.landing-context-grid) { margin-top:16px; }
@media(max-width:900px) {
  main.workshop-small-lot .landing-hero__layout { grid-template-columns:minmax(0,1fr) !important; gap:24px !important; padding-top:26px !important; }
  .workshop-small-lot__breadcrumb { margin-bottom:32px; }
  main.workshop-small-lot .landing-hero__media img { height:280px !important; }
  main.workshop-small-lot .workshop-small-lot__measure .landing-checklist-grid { grid-template-columns:1fr !important; gap:18px !important; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot #seo-landing-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; }
  main.workshop-small-lot .workshop-small-lot__products .landing-block__header { flex-wrap:wrap; }
  main.workshop-small-lot .workshop-small-lot__controls { width:100%; margin-left:0; }
}
@media(max-width:600px) {
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .logo-text { font-size:27px; }
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .header-right > a[href="/compare/"] { display:none; }
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .site-header .header-right > a[href="/favorites/"] { display:flex !important; }
  body[data-tierpp-family="scenario"]:has(main.workshop-small-lot) .messenger-widget { display:none !important; }
  main.workshop-small-lot .landing-hero__layout { width:calc(100% - 40px) !important; padding-bottom:24px !important; gap:22px !important; }
  .workshop-small-lot__breadcrumb { margin-bottom:32px; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero h1.text-gradient { font-size:37px !important; line-height:1.05 !important; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero__intro { margin-top:22px !important; font-size:14px !important; line-height:1.6 !important; }
  .workshop-small-lot__jump { margin-top:12px; }
  main.workshop-small-lot .landing-hero__media img { height:235px !important; }
  .workshop-small-lot__visual-caption { grid-template-columns:1fr; min-height:110px; padding:12px 14px; }
  .workshop-small-lot__visual-caption strong { grid-column:1; grid-row:2; margin:0; }
  .workshop-small-lot__visual-caption small { grid-column:1; grid-row:3; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__measure,body[data-tierpp-family="scenario"] main.workshop-small-lot .workshop-small-lot__products { width:calc(100% - 40px) !important; padding-top:23px !important; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot :is(.workshop-small-lot__measure,.workshop-small-lot__products) .landing-block__header h2 { font-size:28px; }
  main.workshop-small-lot .workshop-small-lot__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  main.workshop-small-lot .workshop-small-lot__controls select { min-width:0; width:100%; font-size:11px; }
  body[data-tierpp-family="scenario"] main.workshop-small-lot #seo-landing-product-grid { grid-template-columns:1fr !important; gap:22px !important; }
  main.workshop-small-lot .workshop-small-lot__card .product-card__img { height:240px; }
}
@media(max-width:320px) {
  body[data-tierpp-family="scenario"] main.workshop-small-lot .landing-hero h1.text-gradient { font-size:clamp(23px,8.5vw,30px) !important; overflow-wrap:anywhere; }
  body[data-tierpp-enhanced="true"] .cookie-banner { max-height:calc(100svh - 16px); overflow:auto; }
  body[data-tierpp-enhanced="true"] .cookie-banner__actions { display:grid; grid-template-columns:minmax(0,1fr); }
  body[data-tierpp-enhanced="true"] .cookie-banner__actions .btn,body[data-tierpp-enhanced="true"] .cookie-banner__actions #cookie-accept { width:100%; white-space:normal; overflow-wrap:anywhere; }
}

/* Indexable small-lot fallback uses the same real Ari photo before SPA hydration. */
main.workshop-scenario-collection .workshop-small-lot__breadcrumb { margin-bottom:56px; }
main.workshop-scenario-collection .workshop-scenario__checks { padding-top:28px !important; }
body[data-tierpp-family="scenario"] main.workshop-scenario-collection .workshop-scenario__checks .landing-checklist-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:22px !important; }
main.workshop-scenario-collection .workshop-small-lot__products { padding-top:28px !important; }
main.workshop-scenario-collection .workshop-scenario__media-note { display:block; color:#636773; background:#fff; }
@media(max-width:900px) {
  main.workshop-scenario-collection .workshop-small-lot__breadcrumb { margin-bottom:30px; }
  body[data-tierpp-family="scenario"] main.workshop-scenario-collection .workshop-scenario__checks .landing-checklist-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(max-width:600px) {
  body[data-tierpp-family="scenario"] main.workshop-scenario-collection .workshop-scenario__checks .landing-checklist-grid { grid-template-columns:1fr !important; }
}

body:has(#app > main[data-workshop-small-lot-static="true"]) { background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .logo-mark,body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .logo-subtext,body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .main-nav > a:not([href="/catalog/"]),body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .header-right > :is(.header-phone,.header-max-link,.header-cta,a[href="/compare/"],a[href="/auth/"]) { display:none; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .main-nav > a[href="/catalog/"] { padding:10px 17px; border-radius:3px; background:#0b3dcc; color:#fff; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .tierpp-header-search { width:100%; max-width:none; min-width:0; border-radius:2px; background:#fff; }
body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .header-right { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; }
#app > main[data-workshop-small-lot-static="true"] { width:100%; max-width:none; min-height:100svh; padding:0 0 64px; background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; overflow:visible; }
#app > main[data-workshop-small-lot-static="true"] .page-hero { padding:40px 0 32px !important; border:0 !important; background:#fff !important; box-shadow:none !important; color:#101114 !important; text-align:left !important; }
#app > main[data-workshop-small-lot-static="true"] .page-hero::before,#app > main[data-workshop-small-lot-static="true"] .page-hero::after { display:none !important; }
#app > main[data-workshop-small-lot-static="true"] .page-hero > .container { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); column-gap:60px; width:min(calc(100% - 40px),1248px); max-width:none; margin-inline:auto; padding:0; }
#app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-breadcrumb { display:flex; grid-column:1/-1; align-items:center; gap:12px; margin:0 0 32px; color:#636773; font-size:12px; line-height:1.5; }
#app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-breadcrumb a { color:inherit; text-decoration:none; }
#app > main[data-workshop-small-lot-static="true"] .page-hero .badge { grid-column:1; grid-row:2; align-self:end; width:max-content; margin:0 0 14px !important; padding:0; border:0; border-radius:0; background:none !important; color:#636773 !important; font:650 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif; text-transform:none; }
#app > main[data-workshop-small-lot-static="true"] .page-hero h1 { grid-column:1; grid-row:3; max-width:570px; margin:0; color:#0b3dcc !important; font:800 clamp(40px,4.3vw,58px)/1.06 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.045em; text-align:left !important; text-wrap:balance; }
#app > main[data-workshop-small-lot-static="true"] .page-hero p { grid-column:1; grid-row:4; max-width:510px !important; margin:25px 0 0; color:#101114 !important; font:400 16px/1.65 "Workshop Inter",Inter,Arial,sans-serif !important; text-align:left !important; }
#app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-photo { display:block; grid-column:2; grid-row:2/5; align-self:center; min-width:0; color:#101114; text-decoration:none; }
#app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-photo picture { display:block; }
#app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-photo img { display:block; width:100%; height:345px; object-fit:cover; object-position:center 53%; }
.workshop-small-lot-static-caption { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 16px; align-items:start; min-height:82px; padding:13px 18px; background:#ffdb57; color:#101114; font-size:11px; line-height:1.35; }
.workshop-small-lot-static-caption span { grid-column:1; grid-row:1; font-weight:700; }
.workshop-small-lot-static-caption small { grid-column:1; grid-row:2; font-size:10px; font-weight:400; line-height:1.5; }
.workshop-small-lot-static-caption strong { grid-column:2; grid-row:1/3; white-space:nowrap; font-size:16px; line-height:1.3; }
#app > main[data-workshop-small-lot-static="true"] .page-hero > .container > div[style*="display:grid"] { grid-column:1/-1; margin-top:32px !important; }
html.dvn-route-staging #app > main[data-workshop-small-lot-static="true"] .page-hero > .container > div[style*="display:grid"] { display:none !important; }
#app > main[data-workshop-small-lot-static="true"] .section { background:#fff !important; }
#app > main[data-workshop-small-lot-static="true"] .section > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
#app > main[data-workshop-small-lot-static="true"] :is(h2,h3) { color:#101114 !important; font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
@media(min-width:1181px) {
  body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .header-inner { display:flex !important; align-items:center; flex-wrap:nowrap !important; width:min(calc(100% - 96px),1248px); max-width:none; min-height:100px; margin-inline:auto; padding:0; gap:36px; }
  body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .logo,body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .main-nav,body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .header-right { flex:0 0 auto; }
  body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .tierpp-header-search { flex:1 1 auto; }
}
@media(max-width:900px) {
  #app > main[data-workshop-small-lot-static="true"] .page-hero { padding:26px 0 24px !important; }
  #app > main[data-workshop-small-lot-static="true"] .page-hero > .container { display:block; }
  #app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-breadcrumb { margin-bottom:32px; }
  #app > main[data-workshop-small-lot-static="true"] .page-hero h1 { font-size:37px !important; line-height:1.05 !important; }
  #app > main[data-workshop-small-lot-static="true"] .page-hero p { margin-top:22px; font-size:14px !important; line-height:1.6 !important; }
  #app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-photo { margin-top:24px; }
  #app > main[data-workshop-small-lot-static="true"] .workshop-small-lot-static-photo img { height:235px; }
  .workshop-small-lot-static-caption { grid-template-columns:1fr; min-height:110px; padding:12px 14px; }
  .workshop-small-lot-static-caption strong { grid-column:1; grid-row:2; margin:0; }
  .workshop-small-lot-static-caption small { grid-column:1; grid-row:3; }
}
@media(max-width:600px) {
  body:has(#app > main[data-workshop-small-lot-static="true"]) .site-header .logo-text { font-size:24px; }
}

/* Two source-backed scenario pilots stay legible and truthful before hydration. */
body:has(#app > main[data-workshop-scenario-static="true"]) { background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header { background:#fff !important; border-bottom:1px solid #d5d9e3; box-shadow:none; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .logo-mark,body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .logo-subtext,body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .main-nav > a:not([href="/catalog/"]),body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .header-right > :is(.header-phone,.header-max-link,.header-cta,a[href="/compare/"],a[href="/auth/"]) { display:none; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .logo-text { color:#0b3dcc; font:850 30px/1 "Workshop Inter",Inter,Arial,sans-serif; letter-spacing:1px; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .main-nav > a[href="/catalog/"] { padding:10px 17px; border-radius:3px; background:#0b3dcc; color:#fff; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .tierpp-header-search { width:100%; max-width:none; min-width:0; border-radius:2px; background:#fff; }
body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .header-right { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; }
#app > main[data-workshop-scenario-static="true"] { width:100%; max-width:none; min-height:100svh; padding:0 0 64px; background:#fff !important; color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif; overflow:visible; }
#app > main[data-workshop-scenario-static="true"] .page-hero { padding:40px 0 32px !important; border:0 !important; background:#fff !important; box-shadow:none !important; color:#101114 !important; text-align:left !important; }
#app > main[data-workshop-scenario-static="true"] .page-hero::before,#app > main[data-workshop-scenario-static="true"] .page-hero::after { display:none !important; }
#app > main[data-workshop-scenario-static="true"] .page-hero > .container { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); column-gap:60px; width:min(calc(100% - 40px),1248px); max-width:none; margin-inline:auto; padding:0; }
.workshop-scenario-static-breadcrumb { display:flex; grid-column:1/-1; align-items:center; gap:12px; margin:0 0 32px; color:#636773; font-size:12px; line-height:1.5; }
.workshop-scenario-static-breadcrumb a { color:inherit; text-decoration:none; }
#app > main[data-workshop-scenario-static="true"] .page-hero .badge { grid-column:1; grid-row:2; align-self:end; width:max-content; margin:0 0 14px !important; padding:0; border:0; border-radius:0; background:none !important; color:#636773 !important; font:650 12px/1.5 "Workshop Inter",Inter,Arial,sans-serif; text-transform:none; }
#app > main[data-workshop-scenario-static="true"] .page-hero h1 { grid-column:1; grid-row:3; max-width:570px; margin:0; color:#0b3dcc !important; font:800 clamp(40px,4.3vw,58px)/1.06 "Workshop Inter",Inter,Arial,sans-serif !important; letter-spacing:-.045em; text-align:left !important; text-wrap:balance; }
#app > main[data-workshop-scenario-static="true"] .page-hero p { grid-column:1; grid-row:4; max-width:510px !important; margin:25px 0 0; color:#101114 !important; font:400 16px/1.65 "Workshop Inter",Inter,Arial,sans-serif !important; text-align:left !important; }
.workshop-scenario-static-media { display:block; grid-column:2; grid-row:2/5; align-self:center; min-width:0; color:#101114; text-decoration:none; }
.workshop-scenario-static-media img { display:block; width:100%; height:345px; object-fit:cover; object-position:center; background:#fff; }
.workshop-scenario-static-media[data-visual="render"] img { object-fit:contain; }
.workshop-scenario-static-caption { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; min-height:82px; padding:13px 18px; background:#ffdb57; color:#101114; font-size:11px; line-height:1.35; }
.workshop-scenario-static-caption strong { font-size:13px; }
.workshop-scenario-static-caption small { font-size:10px; line-height:1.5; }
#app > main[data-workshop-scenario-static="true"] .page-hero > .container > div[style*="display:grid"] { grid-column:1/-1; margin-top:32px !important; }
html.dvn-route-staging #app > main[data-workshop-scenario-static="true"] .page-hero > .container > div[style*="display:grid"] { display:none !important; }
#app > main[data-workshop-scenario-static="true"] .section { background:#fff !important; }
#app > main[data-workshop-scenario-static="true"] .section > .container { width:min(calc(100% - 40px),1248px); max-width:none; padding:0; }
#app > main[data-workshop-scenario-static="true"] :is(h2,h3) { color:#101114 !important; font-family:"Workshop Inter",Inter,Arial,sans-serif !important; }
@media(min-width:1181px) {
  body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .header-inner { display:flex !important; align-items:center; flex-wrap:nowrap !important; width:min(calc(100% - 96px),1248px); max-width:none; min-height:100px; margin-inline:auto; padding:0; gap:36px; }
  body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .logo,body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .main-nav,body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .header-right { flex:0 0 auto; }
  body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .tierpp-header-search { flex:1 1 auto; }
}
@media(max-width:900px) {
  #app > main[data-workshop-scenario-static="true"] .page-hero { padding:26px 0 24px !important; }
  #app > main[data-workshop-scenario-static="true"] .page-hero > .container { display:block; }
  .workshop-scenario-static-breadcrumb { margin-bottom:32px; }
  #app > main[data-workshop-scenario-static="true"] .page-hero h1 { font-size:37px !important; line-height:1.05 !important; }
  #app > main[data-workshop-scenario-static="true"] .page-hero p { margin-top:22px; font-size:14px !important; line-height:1.6 !important; }
  .workshop-scenario-static-media { margin-top:24px; }
  .workshop-scenario-static-media img { height:235px; }
  .workshop-scenario-static-caption { min-height:100px; padding:12px 14px; }
}
@media(max-width:600px) {
  body:has(#app > main[data-workshop-scenario-static="true"]) .site-header .logo-text { font-size:24px; }
}
@media(max-width:320px) {
  #app > main[data-workshop-scenario-static="true"] .page-hero h1 { font-size:clamp(23px,8.5vw,30px) !important; overflow-wrap:anywhere; }
}

/* Shared Workshop chrome: consent, help and header retain their native behavior. */
body[data-tierpp-enhanced="true"] .cookie-banner {
  background:#fff !important;
  color:#101114 !important;
  border:1px solid #d5d9e3 !important;
  border-top:3px solid #0b3dcc !important;
  border-radius:3px !important;
  box-shadow:0 14px 42px rgba(15,35,82,.16) !important;
}
body[data-tierpp-enhanced="true"] .cookie-banner__eyebrow { background:#ffdb57 !important; color:#101114 !important; border-radius:2px !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__title { color:#101114 !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__copy { color:#636773 !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__copy a { color:#0b3dcc !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__actions .btn { background:#fff !important; color:#0b3dcc !important; border:1px solid #d5d9e3 !important; border-radius:2px !important; box-shadow:none !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__actions #cookie-accept { background:#0b3dcc !important; color:#fff !important; border-color:#0b3dcc !important; }
body[data-tierpp-enhanced="true"] .cookie-banner__actions :is(button,a):focus-visible { outline:3px solid #0b3dcc; outline-offset:2px; }

body[data-tierpp-enhanced="true"] .site-header.tierpp-header .tierpp-header-search { background:#fff !important; border-color:#d5d9e3 !important; }
body[data-tierpp-enhanced="true"] .site-header.tierpp-header .tierpp-header-search button { color:#101114 !important; }
body[data-tierpp-enhanced="true"] .site-header.tierpp-header .nav-link.active:not([href="/catalog/"]) { background:#eef3ff !important; color:#0b3dcc !important; }
body[data-tierpp-enhanced="true"] .site-header.tierpp-header .tierpp-header-action { background:#fff !important; color:#101114 !important; border-color:#d5d9e3 !important; }
body[data-tierpp-enhanced="true"] .site-header.tierpp-header .tierpp-header-action:hover { color:#0b3dcc !important; background:#eef3ff !important; }

body[data-tierpp-enhanced="true"] .messenger-toggle { background:#fff !important; color:#0b3dcc !important; border:1px solid #d5d9e3 !important; border-radius:3px !important; box-shadow:0 8px 24px rgba(15,35,82,.14) !important; }
body[data-tierpp-enhanced="true"] .messenger-toggle:hover { background:#eef3ff !important; }
body[data-tierpp-enhanced="true"] .messenger-toggle:focus-visible { outline:3px solid #0b3dcc; outline-offset:3px; }
body[data-tierpp-enhanced="true"] .messenger-pulse { display:none !important; }
body[data-tierpp-enhanced="true"] .messenger-card__eyebrow { background:#ffdb57 !important; color:#101114 !important; border-radius:2px !important; }
body[data-tierpp-enhanced="true"] .messenger-item--primary { background:#0b3dcc !important; color:#fff !important; box-shadow:none !important; border-radius:3px !important; }
body[data-tierpp-enhanced="true"] .messenger-item--primary :is(.messenger-item__title,.messenger-item__meta) { color:#fff !important; }
body[data-tierpp-enhanced="true"] .messenger-item--secondary-primary { background:#eef3ff !important; color:#101114 !important; box-shadow:none !important; border-radius:3px !important; }
body[data-tierpp-enhanced="true"] .messenger-menu :is(a,button):focus-visible { outline:3px solid #0b3dcc; outline-offset:2px; }

/* Keep the cart and menu operable at a 200%-equivalent narrow viewport. */
@media (max-width:240px) {
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-inner { display:flex !important; align-items:center; flex-wrap:nowrap !important; width:100% !important; min-width:0; min-height:56px; margin:0; padding-inline:8px !important; gap:4px !important; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .logo { flex:0 1 auto; min-width:0; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header :is(.logo-mark,.logo-subtext) { display:none !important; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .logo-text { font-size:15px !important; letter-spacing:-.35px !important; white-space:nowrap; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-right { display:flex !important; flex:0 0 auto; align-items:center; flex-wrap:nowrap; gap:4px !important; margin-left:auto; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-right > a:not([href="/cart/"]) { display:none !important; }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-right > :is(a[href="/cart/"],.burger) { display:grid !important; place-items:center; width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important; padding:0 !important; }
}

/* The two native sales dialogs share one Workshop presentation. Keep their
   real fields, validation, consent and lead handlers in the existing modal. */
.modal-overlay:has(.sales-lead-form) { background:rgba(25,34,61,.52); padding:18px; }
.modal-overlay:has(.sales-lead-form) .modal {
  box-sizing:border-box; width:min(650px,calc(100vw - 36px)); max-width:650px;
  max-height:calc(100dvh - 36px); padding:30px 32px 32px;
  border:1px solid #d5dceb; border-radius:3px; background:#fff;
  box-shadow:0 24px 70px rgba(15,35,82,.2);
  color:#101114; font-family:"Workshop Inter",Inter,Arial,sans-serif;
  overscroll-behavior:contain;
}
.modal-overlay:has(.sales-lead-form) .modal::before {
  content:"ДЕВЕРОН · ПОМОЖЕМ ВЫБРАТЬ"; display:block; margin-bottom:13px;
  color:#0b3dcc; font:750 11px/1.3 "Workshop Inter",Inter,Arial,sans-serif;
  letter-spacing:.08em;
}
.modal-overlay:has(.sales-lead-form) .modal h2 {
  margin:0 0 15px !important; padding-right:48px;
  color:#101114 !important; font:800 34px/1.08 "Workshop Inter",Inter,Arial,sans-serif !important;
  letter-spacing:-.045em; text-wrap:balance;
}
.modal-overlay:has(.sales-lead-form) .modal__close {
  top:29px; right:32px; width:44px; height:44px; border:1px solid #d5dceb;
  border-radius:2px; background:#fff; color:#101114; box-shadow:none;
}
.modal-overlay:has(.sales-lead-form) .modal__close:hover { background:#eef3ff; color:#0b3dcc; }
.modal-overlay:has(.sales-lead-form) .modal-body > p:first-child {
  max-width:55ch; margin:0 0 24px !important; color:#505869 !important;
  font-size:14px; line-height:1.55 !important;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:16px; row-gap:17px;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form > .field { min-width:0; margin:0 !important; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form > .field:has(#sales-age),.modal-overlay:has(.sales-lead-form) .sales-lead-form > .field:has(#sales-format),.modal-overlay:has(.sales-lead-form) .sales-lead-form > .checkbox-group,.modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"] { grid-column:1 / -1; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form .field .label {
  display:block; margin:0 0 7px; color:#101114 !important;
  font-size:12px; font-weight:750; line-height:1.4;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form label[for="sales-name"]::after { content:" *"; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form :is(.input,select) {
  box-sizing:border-box; width:100%; min-height:47px; padding:10px 12px;
  border:1px solid #cfd7e7; border-radius:2px; background:#fff; box-shadow:none;
  color:#101114; font:400 14px/1.4 "Workshop Inter",Inter,Arial,sans-serif;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form :is(.input,select)::placeholder { color:#737b8b; opacity:1; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form .checkbox-group {
  display:flex; align-items:flex-start; gap:10px; margin:2px 0 0 !important;
  color:#505869 !important; font-size:12px !important; line-height:1.5;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form .checkbox-group input {
  flex:0 0 20px; width:20px; height:20px; margin:0; accent-color:#0b3dcc;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form .checkbox-group a { color:#0b3dcc !important; text-underline-offset:2px; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"] {
  display:flex; align-items:center; justify-content:space-between; width:100%;
  min-height:50px; margin:4px 0 0; padding:0 18px; border:1px solid #0b3dcc;
  border-radius:2px; background:#0b3dcc; color:#fff; box-shadow:none;
  font:700 14px/1.3 "Workshop Inter",Inter,Arial,sans-serif; text-align:left;
}
.modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"]::after { content:"→"; font-size:23px; font-weight:400; }
.modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"]:disabled::after { content:none; }
.modal-overlay:has(.sales-lead-form) :is(button,input,select,a):focus-visible { outline:3px solid #0b3dcc; outline-offset:2px; }
@media (max-width:600px) {
  .modal-overlay:has(.sales-lead-form) { padding:0; }
  .modal-overlay:has(.sales-lead-form) .modal {
    width:100%; max-width:none; height:100dvh; max-height:100dvh;
    padding:calc(23px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));
    border:0; border-radius:0; box-shadow:none;
  }
  .modal-overlay:has(.sales-lead-form) .modal h2 { font-size:clamp(25px,6.7vw,28px) !important; padding-right:42px; }
  .modal-overlay:has(.sales-lead-form) .modal__close { top:calc(21px + env(safe-area-inset-top)); right:20px; }
  .modal-overlay:has(.sales-lead-form) .sales-lead-form { grid-template-columns:minmax(0,1fr); row-gap:19px; }
  .modal-overlay:has(.sales-lead-form) .sales-lead-form > .field { grid-column:1 / -1; }
}
@media (max-width:240px) {
  .modal-overlay:has(.sales-lead-form) .modal {
    padding:16px 14px 24px;
  }
  .modal-overlay:has(.sales-lead-form) .modal::before {
    max-width:calc(100% - 42px);
    overflow-wrap:normal;
  }
  .modal-overlay:has(.sales-lead-form) .modal h2 {
    padding-right:0;
    font-size:21px !important;
  }
  .modal-overlay:has(.sales-lead-form) .modal__close {
    top:10px;
    right:10px;
    width:36px;
    height:36px;
  }
  .modal-overlay:has(.sales-lead-form) .sales-lead-form select {
    padding-inline:5px;
    font-size:12px;
  }
  .modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"] {
    min-height:52px;
    padding:10px 8px;
    justify-content:center;
    font-size:12px;
    text-align:center;
    white-space:normal;
  }
  .modal-overlay:has(.sales-lead-form) .sales-lead-form > button[type="submit"]::after { content:none; }
}

/* Keep both navigation actions reachable when mobile text is enlarged. */
@media (min-width:241px) and (max-width:430px) {
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-inner {
    display:flex !important; align-items:center; flex-wrap:nowrap !important;
    width:100% !important; min-width:0; height:auto !important; min-height:60px;
    padding:8px 16px !important; gap:8px !important;
  }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .logo {
    flex:1 1 auto; min-width:0; max-width:calc(100% - 94px);
  }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .logo-text {
    display:block; min-width:0; white-space:normal; overflow-wrap:anywhere; line-height:1.05;
  }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-right {
    display:flex !important; flex:0 0 auto; align-items:center; flex-wrap:nowrap;
    gap:6px !important; margin-left:auto;
  }
  body[data-tierpp-enhanced="true"] .site-header.tierpp-header .header-right > :is(a[href="/cart/"],.burger) {
    flex:0 0 40px; width:40px !important; min-width:40px !important;
    height:40px !important; min-height:40px !important;
  }
}

/* Exact ROMANA 192322 media conflict: the shell stylesheet loads before any
   catalog/cart data request, so a slow/failed fetch cannot flash the swing
   photograph without a verified buyer-facing explanation. */
main .product-card[data-id="aktiv-detskiy-sportivnyy-kompleks-dlya-dachi-bogatyr-192322"]:not([data-bogatyr-photo-verified="true"]) {
  display: none !important;
}
main .cart-item[data-id="aktiv-detskiy-sportivnyy-kompleks-dlya-dachi-bogatyr-192322"]:not([data-bogatyr-photo-verified="true"]) :is(.cart-item__img,.product-card__img) {
  position: relative;
  background: #fff0a8;
}
main .cart-item[data-id="aktiv-detskiy-sportivnyy-kompleks-dlya-dachi-bogatyr-192322"]:not([data-bogatyr-photo-verified="true"]) :is(.cart-item__img,.product-card__img) :is(picture,img) {
  visibility: hidden !important;
}
.cart-item[data-id="aktiv-detskiy-sportivnyy-kompleks-dlya-dachi-bogatyr-192322"] .partner-catalog-card__swing-pending {
  margin: 8px 0 10px;
  padding: 8px 10px;
  border-left: 3px solid #e1ad00;
  background: #fff0a8;
  color: #172441;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

/* Exact duplicate-name ROMANA spare parts: do not expose an ambiguous card
   before the master XML-derived identity/media guard has finished. Cart rows
   remain removable, with a real status node supplied before the async fetch. */
main .product-card:is(
  [data-id="aktiv-poluhomuty-komplekt-iz-2h-shtuk-standartnyy-196052"],
  [data-id="aktiv-poluhomuty-komplekt-iz-2h-shtuk-standartnyy-196054"],
  [data-id="aktiv-poluvtulki-dsk-05-025-komplekt-iz-2-shtuk-standartnyy-196056"],
  [data-id="aktiv-poluvtulki-dsk-05-025-komplekt-iz-2-shtuk-standartnyy-196058"],
  [data-id="aktiv-zazhim-dvoynoy-standartnyy-196072"],
  [data-id="aktiv-zazhim-dvoynoy-standartnyy-196074"],
  [data-id="aktiv-zazhim-standartnyy-196076"],
  [data-id="aktiv-zazhim-standartnyy-196078"]
):not([data-spare-identity-verified="true"]) { display: none !important; }
main .cart-item:is(
  [data-id="aktiv-poluhomuty-komplekt-iz-2h-shtuk-standartnyy-196052"],
  [data-id="aktiv-poluhomuty-komplekt-iz-2h-shtuk-standartnyy-196054"],
  [data-id="aktiv-poluvtulki-dsk-05-025-komplekt-iz-2-shtuk-standartnyy-196056"],
  [data-id="aktiv-poluvtulki-dsk-05-025-komplekt-iz-2-shtuk-standartnyy-196058"],
  [data-id="aktiv-zazhim-dvoynoy-standartnyy-196072"],
  [data-id="aktiv-zazhim-dvoynoy-standartnyy-196074"],
  [data-id="aktiv-zazhim-standartnyy-196076"],
  [data-id="aktiv-zazhim-standartnyy-196078"]
):not([data-spare-identity-verified="true"]) :is(.cart-item__img,.product-card__img) :is(picture,img) {
  visibility: hidden !important;
}
main .cart-item .partner-catalog-card__spare-pending {
  margin: 8px 0 10px;
  padding: 8px 10px;
  border-left: 3px solid #e1ad00;
  background: #fff0a8;
  color: #172441;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

/* The real management/claim forms retain their native validation and submit
   handlers. Only these two overlays adopt the approved Workshop modal grammar. */
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) {
  background: #101c3770;
  padding: 20px;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal {
  box-sizing: border-box;
  width: min(700px, 100%);
  max-width: 700px !important;
  max-height: calc(100dvh - 40px);
  padding: 30px 32px 32px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #d9dce4;
  border-radius: 4px;
  background: #fff;
  color: #101114;
  font: 400 14px/1.55 "Workshop Inter", Inter, Arial, sans-serif;
  box-shadow: 0 24px 90px #101c3733;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal::before {
  content: "ДЕВЕРОН · ОБРАТНАЯ СВЯЗЬ";
  display: block;
  margin: 0 50px 12px 0;
  color: #073dc5;
  font: 700 10px/1.4 "Workshop Inter", Inter, Arial, sans-serif;
  letter-spacing: .08em;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal-header {
  display: block !important;
  margin: 0 0 17px !important;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal-title {
  max-width: calc(100% - 52px);
  margin: 0 !important;
  color: #101114 !important;
  font: 750 clamp(27px, 3vw, 34px)/1.12 "Workshop Inter", Inter, Arial, sans-serif !important;
  letter-spacing: -1px;
  overflow-wrap: anywhere;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal__close {
  top: 30px;
  right: 32px;
  width: 44px;
  height: 44px;
  border: 1px solid #d9dce4;
  border-radius: 3px;
  background: #fff;
  color: #101114;
  font: 400 24px/1 "Workshop Inter", Inter, Arial, sans-serif;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal__close:hover {
  background: #f2f5ff;
  color: #073dc5;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal-body > div:first-child {
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-left: 3px solid #073dc5 !important;
  border-radius: 0 !important;
  background: #f2f5ff !important;
  color: #334261 !important;
  font: 400 12px/1.6 "Workshop Inter", Inter, Arial, sans-serif !important;
}
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal-body > div:first-child strong {
  color: #14357d;
  font-weight: 700;
}
:is(#complaint-form, #claim-form) {
  gap: 16px !important;
}
#complaint-form > div:has(#comp-name),#claim-form > .modal-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
#claim-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#claim-form > :is(.modal-form-grid, div:has(#cl-message), label:has(#cl-agree-final), button) {
  grid-column: 1 / -1;
}
:is(#complaint-form, #claim-form) > div,:is(#complaint-form, #claim-form) .field {
  min-width: 0;
  margin: 0;
}
:is(#complaint-form, #claim-form) label:not(:has(input)) {
  display: block;
  margin: 0 0 7px !important;
  color: #101114;
  font: 650 12px/1.4 "Workshop Inter", Inter, Arial, sans-serif !important;
}
:is(#complaint-form, #claim-form) :is(input.input, select.input, textarea.input) {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid #d9dce4;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  color: #101114;
  font: 400 14px/1.4 "Workshop Inter", Inter, Arial, sans-serif;
}
:is(#complaint-form, #claim-form) textarea.input {
  min-height: 110px;
  max-height: 45dvh;
  resize: vertical !important;
}
:is(#complaint-form, #claim-form) :is(input.input, textarea.input)::placeholder {
  color: #707582;
  opacity: 1;
}
:is(#complaint-form, #claim-form) > label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: flex-start;
  gap: 11px !important;
  min-height: 44px;
  margin: 2px 0 0 !important;
  color: #5b606d !important;
  font: 400 11px/1.65 "Workshop Inter", Inter, Arial, sans-serif !important;
}
:is(#complaint-form, #claim-form) > label:has(input[type="checkbox"]) input {
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  margin: 2px 0 0 !important;
  accent-color: #073dc5;
}
:is(#complaint-form, #claim-form) > label:has(input[type="checkbox"]) a {
  color: #073dc5 !important;
  text-underline-offset: 3px;
}
:is(#complaint-form, #claim-form) > button[type="submit"] {
  justify-content: space-between;
  min-height: 48px;
  margin: 4px 0 0;
  padding: 12px 18px;
  border: 1px solid #073dc5;
  border-radius: 3px;
  background: #073dc5;
  box-shadow: none;
  color: #fff;
  font: 700 13px/1.4 "Workshop Inter", Inter, Arial, sans-serif;
  text-align: left;
}
:is(#complaint-form, #claim-form) > button[type="submit"]:not(:disabled)::after {
  content: "→";
  margin-left: 18px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
}
:is(#complaint-form, #claim-form) > button[type="submit"]:hover { background: #0b3dcc; }
:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #073dc5;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) { padding: 0; }
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal {
    width: 100%;
    max-width: none !important;
    height: 100dvh;
    max-height: 100dvh;
    padding: calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal::before {
    margin-bottom: 10px;
    font-size: 9px;
  }
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal-title {
    font-size: 28px !important;
  }
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal__close {
    top: calc(24px + env(safe-area-inset-top));
    right: 20px;
  }
  #complaint-form > div:has(#comp-name),#claim-form > .modal-form-grid,#claim-form { grid-template-columns: minmax(0, 1fr) !important; }
  :is(#complaint-form, #claim-form) :is(input.input, select.input, textarea.input) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal,:is(.modal-overlay:has(#complaint-form), .modal-overlay:has(#claim-form)) .modal * { transition: none; animation: none; }
}

/* Workshop: legacy text accents in retained editorial and service blocks. */
body[data-tierpp-enhanced="true"] {
  --tierpp-green: #073dc5;
  --tierpp-green-strong: #0635ab;
  --tierpp-green-dark: #11141c;
  --green-600: #073dc5;
  --green-700: #0635ab;
  --green-800: #073dc5;
  --green-900: #11141c;
}
body[data-tierpp-enhanced="true"] .wood-approved-cover-note { color:#636773 !important; }
body[data-tierpp-enhanced="true"] .product-regional-delivery__badge { color:#073dc5; background:#eef3ff; }
body[data-tierpp-enhanced="true"] footer .footer-action-link span { color:inherit; }
body[data-tierpp-enhanced="true"] .tierpp-footer-cta__copy > span { color:#b8caff; }

.public-ui-icon { filter: brightness(0) saturate(100%) invert(16%) sepia(98%) saturate(4321%) hue-rotate(223deg) brightness(90%) contrast(111%); }
/* Preserve the SVG blue; old PNG recoloring must not tint new category vectors. */
.tierpp-icon--workshop,img[src*="/images/ui/workshop-category-icons-20261005/"] { filter:none; }

body[data-tierpp-enhanced="true"] footer.tierpp-footer:not(.catalog-workshop-footer) :is(.footer-action-link,.tierpp-footer-more > summary) { color:#b8caff !important; }
body[data-tierpp-family="catalog-category"] .tierpp-catalog-workshop :is([style*="color:#166534"],[style*="color: #166534"]) { color:#073dc5 !important; background:#eef3ff !important; }

/* The sandbox SEO explainer shares the catalog palette. */

/* Delivery conditions use the common reviewed Workshop shell on every leaf. */
.workshop-delivery-product-conditions { width:min(1248px,calc(100% - 64px)); margin:36px auto; font-family:Cart Workshop,Inter,Arial,sans-serif; color:#101114; }
.workshop-delivery-product-conditions > h2 { font-size:30px; line-height:1.2; letter-spacing:-.04em; }
.workshop-delivery-product-conditions p { color:#636773; line-height:1.65; }
.workshop-delivery-product-conditions__grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin:24px 0; }
.workshop-delivery-product-conditions__grid article { padding:24px; border:1px solid #d5d9e3; }
.workshop-delivery-product-conditions__grid h3 { font-size:22px; line-height:1.25; color:#101114; }
.workshop-delivery-product-conditions a { color:#0b3dcc; font-weight:650; }
@media(max-width:700px) { .workshop-delivery-product-conditions { width:calc(100% - 32px); } .workshop-delivery-product-conditions__grid { grid-template-columns:1fr; gap:16px; } }

body[data-tierpp-enhanced="true"] .site-header .main-nav > a:not([href="/catalog/"]) { display:none !important; }
footer[data-service-shell] .footer-bottom { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; padding:20px 0; line-height:1.5; }
footer[data-service-shell] [data-service-cookie-settings] { border:0; padding:0; color:#0b3dcc; background:none; font:inherit; cursor:pointer; }
body:has([data-partner-service-page]) .partner-service-hero { border:0; border-radius:0; background:#fff; box-shadow:none; padding:24px 0 32px; }
body:has([data-partner-service-page]) .partner-service-hero h1 { font-family:Cart Workshop,Inter,Arial,sans-serif; }
@media(max-width:700px) { }

/* Workshop catalog controls: retain readable labels and the approved blue/white palette. */
@media (max-width: 768px) {
}

/* Shared blue line icons in the drawer and category/type filters. */
.mobile-menu-nav .mobile-menu-link[data-public-ui-icon^="nav-"] { display:flex; align-items:center; gap:14px; min-height:48px; }
.mobile-menu-nav .mobile-menu-link .public-ui-icon--navigation { display:block; flex:0 0 24px; width:24px; height:24px; filter:none; }
.mobile-menu-nav .mobile-menu-link[aria-current="page"] { color:#073dc5; background:#eef3ff; }

/* Match the established wordmark in the mobile drawer; retain original favicon asset. */
.mobile-menu-header .logo-mark { display:none; }
.mobile-menu-header .logo-copy { display:block; }
.mobile-menu-header .logo-text { color:#073dc5; }

/* Proposal: readable category symbols replace ordinal decoration. */
@media(max-width:768px){
}

/* Catalog: one icon level; compact text choices and plain checkbox filters. */

/* Construction already has explicit checkbox choices; avoid a second shortcut row. */
@media(max-width:768px) {
}

/* Initial retained DOM must not fetch its old editorial face before hydration. */
html.dvn-initial-paint body :is(h1,h2,h3,h4,p,a,button,label,span,div,input,select,summary) { font-family:Workshop Inter,Inter,Arial,sans-serif !important; }

/* Catalogue navigation correction: a single expandable directory, facets in one place. */