/* Visual layer adapted from freetimbat-proj/metiz-app-unified. */
:root {
  --radius: 0;
  --background: oklch(0.975 0.012 85);
  --foreground: oklch(0.22 0.02 260);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.22 0.02 260);
  --surface: oklch(1 0 0);
  --brand: oklch(0.7 0.19 50);
  --brand-foreground: oklch(1 0 0);
  --primary: oklch(0.55 0.18 270);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.95 0.01 85);
  --secondary-foreground: oklch(0.22 0.02 260);
  --muted: oklch(0.94 0.01 85);
  --muted-foreground: oklch(0.45 0.02 260);
  --border: oklch(0.9 0.01 85);
  --input: oklch(0.9 0.01 85);
  --ring: oklch(0.7 0.19 50);
  --bg: var(--background);
  --bg-2: var(--muted);
  --bg-3: oklch(0.18 0.02 260);
  --ink: var(--foreground);
  --ink-2: oklch(0.32 0.02 260);
  --ink-3: var(--muted-foreground);
  --ink-4: oklch(0.62 0.02 260);
  --rule: var(--border);
  --rule-2: oklch(0.82 0.015 85);
  --accent: var(--brand);
  --accent-ink: oklch(0.58 0.18 50);
  --accent-bg: oklch(0.93 0.045 50);
  --accent-on: var(--brand-foreground);
  --primary-ink: oklch(0.46 0.17 270);
  --primary-bg: oklch(0.93 0.04 270);
  --shadow-lift: 0 1px 2px rgba(14, 17, 22, .06), 0 12px 30px rgba(14, 17, 22, .08);
  --shadow-sticky: 0 2px 8px rgba(14, 17, 22, .08), 0 18px 44px rgba(14, 17, 22, .12);
}

html[data-palette="orange"] {
  --accent: var(--brand);
  --accent-ink: oklch(0.58 0.18 50);
  --accent-bg: oklch(0.93 0.045 50);
}

body {
  background: var(--bg);
  color: var(--ink-2);
}

.container {
  max-width: 1360px;
}

.nav {
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--rule);
  box-shadow: none;
  backdrop-filter: saturate(140%) blur(8px);
}

.nav__util {
  background: rgba(246, 243, 234, .78);
  border-bottom: 1px solid var(--rule);
}

.nav__util-inner {
  min-height: 34px;
  font-size: 12px;
}

.nav__city,
.nav__util-right a {
  color: var(--ink-3);
}

.nav__city:hover,
.nav__util-right a:hover {
  color: var(--accent);
}

.nav__inner {
  grid-template-columns: minmax(540px, auto) minmax(280px, 1fr) auto;
  height: auto;
  min-height: 84px;
  gap: 18px;
  padding: 14px 0;
}

.metiz-logo {
  gap: 16px;
}

.metiz-logo__brand {
  min-width: 172px;
}

.metiz-logo__img {
  width: 170px;
  height: auto;
  object-fit: contain;
}

.metiz-logo__slogan {
  padding-left: 16px;
  border-left: 1px solid var(--rule);
  color: var(--ink);
  font: 800 13px/1.18 var(--font-sans);
  letter-spacing: 0;
}

.metiz-logo__history {
  padding-left: 16px;
  border-left: 1px solid var(--rule);
  color: var(--ink-2);
  font: 600 12px/1.18 var(--font-sans);
  letter-spacing: .02em;
  text-transform: uppercase;
}

.nav__search {
  min-height: 48px;
  border: 1px solid var(--rule);
  background: var(--bg);
  box-shadow: none;
}

.nav__search:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(231, 103, 17, .18);
}

.nav__search input {
  color: var(--ink);
  font-weight: 600;
}

.nav__search input::placeholder {
  color: var(--ink-4);
  font-weight: 500;
}

.nav__phone {
  color: var(--ink);
  font: 900 18px/1 var(--font-mono);
}

.nav__phone-sub {
  color: var(--ink-3);
  letter-spacing: .08em;
}

.nav__cta .btn--primary {
  height: 44px;
  background: var(--accent);
  color: #fff;
  box-shadow: 0 8px 20px rgba(231, 103, 17, .18);
}

.nav__cta .btn--primary:hover {
  background: var(--accent-ink);
}

.nav__cart {
  min-height: 44px;
  padding: 0 10px;
  border: 1px solid var(--rule);
  background: var(--bg);
}

.nav__cart:hover {
  border-color: var(--accent);
}

.nav__cart-icon {
  background: var(--primary);
  border-radius: 0;
}

.nav__cart-icon em {
  background: var(--accent);
  border-radius: 0;
}

.nav__menu {
  border-top: 1px solid var(--rule);
  background: rgba(246, 243, 234, .62);
}

.nav__catalog-btn {
  min-width: 168px;
  height: 48px;
  background: var(--primary);
  color: #fff;
  border-radius: 0;
  box-shadow: 0 8px 20px rgba(87, 95, 207, .16);
}

.nav__catalog-btn:hover,
.nav__catalog-btn.is-open {
  background: var(--primary-ink);
}

.nav__links a {
  color: rgba(37, 37, 42, .84);
  font-weight: 700;
}

.nav__links a:hover,
.nav__links .current-menu-item > a {
  color: var(--accent);
}

.megamenu {
  border: 1px solid var(--rule);
  box-shadow: var(--shadow-sticky);
}

.megamenu__inner {
  width: min(1160px, 100%);
  min-height: 0;
  max-height: min(680px, calc(100vh - 178px));
  overflow: auto;
}

.megamenu__col {
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  border-right: 0;
}

.megamenu__cat {
  min-height: 100%;
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}

.megamenu__cat:nth-child(3n) {
  border-right: 0;
}

.megamenu__cat-link {
  min-height: 54px;
  grid-template-columns: 22px 1fr;
  padding: 14px 18px;
  background: var(--surface);
}

.megamenu__chev {
  display: none;
}

.megamenu__panel {
  position: static;
  display: block;
  padding: 0 18px 18px 52px;
  background: var(--surface);
  overflow: visible;
}

.megamenu__cat:hover .megamenu__panel {
  display: block;
}

.megamenu__panel-title {
  display: none;
}

.megamenu__panel-list {
  gap: 12px;
}

.megamenu__panel-link {
  font-size: 14px;
}

.megamenu__panel-sub {
  gap: 6px;
}

.megamenu__panel-sub a {
  border-radius: 0;
  background: var(--bg);
}

.megamenu__cat-link:hover,
.megamenu__panel-link:hover,
.megamenu__panel-sub a:hover {
  color: var(--accent);
}

.btn {
  border-radius: 0;
  font-weight: 800;
}

.btn--primary {
  background: var(--accent);
  color: #fff;
}

.btn--primary:hover {
  background: var(--accent-ink);
}

.btn--ghost {
  border-color: var(--rule-2);
  background: transparent;
}

.btn--ghost:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.home-showcase {
  padding: 24px 0 42px;
  background: var(--bg);
}

.home-showcase__grid {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr);
}

.home-showcase__main,
.home-showcase__tile {
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--surface);
  box-shadow: 0 1px 0 rgba(14, 17, 22, .04);
}

.home-showcase__main {
  min-height: clamp(290px, 28vw, 415px);
  background:
    radial-gradient(circle at 82% 16%, rgba(231, 103, 17, .28), transparent 34%),
    linear-gradient(135deg, #131b24 0%, #1d3243 58%, #2f5b74 100%);
}

.metiz-hero-slider {
  position: relative;
  overflow: hidden;
}

.metiz-hero-slide {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms var(--ease);
}

.metiz-hero-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.home-showcase__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .22;
  filter: grayscale(.25) saturate(.86) contrast(1.06);
}

.home-showcase__shade {
  background:
    radial-gradient(ellipse at top right, rgba(231, 103, 17, .42), transparent 54%),
    linear-gradient(135deg, rgba(19, 27, 36, .96), rgba(31, 60, 78, .90));
}

.home-showcase__copy {
  left: 9%;
  top: auto;
  bottom: 78px;
  transform: none;
  z-index: 2;
  max-width: min(760px, 82%);
}

.home-showcase__copy small {
  width: max-content;
  max-width: 100%;
  padding: 0;
  background: transparent;
  color: var(--accent);
  font: 800 12px/1 var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
}

.home-showcase__copy strong {
  font-size: clamp(34px, 4vw, 54px);
  letter-spacing: 0;
}

.home-showcase__copy span {
  margin-top: 14px;
  font-size: clamp(22px, 2.4vw, 36px);
  font-weight: 500;
}

.home-showcase__copy em {
  width: max-content;
  margin-top: 28px;
  padding: 13px 24px;
  background: var(--accent);
  color: #fff;
  border-radius: 0;
  font-weight: 800;
}

.metiz-hero-slider__dots {
  position: absolute;
  right: 28px;
  bottom: 28px;
  z-index: 3;
  display: flex;
  gap: 9px;
}

.metiz-hero-slider__dots button {
  width: 34px;
  height: 4px;
  background: rgba(255, 255, 255, .48);
  transition: width 220ms var(--ease), background 220ms var(--ease);
}

.metiz-hero-slider__dots button.is-active {
  width: 54px;
  background: #fff;
}

.home-showcase__tile {
  min-height: 206px;
}

.home-showcase__tile--wide {
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .16), transparent 18%),
    linear-gradient(135deg, #20364a, #315f7a);
}

.home-showcase__tile--wide img {
  opacity: .14;
  filter: grayscale(.4);
}

.home-showcase__tile--wide span,
.home-showcase__tile--wide em {
  color: #fff;
}

.metiz-revslider {
  border: 1px solid var(--rule);
  background: var(--surface);
  box-shadow: 0 1px 0 rgba(14, 17, 22, .04);
  overflow: hidden;
}

.home-showcase__tile:hover,
.cat-tile:hover,
.product:hover,
.article:hover,
.metiz-text-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-lift);
}

.home-showcase__tile span,
.home-showcase__tile em {
  color: var(--ink);
}

.section {
  padding: 56px 0;
}

.section--paper {
  background: var(--bg);
}

.section--bg2 {
  background: var(--bg-2);
}

.metiz-modern-front #catalog.section--bg2 {
  background: var(--surface);
}

.section-head {
  margin-bottom: 34px;
}

.t-display {
  font-size: clamp(32px, 4vw, 54px);
}

.t-h1 {
  font-size: clamp(36px, 4.8vw, 58px);
}

.cat-tree {
  gap: 16px;
  border: 0;
  background: transparent;
}

.cat-tile {
  min-height: 320px;
  padding: 22px;
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
  transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), border-color 180ms var(--ease);
}

.cat-tile__num,
.cat-tile__more {
  color: var(--accent);
}

.cat-tile__num {
  display: none;
}

.cat-tile__title {
  font-size: 20px;
  line-height: 1.14;
}

.cat-tile__sub {
  color: var(--ink-3);
}

.cat-tile__icon,
.metiz-term-thumb {
  min-height: 150px;
  background: #e3e7ea;
}

.cat-tile__icon img,
.metiz-term-thumb img {
  mix-blend-mode: multiply;
}

.cat-tile:hover {
  border-color: var(--accent);
}

.metiz-delivery-page .section-head {
  margin-bottom: 34px;
}

.metiz-delivery-note {
  display: grid;
  gap: 10px;
  margin-top: 24px;
  padding: 24px;
  border: 1px solid var(--rule);
  background: var(--surface);
}

.metiz-delivery-note p {
  margin: 0;
  color: var(--ink-2);
  font: var(--t-body);
}

.metiz-contacts-page {
  display: grid;
  gap: 34px;
}

.metiz-contacts-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 1px;
  border: 1px solid var(--rule);
  background: var(--rule);
}

.metiz-contacts-hero__copy,
.metiz-contacts-hero__stats {
  background: var(--surface);
  padding: 34px;
}

.metiz-contacts-hero__copy h2 {
  margin-top: 12px;
}

.metiz-contacts-hero__copy p {
  max-width: 720px;
  margin-top: 18px;
  color: var(--ink-3);
  font: var(--t-lead);
}

.metiz-contacts-hero__stats {
  display: grid;
  gap: 1px;
  padding: 0;
  background: var(--rule);
}

.metiz-contacts-hero__stats div {
  display: grid;
  gap: 8px;
  align-content: center;
  min-height: 118px;
  padding: 24px;
  background: var(--surface);
}

.metiz-contacts-hero__stats strong {
  color: var(--accent);
  font: 800 42px/1 var(--font-display);
}

.metiz-contacts-hero__stats span {
  color: var(--ink-3);
  font: var(--t-body-sm);
}

.metiz-contacts-dark {
  padding: 34px;
  background: var(--bg-3);
  color: #fff;
}

.metiz-contacts-dark .contact {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
  gap: 42px;
  align-items: start;
}

.metiz-contacts-dark .contact__list {
  margin-top: 30px;
}

.metiz-contacts-dark .contact__row dd span {
  color: #9c9f9a;
  font-size: 13px;
}

.metiz-contact-form .btn {
  width: 100%;
  justify-content: center;
}

.metiz-map-section,
.metiz-contacts-geo {
  padding: 34px;
  border: 1px solid var(--rule);
  background: var(--surface);
}

.metiz-map-section .section-head,
.metiz-contacts-geo .section-head {
  margin-bottom: 24px;
}

.metiz-map {
  overflow: hidden;
  border: 1px solid var(--rule);
  background: var(--bg-2);
}

.metiz-map iframe {
  display: block;
  width: 100%;
  min-height: 420px;
  border: 0;
}

.metiz-city-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--rule);
  background: var(--rule);
}

.metiz-city-grid .city-card {
  min-height: 210px;
  border: 0;
}

.city-card__num {
  color: var(--accent);
  font: 700 12px/1 var(--font-mono);
}

.city-card__name span {
  color: var(--ink-3);
  font: 600 13px/1 var(--font-sans);
}

.city-card p {
  margin: 0;
  color: var(--ink-2);
  font: var(--t-body-sm);
}

.city-card small {
  color: var(--ink-3);
  font: 500 12px/1.4 var(--font-sans);
}

.catalog__grid {
  gap: 18px;
  background: transparent;
  border: 0;
}

.metiz-modern-front #catalog .catalog__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product,
html[data-cardstyle="bordered"] .product {
  padding: 18px;
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}

.product:hover,
html[data-cardstyle="bordered"] .product:hover {
  background: var(--surface) !important;
  box-shadow: var(--shadow-lift);
}

.product__thumb {
  position: relative;
  margin: -18px -18px 16px;
  height: 250px;
  background: linear-gradient(135deg, var(--bg-2), #f8f6f0);
  overflow: hidden;
}

.product__thumb img,
.metiz-product-card__image img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  display: block;
}

.product__badges {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 2;
  display: grid;
  gap: 6px;
  align-items: start;
  justify-items: start;
  pointer-events: none;
}

.product__badges .product__badge {
  border-radius: 0;
  background: var(--accent);
  box-shadow: 0 4px 14px rgba(14, 17, 22, .12);
}

.product__badges .product__badge--accent {
  background: #21ad68;
}

.product__rating {
  color: #f5b02e;
}

.product__price .amount,
.product__price .num {
  color: var(--ink);
  font-size: 22px;
}

.product__add {
  border-radius: 0;
  background: var(--accent);
}

.product:hover .product__add {
  transform: none;
  background: var(--accent);
}

.product__add:hover {
  background: var(--accent-ink);
}

.product:hover .product__thumb::after {
  opacity: 0;
}

.product:hover .product__thumb::before {
  transform: none;
}

.product:hover .product__title {
  color: var(--ink);
}

.metiz-product-tabs__nav button.is-active {
  color: var(--primary);
  border-color: var(--primary);
}

.metiz-why {
  background: var(--surface);
}

.metiz-why__grid {
  gap: 16px;
}

.metiz-why__item {
  padding: 24px;
  border: 1px solid var(--rule);
  background: var(--surface);
  box-shadow: none;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.metiz-why__item img {
  width: 76px;
  height: 76px;
  padding: 14px;
  background: var(--accent-bg);
  object-fit: contain;
}

.metiz-why__icon {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  color: var(--accent);
  background: var(--accent-bg);
}

.metiz-why__icon svg {
  width: 54px;
  height: 54px;
  stroke-width: 1.7;
}

.metiz-why__item:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-lift);
  transform: translateY(-1px);
}

.metiz-why__item strong {
  font-size: 18px;
}

.metiz-why__item span {
  font-size: 15px;
}

.about__photo,
.metiz-company-page__image,
.metiz-cert-block__images a {
  border-radius: 0;
}

.metiz-section-content {
  padding: 38px 0 52px;
  background: var(--surface);
}

.metiz-page-hero {
  padding: 34px 0 30px;
  background: var(--bg);
}

.metiz-content table,
.metiz-content th,
.metiz-content td {
  border-color: var(--rule);
}

.metiz-sidebar a:hover {
  color: var(--accent);
}

.metiz-sidebar li.is-current-ancestor > a {
  margin: 2px -8px;
  padding: 9px 8px;
  border-bottom-color: transparent;
  background: rgba(242, 99, 10, .08);
  color: var(--ink);
  font-weight: 900;
  box-shadow: inset 3px 0 0 rgba(242, 99, 10, .55);
}

.metiz-sidebar li.is-current > a {
  margin: 3px -10px;
  padding: 10px;
  border-bottom-color: transparent;
  background: var(--accent-bg);
  color: var(--accent-ink);
  font-weight: 900;
  box-shadow: inset 3px 0 0 var(--accent);
}

.metiz-sidebar li.is-current-ancestor > ul {
  margin-top: 4px;
}

.metiz-sidebar li.is-current > ul {
  margin-top: 4px;
}

.article,
.metiz-text-card,
.news-item,
.metiz-empty {
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--surface);
}

.article__more,
.metiz-more,
.news-item em {
  color: var(--accent);
}

.footer {
  margin-top: 0;
  border-top: 1px solid var(--rule);
  background: var(--surface);
}

.footer__grid {
  gap: 42px;
}

.footer h4 {
  letter-spacing: 0;
}

.footer a:hover {
  color: var(--accent);
}

.footer__phone {
  color: var(--ink) !important;
}

.footer__bottom {
  border-top-color: var(--rule);
}

.sticky-cta {
  border-radius: 0;
  background: var(--accent);
  box-shadow: 0 12px 28px rgba(231, 103, 17, .20);
}

.sticky-cta:hover {
  background: var(--accent-ink);
}

.metiz-suppliers-page {
  display: grid;
  gap: 34px;
}

.metiz-supplier-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 20px;
  align-items: stretch;
}

.metiz-supplier-hero__copy,
.metiz-supplier-summary,
.metiz-supplier-card {
  border: 1px solid var(--rule);
  background: var(--surface);
}

.metiz-supplier-hero__copy {
  padding: clamp(28px, 4vw, 54px);
}

.metiz-supplier-hero__copy .t-display {
  margin-top: 12px;
}

.metiz-supplier-hero__copy .t-lead {
  max-width: 760px;
}

.metiz-supplier-person {
  display: grid;
  gap: 4px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--rule);
}

.metiz-supplier-person span,
.metiz-supplier-summary span,
.metiz-supplier-card > span {
  font: 800 11px/1 var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent);
}

.metiz-supplier-person strong {
  font: 800 22px/1.2 var(--font-display);
  color: var(--ink);
}

.metiz-supplier-person a {
  width: max-content;
  color: var(--accent);
  font-weight: 800;
}

.metiz-supplier-summary {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(26px, 3vw, 40px);
  background:
    linear-gradient(135deg, rgba(246, 120, 32, .18), transparent 48%),
    linear-gradient(145deg, #16202a, #2f5d78);
  color: #fff;
}

.metiz-supplier-summary span {
  color: #ff7a1a;
}

.metiz-supplier-summary strong {
  margin-top: 16px;
  font: 800 clamp(34px, 4vw, 56px)/.96 var(--font-display);
  letter-spacing: var(--track-tight);
}

.metiz-supplier-summary p {
  max-width: 340px;
  margin: 18px 0 28px;
  color: rgba(255, 255, 255, .78);
}

.metiz-supplier-summary .btn {
  width: max-content;
}

.metiz-suppliers-page .suppliers {
  gap: 28px;
  padding: 28px 0;
}

.metiz-suppliers-page .suppliers h3 {
  margin-top: 12px;
  font: var(--t-h3);
  color: var(--ink);
}

.metiz-supplier-needs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.metiz-supplier-card {
  min-height: 320px;
  padding: clamp(24px, 3vw, 34px);
}

.metiz-supplier-card h3 {
  margin-top: 18px;
  font: var(--t-h3);
  color: var(--ink);
}

.metiz-supplier-card ul {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.metiz-supplier-card li {
  position: relative;
  padding-left: 20px;
  color: var(--ink-3);
}

.metiz-supplier-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  background: var(--accent);
}

.metiz-supplier-card p {
  margin-top: 22px;
  color: var(--ink-3);
}

.metiz-supplier-card strong {
  display: block;
  margin-top: 24px;
  font: 800 20px/1.25 var(--font-display);
  color: var(--ink);
}

.metiz-supplier-card--accent {
  background: var(--bg);
}

.metiz-social a,
.metiz-up {
  border-radius: 50%;
}

.metiz-social__wa {
  background: #21d366;
}

.metiz-social__tg {
  background: #31aee2;
}

.metiz-social__chat {
  background: #762ac9;
}

.metiz-up {
  background: var(--primary);
}

@media (max-width: 1180px) {
  .nav__inner,
  .home-showcase__grid {
    grid-template-columns: 1fr;
  }

  .metiz-contacts-hero,
  .metiz-contacts-dark .contact,
  .metiz-city-grid,
  .metiz-supplier-hero,
  .metiz-supplier-needs {
    grid-template-columns: 1fr;
  }

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

  .home-showcase__tile {
    min-height: 180px;
  }
}

@media (max-width: 760px) {
  .container {
    padding-inline: 18px;
  }

  .nav__inner {
    gap: 14px;
  }

  .metiz-logo__brand {
    min-width: 132px;
  }

  .metiz-logo__img {
    width: 132px;
  }

  .metiz-logo__slogan,
  .metiz-logo__history {
    display: none;
  }

  .home-showcase__side {
    grid-template-columns: 1fr;
  }

  .metiz-contacts-hero__copy,
  .metiz-contacts-dark,
  .metiz-map-section,
  .metiz-contacts-geo {
    padding: 20px;
  }

  .metiz-map iframe {
    min-height: 340px;
  }

  .metiz-suppliers-page .suppliers {
    grid-template-columns: 1fr;
  }

  .home-showcase__main {
    min-height: 260px;
  }

  .home-showcase__copy {
    left: 24px;
    right: 24px;
    bottom: 32px;
  }

  .home-showcase__copy strong {
    font-size: 30px;
  }

  .home-showcase__copy span {
    font-size: 20px;
  }

  .home-showcase__copy small {
    font-size: 10px;
  }

  .metiz-hero-slider__dots {
    left: 24px;
    right: auto;
    bottom: 20px;
  }

  .cat-tree,
  .catalog__grid {
    gap: 12px;
  }

  .product__thumb {
    height: 220px;
  }

  .metiz-social {
    display: none;
  }

  .metiz-up {
    display: none;
  }
}

.nav__city {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: var(--ink-2);
  text-align: left;
}

.nav__city:hover {
  color: var(--accent);
}

.nav__catalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.nav__social {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  padding-left: 10px;
}

.nav__social a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  transition: transform 160ms var(--ease), opacity 160ms var(--ease);
}

.nav__social a:hover {
  transform: translateY(-1px);
  opacity: .88;
}

.nav__social-wa { background: #21d366; }
.nav__social-tg { background: #31aee2; }
.nav__social-chat { background: #762ac9; }

.nav__mobile-social {
  display: none;
}

.metiz-city-open {
  overflow: hidden;
}

.metiz-city-modal[hidden] {
  display: none;
}

.metiz-city-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 26px;
}

.metiz-city-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25, 30, 35, .48);
  backdrop-filter: blur(2px);
}

.metiz-city-modal__dialog {
  position: relative;
  width: min(1040px, 100%);
  padding: clamp(28px, 4vw, 52px);
  background: var(--surface);
  box-shadow: 0 28px 80px rgba(14, 16, 18, .22);
}

.metiz-city-modal__dialog h2 {
  color: var(--ink);
  font: 800 30px/1.15 var(--font-display);
}

.metiz-city-modal__close {
  position: absolute;
  right: 24px;
  top: 22px;
  color: var(--ink-3);
}

.metiz-city-modal__close:hover {
  color: var(--accent);
}

.metiz-city-modal__search {
  position: relative;
  margin-top: 34px;
}

.metiz-city-modal__search input {
  width: 100%;
  height: 58px;
  padding: 0 54px 0 18px;
  border: 1px solid var(--rule);
  background: var(--bg);
  color: var(--ink);
  font: 500 17px/1 var(--font-sans);
}

.metiz-city-modal__search svg {
  position: absolute;
  right: 18px;
  top: 50%;
  color: var(--ink-2);
  transform: translateY(-50%);
}

.metiz-city-modal__body {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: clamp(28px, 6vw, 90px);
  margin-top: 22px;
}

.metiz-city-modal__countries,
.metiz-city-modal__list {
  display: grid;
  align-content: start;
  gap: 8px;
}

.metiz-city-modal__countries button {
  width: max-content;
  padding: 9px 13px;
  color: var(--ink);
  font: 600 17px/1 var(--font-sans);
}

.metiz-city-modal__countries button.is-active {
  background: var(--primary);
  color: #fff;
}

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

.metiz-city-modal__list button {
  justify-self: start;
  padding: 9px 0;
  color: var(--ink);
  font: 600 18px/1.2 var(--font-sans);
}

.metiz-city-modal__list button:hover {
  color: var(--accent);
}

.metiz-page-hero {
  padding: 26px 0 36px;
}

.page-template-default .metiz-page-hero {
  padding: 24px 0 34px;
}

.metiz-page-hero .t-h1 {
  max-width: 980px;
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: 1.08;
}

.fleet {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  background: transparent;
  border: 0;
}

.fleet__head {
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 28px;
  border: 1px solid var(--rule);
  background:
    radial-gradient(circle at 88% 8%, rgba(231, 103, 17, .12), transparent 26%),
    var(--surface);
}

.fleet__head h3 {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--ink);
  font: 800 clamp(26px, 3vw, 40px)/1.04 var(--font-display);
  letter-spacing: 0;
}

.fleet__item {
  display: grid;
  align-content: start;
  min-height: 100%;
  padding: 0 18px 18px;
  border: 1px solid var(--rule);
  background: var(--surface);
  box-shadow: none;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.fleet__item:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-lift);
  transform: translateY(-1px);
}

.fleet__item img {
  width: calc(100% + 36px);
  max-width: none;
  height: 170px;
  margin: 0 -18px 18px;
  padding: 18px;
  object-fit: contain;
  background: linear-gradient(135deg, var(--bg-2), #fff);
  border-bottom: 1px solid var(--rule);
}

.fleet__item strong {
  color: var(--ink);
  font: 800 19px/1.08 var(--font-display);
}

.fleet__item span,
.fleet__item em {
  display: block;
  margin-top: 8px;
  color: var(--ink-3);
  font: 500 13px/1.35 var(--font-sans);
  font-style: normal;
}

.metiz-vacancies-page {
  display: grid;
  gap: 34px;
}

.metiz-vacancies-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 20px;
}

.metiz-vacancies-intro > div,
.metiz-vacancies-intro > aside {
  border: 1px solid var(--rule);
  background: var(--surface);
  padding: clamp(26px, 4vw, 44px);
}

.metiz-vacancies-intro .t-display {
  margin-top: 12px;
}

.metiz-vacancies-intro .t-lead {
  max-width: 720px;
  margin-top: 18px;
}

.metiz-vacancies-intro aside {
  display: grid;
  align-content: end;
  background: var(--bg);
}

.metiz-vacancies-intro aside span {
  color: var(--accent);
  font: 800 74px/.9 var(--font-display);
}

.metiz-vacancies-intro aside strong {
  margin-top: 10px;
  color: var(--ink);
  font: 800 22px/1.1 var(--font-display);
}

.metiz-vacancies-intro aside p {
  margin-top: 14px;
  color: var(--ink-3);
}

.metiz-job {
  position: relative;
  padding: clamp(26px, 4vw, 42px);
}

.metiz-job__num {
  color: var(--accent);
  font: 800 12px/1 var(--font-mono);
}

.metiz-job .job__cols {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metiz-job .btn {
  margin-top: 4px;
}

.metiz-accordion__panel {
  overflow: hidden;
  transition: max-height 260ms var(--ease), opacity 220ms var(--ease);
  will-change: max-height, opacity;
}

.megamenu__panel-sub a:hover,
.megamenu__panel-sub a:focus {
  background: var(--accent);
  color: #fff;
}

.product,
html[data-cardstyle="bordered"] .product {
  align-items: stretch;
  border-color: var(--rule);
  background: transparent;
  box-shadow: none;
  transition: border-color 180ms var(--ease), transform 180ms var(--ease);
}

.product:hover,
html[data-cardstyle="bordered"] .product:hover {
  border-color: var(--accent);
  background: transparent !important;
  box-shadow: none;
  transform: none;
}

.product__thumb {
  margin: -18px -18px 16px;
  height: 250px;
  border-bottom: 1px solid var(--rule);
  background: transparent;
  overflow: hidden;
}

.product__thumb img,
.metiz-product-card__image img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  display: block;
}

.product__cat {
  text-align: left;
}

.product__title {
  text-align: left;
  font-size: 18px;
  line-height: 1.18;
}

.product__specs {
  display: grid;
  gap: 5px;
  justify-content: stretch;
  text-align: left;
  color: var(--ink-3);
  font-size: 13px;
  line-height: 1.35;
}

.product__specs span::before {
  margin-right: 6px;
}

.metiz-product-single {
  grid-template-columns: minmax(320px, 430px) minmax(0, 760px);
  justify-content: center;
  align-items: start;
  gap: clamp(28px, 4vw, 56px);
}

.metiz-product-maincol,
.metiz-product-details {
  display: grid;
  gap: 20px;
}

.metiz-product-maincol {
  position: sticky;
  top: 132px;
}

.metiz-product-gallery {
  padding: 18px;
}

.metiz-product-gallery__main {
  position: relative;
  min-height: 340px;
  display: grid;
  place-items: center;
}

.metiz-product-gallery__main img {
  max-height: 340px;
}

.metiz-product-gallery__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  background: var(--surface);
  border: 1px solid var(--rule);
  color: var(--ink);
  transform: translateY(-50%);
}

.metiz-product-gallery__nav:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.metiz-product-gallery__nav--prev {
  left: 0;
}

.metiz-product-gallery__nav--prev svg {
  transform: rotate(180deg);
}

.metiz-product-gallery__nav--next {
  right: 0;
}

.metiz-product-thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--rule);
}

.metiz-product-thumbs button {
  height: 64px;
  border: 1px solid transparent;
  background: var(--bg);
}

.metiz-product-thumbs button.is-active,
.metiz-product-thumbs button:hover {
  border-color: var(--accent);
}

.metiz-product-thumbs img {
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: contain;
}

.metiz-product-description {
  max-width: none;
  margin: 0;
}

.metiz-product-attrs-section {
  margin-top: 0;
}

.metiz-product-attrs-section .section-head {
  margin-bottom: 16px;
}

@media (max-width: 1180px) {
  .nav__social {
    margin-left: 0;
  }

  .metiz-vacancies-intro,
  .metiz-job .job__cols,
  .metiz-product-single {
    grid-template-columns: 1fr;
  }

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

  .metiz-product-maincol {
    position: static;
  }
}

@media (max-width: 760px) {
  .metiz-city-modal {
    align-items: start;
    padding: 14px;
  }

  .metiz-city-modal__body,
  .metiz-city-modal__list {
    grid-template-columns: 1fr;
  }

  .nav__social {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding: 0 0 12px;
  }

  .product__thumb {
    height: 210px;
  }

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

/* UX pass 2026-05-13 */
:root {
  --radius: 10px;
  --radius-sm: 7px;
  --nav-dark: #0b1520;
  --nav-dark-2: #111e2a;
  --accent: #f2630a;
  --accent-ink: #d95100;
  --accent-bg: #fff0e7;
  --primary: #0b1520;
  --primary-ink: #182838;
  --bg: #f6f4ee;
  --bg-2: #f3f6f8;
  --surface: #fff;
  --ink: #101820;
  --ink-2: #28323d;
  --ink-3: #66717e;
  --rule: #dde2e7;
  --rule-2: #cfd6de;
}

body {
  background: var(--bg);
  font-family: var(--font-sans);
}

.btn,
.nav__search,
.nav__cart,
.metiz-search-results,
.cat-tile,
.product,
.article,
.metiz-text-card,
.metiz-empty,
.metiz-page-hero,
.metiz-catalog-banner,
.metiz-category-filters,
.metiz-product-gallery,
.metiz-price-box,
.metiz-attrs,
.metiz-delivery-note,
.dv-block,
.fleet__head,
.fleet__item,
.metiz-map,
.metiz-map-section,
.metiz-contacts-geo,
.metiz-contacts-hero,
.metiz-contacts-dark,
.city-card,
.metiz-city-modal__dialog,
.metiz-cookie {
  border-radius: var(--radius);
}

.nav {
  background: #fff;
}

.nav__util {
  background: #f7f8fa;
}

.nav__util-right a {
  position: relative;
  padding-left: 18px;
}

.nav__util-right a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}

.nav__inner {
  min-height: 82px;
}

.metiz-logo__history {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.nav__menu {
  min-height: 50px;
  border-top: 0;
  background: var(--nav-dark);
  color: #fff;
  border-radius: var(--radius) var(--radius) 0 0;
}

.nav__catalog-btn {
  height: 50px;
  min-width: 210px;
  background: var(--nav-dark-2);
  color: #fff;
  border-radius: var(--radius) 0 0 0;
  box-shadow: none;
}

.nav__catalog-btn:hover,
.nav__menu:hover .nav__catalog-btn,
.nav__catalog-btn:focus-visible {
  background: var(--accent);
  color: #fff;
}

.nav__links a {
  color: rgba(255, 255, 255, .88);
  min-height: 50px;
}

.nav__links a:hover,
.nav__links .current-menu-item > a {
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

.nav__sub {
  border-radius: 0 0 var(--radius) var(--radius);
}

.nav__social {
  margin-left: auto;
  padding-right: 12px;
}

.nav__social a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.nav__social-max,
.nav__social-chat {
  background: #762ac9;
}

.megamenu {
  top: 100%;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
}

.megamenu__inner {
  border-radius: 0 0 var(--radius) var(--radius);
}

.megamenu__cat-link:hover,
.megamenu__panel-link:hover {
  background: var(--accent-bg);
  color: var(--accent-ink);
}

.megamenu__panel-sub a:hover,
.megamenu__panel-sub a:focus {
  background: var(--accent);
  color: #fff !important;
}

.home-showcase {
  padding: 20px 0 38px;
}

.home-showcase__main {
  min-height: clamp(220px, 21vw, 300px);
  border-radius: var(--radius);
}

.metiz-hero-slide {
  transition: opacity 120ms linear;
}

.home-showcase__copy {
  bottom: 42px;
}

.home-showcase__copy strong {
  font-size: clamp(28px, 3.2vw, 42px);
}

.home-showcase__copy span {
  margin-top: 10px;
  font-size: clamp(18px, 1.8vw, 26px);
}

.home-showcase__copy em {
  margin-top: 20px;
  border-radius: var(--radius-sm);
}

.section--bg2,
.metiz-modern-front #catalog.section--bg2 {
  background: #fff;
}

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

.cat-tile {
  border-radius: var(--radius);
  overflow: hidden;
}

.cat-tile__icon,
.metiz-term-thumb {
  margin: -22px -22px 18px;
  min-height: 178px;
  background: #eef2f5;
  border-bottom: 1px solid var(--rule);
}

.cat-tile__icon img,
.metiz-term-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.metiz-catalog-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 24px;
  padding: clamp(24px, 4vw, 42px);
  color: #fff;
  background:
    linear-gradient(105deg, rgba(11, 21, 32, .97), rgba(21, 43, 61, .9)),
    radial-gradient(circle at 88% 12%, rgba(242, 99, 10, .38), transparent 28%);
  overflow: hidden;
}

.metiz-catalog-banner span:first-child {
  color: var(--accent);
  font: 800 12px/1 var(--font-mono);
  text-transform: uppercase;
}

.metiz-catalog-banner h2 {
  max-width: 780px;
  margin: 12px 0 0;
  color: #fff;
  font: 800 clamp(28px, 4vw, 46px)/1.02 var(--font-display);
}

.metiz-catalog-banner p {
  max-width: 680px;
  margin: 14px 0 0;
  color: rgba(255, 255, 255, .78);
  font: 500 15px/1.55 var(--font-sans);
}

.metiz-catalog-banner__features {
  display: grid;
  gap: 10px;
  min-width: 260px;
}

.metiz-catalog-banner__features span {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff !important;
  font: 700 13px/1.25 var(--font-sans) !important;
}

.metiz-category-filters {
  position: static;
  z-index: 25;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 18px;
  padding: 16px 18px;
  border: 1px solid var(--rule);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(16, 24, 32, .06);
}

.metiz-filter-chip-list {
  display: flex;
  flex: 1 1 680px;
  flex-wrap: wrap;
  gap: 10px;
  overflow: hidden;
}

.metiz-category-filters.is-collapsed .metiz-filter-chip-list {
  max-height: 42px;
}

.metiz-filter-chip {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f4f5f6;
  color: var(--ink);
  font: 600 14px/1.1 var(--font-sans);
  white-space: nowrap;
  box-shadow: none;
  transition: background-color 160ms var(--ease), border-color 160ms var(--ease), color 160ms var(--ease), box-shadow 160ms var(--ease);
}

.metiz-filter-chip:hover {
  border-color: rgba(242, 99, 10, .42);
  background: #fff6ef;
  color: var(--accent);
}

.metiz-filter-chip.is-active {
  border-color: var(--accent);
  background: #fff1e5;
  color: var(--accent);
  box-shadow: inset 0 0 0 1px rgba(242, 99, 10, .18);
}

.metiz-filter-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.metiz-filter-collapse,
.metiz-filter-reset {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  background: #fff;
  color: var(--ink-2);
  font: 700 13px/1 var(--font-sans);
}

.metiz-filter-collapse {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #0066d9;
  border-color: transparent;
}

.metiz-filter-collapse svg {
  transition: transform 160ms var(--ease);
}

.metiz-filter-collapse[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.metiz-filter-collapse:hover,
.metiz-filter-reset:hover {
  border-color: var(--accent);
  color: var(--accent);
}

[data-metiz-product-card][hidden],
.cat-tile[hidden] {
  display: none !important;
}

.catalog__grid {
  align-items: stretch;
}

.product,
html[data-cardstyle="bordered"] .product {
  padding: 18px;
  border-radius: var(--radius);
  background: #fff;
  overflow: hidden;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.product:hover,
html[data-cardstyle="bordered"] .product:hover {
  border-color: var(--accent);
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(242, 99, 10, .14);
  transform: translateY(-1px);
}

.product__thumb {
  margin: -18px -18px 18px;
  height: 250px;
  border-bottom: 1px solid var(--rule);
  background: #fff;
  border-radius: var(--radius) var(--radius) 0 0;
}

.product__thumb img,
.metiz-product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__badges {
  left: 12px;
  top: 12px;
}

.product__badges .product__badge {
  border-radius: 6px;
}

.product__cat,
.product__specs,
.product__stock {
  font-size: 12.5px;
  text-align: left;
}

.product__specs {
  margin-top: 10px;
  line-height: 1.32;
}

.product__title {
  text-align: left;
  font-size: 18px;
}

.product__foot {
  align-items: end;
  gap: 12px;
}

.product__add {
  width: auto;
  min-width: 112px;
  height: 42px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  color: #fff;
  font: 800 13px/1 var(--font-sans);
  white-space: nowrap;
}

.product__add.is-added {
  background: #21ad68;
}

.metiz-product-single {
  max-width: 1160px;
  margin: 0 auto;
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
  justify-content: stretch;
}

.metiz-product-maincol {
  top: 118px;
}

.metiz-product-gallery,
.metiz-price-box {
  background: #fff;
  border: 1px solid var(--rule);
  box-shadow: none;
}

.metiz-product-gallery__main {
  min-height: 300px;
}

.metiz-product-gallery__main img {
  max-height: 300px;
}

.metiz-product-details {
  gap: 18px;
}

.metiz-product-short,
.metiz-product-description,
.metiz-product-attrs-section {
  padding: 20px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #fff;
}

.metiz-attrs {
  overflow: hidden;
}

.metiz-attrs__row {
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1fr);
}

.form__policy {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #cbd4dc;
  font: 500 12px/1.45 var(--font-sans);
}

.form__policy input {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--accent);
}

.form__policy a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.metiz-city-modal__dialog {
  width: min(980px, 100%);
  padding: clamp(28px, 4vw, 46px);
}

.metiz-city-modal__title {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.metiz-city-modal__title > svg {
  flex: 0 0 auto;
  color: var(--accent);
}

.metiz-city-modal__title p {
  margin: 8px 0 0;
  color: var(--ink-3);
  font: 500 14px/1.5 var(--font-sans);
}

.metiz-city-modal__popular {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.metiz-city-modal__popular button {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--ink);
  font: 800 14px/1 var(--font-sans);
}

.metiz-city-modal__popular button:hover,
.metiz-city-modal__popular button.is-selected,
.metiz-city-modal__list button.is-selected {
  border-color: #9aa7ff;
  background: #f3f4ff;
  color: var(--primary);
}

.metiz-city-modal__body {
  grid-template-columns: 180px 1fr;
  gap: 30px;
}

.metiz-city-modal__countries {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.metiz-city-modal__countries button {
  width: auto;
  border-radius: var(--radius-sm);
}

.metiz-city-modal__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px 18px;
  max-height: min(300px, 38vh);
  overflow: auto;
}

.metiz-city-modal__list button {
  justify-self: stretch;
  padding: 9px 10px;
  border-bottom: 1px solid var(--rule);
  text-align: left;
  font-size: 15px;
}

.metiz-city-modal__foot {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--rule);
  color: var(--ink-3);
  font: 500 14px/1.4 var(--font-sans);
}

.metiz-city-modal__foot strong {
  color: var(--primary);
}

.metiz-messenger-stack {
  position: fixed;
  left: 18px;
  bottom: 112px;
  z-index: 80;
  display: grid;
  gap: 9px;
}

.metiz-messenger-stack__item {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 10px 22px rgba(16, 24, 32, .18);
}

.metiz-messenger-stack__item span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.metiz-messenger-stack__item--wa { background: #21d366; }
.metiz-messenger-stack__item--tg { background: #31aee2; }
.metiz-messenger-stack__item--max { background: #8b8d98; }

.metiz-cookie {
  position: fixed;
  left: 18px;
  right: auto;
  bottom: 18px;
  z-index: 100;
  display: flex;
  gap: 16px;
  align-items: center;
  max-width: min(520px, calc(100vw - 36px));
  padding: 14px;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: #fff;
  box-shadow: var(--shadow-sticky);
}

.metiz-cookie[hidden] {
  display: none;
}

.metiz-cookie div {
  display: grid;
  gap: 3px;
}

.metiz-cookie strong {
  color: var(--ink);
  font: 800 14px/1 var(--font-sans);
}

.metiz-cookie span,
.metiz-cookie a {
  color: var(--ink-3);
  font: 500 12px/1.45 var(--font-sans);
}

.metiz-cookie button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  background: var(--accent);
  color: #fff;
  font: 800 13px/1 var(--font-sans);
}

.metiz-page-hero .t-h1 {
  font-size: clamp(30px, 3vw, 44px);
}

.metiz-page-hero {
  padding-bottom: 42px;
}

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

.fleet__head {
  grid-column: 1 / -1;
}

.fleet__item img {
  height: 190px;
}

@media (max-width: 1180px) {
  .nav__menu {
    border-radius: var(--radius);
  }

  .nav__catalog-btn {
    border-radius: var(--radius) 0 0 var(--radius);
  }

  .cat-tree,
  .metiz-modern-front #catalog .catalog__grid,
  .metiz-city-modal__popular {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metiz-category-filters {
    top: 12px;
  }

  .metiz-product-single {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .nav__menu,
  .nav__catalog-btn {
    border-radius: 0;
  }

  .home-showcase__main {
    min-height: 310px;
  }

  .home-showcase__copy {
    left: 24px;
    right: 24px;
    bottom: 30px;
    max-width: none;
  }

  .home-showcase__copy strong {
    font-size: 27px;
  }

  .cat-tree,
  .metiz-modern-front #catalog .catalog__grid,
  .metiz-catalog-banner,
  .metiz-category-filters,
  .metiz-city-modal__popular,
  .metiz-city-modal__body,
  .metiz-city-modal__list,
  .fleet {
    grid-template-columns: 1fr;
  }

  .metiz-catalog-banner__features {
    min-width: 0;
  }

  .metiz-category-filters {
    position: static;
  }

  .metiz-filter-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .product__thumb {
    height: 220px;
  }

  .metiz-cookie {
    display: grid;
    bottom: 12px;
  }

  .metiz-messenger-stack {
    left: 12px;
    bottom: 142px;
  }
}

/* Reference alignment pass: shared industrial UI */
.nav__menu {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(32px, calc((100vw - 1360px) / 2));
  border-top: 0;
  background: #07111b;
}

.nav__catalog-btn {
  min-width: 244px;
  height: 50px;
  background: #07111b;
  color: #fff;
  box-shadow: none;
}

.nav__catalog-btn:hover,
.nav__menu:hover .nav__catalog-btn,
.nav__catalog-btn:focus-visible {
  background: #0d1b29;
}

.nav__links a {
  color: rgba(255, 255, 255, .88);
  font-weight: 800;
}

.nav__links a:hover,
.nav__links .current-menu-item > a {
  color: #fff;
}

.nav__links a::after {
  background: var(--accent);
}

.nav__social {
  margin-left: auto;
}

.nav__social a {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: transparent;
  color: #fff;
}

.nav__social-wa { color: #21d366; }
.nav__social-tg { color: #31aee2; }
.nav__social-max { color: #9aa0aa; }

.metiz-messenger-stack {
  display: none;
}

.metiz-modern-front .home-showcase {
  padding: 0;
  background: #fff;
}

.metiz-modern-front .home-showcase > .container {
  max-width: none;
  padding: 0;
}

.metiz-modern-front .home-showcase__main {
  min-height: clamp(360px, 33vw, 500px);
  border: 0;
  border-radius: 0;
}

.metiz-modern-front .home-showcase__main img {
  opacity: 1;
  filter: none;
  object-position: right center;
}

.metiz-modern-front .home-showcase__shade {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .92) 31%, rgba(255, 255, 255, .35) 58%, rgba(255, 255, 255, 0) 82%),
    linear-gradient(90deg, rgba(7, 17, 27, .06), rgba(7, 17, 27, .24));
}

.metiz-modern-front .home-showcase__copy {
  left: max(52px, calc((100vw - 1360px) / 2 + 28px));
  bottom: 68px;
  max-width: 560px;
  color: #07111b;
}

.metiz-modern-front .home-showcase__copy small {
  color: var(--accent);
  letter-spacing: .18em;
}

.metiz-modern-front .home-showcase__copy strong {
  color: #07111b;
  font-size: clamp(38px, 5vw, 66px);
  line-height: .98;
}

.metiz-modern-front .home-showcase__copy span {
  color: #07111b;
  font-size: clamp(19px, 2vw, 28px);
  font-weight: 800;
  text-transform: uppercase;
}

.metiz-modern-front .home-showcase__copy em {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  border-radius: 4px;
  background: var(--accent);
}

.metiz-modern-front .metiz-hero-slider__dots {
  left: max(52px, calc((100vw - 1360px) / 2 + 28px));
  right: auto;
  bottom: 28px;
}

.metiz-modern-front .metiz-hero-slider__dots button {
  background: rgba(7, 17, 27, .22);
}

.metiz-modern-front .metiz-hero-slider__dots button.is-active {
  background: var(--accent);
}

.home-proof {
  border-bottom: 1px solid var(--rule);
  background: #fff;
}

.home-proof__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  padding-block: 30px;
}

.home-proof__item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
}

.home-proof__item svg {
  grid-row: span 2;
  color: #7c8794;
  stroke-width: 1.55;
}

.home-proof__item strong {
  color: #07111b;
  font: 900 30px/1 var(--font-sans);
}

.home-proof__item span {
  color: #5f6a75;
  font: 700 13px/1.35 var(--font-sans);
}

.metiz-modern-front #catalog-tree {
  background: #fff;
}

.metiz-modern-front #catalog-tree .section-head {
  margin-bottom: 24px;
}

.metiz-modern-front #catalog-tree .t-display {
  font-size: 30px;
}

.metiz-modern-front #catalog-tree .cat-tree {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.metiz-modern-front #catalog-tree .cat-tile {
  min-height: 172px;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 8px 24px;
  padding: 24px;
  border-radius: 4px;
  overflow: hidden;
}

.metiz-modern-front #catalog-tree .cat-tile__icon {
  grid-row: 1 / 4;
  min-height: 0;
  height: 124px;
  align-self: center;
  background: transparent;
}

.metiz-modern-front #catalog-tree .cat-tile__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.metiz-modern-front #catalog-tree .cat-tile__title {
  align-self: end;
  font-size: 18px;
  font-weight: 900;
}

.metiz-modern-front #catalog-tree .cat-tile__sub {
  font-size: 13px;
  line-height: 1.42;
}

.metiz-modern-front #catalog-tree .cat-tile__more {
  align-self: end;
  font-weight: 900;
}

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

.metiz-news-card {
  position: relative;
  min-height: 248px;
  display: block;
  overflow: hidden;
  border-radius: 6px;
  background: #07111b;
  color: #fff;
  box-shadow: 0 12px 28px rgba(7, 17, 27, .10);
}

.metiz-home-news .metiz-news-card--primary {
  min-height: 316px;
}

.metiz-news-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.72) contrast(1.12);
  opacity: .72;
  transition: transform 260ms var(--ease), opacity 260ms var(--ease);
}

.metiz-news-card__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 17, 27, .12), rgba(7, 17, 27, .82)),
    linear-gradient(90deg, rgba(7, 17, 27, .68), rgba(7, 17, 27, .18));
}

.metiz-news-card__body {
  position: absolute;
  inset: 24px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
}

.metiz-news-card__body > span:first-child {
  display: grid;
  gap: 12px;
}

.metiz-news-card time {
  color: rgba(255, 255, 255, .85);
  font: 800 13px/1.2 var(--font-mono);
}

.metiz-news-card strong {
  max-width: 88%;
  color: #fff;
  font: 900 24px/1.12 var(--font-sans);
}

.metiz-news-card__excerpt {
  max-width: 92%;
  color: rgba(255, 255, 255, .82);
  font: 600 14px/1.4 var(--font-sans);
}

.metiz-news-card em {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font: 800 13px/1 var(--font-sans);
}

.metiz-news-card:hover img {
  transform: scale(1.05);
  opacity: .9;
}

.metiz-page-hero--industry {
  position: relative;
  min-height: 176px;
  display: grid;
  align-items: center;
  overflow: hidden;
  border-radius: 0;
  border-bottom: 0;
  background:
    linear-gradient(90deg, rgba(7, 17, 27, .96), rgba(7, 17, 27, .70) 48%, rgba(7, 17, 27, .58)),
    url("https://metiz.freetimbat.ru/wp-content/uploads/2020/05/WhatsApp-Image-2020-07-14-at-12.42.36-768x896.jpeg") right center / cover no-repeat;
}

.metiz-page-hero--employees {
  min-height: 176px;
}

.metiz-page-hero--industry .metiz-breadcrumb,
.metiz-page-hero--industry .metiz-breadcrumb a,
.metiz-page-hero--industry .metiz-breadcrumb span {
  color: rgba(255, 255, 255, .76);
}

.metiz-page-hero--industry .t-h1 {
  color: #fff;
  font-size: clamp(34px, 4vw, 50px);
}

.metiz-page-hero__lead {
  max-width: 420px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .88);
  font: 700 17px/1.45 var(--font-sans);
}

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

.metiz-employee-card {
  grid-template-columns: 190px minmax(0, 1fr);
  grid-template-rows: 190px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 28px rgba(7, 17, 27, .07);
}

.metiz-employee-card > p {
  display: none;
}

.metiz-employee-card__photo-link {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: auto;
  height: 190px;
  min-height: 0;
  background: #fff;
}

.metiz-employee-card__photo {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  contain-intrinsic-size: auto !important;
  background: #fff;
}

.metiz-employee-card__body {
  grid-column: 2;
  grid-row: 1;
  padding: 22px 22px;
  align-self: center;
}

.metiz-employee-card h2 {
  max-width: 220px;
  font-size: 19px;
  line-height: 1.14;
}

.metiz-employee-card__job {
  margin-bottom: 18px;
  color: #5f6a75;
  font-weight: 700;
}

.metiz-employee-card__contacts {
  gap: 9px;
  color: #3f4955;
}

.metiz-employee-card__contacts div {
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
}

.metiz-employee-card__contacts dt {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.metiz-employee-card__contacts dd {
  grid-column: 2;
  font-size: 14px;
}

.metiz-employee-card__contacts div::before {
  grid-column: 1;
  color: #6d7682;
  font-size: 13px;
}

.metiz-employee-card__contacts div:first-child::before {
  content: "☎";
}

.metiz-employee-card__contacts div:nth-child(2)::before {
  content: "✉";
}

.metiz-employee-card__text {
  display: none;
}

.metiz-section-content .metiz-employee-grid + p,
.metiz-section-content .metiz-employee-grid + .wp-block-buttons {
  text-align: center;
}

/* Final visual alignment against supplied industrial references. */
.nav__menu,
.nav__catalog-btn {
  border-radius: 0 !important;
}

.metiz-hero-slide {
  transition: none;
}

body:not(.metiz-modern-front) .metiz-page-hero:not(.metiz-page-hero--industry) {
  padding: 28px 0 30px;
  border-bottom: 1px solid var(--rule);
  background: #fff;
}

body:not(.metiz-modern-front) .metiz-page-hero:not(.metiz-page-hero--industry) .t-h1 {
  color: #07111b;
  font-size: clamp(30px, 3.15vw, 42px);
  line-height: 1.08;
}

.post-type-archive-metiz_news .metiz-page-hero,
.post-type-archive-metiz_article .metiz-page-hero,
.post-type-archive-product .metiz-page-hero,
.tax-product_cat .metiz-page-hero,
.single-product .metiz-page-hero {
  background: #fff !important;
}

.metiz-catalog-banner,
.metiz-catalog-banner--term {
  min-height: 220px;
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(7, 17, 27, .96) 0%, rgba(7, 17, 27, .88) 42%, rgba(7, 17, 27, .42) 100%),
    url("https://metiz.freetimbat.ru/wp-content/uploads/2020/05/WhatsApp-Image-2020-07-14-at-12.42.36-768x896.jpeg") right center / cover no-repeat !important;
}

.metiz-catalog-banner--term {
  background:
    linear-gradient(90deg, rgba(7, 17, 27, .96) 0%, rgba(7, 17, 27, .82) 48%, rgba(7, 17, 27, .35) 100%),
    url("https://metiz.freetimbat.ru/wp-content/uploads/2026/05/provoloka-polimer-zelenaya-0.jpg") right center / cover no-repeat !important;
}

.metiz-catalog-banner h2 {
  font-size: clamp(30px, 4.4vw, 54px);
}

.metiz-faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 28px;
  align-items: start;
}

.metiz-faq-help {
  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(7, 17, 27, .07);
}

.metiz-faq-help__photo {
  min-height: 180px;
  display: grid;
  place-items: end center;
  background: linear-gradient(135deg, #f4f6f8, #fff);
}

.metiz-faq-help__photo img {
  width: 170px;
  height: 170px;
  object-fit: contain;
}

.metiz-faq-help__body {
  padding: 24px 24px 18px;
}

.metiz-faq-help__body h2 {
  margin: 0 0 10px;
  color: #07111b;
  font: 900 22px/1.16 var(--font-sans);
}

.metiz-faq-help__body p {
  margin: 0 0 18px;
  color: #5f6a75;
  font: 500 14px/1.5 var(--font-sans);
}

.metiz-faq-help__links {
  display: grid;
  padding: 0 24px 24px;
}

.metiz-faq-help__links a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 13px 0;
  border-top: 1px solid var(--rule);
  color: #28313c;
  font: 700 14px/1.25 var(--font-sans);
}

.metiz-faq-help__links svg {
  color: var(--accent);
}

.metiz-faq-layout .metiz-accordion__button {
  min-height: 68px;
  transition: background-color 180ms var(--ease), color 180ms var(--ease);
}

.metiz-faq-layout .metiz-accordion__panel {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition: max-height 240ms ease, padding 240ms ease;
}

.metiz-faq-layout .metiz-accordion__button[aria-expanded="true"] + .metiz-accordion__panel {
  max-height: 520px;
  padding-top: 0;
  padding-bottom: 22px;
}

.metiz-product-single {
  align-items: start;
}

.metiz-product-maincol {
  display: grid;
  gap: 18px;
}

.metiz-product-details {
  align-self: start;
}

.metiz-product-description {
  order: 1;
}

.metiz-product-attrs-section {
  order: 2;
}

.metiz-product-gallery__main {
  min-height: 360px;
}

.metiz-product-gallery__main img {
  max-height: 340px;
}

.metiz-product-gallery__nav {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1100px) {
  .metiz-modern-front #catalog-tree .cat-tree,
  .metiz-news-grid,
  .metiz-employee-grid,
  .home-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .nav__menu {
    margin-inline: -18px;
    padding-inline: 18px;
  }

  .metiz-modern-front #catalog-tree .cat-tree,
  .metiz-news-grid,
  .metiz-employee-grid,
  .home-proof__grid {
    grid-template-columns: 1fr;
  }

  .metiz-modern-front #catalog-tree .cat-tile,
  .metiz-employee-card {
    grid-template-columns: 1fr;
  }

  .metiz-employee-card {
    grid-template-rows: auto auto;
  }

  .metiz-employee-card__photo-link {
    grid-column: 1;
    grid-row: 1;
    height: 260px;
  }

  .metiz-employee-card__body {
    grid-column: 1;
    grid-row: 2;
  }

  .metiz-modern-front #catalog-tree .cat-tile__icon {
    grid-row: auto;
  }

  .metiz-faq-layout {
    grid-template-columns: 1fr;
  }

  .metiz-faq-help {
    position: static;
  }
}

/* Header menu alignment and two-step catalog reveal. */
@media (min-width: 1025px) {
  .nav__menu {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-content: normal;
    column-gap: 24px;
    min-height: 50px;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    background: transparent;
    position: relative;
  }

  .nav__menu::before {
    content: "";
    position: absolute;
    inset: 0 calc(50% - 50vw);
    z-index: -1;
    background: #07111b;
  }

  .nav__catalog-btn {
    grid-column: 1;
    flex: 0 0 auto;
    height: 50px;
    align-items: center;
    align-self: stretch;
  }

  .nav__links {
    grid-column: 2;
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 50px;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
  }

  .nav__links > li {
    position: relative;
    height: 50px;
    align-items: stretch;
  }

  .nav__links > li > a {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px;
    line-height: 1;
  }

  .nav__social {
    grid-column: 3;
    justify-self: end;
    flex: 0 0 auto;
    height: 50px;
    align-self: stretch;
    margin-left: 0 !important;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .nav__links .nav__sub {
    top: 100%;
    left: 0;
    width: 346px;
    min-height: 0 !important;
    height: auto !important;
    padding: 8px !important;
    display: none;
    gap: 4px;
    overflow: visible;
    background: #fff;
    border: 1px solid var(--rule);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 18px 34px rgba(7, 17, 27, .14);
  }

  .nav__links > li:hover > .nav__sub,
  .nav__links > li:focus-within > .nav__sub {
    display: grid;
  }

  .nav__links .nav__sub li {
    display: block;
    height: auto !important;
    min-height: 0 !important;
  }

  .nav__links .nav__sub a {
    min-height: 0 !important;
    height: auto !important;
    display: flex;
    align-items: center;
    padding: 12px 14px;
    color: #07111b !important;
    background: transparent;
    font: 800 14px/1.25 var(--font-sans);
  }

  .nav__links .nav__sub-head a {
    color: #fff !important;
    background: var(--accent);
  }

  .nav__links .nav__sub a:hover,
  .nav__links .nav__sub a:focus-visible {
    color: #fff !important;
    background: var(--accent);
  }

  .metiz-logo__slogan,
  .metiz-logo__history {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
  }

  .megamenu {
    left: 0;
    right: auto;
    width: 360px;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .megamenu:has(.megamenu__cat:hover),
  .megamenu:has(.megamenu__cat:focus-within) {
    width: min(960px, calc(100vw - 64px));
  }

  .megamenu__inner {
    position: relative;
    width: 360px;
    min-height: 0;
    max-height: min(680px, calc(100vh - 178px));
    overflow: visible;
    border-radius: 0 0 6px 6px;
    background: var(--surface);
  }

  .megamenu__inner:has(.megamenu__cat:hover),
  .megamenu__inner:has(.megamenu__cat:focus-within) {
    width: min(960px, calc(100vw - 64px));
    min-height: 430px;
  }

  .megamenu__col {
    width: 360px;
    min-height: 0;
    display: block;
    border-right: 1px solid var(--rule);
  }

  .megamenu__inner:has(.megamenu__cat:hover) .megamenu__col,
  .megamenu__inner:has(.megamenu__cat:focus-within) .megamenu__col {
    min-height: 430px;
  }

  .megamenu__cat {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }

  .megamenu__cat:nth-child(3n) {
    border-right: 0;
  }

  .megamenu__cat-link {
    min-height: 58px;
    grid-template-columns: 24px 1fr auto;
    padding: 0 20px;
    background: #fff;
  }

  .megamenu__chev {
    display: inline-flex;
  }

  .megamenu__panel {
    position: absolute;
    display: none;
    top: 0;
    left: 360px;
    right: 0;
    bottom: 0;
    min-height: 430px;
    padding: 28px 32px;
    overflow: auto;
    border-left: 1px solid var(--rule);
    background: #fff;
    box-shadow: 18px 18px 34px rgba(7, 17, 27, .08);
  }

  .megamenu__cat:hover .megamenu__panel,
  .megamenu__cat:focus-within .megamenu__panel {
    display: block;
  }

  .megamenu__panel-title {
    display: block;
    margin-bottom: 22px;
    color: #07111b;
    font: 900 26px/1.1 var(--font-display);
  }

  .megamenu__panel-list {
    gap: 16px;
  }

  .megamenu__panel-link {
    font-size: 15px;
  }
}

/* Final header/dropdown guardrails. */
@media (min-width: 1025px) {
  .nav__links > li.has-sub > .nav__sub {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .nav__links > li.has-sub:hover > .nav__sub,
  .nav__links > li.has-sub:focus-within > .nav__sub {
    display: grid !important;
  }

  .nav__links > li.has-sub > .nav__sub > li {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .nav__links > li.has-sub > .nav__sub > li > a {
    color: #07111b !important;
    background: #fff;
  }

  .nav__links > li.has-sub > .nav__sub > .nav__sub-head > a,
  .nav__links > li.has-sub > .nav__sub > li > a:hover,
  .nav__links > li.has-sub > .nav__sub > li > a:focus-visible {
    color: #fff !important;
    background: var(--accent);
  }
}

.metiz-messenger-stack {
  left: auto !important;
  right: 22px;
  top: auto;
  bottom: 160px;
  z-index: 120;
  display: grid !important;
  gap: 14px;
  transform: none;
}

.metiz-messenger-stack__item {
  width: 63px;
  height: 63px;
}

.metiz-messenger-stack__item svg {
  width: 27px;
  height: 27px;
}

@media (max-width: 768px) {
  .metiz-messenger-stack {
    right: 12px;
    top: auto;
    bottom: 132px;
    gap: 10px;
    transform: none;
  }

  .metiz-messenger-stack__item {
    width: 52px;
    height: 52px;
  }

  .metiz-messenger-stack__item svg {
    width: 23px;
    height: 23px;
  }
}

/* Commerce interaction pass. */
.nav__cart {
  background: transparent !important;
  border-color: var(--rule);
  box-shadow: none !important;
}

.nav__cart:hover {
  background: #fff !important;
}

.nav__cart-icon {
  background: transparent !important;
  color: var(--ink);
}

.nav__cart-icon em {
  color: #fff;
  background: var(--accent);
}

.added_to_cart.wc-forward {
  display: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .cart_totals a.checkout-button,
.woocommerce a.button.checkout-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px !important;
  border: 1px solid var(--accent) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--accent) !important;
  color: #fff !important;
  font: 900 14px/1 var(--font-sans) !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(242, 99, 10, .18);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .cart_totals a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}

.product {
  position: relative;
}

.product__tools {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 4;
  display: grid;
  gap: 7px;
}

.product__tools button,
.metiz-product-actions button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rule);
  background: #fff;
  color: var(--ink);
  transition: border-color 180ms var(--ease), color 180ms var(--ease), background 180ms var(--ease);
}

.product__tools button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(7, 17, 27, .12);
}

.product__tools button:hover,
.product__tools button.is-active,
.metiz-product-actions button:hover,
.metiz-product-actions button.is-active {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.metiz-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.metiz-product-actions button {
  min-height: 38px;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  font: 800 13px/1 var(--font-sans);
}

.metiz-cert-block__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}

.metiz-cert-block__text {
  max-width: 980px;
}

.metiz-cert-block__images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 180px));
  gap: 16px;
}

.metiz-cert-block__images a {
  display: block;
  padding: 10px;
  border: 1px solid var(--rule);
  background: #fff;
  grid-column: auto !important;
}

.metiz-cert-block__images img {
  width: 100%;
  height: 230px;
  object-fit: contain;
}

.metiz-archive-layout {
  grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
  gap: 20px;
}

.metiz-catalog-children.cat-tree {
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 14px;
}

.metiz-catalog-children .cat-tile {
  min-height: 300px;
}

.metiz-catalog-children .cat-tile__icon,
.metiz-catalog-children .metiz-term-thumb {
  min-height: 170px;
}

.metiz-text-card {
  overflow: hidden;
}

.metiz-text-card__image {
  display: block;
  margin: -24px -24px 18px;
  height: 210px;
  background: var(--bg);
  border-bottom: 1px solid var(--rule);
}

.metiz-text-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.metiz-related-products {
  padding-top: 0;
}

.metiz-related-products__wrap {
  position: relative;
}

.metiz-related-products__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(220px, 260px);
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  padding: 2px 2px 12px;
}

.metiz-related-card {
  scroll-snap-align: start;
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 14px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #fff;
  color: var(--ink);
}

.metiz-related-card:hover {
  border-color: var(--accent);
  box-shadow: 0 16px 38px rgba(242, 99, 10, .14);
}

.metiz-related-card__image {
  height: 178px;
  display: grid;
  place-items: center;
  margin: -14px -14px 0;
  background: #eef2f5;
  border-bottom: 1px solid var(--rule);
  overflow: hidden;
}

.metiz-related-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.metiz-related-card strong {
  font: 900 16px/1.18 var(--font-display);
}

.metiz-related-card em {
  color: var(--accent);
  font: 900 16px/1 var(--font-sans);
  font-style: normal;
}

.metiz-related-products__nav {
  position: absolute;
  top: 90px;
  z-index: 3;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--rule);
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 10px 24px rgba(7, 17, 27, .12);
}

.metiz-related-products__nav:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.metiz-related-products__nav--prev {
  left: -18px;
}

.metiz-related-products__nav--prev svg {
  transform: rotate(180deg);
}

.metiz-related-products__nav--next {
  right: -18px;
}

.metiz-lightbox {
  position: fixed;
  inset: 0;
  z-index: 220;
}

.metiz-lightbox[hidden] {
  display: none;
}

.metiz-list-item {
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
}

.metiz-list-item__image {
  height: 86px;
  display: block;
  background: var(--bg);
  overflow: hidden;
}

.metiz-list-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.metiz-list-item span {
  color: var(--ink-3);
  font: 800 11px/1 var(--font-mono);
  text-transform: uppercase;
}

.metiz-list-item a:not(.metiz-list-item__image) {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font: 900 17px/1.15 var(--font-display);
}

.metiz-list-item strong {
  display: block;
  margin-top: 8px;
  color: var(--accent);
}

.metiz-list-item button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--ink);
}

.metiz-list-empty {
  padding: 28px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  color: var(--ink-3);
}

.metiz-page-hero--list {
  background:
    linear-gradient(135deg, rgba(7, 17, 27, .94), rgba(34, 77, 101, .90)),
    var(--bg);
  color: #fff;
}

.metiz-page-hero--list .metiz-breadcrumb,
.metiz-page-hero--list .metiz-breadcrumb a,
.metiz-page-hero--list .metiz-breadcrumb span,
.metiz-page-hero--list .metiz-page-hero__lead {
  color: rgba(255, 255, 255, .78);
}

.metiz-page-hero--list .t-h1 {
  color: #fff;
}

.metiz-list-page-section {
  background: #fff;
}

.metiz-list-page__bar {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 24px;
}

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

.metiz-list-page .metiz-list-item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  background: #fff;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.metiz-list-page .metiz-list-item:hover {
  border-color: var(--accent);
  box-shadow: 0 16px 34px rgba(7, 17, 27, .10);
  transform: translateY(-1px);
}

.metiz-list-page .metiz-list-item__image {
  height: 230px;
  background: #f4f6f7;
}

.metiz-list-page .metiz-list-item__image img {
  object-fit: contain;
  padding: 18px;
}

.metiz-list-page-card__body {
  padding: 20px 20px 14px;
}

.metiz-list-page .metiz-list-item button {
  justify-self: start;
  margin: 0 20px 20px;
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
  font-weight: 800;
}

.metiz-list-page__empty {
  padding: 34px;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink-3);
  font-weight: 700;
}

@media (max-width: 900px) {
  .metiz-list-page__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .metiz-list-page__bar {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .metiz-list-page__items {
    grid-template-columns: 1fr;
  }
}

.metiz-lightbox {
  display: grid;
  grid-template-columns: 1fr !important;
  align-items: center;
  justify-items: center;
  place-items: center;
  padding: 24px;
  background: rgba(7, 17, 27, .86);
}

.metiz-lightbox figure,
.metiz-lightbox__figure {
  grid-column: 1 !important;
  margin: 0;
  max-width: min(1000px, calc(100vw - 120px));
  max-height: calc(100vh - 80px);
  display: grid;
  gap: 12px;
  justify-items: center;
}

.metiz-lightbox img,
.metiz-lightbox__image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100vh - 140px);
  object-fit: contain;
  background: #fff;
}

.metiz-lightbox figcaption,
.metiz-lightbox__caption {
  color: #fff;
  text-align: center;
}

.metiz-lightbox__close,
.metiz-lightbox__nav {
  position: absolute;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

.metiz-lightbox__close {
  top: 22px;
  right: 22px;
  width: 46px;
  height: 46px;
}

.metiz-lightbox__nav {
  top: 50%;
  width: 54px;
  height: 54px;
  transform: translateY(-50%);
}

.metiz-lightbox__nav--prev {
  left: 24px;
}

.metiz-lightbox__nav--prev svg {
  transform: rotate(180deg);
}

.metiz-lightbox__nav--next {
  right: 24px;
}

@media (max-width: 980px) {
  .metiz-archive-layout {
    grid-template-columns: 1fr;
  }

  .metiz-catalog-children.cat-tree {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .metiz-cert-block__images,
  .metiz-catalog-children.cat-tree {
    grid-template-columns: 1fr;
  }

  .metiz-list-item {
    grid-template-columns: 84px 1fr;
  }

  .metiz-list-item button {
    grid-column: 1 / -1;
  }

  .metiz-lightbox figure {
    max-width: calc(100vw - 32px);
  }

  .metiz-lightbox__nav {
    width: 42px;
    height: 42px;
  }
}

/* Final polish pass: footer, account, commerce and separated card groups. */
.metiz-logo__slogan,
.metiz-logo__history {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  color: var(--ink);
  font: 900 13px/1.08 var(--font-sans);
  letter-spacing: 0;
  text-transform: uppercase;
}

.footer__brand {
  display: grid;
  align-content: start;
  gap: 12px;
}

.footer__brand .metiz-logo {
  display: inline-flex;
  width: fit-content;
}

.footer__legal {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  color: var(--ink-3);
}

.footer__legal p {
  margin: 0;
  color: var(--ink-3);
  font: 400 13px/1.42 var(--font-sans);
}

.footer__pay span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #dce4ef;
  border-radius: 9px;
  background: #fff;
  color: #4156d8;
  font: 900 14px/1 var(--font-sans);
  box-shadow: 0 6px 16px rgba(7, 17, 27, .06);
}

.footer__bottom {
  display: none;
}

.metiz-messenger-stack__item {
  transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), filter 180ms var(--ease);
}

.metiz-messenger-stack__item:hover,
.metiz-messenger-stack__item:focus-visible {
  transform: translateX(-7px) scale(1.1);
  box-shadow: 0 18px 36px rgba(7, 17, 27, .28);
  filter: saturate(1.08);
}

.metiz-cert-block__images {
  max-width: 980px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.metiz-cert-block__images a {
  min-height: 360px;
  display: grid;
  place-items: center;
}

.metiz-cert-block__images img {
  height: clamp(300px, 36vw, 420px);
}

.delivery-grid,
.fleet,
.metiz-contacts-hero,
.metiz-contacts-hero__stats,
.metiz-city-grid,
.cat-tree,
.articles {
  gap: 16px;
  border: 0;
  background: transparent;
}

.dv-block,
.fleet__head,
.fleet__item,
.metiz-contacts-hero__copy,
.metiz-contacts-hero__stats div,
.metiz-city-grid .city-card,
.cat-tile,
.article {
  border: 1px solid var(--rule);
  border-radius: var(--radius);
}

.dv-block + .dv-block,
.fleet__item + .fleet__item {
  margin-left: 0;
}

.fleet__item {
  overflow: visible;
}

.fleet__item:hover {
  border-color: var(--accent);
  box-shadow: 0 18px 40px rgba(242, 99, 10, .12), inset 0 0 0 2px var(--accent);
}

.metiz-faq-layout .metiz-accordion__panel {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 260ms ease, opacity 200ms ease, padding 260ms ease;
}

.metiz-faq-layout .metiz-accordion__button[aria-expanded="true"] + .metiz-accordion__panel {
  opacity: 1;
  max-height: 900px;
  padding-bottom: 24px;
}

.woocommerce-account .metiz-section-content .container > .woocommerce {
  max-width: 980px;
  margin: 0 auto;
}

.woocommerce-account .u-columns,
.woocommerce-account #customer_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account .woocommerce-ResetPassword {
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 20px 50px rgba(7, 17, 27, .08);
}

.woocommerce-account h2,
.woocommerce-account h3 {
  margin: 0 0 18px;
  color: var(--ink);
  font: 900 28px/1.1 var(--font-display);
}

.woocommerce form .form-row {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
}

.woocommerce form .form-row label {
  color: var(--ink);
  font: 800 13px/1.2 var(--font-sans);
}

.woocommerce form .input-text,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form textarea,
.woocommerce form select {
  min-height: 44px;
  width: 100%;
  padding: 0 14px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--ink);
  font: 600 14px/1.2 var(--font-sans);
}

.woocommerce form textarea {
  min-height: 110px;
  padding-top: 12px;
}

.woocommerce form .input-text:focus,
.woocommerce form input:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(242, 99, 10, .16);
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px !important;
  border: 1px solid var(--accent) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--accent) !important;
  color: #fff !important;
  font: 900 14px/1 var(--font-sans) !important;
  text-decoration: none !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
  border-color: var(--primary) !important;
  background: var(--primary) !important;
}

.woocommerce-cart-form,
.woocommerce-cart .cart_totals {
  border-radius: var(--radius);
}

.woocommerce-cart-form input.qty,
.woocommerce-cart-form input[name*="[qty]"] {
  max-width: 94px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--rule);
  border-radius: var(--radius-sm);
  text-align: center;
  font: 800 14px/1 var(--font-sans);
}

@media (max-width: 760px) {
  .woocommerce-account .u-columns,
  .woocommerce-account #customer_login {
    grid-template-columns: 1fr;
  }

  .metiz-cert-block__images {
    grid-template-columns: 1fr;
  }
}

/* Checkout, cart and product card finish. */
.nav__cta {
  gap: 18px;
}

.nav__phone-block {
  min-width: 176px;
}

.nav__cart {
  min-width: 154px;
  gap: 12px;
  padding: 9px 14px;
}

.nav__cart span:last-child {
  min-width: 82px;
}

.nav__cart b {
  font-size: 12px;
}

.nav__cart strong {
  display: block;
  white-space: normal;
  word-break: normal;
  font-size: 13px;
  line-height: 1.08;
}

.metiz-archive-main .catalog__grid {
  grid-template-columns: repeat(3, minmax(238px, 1fr));
  gap: 18px;
}

.product.metiz-product-card {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
  transition: border-color 180ms var(--ease), box-shadow 180ms var(--ease), transform 180ms var(--ease);
}

.product.metiz-product-card:hover,
.product.metiz-product-card:focus-within {
  border-color: var(--accent);
  box-shadow: 0 18px 42px rgba(242, 99, 10, .12), inset 0 0 0 2px var(--accent);
  transform: translateY(-1px);
}

.product.metiz-product-card .product__thumb {
  height: 230px;
  margin: 0;
  border-bottom: 1px solid var(--rule);
  border-radius: 14px 14px 0 0;
  background: #eef3f6;
}

.product.metiz-product-card .product__thumb img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
}

.product.metiz-product-card .product__cat,
.product.metiz-product-card .product__from {
  display: none !important;
}

.product.metiz-product-card .product__rating {
  margin: 14px 18px 4px;
}

.product.metiz-product-card .product__title {
  margin: 18px 18px 8px;
  min-height: 0;
  font-size: 17px;
  line-height: 1.16;
  letter-spacing: 0;
}

.product.metiz-product-card .product__title a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.product.metiz-product-card .product__specs {
  min-height: 0;
  margin: 0 18px;
  display: grid;
  gap: 5px;
  color: var(--ink-3);
  font-size: 12.5px;
  line-height: 1.26;
  text-align: left;
}

.product.metiz-product-card .product__specs span {
  display: block;
}

.product.metiz-product-card .product__specs span::before {
  content: none;
}

.product.metiz-product-card .product__foot {
  margin: auto 18px 18px;
  padding-top: 14px;
  display: grid;
  grid-template-columns: minmax(112px, 1fr) auto;
  gap: 12px;
  align-items: end;
  border-top: 1px solid var(--rule);
}

.product.metiz-product-card .product__price {
  min-width: 0;
}

.product.metiz-product-card .product__price .num,
.product.metiz-product-card .product__price .amount {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
  white-space: nowrap;
}

.product.metiz-product-card .product__stock {
  margin-top: 8px;
  color: #0a9b50;
  font-size: 12.5px;
  line-height: 1.1;
}

.product__buy {
  display: grid;
  gap: 8px;
  justify-items: stretch;
  align-content: end;
}

.product__qty {
  height: 32px;
  display: grid;
  grid-template-columns: 30px 38px 30px;
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: 9px;
  background: #fff;
}

.product__qty button,
.product__qty input {
  min-width: 0;
  border: 0;
  background: #fff;
  color: var(--ink);
  text-align: center;
  font: 900 13px/1 var(--font-sans);
}

.product__qty button {
  cursor: pointer;
}

.product__qty button:hover {
  background: var(--surface);
  color: var(--accent);
}

.product__qty input {
  width: 100%;
  border-left: 1px solid var(--rule);
  border-right: 1px solid var(--rule);
  appearance: textfield;
}

.product__qty input::-webkit-outer-spin-button,
.product__qty input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.product.metiz-product-card .product__add {
  min-width: 118px;
  height: 42px;
  border-radius: 9px;
}

.product.metiz-product-card .product__quick-buy {
  min-width: 118px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(242, 99, 10, .36);
  border-radius: 9px;
  background: #fff;
  color: var(--accent);
  font: 900 12.5px/1.1 var(--font-sans);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  transition: border-color 160ms var(--ease), background-color 160ms var(--ease), color 160ms var(--ease);
}

.product.metiz-product-card .product__quick-buy:hover,
.product.metiz-product-card .product__quick-buy:focus-visible {
  border-color: var(--accent);
  background: var(--accent-bg);
  color: var(--accent-ink);
}

.product.metiz-product-card .product__add.is-added {
  border-color: #24b36b;
  background: #24b36b;
}

.metiz-catalog-children--compact.cat-tree {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 20px;
}

.metiz-catalog-children--compact .cat-tile {
  min-height: 0;
  padding: 18px;
  border-radius: 14px;
}

.metiz-catalog-children--compact .cat-tile__icon,
.metiz-catalog-children--compact .metiz-term-thumb {
  display: none !important;
}

.metiz-catalog-children--compact .cat-tile__title {
  min-height: 0;
  font-size: 18px;
  line-height: 1.15;
}

.metiz-single-story > .metiz-single-story__image,
.metiz-single-story > img.wp-post-image {
  display: block;
  width: min(50%, 640px);
  height: auto;
  margin: 0 auto 28px;
}

.metiz-order-request {
  display: grid;
  grid-template-columns: .86fr 1fr;
  gap: 24px;
  align-items: start;
}

.metiz-order-request__summary,
.metiz-order-request__form {
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 20px 50px rgba(7, 17, 27, .08);
}

.metiz-order-request__summary h2 {
  margin: 12px 0 14px;
  font: 900 clamp(30px, 4vw, 46px)/.98 var(--font-display);
}

.metiz-order-request__summary p {
  color: var(--ink-2);
  font: 500 16px/1.55 var(--font-sans);
}

.metiz-order-request__cart {
  margin-top: 24px;
  padding: 18px;
  border-radius: 14px;
  background: var(--surface);
}

.metiz-order-request__cart ul {
  margin: 12px 0;
  padding-left: 18px;
}

.metiz-form-notice {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 12px;
  font: 800 13px/1.35 var(--font-sans);
}

.metiz-form-notice--success {
  background: rgba(36, 179, 107, .12);
  color: #087a43;
}

.metiz-form-notice--error {
  background: rgba(220, 38, 38, .12);
  color: #b91c1c;
}

.woocommerce-cart .metiz-section-content .container > .woocommerce {
  max-width: 1200px;
  margin: 0 auto;
}

.woocommerce-cart-form {
  border: 0;
  background: transparent;
}

.woocommerce-cart-form table.shop_table {
  display: block;
  border: 0 !important;
  border-collapse: separate !important;
}

.woocommerce-cart-form table.shop_table thead {
  display: none;
}

.woocommerce-cart-form table.shop_table tbody {
  display: grid;
  gap: 14px;
}

.woocommerce-cart-form table.shop_table tr.cart_item {
  display: grid;
  grid-template-columns: 28px 112px minmax(240px, 1fr) 110px 140px 120px;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--rule);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7, 17, 27, .07);
}

.woocommerce-cart-form table.shop_table tr.cart_item td {
  display: block;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.woocommerce-cart-form table.shop_table td::before {
  display: none !important;
}

.woocommerce-cart-form .product-remove a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--surface);
  color: var(--ink-2) !important;
  font-size: 18px;
  text-decoration: none;
}

.woocommerce-cart-form .product-remove a:hover {
  background: var(--accent);
  color: #fff !important;
}

.woocommerce-cart-form .product-thumbnail img {
  width: 104px;
  height: 88px;
  object-fit: contain;
}

.woocommerce-cart-form .product-name a {
  color: var(--ink);
  font: 900 16px/1.28 var(--font-sans);
  text-decoration: none;
}

.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
  color: var(--ink);
  font: 900 16px/1.2 var(--font-sans);
}

.woocommerce-cart-form .quantity input.qty,
.woocommerce-cart-form input[name*="[qty]"] {
  width: 92px;
  max-width: 92px;
  min-height: 40px;
}

.woocommerce-cart-form tr:has(td.actions) {
  display: block;
  padding: 0;
}

.woocommerce-cart-form td.actions {
  display: flex !important;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0 0 !important;
  border: 0 !important;
}

.woocommerce-cart-form .coupon {
  display: flex;
  gap: 8px;
}

.woocommerce-cart .cart-collaterals {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}

.woocommerce-cart .woocommerce-message .button.wc-forward {
  display: none !important;
}

.woocommerce-cart .cart_totals {
  width: min(430px, 100%);
  padding: 24px;
  border: 1px solid var(--rule);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 22px 54px rgba(7, 17, 27, .10);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0 0 18px;
  font: 900 24px/1.1 var(--font-display);
}

.woocommerce-cart .cart_totals .cart-subtotal {
  display: none !important;
}

.woocommerce-cart .cart_totals table {
  width: 100%;
  border: 0 !important;
}

.woocommerce-cart .cart_totals tr,
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0 !important;
  padding: 0 !important;
}

.woocommerce-cart .cart_totals .order-total {
  padding: 18px !important;
  border-radius: 14px;
  background: var(--surface);
}

.woocommerce-cart .cart_totals .order-total th {
  color: var(--ink-2);
  font: 800 13px/1.2 var(--font-sans);
  text-transform: uppercase;
}

.woocommerce-cart .cart_totals .order-total td {
  color: var(--ink);
  font: 900 28px/1 var(--font-display);
}

.woocommerce-cart .wc-proceed-to-checkout {
  padding: 18px 0 0;
}

.footer__pay {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.footer__pay span {
  min-width: 54px;
  min-height: 34px;
  padding: 0;
  overflow: hidden;
}

.footer__pay svg {
  display: block;
  width: 54px;
  height: 30px;
}

@media (max-width: 1180px) {
  .woocommerce-cart-form table.shop_table tr.cart_item {
    grid-template-columns: 28px 96px minmax(180px, 1fr) 96px 120px 110px;
  }
}

@media (max-width: 980px) {
  .metiz-archive-main .catalog__grid,
  .metiz-catalog-children--compact.cat-tree {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metiz-order-request {
    grid-template-columns: 1fr;
  }

  .woocommerce-cart-form table.shop_table tr.cart_item {
    grid-template-columns: 28px 96px minmax(0, 1fr);
  }

  .woocommerce-cart-form .product-price,
  .woocommerce-cart-form .product-quantity,
  .woocommerce-cart-form .product-subtotal {
    grid-column: 3;
  }
}

@media (max-width: 680px) {
  .metiz-archive-main .catalog__grid,
  .metiz-catalog-children--compact.cat-tree {
    grid-template-columns: 1fr;
  }

  .product.metiz-product-card .product__foot {
    grid-template-columns: 1fr;
  }

  .product__buy {
    justify-items: start;
  }

  .metiz-single-story > .metiz-single-story__image,
  .metiz-single-story > img.wp-post-image {
    width: 100%;
  }

  .woocommerce-cart-form table.shop_table tr.cart_item {
    grid-template-columns: 28px 86px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .woocommerce-cart-form .product-thumbnail img {
    width: 84px;
    height: 74px;
  }

  .woocommerce-cart-form td.actions,
  .woocommerce-cart-form .coupon {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Final catalog/cart polish. */
.cat-tile .cat-tile__icon,
.cat-tile .metiz-term-thumb {
  display: none !important;
}

.cat-tree .cat-tile,
.metiz-modern-front #catalog-tree .cat-tile,
.metiz-catalog-root .cat-tile,
.metiz-catalog-children .cat-tile {
  display: flex;
  flex-direction: column;
  min-height: 168px;
  padding: 24px;
}

.metiz-modern-front #catalog-tree .cat-tile {
  grid-template-columns: none;
  grid-template-rows: none;
  gap: 10px;
}

.cat-tree .cat-tile__title,
.metiz-modern-front #catalog-tree .cat-tile__title,
.metiz-catalog-root .cat-tile__title {
  margin: 0 0 12px;
  align-self: auto;
}

.cat-tree .cat-tile__sub {
  display: grid;
  gap: 7px;
  margin-bottom: 18px;
}

.cat-tree .cat-tile__more {
  margin-top: auto;
}

.metiz-products-head {
  margin-top: clamp(42px, 5vw, 72px);
  padding-top: clamp(30px, 4vw, 48px);
  border-top: 1px solid var(--rule);
}

.metiz-catalog-children.cat-tree,
.metiz-catalog-children--compact.cat-tree {
  margin-bottom: clamp(34px, 4vw, 54px);
  padding-bottom: clamp(24px, 3vw, 38px);
  border-bottom: 1px solid var(--rule);
}

.metiz-category-filters {
  margin-top: 0;
  margin-bottom: 28px;
}

.product.metiz-product-card .product__title {
  margin: 20px 18px 14px;
  line-height: 1.18;
}

.product.metiz-product-card .product__specs {
  margin: 0 18px 20px;
  gap: 7px;
  line-height: 1.35;
}

.product.metiz-product-card .product__foot {
  margin: auto 18px 18px;
  padding-top: 18px;
}

.product__qty {
  width: 104px;
  height: 34px;
  grid-template-columns: 34px 36px 34px;
}

.product__qty button,
.product__qty input {
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding: 0;
  display: grid;
  place-items: center;
  line-height: 32px;
}

.woocommerce-cart-form tr:has(td.actions),
.woocommerce-cart-form td.actions,
.woocommerce-cart-form .coupon,
.woocommerce-cart .cart-discount {
  display: none !important;
}

.woocommerce-cart .cart-collaterals {
  margin-top: 28px;
}

.woocommerce-cart .cart_totals {
  width: min(520px, 100%);
  margin-left: auto;
}

.woocommerce-cart .cart_totals h2 {
  margin-bottom: 20px;
}

.woocommerce-cart .cart_totals .order-total {
  margin-bottom: 18px;
}

.woocommerce-cart .wc-proceed-to-checkout {
  padding-top: 0;
}

/* Compact category section cards and plain certificates. */
.cat-tree .cat-tile,
.metiz-modern-front #catalog-tree .cat-tile,
.metiz-catalog-root .cat-tile,
.metiz-catalog-children .cat-tile,
.metiz-catalog-children--compact .cat-tile {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
}

.metiz-modern-front #catalog-tree .cat-tile {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: none;
}

.cat-tree .cat-tile__title,
.metiz-modern-front #catalog-tree .cat-tile__title,
.metiz-catalog-root .cat-tile__title,
.metiz-catalog-children .cat-tile__title,
.metiz-catalog-children--compact .cat-tile__title {
  margin: 0;
  align-self: center;
}

.cat-tree .cat-tile__sub {
  display: none !important;
}

.cat-tree .cat-tile__more,
.metiz-modern-front #catalog-tree .cat-tile__more,
.metiz-catalog-root .cat-tile__more,
.metiz-catalog-children .cat-tile__more,
.metiz-catalog-children--compact .cat-tile__more {
  margin: 0;
  justify-self: end;
  align-self: center;
  white-space: nowrap;
}

.metiz-cert-block__images {
  max-width: 980px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.metiz-cert-block__images a {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: block;
}

.metiz-cert-block__images img {
  width: 100%;
  height: auto;
  max-height: none;
  display: block;
  object-fit: contain;
}

@media (max-width: 680px) {
  .cat-tree .cat-tile,
  .metiz-modern-front #catalog-tree .cat-tile,
  .metiz-catalog-root .cat-tile,
  .metiz-catalog-children .cat-tile,
  .metiz-catalog-children--compact .cat-tile {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .cat-tree .cat-tile__more,
  .metiz-modern-front #catalog-tree .cat-tile__more,
  .metiz-catalog-root .cat-tile__more,
  .metiz-catalog-children .cat-tile__more,
  .metiz-catalog-children--compact .cat-tile__more {
    justify-self: start;
  }
}

/* Homepage catalog bento, supplier marquee, and delivery CTA spacing. */
.metiz-modern-front #catalog-tree .home-catalog-lead {
  max-width: 420px;
  margin: 12px 0 0;
  color: var(--ink-3);
  font: 600 18px/1.45 var(--font-sans);
}

.metiz-modern-front #catalog-tree .home-catalog-bento.cat-tree {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(258px, auto);
  gap: clamp(20px, 2vw, 24px);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card {
  position: relative;
  min-height: 258px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(190px, 1fr);
  grid-template-rows: auto auto 1fr auto;
  align-items: start;
  gap: 14px 24px;
  padding: clamp(28px, 3vw, 42px);
  border: 1px solid #dde5ec;
  border-radius: 20px;
  background:
    radial-gradient(circle at 86% 54%, rgba(78, 114, 226, 0.1), transparent 34%),
    linear-gradient(135deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 14px 34px rgba(8, 20, 31, 0.07);
  color: var(--ink);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(2) {
  background:
    radial-gradient(circle at 72% 50%, rgba(31, 196, 93, 0.12), transparent 34%),
    linear-gradient(135deg, #fff 0%, #f6fbf7 100%);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(3) {
  background:
    radial-gradient(circle at 76% 62%, rgba(111, 75, 220, 0.1), transparent 34%),
    linear-gradient(135deg, #fff 0%, #faf8ff 100%);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4) {
  background:
    radial-gradient(circle at 86% 58%, rgba(255, 106, 0, 0.1), transparent 36%),
    linear-gradient(135deg, #fff 0%, #fff8f2 100%);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large {
  grid-column: span 2;
  grid-row: span 2;
  min-height: 540px;
  grid-template-columns: minmax(0, 0.88fr);
  align-content: start;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card > span:not(.home-catalog-card__media) {
  position: relative;
  z-index: 1;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card::after {
  content: "";
  position: absolute;
  right: -5%;
  bottom: 18px;
  width: 70%;
  height: 66%;
  background-image: var(--home-catalog-image);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  opacity: 0.82;
  filter: drop-shadow(0 20px 36px rgba(8, 20, 31, 0.1));
  mix-blend-mode: multiply;
  pointer-events: none;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large::after {
  right: -8%;
  bottom: 10px;
  width: 86%;
  height: 74%;
  background-size: auto 96%;
  opacity: 0.92;
  filter: drop-shadow(0 24px 42px rgba(8, 20, 31, 0.1));
  -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.1) 24%, #000 45%);
  mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.1) 24%, #000 45%);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(2) {
  grid-column: span 2;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(2)::after {
  right: 28px;
  bottom: 16px;
  width: 49%;
  height: 84%;
  opacity: 1;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(n+3) {
  grid-template-columns: 1fr;
  align-content: start;
  padding: clamp(28px, 2.6vw, 36px);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(78, 114, 226, 0.1);
  color: #4e72e2;
  grid-column: 1;
  grid-row: 1;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(2) .home-catalog-card__mark {
  background: rgba(31, 196, 93, 0.12);
  color: #1fc45d;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(3) .home-catalog-card__mark {
  background: rgba(111, 75, 220, 0.12);
  color: #6f4bdc;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4) .home-catalog-card__mark {
  background: rgba(255, 106, 0, 0.11);
  color: var(--accent);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .cat-tile__title {
  margin: 0;
  max-width: 300px;
  font: 800 clamp(24px, 2vw, 34px)/1.06 var(--font-display);
  letter-spacing: 0;
  grid-column: 1;
  grid-row: 2;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__desc {
  max-width: 260px;
  color: var(--ink-3);
  font: 600 16px/1.45 var(--font-sans);
  grid-column: 1;
  grid-row: 3;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .cat-tile__more {
  margin: 0;
  justify-self: start;
  align-self: end;
  grid-column: 1;
  grid-row: 4;
  color: var(--accent);
  font: 800 15px/1 var(--font-sans);
  white-space: nowrap;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__media {
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: center;
  justify-self: end;
  width: min(100%, 390px);
  height: 100%;
  min-height: 170px;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(n+3) .home-catalog-card__media {
  position: absolute;
  right: -2%;
  bottom: 14px;
  z-index: 0;
  width: 82%;
  height: 78%;
  min-height: 0;
  opacity: 0.7;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(n+3) .home-catalog-card__desc {
  max-width: 170px;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4) .cat-tile__title {
  max-width: 210px;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4) .home-catalog-card__desc {
  max-width: 168px;
  font-size: 15px;
  line-height: 1.38;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4) .home-catalog-card__media {
  right: -4%;
  bottom: 2px;
  width: 88%;
  height: 80%;
  opacity: 0.66;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(3)::after {
  right: -16%;
  bottom: 18px;
  width: 76%;
  height: 66%;
  opacity: 0.72;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(4)::after {
  right: -22%;
  bottom: -8px;
  width: 82%;
  height: 72%;
  opacity: 0.66;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 22%, rgba(0, 0, 0, 0.28) 40%, #000 64%);
  mask-image: linear-gradient(90deg, transparent 0, transparent 22%, rgba(0, 0, 0, 0.28) 40%, #000 64%);
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large .home-catalog-card__media {
  display: none;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__media {
  display: none;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(8, 20, 31, 0.12));
  mix-blend-mode: multiply;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large .home-catalog-card__media img {
  object-fit: contain;
  object-position: center;
}

.metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:hover {
  border-color: rgba(255, 106, 0, 0.6);
  box-shadow: 0 24px 62px rgba(8, 20, 31, 0.13);
  transform: translateY(-2px);
}

.metiz-supplier-marquee .suppliers__row {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.metiz-supplier-marquee .marquee {
  width: max-content;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: clamp(28px, 5vw, 76px);
  animation: metizSupplierMarquee 26s linear infinite !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.metiz-supplier-marquee:hover .marquee {
  animation-play-state: running;
}

@keyframes metizSupplierMarquee {
  from {
    transform: translateX(0);
  }

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

.dv-block--accent {
  display: flex;
  flex-direction: column;
}

.dv-block--accent .dv-times {
  margin-bottom: clamp(34px, 4.5vw, 64px);
}

.dv-block--accent .dv-times div {
  grid-template-columns: minmax(104px, max-content) minmax(0, 1fr);
}

.dv-block--accent .dv-times__v {
  white-space: nowrap;
}

.dv-block--accent > .btn {
  margin-top: clamp(12px, 2vw, 28px);
  align-self: flex-start;
}

@media (max-width: 1180px) {
  .metiz-modern-front #catalog-tree .home-catalog-bento.cat-tree {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large {
    grid-column: span 1;
    grid-row: span 1;
    min-height: 360px;
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card:nth-child(2) {
    grid-column: span 1;
  }
}

@media (max-width: 760px) {
  .metiz-modern-front #catalog-tree .home-catalog-bento.cat-tree {
    grid-template-columns: 1fr;
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card,
  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large {
    min-height: 0;
    grid-template-columns: 1fr;
    padding: 26px;
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__media,
  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card--large .home-catalog-card__media {
    position: static;
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    height: 180px;
    margin: 8px 0 0;
    opacity: 1;
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .home-catalog-card__desc {
    grid-row: 4;
  }

  .metiz-modern-front #catalog-tree .home-catalog-bento .cat-tile__more {
    grid-row: 5;
  }
}

/* 2026-05-28 layout alignment pass: side rails, header, cart and quote form. */
:root {
  --site-rail: 0px;
  --float-button: 54px;
  --float-right: 18px;
}

body.metiz-modern {
  overflow-x: hidden;
}

@media (min-width: 1200px) {
  :root {
    --site-rail: clamp(64px, 5.6vw, 84px);
    --float-right: max(18px, calc((var(--site-rail) - var(--float-button)) / 2));
  }

  body.metiz-modern::before,
  body.metiz-modern::after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: var(--site-rail);
    background: #f3f6f8;
    z-index: 35;
    pointer-events: none;
  }

  body.metiz-modern::before {
    left: 0;
    border-right: 1px solid #e1e7ee;
  }

  body.metiz-modern::after {
    right: 0;
    border-left: 1px solid #e1e7ee;
  }

  body.metiz-modern .container {
    width: min(calc(100vw - (var(--site-rail) * 2) - 48px), 1280px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1025px) {
  .nav__menu {
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: 30px;
  }

  .nav__links {
    justify-content: flex-end !important;
  }

  .nav__social {
    display: none !important;
  }
}

.nav__cta {
  gap: 18px;
}

.nav__cart {
  min-width: 132px;
  padding-inline: 14px;
  border-radius: 12px;
  gap: 10px;
}

.nav__cart strong {
  display: block;
  max-width: 76px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.1;
}

.metiz-messenger-stack {
  right: var(--float-right) !important;
  bottom: 178px;
  gap: 12px;
  z-index: 120;
}

.metiz-messenger-stack__item,
.metiz-up {
  width: var(--float-button) !important;
  height: var(--float-button) !important;
  border-radius: 50%;
}

.metiz-messenger-stack__item {
  box-shadow: 0 14px 34px rgba(7, 17, 27, .18);
}

.metiz-messenger-stack__item svg,
.metiz-up svg {
  width: 24px !important;
  height: 24px !important;
}

.metiz-messenger-stack__item:hover,
.metiz-messenger-stack__item:focus-visible {
  transform: translateX(-5px) scale(1.08);
  box-shadow: 0 18px 40px rgba(7, 17, 27, .26);
}

.metiz-up {
  right: var(--float-right) !important;
  bottom: 106px;
  border: 1px solid rgba(11, 21, 32, .16);
  background: rgba(255, 255, 255, .72) !important;
  color: #0b1520 !important;
  box-shadow: 0 14px 34px rgba(7, 17, 27, .12);
  backdrop-filter: blur(10px);
  z-index: 120;
}

.metiz-up:hover,
.metiz-up:focus-visible {
  transform: translateX(-5px) scale(1.08);
  background: #fff !important;
  border-color: rgba(11, 21, 32, .28);
}

.sticky-cta {
  right: 24px;
  border-radius: 8px !important;
}

@media (min-width: 1200px) {
  .sticky-cta {
    right: calc(var(--site-rail) + 24px);
  }
}

.footer__pay {
  display: grid;
  grid-template-columns: repeat(4, 46px);
  gap: 0 14px;
  justify-content: start;
  width: max-content;
  max-width: 100%;
}

.footer__pay span {
  min-width: 0;
  width: 46px;
  min-height: 30px;
  padding: 0;
  border-radius: 8px;
  background: #fff;
}

.footer__pay svg {
  width: 44px;
  height: 25px;
  image-rendering: auto;
}

.footer__pay img {
  display: block;
  width: 44px;
  height: 25px;
  object-fit: contain;
}

@media (min-width: 1100px) {
  .woocommerce-cart .metiz-section-content .container > .woocommerce {
    max-width: 1200px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 28px;
    align-items: start;
  }

  .woocommerce-cart .woocommerce-notices-wrapper {
    grid-column: 1 / -1;
  }

  .woocommerce-cart-form {
    grid-column: 1;
    grid-row: 2;
  }

  .woocommerce-cart .cart-collaterals {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0 !important;
    justify-content: stretch;
    position: sticky;
    top: 132px;
  }

  .woocommerce-cart .cart_totals {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

.woocommerce-cart .cart_totals {
  border-radius: 18px;
}

.woocommerce-cart .cart_totals .order-total {
  background: #f6f8fa;
}

.woocommerce-cart .cart_totals table {
  margin-bottom: 18px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: 100%;
  border-radius: 8px !important;
}

/* Place the cart total above products as a compact summary strip. */
.woocommerce-cart .metiz-content > .woocommerce {
  display: flex !important;
  flex-direction: column;
  gap: 22px;
}

.woocommerce-cart .woocommerce-notices-wrapper {
  order: 1;
}

.woocommerce-cart .cart-collaterals {
  order: 2;
  width: 100%;
  margin: 0 !important;
  justify-content: stretch;
  position: static !important;
}

.woocommerce-cart-form {
  order: 3;
}

.woocommerce-cart .cart_totals {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 22px;
  border: 1px solid #dde3e8;
  border-radius: 18px;
  background: #f5f7f9;
  box-shadow: 0 14px 34px rgba(7, 17, 27, .06);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0 !important;
}

.woocommerce-cart .cart_totals table {
  margin: 0 !important;
}

.woocommerce-cart .cart_totals .order-total {
  margin: 0 !important;
  border: 1px solid #e1e6ec;
  border-radius: 14px;
  background: #fff;
}

.woocommerce-cart .wc-proceed-to-checkout {
  display: flex;
  justify-content: flex-end;
  padding: 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: auto !important;
  min-width: 170px;
  min-height: 46px;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  border-radius: 8px !important;
  font-size: 14px;
}

@media (min-width: 760px) {
  .woocommerce-cart .cart_totals {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(230px, auto) auto;
    align-items: center;
    gap: 18px;
  }

  .woocommerce-cart .cart_totals table {
    width: auto !important;
    min-width: 230px;
  }
}

@media (max-width: 759px) {
  .woocommerce-cart .cart_totals {
    display: grid;
    gap: 16px;
  }
}

.metiz-order-request {
  scroll-margin-top: 150px;
  padding: clamp(18px, 2.4vw, 32px);
  border: 1px solid #dde2e7;
  border-radius: 18px;
  background: #f3f6f8;
}

.metiz-order-request__summary {
  border-radius: 14px;
  background: #fff;
}

.metiz-order-request__form {
  border: 0;
  border-radius: 14px;
  background: #25282b;
  color: #fff;
}

.metiz-order-request__form .field input,
.metiz-order-request__form .field textarea,
.metiz-order-request__form .field select {
  background: #1b1d1f;
  color: #fff;
  border-color: #3a3f45;
}

.metiz-order-request__form .form__policy {
  color: #d7dde5;
}

@media (min-width: 1200px) {
  :root {
    --site-rail: clamp(44px, 4vw, 64px);
    --float-right: max(14px, calc((var(--site-rail) - var(--float-button)) / 2));
  }

  body.metiz-modern .container {
    width: min(calc(100vw - (var(--site-rail) * 2) - 56px), 1240px);
    max-width: 1240px;
  }
}

@media (min-width: 1200px) and (max-width: 1460px) {
  .nav__inner {
    grid-template-columns: minmax(430px, 470px) minmax(210px, 1fr) auto;
    gap: 12px;
  }

  .metiz-logo {
    gap: 12px;
  }

  .metiz-logo__brand {
    min-width: 142px;
  }

  .metiz-logo__img {
    width: 142px;
  }

  .metiz-logo__slogan,
  .metiz-logo__history {
    padding-left: 12px;
    font-size: 11px;
    line-height: 1.08;
  }

  .metiz-logo__slogan {
    max-width: 150px;
  }

  .metiz-logo__history {
    max-width: 118px;
  }

  .nav__search {
    min-width: 0;
  }

  .nav__cta {
    gap: 10px;
  }

  .nav__phone {
    font-size: 16px;
  }

  .nav__phone-sub {
    font-size: 10px;
  }

  .nav__cta .btn--sm {
    padding-inline: 14px;
    white-space: nowrap;
  }

  .nav__cart {
    min-width: 120px;
    padding-inline: 12px;
  }
}

/* 2026-05-28: fit the full desktop header inside the side rails. */
@media (min-width: 1200px) {
  :root {
    --site-rail: clamp(44px, 4vw, 62px);
    --float-right: max(16px, calc((var(--site-rail) - var(--float-button)) / 2));
  }

  body.metiz-modern .container {
    width: min(calc(100vw - (var(--site-rail) * 2) - 56px), 1240px);
    max-width: 1240px;
  }

  .nav__inner {
    grid-template-columns: minmax(420px, 470px) minmax(210px, 1fr) max-content !important;
    gap: 12px !important;
  }

  .metiz-logo {
    gap: 12px !important;
  }

  .metiz-logo__brand {
    min-width: 148px !important;
  }

  .metiz-logo__img {
    width: 148px !important;
  }

  .metiz-logo__slogan,
  .metiz-logo__history {
    padding-left: 12px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .metiz-logo__slogan {
    max-width: 150px;
  }

  .metiz-logo__history {
    max-width: 118px;
  }

  .nav__search {
    min-width: 0 !important;
    min-height: 46px;
  }

  .nav__cta {
    gap: 10px !important;
    min-width: max-content;
  }

  .nav__phone {
    font-size: 16px !important;
    letter-spacing: .04em;
  }

  .nav__cta .btn--sm {
    min-height: 44px;
    padding-inline: 14px !important;
    white-space: nowrap;
  }

  .nav__cart {
    min-width: 124px !important;
    padding-inline: 12px !important;
  }

  .nav__cart strong {
    max-width: 70px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1380px) {
  .nav__inner {
    grid-template-columns: minmax(440px, 455px) minmax(175px, 1fr) max-content !important;
    gap: 10px !important;
  }

  .metiz-logo__brand {
    min-width: 128px !important;
  }

  .metiz-logo__img {
    width: 128px !important;
  }

  .metiz-logo__slogan,
  .metiz-logo__history {
    flex: 0 0 auto;
    font-size: 10.5px !important;
  }

  .metiz-logo__slogan {
    width: 142px;
    max-width: 142px;
  }

  .metiz-logo__history {
    width: 116px;
    max-width: 116px;
  }

  .nav__phone {
    font-size: 15px !important;
  }

  .nav__cta {
    gap: 8px !important;
  }

  .nav__cart {
    min-width: 116px !important;
  }
}

.woocommerce-cart .woocommerce-message {
  padding: 12px 16px !important;
  border: 1px solid var(--rule) !important;
  border-radius: 12px;
  background: #fff !important;
  color: var(--ink-2) !important;
  box-shadow: 0 10px 26px rgba(7, 17, 27, .08);
}

/* 2026-05-30: remove the side rails and restore edge spacing. */
@media (min-width: 1200px) {
  :root {
    --site-rail: 0px;
    --float-right: 24px;
  }

  body.metiz-modern::before,
  body.metiz-modern::after {
    display: none !important;
    content: none !important;
  }

  body.metiz-modern .container {
    width: min(calc(100vw - 48px), 1360px) !important;
    max-width: 1360px !important;
  }

  .metiz-messenger-stack,
  .metiz-up,
  .sticky-cta {
    right: 24px !important;
  }
}

/* Keep the front-page slider full-bleed after the global rail rollback. */
@media (min-width: 761px) {
  body.metiz-modern.metiz-modern-front .home-showcase > .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }

  body.metiz-modern.metiz-modern-front .home-showcase__copy,
  body.metiz-modern.metiz-modern-front .metiz-hero-slider__dots {
    left: max(52px, calc((100vw - 1280px) / 2 + 42px)) !important;
  }
}

/* Contacts request area: light outer block, dark form card. */
.metiz-contacts-dark {
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #f5f7f9 !important;
  color: var(--ink) !important;
}

.metiz-contacts-dark .contact__info .t-lead {
  color: var(--ink-2) !important;
}

.metiz-contacts-dark .contact__row {
  border-top-color: var(--rule);
}

.metiz-contacts-dark .contact__row:last-child {
  border-bottom-color: var(--rule);
}

.metiz-contacts-dark .contact__row dt,
.metiz-contacts-dark .contact__row dd span {
  color: var(--ink-3) !important;
}

.metiz-contacts-dark .contact__row dd,
.metiz-contacts-dark .contact__row dd a {
  color: var(--ink) !important;
}

.metiz-contacts-dark .contact__row dd a:hover {
  color: var(--accent) !important;
}

.metiz-contacts-dark .metiz-contact-form {
  background: #25282b !important;
  color: #fff !important;
  scroll-margin-top: 18px;
}

/* Keep both header captions readable in the constrained desktop header. */
.nav__inner .metiz-logo__slogan,
.nav__inner .metiz-logo__history {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-left: 12px !important;
  color: var(--ink);
  font: 900 11px/1.05 var(--font-sans) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav__inner .metiz-logo__slogan {
  width: 126px !important;
  max-width: 126px !important;
}

.nav__inner .metiz-logo__history {
  width: 104px !important;
  max-width: 104px !important;
}

@media (min-width: 1200px) and (max-width: 1380px) {
  .nav__inner .metiz-logo__slogan,
  .nav__inner .metiz-logo__history {
    font-size: 10px !important;
  }

  .nav__inner .metiz-logo__slogan {
    width: 118px !important;
    max-width: 118px !important;
  }

  .nav__inner .metiz-logo__history {
    width: 98px !important;
    max-width: 98px !important;
  }
}

/* Mobile QA pass: keep every desktop link/data visible without crowding the viewport. */
@media (max-width: 760px) {
  body.metiz-modern {
    overflow-x: hidden;
  }

  body.metiz-modern .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 14px !important;
  }

  .nav__util-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    position: relative;
    padding-block: 5px;
  }

  .nav__city {
    justify-content: flex-start;
    max-width: calc(100% - 112px);
    min-height: 22px;
    font-size: 11px;
  }

  .nav__util-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px 10px;
    font-size: 10px;
    line-height: 1.25;
  }

  .nav__address {
    flex: 1 0 100%;
    min-width: 0;
  }

  .nav__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    min-height: 0;
    padding-block: 10px;
  }

  .nav__inner .metiz-logo {
    display: grid;
    grid-template-columns: minmax(112px, auto) minmax(74px, 1fr) minmax(74px, 1fr);
    align-items: center;
    gap: 8px !important;
    width: 100%;
    max-width: 100%;
  }

  .nav__inner .metiz-logo__brand {
    min-width: 0 !important;
  }

  .nav__inner .metiz-logo__img {
    width: 112px !important;
    max-width: 112px;
    height: auto;
  }

  .nav__inner .metiz-logo__slogan,
  .nav__inner .metiz-logo__history {
    display: flex !important;
    align-items: center;
    min-height: 42px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 8px !important;
    font-size: 8.7px !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }

  .nav__search {
    order: 3;
    width: 100%;
    min-width: 0 !important;
    min-height: 40px;
  }

  .nav__search input {
    min-width: 0;
  }

  .nav__cta {
    order: 2;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(106px, auto) minmax(82px, auto) 42px;
    align-items: center;
    gap: 7px !important;
    width: 100%;
    min-width: 0 !important;
  }

  .nav__phone-block {
    display: flex !important;
    min-width: 0;
  }

  .nav__phone {
    font-size: 15px !important;
    line-height: 1;
    letter-spacing: .035em;
  }

  .nav__phone-sub {
    font-size: 8.5px;
    line-height: 1.1;
  }

  .nav__cta .btn--sm {
    display: inline-flex !important;
    justify-content: center;
    min-width: 0;
    min-height: 40px;
    padding-inline: 10px !important;
    border-radius: 10px;
    font-size: 11px;
    white-space: nowrap;
  }

  .nav__cart {
    display: flex;
    justify-content: center;
    min-width: 0 !important;
    min-height: 40px;
    padding: 6px 8px !important;
    gap: 6px;
    border-radius: 10px;
  }

  .nav__cart-icon {
    display: none;
  }

  .nav__cart b {
    font-size: 10px;
    line-height: 1;
  }

  .nav__cart strong {
    max-width: none !important;
    font-size: 11px !important;
    line-height: 1.05;
    white-space: normal;
  }

  .metiz-menu-toggle {
    display: inline-flex;
    width: 42px;
    height: 40px;
    border-radius: 10px;
  }

  .nav__menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
    min-height: 44px;
    margin-inline: -14px !important;
    padding-inline: 14px !important;
    border-radius: 0;
  }

  .nav__catalog-btn {
    order: 1;
    flex: 1 1 calc(100% - 132px);
    width: auto;
    max-width: calc(100% - 132px);
    min-width: 0;
    min-height: 44px;
    height: 44px;
    justify-content: flex-start;
    padding-inline: 12px !important;
    border-radius: 0;
    font-size: 13px !important;
    line-height: 1.1;
    white-space: normal;
  }

  .nav.is-menu-open .nav__links {
    order: 4;
    display: flex;
    flex: 0 0 100%;
    width: 100% !important;
    max-width: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 6px 0 10px;
  }

  .nav.is-menu-open .nav__links > li > a {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    color: #fff !important;
  }

  .nav.is-menu-open .nav__links .nav__sub {
    position: static;
    display: block;
    width: 100%;
    min-height: 0 !important;
    padding: 4px 0 8px 16px !important;
    border: 0;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    background: rgba(255, 255, 255, .08);
  }

  .nav.is-menu-open .nav__links .nav__sub a {
    min-height: 34px;
    padding: 8px 12px;
    color: #fff !important;
    background: transparent !important;
  }

  .megamenu {
    max-height: min(72vh, 560px);
    overflow: auto;
  }

  .megamenu__inner {
    max-height: none;
    overflow: visible;
  }

  .metiz-page-hero,
  .page-hero {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  .metiz-page-hero .t-h1,
  .page-hero .t-h1,
  .page-title,
  h1 {
    max-width: 100%;
    font-size: clamp(30px, 10vw, 42px) !important;
    line-height: .98;
  }

  .metiz-company-page__image {
    display: none !important;
  }

  .metiz-archive-layout {
    display: block;
  }

  .metiz-sidebar {
    max-height: min(46vh, 380px);
    margin: 0 0 16px;
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .metiz-sidebar a {
    min-height: 34px;
    padding-block: 8px;
  }

  .metiz-catalog-banner {
    margin-bottom: 14px;
  }

  .metiz-category-filters {
    margin-bottom: 16px;
  }

  .metiz-catalog-children.cat-tree {
    gap: 10px;
    margin-bottom: 16px;
  }

  .metiz-catalog-children .cat-tile {
    min-height: 0;
    padding: 16px 18px;
  }

  .metiz-catalog-children .cat-tile__link {
    margin-top: 10px;
  }

  .products,
  .metiz-products-grid {
    row-gap: 14px;
  }

  .product {
    min-height: 0;
  }

  .metiz-cookie {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    z-index: 160;
  }

  .metiz-cookie div {
    gap: 2px;
  }

  .metiz-cookie strong {
    font-size: 12px;
  }

  .metiz-cookie span,
  .metiz-cookie a {
    font-size: 10px;
    line-height: 1.25;
  }

  .metiz-cookie button {
    min-height: 34px;
    padding-inline: 12px;
    border-radius: 9px;
  }

  .metiz-messenger-stack {
    display: none !important;
  }

  .nav__mobile-social {
    order: 2;
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 5px 0;
  }

  .nav__mobile-social-link {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff;
    transition: transform 160ms var(--ease), border-color 160ms var(--ease);
  }

  .nav__mobile-social-link:hover,
  .nav__mobile-social-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .42);
  }

  .nav__mobile-social-link span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  .metiz-up {
    right: 12px !important;
    bottom: calc(124px + env(safe-area-inset-bottom)) !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 170;
  }

  .metiz-up svg {
    width: 18px !important;
    height: 18px !important;
  }

  .sticky-cta {
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    min-height: 38px;
    border-radius: 10px;
    z-index: 170;
  }
}

@media (max-width: 420px) {
  body.metiz-modern .container {
    padding-inline: 12px !important;
  }

  .nav__inner .metiz-logo {
    grid-template-columns: 104px minmax(70px, 1fr) minmax(70px, 1fr);
    gap: 6px !important;
  }

  .nav__inner .metiz-logo__img {
    width: 104px !important;
  }

  .nav__inner .metiz-logo__slogan,
  .nav__inner .metiz-logo__history {
    padding-left: 6px !important;
    font-size: 8px !important;
  }

  .nav__cta {
    grid-template-columns: 1fr 96px 72px 38px;
    gap: 6px !important;
  }

  .nav__phone {
    font-size: 13px !important;
  }

  .nav__phone-sub {
    font-size: 7.5px;
  }

  .nav__cta .btn--sm {
    min-height: 38px;
    padding-inline: 8px !important;
    font-size: 10px;
  }

  .nav__cart {
    min-height: 38px;
    padding-inline: 6px !important;
  }

  .nav__cart b {
    font-size: 9px;
  }

  .nav__cart strong {
    font-size: 10px !important;
  }

  .metiz-menu-toggle {
    width: 38px;
    height: 38px;
  }

  .metiz-cookie {
    grid-template-columns: 1fr;
  }

  .metiz-cookie button {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .metiz-related-products__wrap {
    overflow: visible;
  }

  .metiz-related-products__track {
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }

  .metiz-related-card {
    min-width: 0;
    padding: 10px;
    border-radius: 12px;
  }

  .metiz-related-card__image {
    height: 132px;
    margin: -10px -10px 0;
  }

  .metiz-related-card strong {
    font-size: 13px;
  }

  .metiz-related-card em {
    font-size: 13px;
  }

  .metiz-related-products__nav {
    display: none;
  }

  .single-product .metiz-product-layout,
  .single-product .metiz-product-main,
  .single-product .metiz-product-info {
    gap: 14px;
  }

  .single-product .metiz-product-info > * {
    margin-block: 0 12px;
  }

  .metiz-cookie {
    right: 74px !important;
    grid-template-columns: 1fr auto;
    padding: 8px 9px !important;
    box-shadow: 0 14px 34px rgba(7, 17, 27, .14);
  }

  .metiz-cookie strong {
    font-size: 11px;
  }

  .metiz-cookie span {
    display: none;
  }

  .metiz-cookie a {
    display: inline;
    font-size: 10px;
  }

  .metiz-cookie button {
    min-height: 30px;
    padding-inline: 10px;
    font-size: 10px;
  }
}

@media (max-width: 420px) {
  .metiz-related-products__track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metiz-related-card__image {
    height: 112px;
  }

  .metiz-cookie {
    right: 70px !important;
    grid-template-columns: 1fr;
  }
}

body.metiz-is-mobile .metiz-related-products__wrap {
  overflow: visible !important;
}

body.metiz-is-mobile .metiz-related-products__track {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: initial !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
  padding: 0 !important;
  scroll-snap-type: none !important;
}

body.metiz-is-mobile .metiz-related-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 10px !important;
  border-radius: 12px !important;
  scroll-snap-align: none !important;
}

body.metiz-is-mobile .metiz-related-card__image {
  height: 112px !important;
  margin: -10px -10px 0 !important;
}

body.metiz-is-mobile .metiz-related-card strong {
  font-size: 13px !important;
}

body.metiz-is-mobile .metiz-related-card em {
  font-size: 13px !important;
}

body.metiz-is-mobile .metiz-related-products__nav {
  display: none !important;
}

@media (max-width: 760px) {
  .metiz-cookie {
    bottom: calc(60px + env(safe-area-inset-bottom)) !important;
  }

  .nav .megamenu {
    order: 5 !important;
    flex: 0 0 100% !important;
    display: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(68vh, 560px) !important;
    overflow: auto !important;
    margin: 0 !important;
    border: 1px solid var(--rule) !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 36px rgba(7, 17, 27, .12) !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch;
  }

  .nav.is-catalog-open .megamenu {
    display: block !important;
    flex-basis: 100% !important;
  }

  .nav .megamenu__inner {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: #fff !important;
  }

  .nav .megamenu__col {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    border-right: 0 !important;
  }

  .nav .megamenu__cat {
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--rule) !important;
  }

  .nav .megamenu__cat-link {
    min-height: 44px !important;
    padding: 10px 14px !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    background: #fff !important;
    color: #07111b !important;
    font-size: 13px !important;
  }

  .nav .megamenu__cat-link svg {
    width: 16px;
    height: 16px;
  }

  .nav .megamenu__chev {
    display: none !important;
  }

  .nav .megamenu__panel {
    position: static !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 14px 12px 38px !important;
    overflow: visible !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .nav .megamenu__panel-title {
    display: none !important;
  }

  .nav .megamenu__panel-list {
    display: grid !important;
    gap: 8px !important;
  }

  .nav .megamenu__panel-link {
    display: inline-flex !important;
    min-height: 30px !important;
    align-items: center !important;
    color: #07111b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .nav .megamenu__panel-sub {
    display: grid !important;
    gap: 6px !important;
    padding-left: 10px !important;
  }

  .nav .megamenu__panel-sub a {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 28px !important;
    align-items: center !important;
    padding: 5px 8px !important;
    border-radius: 6px !important;
    background: #f4f1ea !important;
    color: #4f5b66 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .nav .megamenu__cat-link:hover,
  .nav .megamenu__panel-link:hover,
  .nav .megamenu__panel-sub a:hover {
    background: var(--accent-bg) !important;
    color: var(--accent-ink) !important;
  }
}

/* Mobile verification fixes: keep header controls readable and fixed widgets out of content. */
@media (max-width: 760px) {
  body.metiz-modern {
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }

  .nav__cta {
    grid-template-columns: minmax(0, 1fr) minmax(104px, auto) minmax(72px, auto) 40px !important;
    gap: 8px !important;
  }

  .nav__cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    max-width: 84px !important;
    min-height: 40px !important;
    padding: 6px 8px !important;
    gap: 5px !important;
    background: #fff !important;
    border: 1px solid var(--rule) !important;
    box-shadow: none !important;
  }

  .nav__cart-icon {
    display: inline-grid !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    place-items: center !important;
    color: var(--ink) !important;
    background: transparent !important;
  }

  .nav__cart span:last-child {
    display: block !important;
    min-width: 0 !important;
  }

  .nav__cart b {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  .nav__cart strong {
    display: block !important;
    max-width: 48px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--ink) !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .sticky-cta {
    left: auto !important;
    right: 12px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-height: 38px !important;
    padding-inline: 16px !important;
    z-index: 160 !important;
  }

  .metiz-cookie {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(58px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 8px 9px !important;
    gap: 8px !important;
    z-index: 155 !important;
  }

  .metiz-cookie div {
    min-width: 0 !important;
  }

  .metiz-cookie strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .metiz-cookie a {
    white-space: nowrap !important;
  }

  .metiz-cookie button {
    width: auto !important;
    min-height: 30px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  .nav__cta {
    grid-template-columns: minmax(0, 1fr) 92px 64px 38px !important;
    gap: 6px !important;
  }

  .nav__cart {
    min-width: 64px !important;
    max-width: 68px !important;
    padding-inline: 6px !important;
  }

  .nav__cart-icon {
    flex-basis: 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .nav__cart strong {
    max-width: 38px !important;
    font-size: 9px !important;
  }

  .metiz-cookie {
    right: 12px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .metiz-cookie a {
    display: none !important;
  }
}

/* Mobile quote button: fixed, centered and lifted from the safe-area edge. */
@media (max-width: 760px) {
  body.metiz-modern {
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .sticky-cta {
    position: fixed !important;
    display: inline-flex !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding-inline: 18px !important;
    transform: translateX(-50%) !important;
    z-index: 205 !important;
  }

  .metiz-messenger-stack {
    position: fixed !important;
    left: auto !important;
    right: 12px !important;
    bottom: calc(136px + env(safe-area-inset-bottom)) !important;
    z-index: 204 !important;
    display: grid !important;
    gap: 10px !important;
  }

  .metiz-messenger-stack__item {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 12px 26px rgba(7, 17, 27, .18) !important;
  }

  .metiz-messenger-stack__item svg {
    width: 20px !important;
    height: 20px !important;
  }

  .footer .sticky-cta {
    align-self: auto !important;
  }

  .metiz-cookie {
    bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    z-index: 210 !important;
  }
}

/* Mobile QA: empty cart should stay compact instead of leaving a large blank band. */
@media (max-width: 760px) {
  .woocommerce-cart .site-main {
    min-height: 0 !important;
  }

  .metiz-section-content {
    padding-top: 24px;
    padding-bottom: 34px;
  }

  .woocommerce-cart .metiz-section-content {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  .woocommerce-cart .metiz-content > .woocommerce:has(.cart-empty),
  .woocommerce-cart .metiz-content > .woocommerce:has(.wc-empty-cart-message) {
    min-height: 0 !important;
    gap: 12px !important;
  }

  .woocommerce-cart .cart-empty,
  .woocommerce-cart .wc-empty-cart-message,
  .woocommerce-cart .return-to-shop {
    margin-bottom: 0 !important;
  }

  .woocommerce-cart .return-to-shop {
    margin-top: 12px !important;
  }
}

/* Mobile QA overflow pass: keep narrow viewports strictly inside the screen. */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .scrollbar {
    display: none !important;
  }

  .nav__menu {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }

  .nav.is-menu-open .nav__links,
  .nav.is-catalog-open .megamenu {
    max-width: 100% !important;
  }

  .metiz-contacts-page,
  .metiz-contacts-hero,
  .metiz-contacts-hero__copy,
  .metiz-contacts-hero__stats,
  .metiz-contacts-hero__stats div,
  .metiz-contacts-dark,
  .metiz-contacts-dark .contact,
  .metiz-contacts-dark .contact__info,
  .metiz-contacts-dark .contact__list,
  .metiz-contacts-dark .contact__row,
  .metiz-contacts-dark .metiz-contact-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .metiz-contacts-page,
  .metiz-contacts-hero,
  .metiz-contacts-hero__stats,
  .metiz-contacts-dark .contact {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .metiz-contacts-page h1,
  .metiz-contacts-page h2,
  .metiz-contacts-page h3,
  .metiz-contacts-page p,
  .metiz-contacts-page a,
  .metiz-contacts-page dd {
    overflow-wrap: anywhere;
  }

  .metiz-contacts-dark .contact__row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* Mobile final QA: prevent header controls from colliding on narrow phones. */
@media (max-width: 760px) {
  .nav__cta {
    grid-template-columns: minmax(0, 1fr) auto auto auto !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .nav__phone-block {
    min-width: 0 !important;
    align-self: center !important;
  }

  .nav__phone {
    font-size: clamp(12px, 3.45vw, 15px) !important;
    line-height: 1.05 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  .nav__phone-sub {
    display: block !important;
    margin-top: 3px !important;
    font-size: clamp(7px, 2vw, 8.5px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .nav__cta .btn--sm,
  .nav__cart,
  .metiz-menu-toggle {
    height: 40px !important;
    min-height: 40px !important;
  }

  .nav__cta .btn--sm {
    min-width: 102px !important;
    padding-inline: 10px !important;
  }
}

@media (max-width: 420px) {
  .nav__cta {
    grid-template-columns: minmax(110px, 1fr) 96px 70px 38px !important;
    gap: 6px !important;
  }

  .nav__phone {
    font-size: clamp(11px, 3.35vw, 13px) !important;
  }

  .nav__phone-sub {
    max-width: 108px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .nav__cta .btn--sm {
    min-width: 96px !important;
    padding-inline: 7px !important;
    font-size: 10px !important;
  }

  .nav__cart {
    min-width: 70px !important;
    max-width: 70px !important;
    padding-inline: 5px !important;
  }

  .metiz-menu-toggle {
    width: 38px !important;
  }
}

/* Filter chips and purchase controls final override. */
.metiz-category-filters.metiz-category-filters--chips {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 18px;
  align-items: start;
  margin: 0 0 22px !important;
  padding: 18px !important;
  border: 1px solid #e3e8ee !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(8, 20, 31, .06) !important;
}

.metiz-filter-chip-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-height: none;
}

.metiz-category-filters.is-collapsed .metiz-filter-chip-list {
  max-height: 46px;
}

.metiz-filter-chip {
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: #f5f6f7 !important;
  color: #101820 !important;
  font: 600 14px/1.1 var(--font-sans) !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.metiz-filter-chip:hover,
.metiz-filter-chip.is-active {
  border-color: rgba(255, 106, 0, .38) !important;
  background: #fff1e5 !important;
  color: #ff6a00 !important;
}

.metiz-filter-actions {
  gap: 8px !important;
}

.metiz-filter-collapse,
.metiz-filter-reset {
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.metiz-product-buy {
  display: grid;
  grid-template-columns: auto minmax(150px, 1fr);
  gap: 10px;
  align-items: stretch;
  margin-top: 18px;
}

.metiz-product-buy .product__qty {
  width: 112px;
  height: 44px;
  grid-template-columns: 36px 40px 36px;
  border-radius: 10px;
}

.metiz-product-buy .product__qty button,
.metiz-product-buy .product__qty input {
  height: 42px;
  min-height: 42px;
  line-height: 42px;
}

.metiz-product-buy .btn {
  margin-top: 0 !important;
  width: 100%;
}

@media (max-width: 760px) {
  .metiz-category-filters.metiz-category-filters--chips {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px !important;
  }

  .metiz-filter-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }

  .metiz-filter-chip {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
  }

  .metiz-product-buy {
    grid-template-columns: 1fr;
  }

  .metiz-product-buy .product__qty {
    width: 120px;
  }
}

/* Catalog sidebar filters: replaces the old category tree in archive/category pages. */
.metiz-archive-layout.metiz-products-scope {
  grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  align-items: start;
}

.metiz-sidebar--filters {
  display: grid;
  gap: 18px;
  position: static;
  max-height: none;
  overflow: visible;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.metiz-sidebar-nav {
  overflow: hidden;
  border: 1px solid #dfe4ea;
  border-radius: 16px;
  background: #f1f2f4;
}

.metiz-sidebar-nav__title {
  padding: 16px 18px 12px;
  color: #1b222b;
  font: 800 16px/1.2 var(--font-sans);
}

.metiz-sidebar-nav ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.metiz-sidebar-nav li > ul {
  display: none;
}

.metiz-sidebar-nav li.is-current > ul,
.metiz-sidebar-nav li.is-current-ancestor > ul {
  display: grid;
}

.metiz-sidebar-nav li {
  margin: 0;
  padding: 0;
}

.metiz-sidebar-nav a {
  display: flex;
  min-height: 42px;
  align-items: center;
  padding: 10px 16px;
  border-top: 1px solid #dfe3e7;
  background: #f5f5f5;
  color: #33383f;
  font: 600 14px/1.25 var(--font-sans);
}

.metiz-sidebar-nav a:hover {
  background: #eceff2;
  color: #111820;
}

.metiz-sidebar-nav li.is-current > a,
.metiz-sidebar-nav li.is-current-ancestor > a {
  margin: 0;
  padding: 10px 16px;
  border-top-color: #342f31;
  background: #342f31;
  color: #fff;
  font-weight: 800;
  box-shadow: none;
}

.metiz-sidebar-nav ul ul a {
  padding-left: 28px;
  background: #fafafa;
  font-size: 13px;
}

.metiz-sidebar-nav ul ul ul a {
  padding-left: 40px;
  font-size: 12.5px;
}

.metiz-sidebar--filters .metiz-category-filters.metiz-category-filters--sidebar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #dfe4ea !important;
  border-radius: 16px !important;
  background: #f1f2f4 !important;
  box-shadow: 0 12px 28px rgba(8, 20, 31, .05) !important;
}

.metiz-filter-panel__title {
  padding: 18px 18px 16px;
  color: #1b222b;
  font: 800 18px/1.2 var(--font-sans);
}

.metiz-category-filters--sidebar .metiz-filter-chip-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  flex: none !important;
  overflow: visible !important;
}

.metiz-category-filters--sidebar.is-collapsed .metiz-filter-chip-list {
  max-height: none;
  overflow: visible !important;
}

.metiz-filter-group {
  display: block;
  border-top: 1px solid #dfe3e7;
  background: #f1f2f4;
}

.metiz-filter-group:last-child {
  border-bottom: 1px solid #dfe3e7;
}

.metiz-filter-group__title {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  color: #33383f;
  cursor: pointer;
  font: 700 15px/1.2 var(--font-sans);
  letter-spacing: 0;
  list-style: none;
  text-transform: none;
}

.metiz-filter-group__title::-webkit-details-marker {
  display: none;
}

.metiz-filter-group__title svg {
  flex: 0 0 auto;
  transition: transform 160ms var(--ease);
}

.metiz-filter-group[open] .metiz-filter-group__title svg {
  transform: rotate(180deg);
}

.metiz-filter-group__chips {
  display: grid;
  gap: 10px;
  padding: 2px 18px 18px;
}

.metiz-filter-option {
  display: flex;
  min-height: 24px;
  align-items: center;
  gap: 7px;
  color: #33383f;
  cursor: pointer;
  font: 500 14px/1.25 var(--font-sans);
}

.metiz-filter-option input {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin: 0;
  accent-color: #ffd400;
}

.metiz-filter-option__count {
  color: #3f4650;
  font-style: italic;
}

.metiz-filter-option:hover .metiz-filter-option__label,
.metiz-filter-option.is-active .metiz-filter-option__label {
  color: #111820;
}

.metiz-category-filters--sidebar .metiz-filter-chip {
  min-height: 34px !important;
  padding: 7px 11px !important;
  text-align: left;
  white-space: normal !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.metiz-category-filters--sidebar .metiz-filter-actions {
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 10px !important;
  padding: 16px 18px 18px;
}

.metiz-category-filters--sidebar .metiz-filter-collapse {
  display: none !important;
}

.metiz-filter-apply {
  min-height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  background: #ffd400;
  color: #1f2328;
  font: 800 14px/1 var(--font-sans);
}

.metiz-category-filters--sidebar .metiz-filter-collapse,
.metiz-category-filters--sidebar .metiz-filter-reset,
.metiz-category-filters--sidebar .metiz-filter-apply {
  min-height: 36px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
}

.metiz-category-filters--sidebar .metiz-filter-reset {
  border-color: transparent !important;
  border-radius: 6px !important;
  background: #dedede !important;
  color: #33383f !important;
}

@media (max-width: 980px) {
  .metiz-archive-layout.metiz-products-scope {
    grid-template-columns: 1fr;
  }

  .metiz-sidebar--filters {
    position: static;
    max-height: none;
    overflow: visible;
    margin: 0 0 16px !important;
  }

  .metiz-category-filters--sidebar .metiz-filter-chip-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .metiz-category-filters--sidebar .metiz-filter-chip-list {
    grid-template-columns: 1fr !important;
  }
}

.metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metiz-catalog-listing-section .metiz-archive-layout.metiz-products-scope.metiz-products-scope--no-sidebar {
  grid-template-columns: 1fr;
}

.metiz-catalog-listing-section .product.metiz-product-card {
  border-radius: 16px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__thumb {
  height: clamp(260px, 15.5vw, 320px);
  border-radius: 16px 16px 0 0;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__tools {
  top: 14px;
  right: 14px;
  gap: 8px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__tools button {
  width: 38px;
  height: 38px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__badges {
  left: 14px;
  top: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__badges .product__badge {
  padding: 8px 11px;
  font-size: 12px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__rating {
  margin: 18px 22px 10px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__stars {
  font-size: 16px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__review-count {
  font-size: 13px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__title {
  margin: 10px 22px 14px;
  font-size: 18.5px;
  line-height: 1.16;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__specs {
  margin: 0 22px 24px;
  gap: 7px;
  font-size: 13.5px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__foot {
  margin: auto 22px 22px;
  grid-template-columns: minmax(130px, 1fr) auto;
  gap: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__price .num,
.metiz-catalog-listing-section .product.metiz-product-card .product__price .amount {
  font-size: 27px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__qty {
  width: 112px;
  height: 36px;
  grid-template-columns: 36px 40px 36px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__qty button,
.metiz-catalog-listing-section .product.metiz-product-card .product__qty input {
  height: 34px;
  min-height: 34px;
  line-height: 34px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__add {
  min-width: 132px;
  height: 46px;
  padding: 0 18px;
  font-size: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__quick-buy {
  min-width: 132px;
  min-height: 42px;
  padding: 0 18px;
  font-size: 13.5px;
}

.metiz-category-seo {
  max-width: 980px;
  margin-top: clamp(34px, 4.5vw, 58px);
  padding-top: clamp(22px, 3vw, 34px);
  border-top: 1px solid var(--rule);
  color: var(--ink-2);
}

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

.metiz-category-seo > :last-child {
  margin-bottom: 0;
}

.metiz-category-seo h2,
.metiz-category-seo h3 {
  color: var(--ink);
  letter-spacing: 0;
}

.metiz-category-seo p,
.metiz-category-seo li {
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.62;
}

@media (max-width: 1180px) {
  .metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
    grid-template-columns: 1fr;
  }

  .metiz-catalog-listing-section .product.metiz-product-card .product__thumb {
    height: 240px;
  }

  .metiz-catalog-listing-section .product.metiz-product-card .product__title {
    font-size: 17px;
  }

  .metiz-catalog-listing-section .product.metiz-product-card .product__price .num,
  .metiz-catalog-listing-section .product.metiz-product-card .product__price .amount {
    font-size: 24px;
  }
}

/* Let catalog/product category pages use the available width on large screens. */
@media (min-width: 1200px) {
  body.metiz-modern .metiz-catalog-hero-section > .container,
  body.metiz-modern .metiz-catalog-listing-section > .container {
    width: min(calc(100vw - 72px), 1380px) !important;
    max-width: 1380px !important;
  }

  .metiz-catalog-listing-section .metiz-archive-layout.metiz-products-scope {
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  }

}

/* Header utility contact icons replace the old favorites/compare text links. */
.nav__util-contacts {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}

.nav__util-right .nav__util-contact {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 1px solid #dfe5ec;
  border-radius: 999px;
  background: #fff;
  color: #111820;
  box-shadow: 0 4px 12px rgba(7, 17, 27, .05);
}

.nav__util-right .nav__util-contact::before {
  display: none !important;
  content: none !important;
}

.nav__util-contact--wa:hover,
.nav__util-contact--wa:focus-visible {
  border-color: #21d366;
  color: #21d366;
}

.nav__util-contact--tg:hover,
.nav__util-contact--tg:focus-visible {
  border-color: #31aee2;
  color: #31aee2;
}

.nav__util-contact--mail:hover,
.nav__util-contact--mail:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
}

@media (max-width: 760px) {
  .nav__util-contacts {
    position: absolute;
    top: 8px;
    right: 14px;
    z-index: 2;
    gap: 6px;
  }

  .nav__util-right .nav__util-contact {
    width: 28px;
    height: 28px;
  }
}

/* Footer rework: no logo, clearer contacts, and visible dynamic copyright row. */
.footer__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 52px) !important;
  margin-bottom: 0 !important;
}

.footer__worktime {
  color: var(--ink);
  font-weight: 700 !important;
}

.footer__phones {
  display: grid;
  gap: 4px;
}

.footer__phones .footer__phone {
  width: max-content;
  max-width: 100%;
}

.footer__cities {
  margin: 16px 0 0;
  color: var(--ink-3);
  font: 500 14px/1.45 var(--font-sans);
}

.footer__social {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.footer__social-link {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe5ec;
  border-radius: 999px;
  background: #fff;
  color: #111820;
  box-shadow: 0 8px 18px rgba(7, 17, 27, .07);
  transition: border-color 160ms var(--ease), color 160ms var(--ease), transform 160ms var(--ease);
}

.footer__social-link:hover,
.footer__social-link:focus-visible {
  transform: translateY(-1px);
}

.footer__social-link--wa:hover,
.footer__social-link--wa:focus-visible {
  border-color: #21d366;
  color: #21d366;
}

.footer__social-link--tg:hover,
.footer__social-link--tg:focus-visible {
  border-color: #31aee2;
  color: #31aee2;
}

.footer__social-link--mail:hover,
.footer__social-link--mail:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
}

.footer__bottom {
  display: grid !important;
  gap: 6px;
  margin-top: clamp(28px, 4vw, 44px);
  padding-top: 20px;
  border-top: 1px solid var(--rule);
  color: var(--ink-3);
}

.footer__bottom p {
  margin: 0;
  color: var(--ink-3);
  font: 400 13px/1.42 var(--font-sans);
}

@media (max-width: 980px) {
  .footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

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

/* Single product: rating, buy-now action, and tabbed content. */
.metiz-price-box .metiz-single-rating {
  margin-top: 10px;
}

.metiz-single-rating {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--ink-3);
  font: 800 13px/1 var(--font-sans);
}

.metiz-single-rating__stars {
  position: relative;
  display: inline-block;
  color: #d8e0e8;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}

.metiz-single-rating__stars-empty {
  color: #d8e0e8;
}

.metiz-single-rating__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #f7b500;
  white-space: nowrap;
}

.metiz-product-stock {
  margin-top: 12px;
  font: 900 13px/1.2 var(--font-sans);
}

.metiz-product-stock--in {
  color: #15945b;
}

.metiz-product-stock--out {
  color: #c23b22;
}

.metiz-product-delivery-link {
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: var(--accent);
  font: 800 13px/1.2 var(--font-sans);
  text-decoration: none;
}

.metiz-product-delivery-link:hover {
  color: var(--accent-ink);
}

.metiz-buy-now {
  grid-column: 1 / -1;
  border-color: rgba(242, 99, 10, .34) !important;
  color: var(--accent) !important;
}

.metiz-buy-now:hover,
.metiz-buy-now:focus-visible {
  background: var(--accent-bg) !important;
  color: var(--accent-ink) !important;
}

.metiz-single-tabs {
  overflow: hidden;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
  background: #fff;
}

.metiz-single-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 10px;
  border-bottom: 1px solid var(--rule);
  background: #f7f8fa;
}

.metiz-single-tabs__nav button {
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink-3);
  font: 900 13px/1 var(--font-sans);
  cursor: pointer;
}

.metiz-single-tabs__nav button:hover,
.metiz-single-tabs__nav button.is-active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 8px 18px rgba(7, 17, 27, .07);
}

.metiz-single-tabs__panel {
  padding: clamp(20px, 2.4vw, 30px);
}

.metiz-single-tabs__panel[hidden] {
  display: none !important;
}

.metiz-single-tabs .metiz-product-short,
.metiz-single-tabs .metiz-product-description,
.metiz-single-tabs .metiz-product-attrs-section,
.metiz-single-tabs .metiz-content {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.metiz-single-tabs .metiz-product-short {
  margin-bottom: 20px;
  color: var(--ink-2);
  font-weight: 700;
}

.metiz-single-tabs .metiz-attrs {
  border: 1px solid var(--rule);
  border-radius: 10px;
}

.metiz-review-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-bottom: 18px;
}

.metiz-review-summary strong {
  color: var(--ink);
  font: 900 16px/1.1 var(--font-sans);
}

.metiz-review-list {
  display: grid;
  gap: 12px;
}

.metiz-review {
  display: grid;
  gap: 7px;
  padding: 16px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: #f7f8fa;
}

.metiz-review__head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: baseline;
  justify-content: space-between;
}

.metiz-review strong {
  color: var(--ink);
  font: 900 14px/1.2 var(--font-sans);
}

.metiz-review__stars {
  color: #f7b500;
  font: 900 14px/1 var(--font-sans);
  letter-spacing: 1px;
}

.metiz-review time,
.metiz-single-empty {
  color: var(--ink-3);
  font: 600 13px/1.4 var(--font-sans);
}

.metiz-review p {
  margin: 0;
  color: var(--ink-2);
  font: 500 14px/1.5 var(--font-sans);
}

.metiz-review-notice {
  margin: 0 0 18px;
  padding: 13px 15px;
  border-radius: 10px;
  font: 800 13px/1.35 var(--font-sans);
}

.metiz-review-notice--success {
  border: 1px solid rgba(25, 164, 99, .28);
  background: rgba(25, 164, 99, .09);
  color: #147a4d;
}

.metiz-review-notice--error {
  border: 1px solid rgba(194, 59, 34, .24);
  background: rgba(194, 59, 34, .08);
  color: #9b2c1c;
}

.metiz-review-form {
  display: grid;
  gap: 16px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--rule);
}

.metiz-review-form h3 {
  margin: 0;
  color: var(--ink);
  font: 900 24px/1.15 var(--font-display);
}

.metiz-review-form label {
  display: grid;
  gap: 8px;
  color: var(--ink);
  font: 800 13px/1.2 var(--font-sans);
}

.metiz-review-form input[type="text"],
.metiz-review-form input[type="email"],
.metiz-review-form textarea {
  width: 100%;
  min-height: 44px;
  padding: 12px 13px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: 600 14px/1.35 var(--font-sans);
}

.metiz-review-form textarea {
  min-height: 130px;
  resize: vertical;
}

.metiz-review-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.metiz-review-form__rating {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  color: var(--ink);
  font: 900 13px/1 var(--font-sans);
}

.metiz-review-stars-input {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 2px;
}

.metiz-review-stars-input input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.metiz-review-stars-input label {
  display: block;
  color: #d8e0e8;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  transition: color 140ms var(--ease), transform 140ms var(--ease);
}

.metiz-review-stars-input label:hover,
.metiz-review-stars-input label:hover ~ label,
.metiz-review-stars-input input:checked ~ label {
  color: #f7b500;
}

.metiz-review-stars-input label:hover {
  transform: translateY(-1px);
}

.metiz-review-form .btn {
  justify-self: start;
}

@media (max-width: 560px) {
  .metiz-single-tabs__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metiz-single-tabs__nav button {
    padding: 0 10px;
    font-size: 12px;
  }

  .metiz-review-form__grid {
    grid-template-columns: 1fr;
  }

  .metiz-review-form .btn {
    width: 100%;
  }
}

/* Listing product card commerce markers. */
.product.metiz-product-card .product__badges {
  max-width: calc(100% - 64px);
}

.product.metiz-product-card .product__badges .product__badge {
  max-width: 100%;
  padding: 7px 10px;
  overflow: hidden;
  border-radius: 999px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ff6b00;
  color: #fff;
  font: 900 11px/1 var(--font-sans);
  letter-spacing: 0;
  text-transform: none;
}

.product.metiz-product-card .product__badges .product__badge--accent {
  background: #19a463;
}

.product.metiz-product-card .product__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 14px 18px 8px;
  color: #f7b500;
  font: 800 13px/1 var(--font-sans);
}

.product.metiz-product-card .product__stars {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  color: #d8e0e8;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 1px;
  white-space: nowrap;
}

.product.metiz-product-card .product__stars-empty {
  color: #d8e0e8;
}

.product.metiz-product-card .product__stars-fill {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #f7b500;
  white-space: nowrap;
}

.product.metiz-product-card .product__review-count {
  min-width: 0;
  overflow: hidden;
  color: var(--ink-3);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 800 12px/1 var(--font-sans);
}

.product.metiz-product-card .product__rating + .product__title {
  margin-top: 8px;
}

.product.metiz-product-card .product__stock {
  color: #c23b22;
  font-weight: 800;
}

.metiz-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: clamp(26px, 4vw, 44px);
}

.metiz-pagination .page-numbers {
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 14px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: 900 13px/1 var(--font-sans);
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(7, 17, 27, .05);
}

.metiz-pagination a.page-numbers:hover,
.metiz-pagination a.page-numbers:focus-visible,
.metiz-pagination .page-numbers.current {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.metiz-pagination .prev svg {
  transform: rotate(180deg);
}

.metiz-pagination .dots {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 520px) {
  .metiz-pagination {
    justify-content: flex-start;
  }

  .metiz-pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    padding: 0 11px;
  }
}

/* Final product purchase and listing layout pass. */
.metiz-product-actions--under-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
  padding: 0;
}

.metiz-product-actions--under-gallery button {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
}

.metiz-price-box {
  padding: clamp(24px, 2.8vw, 36px);
}

.metiz-price-box .price {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font: 900 clamp(38px, 4.2vw, 56px)/.96 var(--font-display);
  letter-spacing: 0;
  white-space: nowrap;
}

.metiz-price-box .price bdi,
.metiz-price-box .price .amount {
  white-space: nowrap;
}

.metiz-price-box .metiz-single-rating {
  margin-top: 18px;
  gap: 14px;
  font-size: 18px;
}

.metiz-price-box .metiz-single-rating__stars {
  font-size: 24px;
}

.metiz-price-box .metiz-product-stock {
  margin-top: 20px;
  font-size: 20px;
}

.metiz-price-box .metiz-product-delivery-link {
  margin-top: 14px;
}

.metiz-product-buy {
  grid-template-columns: minmax(126px, .42fr) minmax(0, 1fr);
  gap: 14px;
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid var(--rule);
}

.metiz-product-buy .product__qty {
  width: 100%;
  min-width: 126px;
  height: 56px;
  grid-template-columns: 44px minmax(36px, 1fr) 44px;
  border-radius: 12px;
}

.metiz-product-buy .product__qty button,
.metiz-product-buy .product__qty input {
  height: 54px;
  min-height: 54px;
  line-height: 54px;
  font-size: 18px;
}

.metiz-product-buy .btn--primary {
  min-height: 56px;
  border-color: #07111b !important;
  background: #07111b !important;
  color: #fff !important;
  font-size: 20px;
}

.metiz-product-buy .btn--primary:hover,
.metiz-product-buy .btn--primary:focus-visible {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
}

.metiz-buy-now {
  min-height: 56px;
  border-color: #07111b !important;
  color: #07111b !important;
  font-size: 20px;
}

.metiz-buy-now:hover,
.metiz-buy-now:focus-visible {
  border-color: #07111b !important;
  background: #07111b !important;
  color: #fff !important;
}

.metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
  grid-template-columns: repeat(3, minmax(270px, 324px)) !important;
  justify-content: start;
  align-items: stretch;
  gap: 18px;
}

.metiz-catalog-listing-section .product.metiz-product-card {
  width: 100%;
  border-radius: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__thumb {
  height: auto;
  aspect-ratio: 1.18 / 1;
  border-radius: 14px 14px 0 0;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__tools {
  top: 10px;
  right: 10px;
  gap: 7px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__tools button {
  width: 34px;
  height: 34px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__badges {
  top: 10px;
  left: 10px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__badges .product__badge {
  max-width: 150px;
  padding: 7px 10px;
  font-size: 11px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__rating {
  margin: 14px 16px 8px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__stars {
  font-size: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__review-count {
  font-size: 12px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__title {
  margin: 8px 16px 10px;
  font-size: 15.5px;
  line-height: 1.18;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__specs {
  margin: 0 16px 16px;
  gap: 5px;
  font-size: 12px;
  line-height: 1.3;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__foot {
  grid-template-columns: 1fr;
  gap: 12px;
  margin: auto 16px 16px;
  padding-top: 14px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__price .num,
.metiz-catalog-listing-section .product.metiz-product-card .product__price .amount,
.metiz-catalog-listing-section .product.metiz-product-card .product__price bdi {
  font-size: 22px;
  line-height: 1.05;
  white-space: nowrap;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__stock {
  margin-top: 9px;
  font-size: 13px;
}

.product.metiz-product-card .product__stock--in {
  color: #15945b;
}

.product.metiz-product-card .product__stock--out {
  color: #c23b22;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__buy {
  width: 100%;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 8px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__qty {
  width: 92px;
  height: 34px;
  grid-template-columns: 28px 36px 28px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__qty button,
.metiz-catalog-listing-section .product.metiz-product-card .product__qty input {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__add {
  min-width: 0;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  font-size: 12.5px;
}

.metiz-catalog-listing-section .product.metiz-product-card .product__quick-buy {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px;
  font-size: 11.5px;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .metiz-product-buy {
    grid-template-columns: minmax(108px, .42fr) minmax(0, 1fr);
    gap: 10px;
  }

  .metiz-product-buy .product__qty {
    min-width: 108px;
  }

  .metiz-product-buy .btn--primary,
  .metiz-buy-now {
    min-height: 52px;
    font-size: 16px;
  }

  .metiz-buy-now {
    grid-column: 1 / -1;
  }

  .metiz-catalog-listing-section .metiz-archive-main .catalog__grid {
    grid-template-columns: 1fr !important;
  }

  .metiz-catalog-listing-section .product.metiz-product-card .product__thumb {
    height: auto;
    aspect-ratio: 1.18 / 1;
  }
}

@media (max-width: 380px) {
  .metiz-product-buy {
    grid-template-columns: 1fr;
  }
}

/* Mobile header: keep the phone number readable on narrow screens. */
@media (max-width: 760px) {
  .nav__inner {
    position: relative;
  }

  .nav__inner .metiz-logo {
    box-sizing: border-box;
    padding-right: 50px;
  }

  .nav__cta {
    grid-template-columns: minmax(0, 1fr) 70px !important;
    grid-template-areas:
      "phone phone"
      "callback cart";
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }

  .nav__phone-block {
    grid-area: phone;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: flex-start !important;
    min-height: 24px;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .nav__phone {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .nav__phone-sub {
    justify-self: end;
    max-width: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
    color: var(--ink) !important;
    text-align: right !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-family: var(--font-mono) !important;
    font-size: clamp(10px, 2.45vw, 12px) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  .nav__cta .btn--sm {
    grid-area: callback;
    min-width: 0 !important;
    width: 100% !important;
  }

  .nav__cart {
    grid-area: cart;
  }
}

@media (max-width: 380px) {
  .nav__cta {
    grid-template-columns: minmax(0, 1fr) 70px !important;
  }

  .nav__phone {
    font-size: clamp(10px, 3.05vw, 12px) !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 360px) {
  .nav__cta {
    grid-template-columns: minmax(0, 1fr) 70px !important;
  }

  .nav__phone-block {
    align-items: flex-start !important;
  }

  .nav__phone {
    font-size: 13px !important;
  }

  .nav__phone-sub {
    align-self: start;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
}

/* Mobile hamburger drawer: app-like left side navigation. */
@media (max-width: 760px) {
  html.metiz-mobile-menu-open,
  html.metiz-mobile-menu-open body,
  html.metiz-mobile-catalog-open,
  html.metiz-mobile-catalog-open body {
    overflow: hidden !important;
    touch-action: none;
  }

  .nav {
    z-index: 900;
  }

  .nav.is-menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(7, 17, 27, .54);
    opacity: 1;
    pointer-events: none;
    backdrop-filter: blur(2px);
  }

  .nav.is-catalog-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(7, 17, 27, .54);
    opacity: 1;
    pointer-events: none;
    backdrop-filter: blur(2px);
  }

  .metiz-menu-toggle {
    position: absolute !important;
    top: 10px;
    right: 0;
    z-index: 1402;
  }

  .nav.is-menu-open .metiz-menu-toggle {
    border-color: rgba(255, 255, 255, .26) !important;
    background: #07111b !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(7, 17, 27, .28);
  }

  .nav.is-catalog-open .metiz-menu-toggle {
    z-index: 1100;
    pointer-events: none;
  }

  .nav__links {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1300 !important;
    display: flex !important;
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    order: initial !important;
    margin: 0 !important;
    padding: 22px 18px calc(28px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    border-radius: 0 18px 18px 0;
    background: #07111b !important;
    color: #fff;
    box-shadow: 26px 0 48px rgba(7, 17, 27, .28);
    transform: translate3d(-106%, 0, 0) !important;
    transition: transform 260ms cubic-bezier(.22, .61, .36, 1), visibility 260ms linear;
    visibility: hidden;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
  }

  .nav.is-menu-open .nav__links {
    right: auto !important;
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    flex: none !important;
    flex-basis: auto !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible;
    pointer-events: auto;
  }

  .nav__links::before {
    content: "Меню";
    display: flex;
    min-height: 48px;
    align-items: center;
    margin: -2px 0 10px;
    color: #fff;
    font: 900 22px/1.1 var(--font-display);
    letter-spacing: 0;
  }

  .nav__links > li {
    display: block !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, .1);
  }

  .nav__links > li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }

  .nav.is-menu-open .nav__links > li > a,
  .nav__links > li > a {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font: 900 18px/1.12 var(--font-sans) !important;
    text-decoration: none;
  }

  .nav__links .caret {
    color: rgba(255, 255, 255, .64);
    font-size: 13px;
  }

  .nav.is-menu-open .nav__links .nav__sub,
  .nav__links .nav__sub {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 0 !important;
    margin: 0 0 12px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .nav__links .nav__sub li {
    width: 100%;
  }

  .nav.is-menu-open .nav__links .nav__sub a,
  .nav__links .nav__sub a {
    display: flex !important;
    min-height: 38px !important;
    align-items: center !important;
    padding: 7px 16px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .92) !important;
    font: 800 15px/1.2 var(--font-sans) !important;
  }

  .nav__links .nav__sub a:hover,
  .nav__links .nav__sub a:focus-visible {
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
  }

  .nav .megamenu {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    z-index: 1300 !important;
    display: block !important;
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 22px 18px calc(28px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 18px 0 0 18px !important;
    background: #fff !important;
    color: #07111b !important;
    box-shadow: -26px 0 48px rgba(7, 17, 27, .28) !important;
    transform: translate3d(106%, 0, 0) !important;
    transition: transform 260ms cubic-bezier(.22, .61, .36, 1), visibility 260ms linear;
    visibility: hidden;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
  }

  .nav.is-catalog-open .megamenu {
    right: 0 !important;
    display: block !important;
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    flex: none !important;
    flex-basis: auto !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible;
    pointer-events: auto;
  }

  .nav .megamenu::before {
    content: "Каталог продукции";
    display: flex;
    min-height: 48px;
    align-items: center;
    margin: -2px 0 10px;
    color: #07111b;
    font: 900 22px/1.1 var(--font-display);
    letter-spacing: 0;
  }

  .nav .megamenu__inner {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .nav .megamenu__col {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
  }

  .nav .megamenu__cat {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e4e9ef !important;
  }

  .nav .megamenu__cat:first-child {
    border-top: 0 !important;
  }

  .nav .megamenu__cat-link {
    display: grid !important;
    min-height: 48px !important;
    align-items: center !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #07111b !important;
    font: 900 16px/1.15 var(--font-sans) !important;
    text-decoration: none !important;
  }

  .nav .megamenu__cat-link svg {
    width: 16px !important;
    height: 16px !important;
    color: var(--accent) !important;
  }

  .nav .megamenu__chev {
    display: none !important;
  }

  .nav .megamenu__panel {
    position: static !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 8px 0 12px 28px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .nav .megamenu__panel-title {
    display: none !important;
  }

  .nav .megamenu__panel-list {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav .megamenu__panel-link {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 30px !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    color: #3f4a56 !important;
    font: 800 13px/1.2 var(--font-sans) !important;
    text-decoration: none !important;
  }

  .nav .megamenu__panel-sub {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 6px 0 2px !important;
  }

  .nav .megamenu__panel-sub a {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 28px !important;
    align-items: center !important;
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #f4f6f8 !important;
    color: #4f5b66 !important;
    font: 800 11px/1.2 var(--font-sans) !important;
    text-decoration: none !important;
  }

  .nav .megamenu__cat-link:hover,
  .nav .megamenu__cat-link:focus-visible,
  .nav .megamenu__panel-link:hover,
  .nav .megamenu__panel-link:focus-visible {
    color: var(--accent) !important;
  }

  .nav .megamenu__panel-sub a:hover,
  .nav .megamenu__panel-sub a:focus-visible {
    background: var(--accent-bg) !important;
    color: var(--accent-ink) !important;
  }
}

@media (max-width: 760px) {
  .nav__cart {
    position: relative !important;
    justify-self: end !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 14px !important;
  }

  .nav__cart span:not(.nav__cart-icon) {
    display: none !important;
  }

  .nav__cart-icon {
    position: relative !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .nav__cart--has-items .nav__cart-icon::after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    right: -5px !important;
    width: 10px !important;
    height: 10px !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: var(--accent) !important;
    box-shadow: 0 2px 6px rgba(255, 109, 0, 0.35) !important;
  }
}

@media (max-width: 760px) {
  .woocommerce-cart .cart_totals {
    justify-items: start !important;
    align-items: start !important;
    text-align: left !important;
  }

  .woocommerce-cart .cart_totals h2,
  .woocommerce-cart .cart_totals table,
  .woocommerce-cart .wc-proceed-to-checkout {
    justify-self: start !important;
    text-align: left !important;
  }

  .woocommerce-cart .cart_totals table,
  .woocommerce-cart .cart_totals tbody {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .woocommerce-cart .cart_totals tr {
    display: grid !important;
    grid-template-columns: auto auto !important;
    justify-content: start !important;
    align-items: baseline !important;
    width: fit-content !important;
    max-width: 100% !important;
    column-gap: 10px !important;
  }

  .woocommerce-cart .cart_totals th,
  .woocommerce-cart .cart_totals td {
    display: block !important;
    width: auto !important;
    text-align: left !important;
    justify-content: start !important;
  }

  .woocommerce-cart .cart_totals .order-total {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding-top: 2px !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
  }
}

@media (max-width: 760px) {
  .metiz-modern .cart_totals {
    justify-items: start !important;
    align-items: start !important;
    text-align: left !important;
  }

  .metiz-modern .cart_totals h2,
  .metiz-modern .cart_totals table,
  .metiz-modern .wc-proceed-to-checkout {
    justify-self: start !important;
    text-align: left !important;
  }

  .metiz-modern .cart_totals table,
  .metiz-modern .cart_totals tbody {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .metiz-modern .cart_totals tr {
    display: grid !important;
    grid-template-columns: auto auto !important;
    justify-content: start !important;
    align-items: baseline !important;
    width: fit-content !important;
    max-width: 100% !important;
    column-gap: 10px !important;
  }

  .metiz-modern .cart_totals th,
  .metiz-modern .cart_totals td {
    display: block !important;
    width: auto !important;
    text-align: left !important;
    justify-content: start !important;
  }

  .metiz-modern .cart_totals .order-total {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .metiz-modern .wc-proceed-to-checkout {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding-top: 2px !important;
  }

  .metiz-modern .wc-proceed-to-checkout a.checkout-button {
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
  }
}

@media (max-width: 760px) {
  .metiz-modern .cart_totals table {
    display: table !important;
    width: auto !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
  }

  .metiz-modern .cart_totals tbody {
    display: table-row-group !important;
  }

  .metiz-modern .cart_totals tr {
    display: table-row !important;
    width: auto !important;
  }

  .metiz-modern .cart_totals th,
  .metiz-modern .cart_totals td {
    display: table-cell !important;
    width: auto !important;
    text-align: left !important;
    vertical-align: baseline !important;
    padding: 0 10px 4px 0 !important;
  }

  .metiz-modern .cart_totals th {
    min-width: 72px !important;
  }

  .metiz-modern .cart_totals td {
    padding-right: 0 !important;
  }
}

@media (max-width: 760px) {
  .metiz-modern .woocommerce-cart-form .product-price {
    display: none !important;
  }

  .metiz-modern .woocommerce-cart-form .product-quantity {
    margin-top: 4px !important;
  }

  .metiz-modern .woocommerce-cart-form .metiz-cart-qty {
    display: inline-grid !important;
    grid-template-columns: 38px 54px 38px !important;
    align-items: center !important;
    width: auto !important;
    min-width: 130px !important;
    height: 42px !important;
    overflow: hidden !important;
    border: 1px solid #dde3e8 !important;
    border-radius: 10px !important;
    background: #fff !important;
  }

  .metiz-modern .woocommerce-cart-form .metiz-cart-qty__btn {
    width: 38px !important;
    height: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0 !important;
    background: #f5f7f9 !important;
    color: var(--ink) !important;
    font: 900 18px/1 var(--font-sans) !important;
    cursor: pointer !important;
  }

  .metiz-modern .woocommerce-cart-form .metiz-cart-qty__btn:active {
    background: var(--accent-bg) !important;
    color: var(--accent-ink) !important;
  }

  .metiz-modern .woocommerce-cart-form .metiz-cart-qty input.qty,
  .metiz-modern .woocommerce-cart-form .metiz-cart-qty input[name*="[qty]"] {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-inline: 1px solid #dde3e8 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--ink) !important;
    text-align: center !important;
    font: 900 15px/1 var(--font-sans) !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
  }

  .metiz-modern .woocommerce-cart-form .metiz-cart-qty input.qty::-webkit-outer-spin-button,
  .metiz-modern .woocommerce-cart-form .metiz-cart-qty input.qty::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
  }
}