/*
 * PROMESH EXPORT HOME V7 - PIXEL LOCK
 * Baseline visual reference: approved-page-reference.png, 793 x 1983.
 * Desktop geometry scales proportionally up to 1600px.
 */

:root {
  --pmx-ink: #061723;
  --pmx-ink-deep: #03111b;
  --pmx-text: #101820;
  --pmx-muted: #65717a;
  --pmx-orange: #596374;
  --pmx-line: #dfe3e6;
  --pmx-page: #f6f7f8;
  --pmx-surface: #ffffff;
  --pmx-max: 1600px;
  --pmx-gutter: clamp(16px, 3.53vw, 56px);
}

html.pmx-home-active .pm-header,
html.pmx-home-active .pm-export-header,
html.pmx-home-active .site-header,
html.pmx-home-active .pm-footer,
html.pmx-home-active .pm-export-footer,
html.pmx-home-active .site-footer {
  display: none !important;
}



/*
 * PROMESH V7.1 PRE-PAINT EXPORT HOME GUARD
 * Prevent the legacy export header/footer from flashing before JS behavior.
 */
body:has(.pmx-page) .pm-header,
body:has(.pmx-page) .pm-export-header,
body:has(.pmx-page) .site-header,
body:has(.pmx-page) .pm-footer,
body:has(.pmx-page) .pm-export-footer,
body:has(.pmx-page) .site-footer {
  display: none !important;
}

.pm61-header,
.pmx-page,
.pm61-footer,
.pm61-header *,
.pmx-page *,
.pm61-footer * {
  box-sizing: border-box;
}

.pm61-header,
.pmx-page,
.pm61-footer {
  font-family: Arial, Helvetica, sans-serif;
}

.pm61-nav,
.pm61-header__quote,
.pmx-page h1,
.pmx-page h2,
.pmx-page h3,
.pm6-finder,
.pm6-product,
.pm6-process,
.pm61-footer h3 {
  font-family: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", Arial, sans-serif;
  font-stretch: condensed;
}

.pmx-page {
  width: min(100%, var(--pmx-max));
  margin-inline: auto;
  background: var(--pmx-page);
  color: var(--pmx-text);
  container-type: inline-size;
}

.pm6-wrap {
  width: calc(100% - (var(--pmx-gutter) * 2));
  margin-inline: auto;
}

/* 00 HEADER: 54 / 793 */
.pm61-header {
  position: relative;
  z-index: 80;
  block-size: clamp(54px, 6.81vw, 109px);
  background: #fff;
  border-block-end: 1px solid #e5e8ea;
}

.pm61-header__inner {
  width: min(calc(100% - (var(--pmx-gutter) * 2)), var(--pmx-max));
  block-size: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 18% minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(8px, 1.2vw, 19px);
}

.pm61-brand {
  color: var(--pmx-text);
  text-decoration: none;
}

.pm61-brand > strong {
  display: block;
  font-size: clamp(20px, 2.65vw, 42px);
  font-weight: 900;
  letter-spacing: -.045em;
  line-height: .9;
}

.pm61-brand > strong span {
  color: var(--pmx-orange);
}

.pm61-brand > small {
  display: block;
  margin-block-start: clamp(2px, .35vw, 6px);
  color: #5d6870;
  font-size: clamp(4px, .52vw, 8px);
  font-weight: 700;
  white-space: nowrap;
}

.pm61-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.05vw, 17px);
}

.pm61-nav a {
  color: #172028;
  font-size: clamp(5px, .73vw, 11.5px);
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
}

.pm61-nav a:hover {
  color: var(--pmx-orange);
}

.pm61-header__tools {
  display: flex;
  align-items: center;
  gap: clamp(5px, .8vw, 13px);
}

.pm61-languages {
  min-block-size: clamp(26px, 3.25vw, 52px);
  padding-inline: clamp(6px, .9vw, 14px);
  display: flex;
  align-items: center;
  gap: clamp(3px, .5vw, 8px);
  border: 1px solid #d9dde0;
  border-radius: clamp(3px, .42vw, 7px);
  font-size: clamp(5px, .7vw, 11px);
}

.pm61-languages a {
  color: #5c666e;
  text-decoration: none;
}

.pm61-languages a.is-active {
  color: #111820;
  font-weight: 900;
}

.pm61-header__quote {
  min-block-size: clamp(32px, 4.05vw, 65px);
  padding-inline: clamp(8px, 1.25vw, 20px);
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 1.3vw, 21px);
  border-radius: clamp(3px, .45vw, 7px);
  background: var(--pmx-orange);
  color: #fff;
  font-size: clamp(6px, .78vw, 12.5px);
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

/* 00 HERO: 293 / 793 */
.pm6-hero {
  block-size: clamp(293px, 36.95vw, 591px);
  overflow: hidden;
  background: var(--pmx-ink-deep);
  color: #fff;
}

.pm6-hero__grid {
  height: 100%;
  display: grid;
  grid-template-columns: 43.5% 56.5%;
}

.pm6-hero__copy {
  position: relative;
  z-index: 4;
  padding-block: clamp(27px, 4.8vw, 77px);
  padding-inline-end: clamp(15px, 2vw, 32px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html[dir="rtl"] .pm6-hero__copy {
  padding-inline-end: 0;
  padding-inline-start: clamp(15px, 2vw, 32px);
}

.pm6-kicker,
.pm6-hero__copy > .pm6-kicker {
  margin: 0;
  color: var(--pmx-orange);
  font-size: clamp(6px, .78vw, 12.5px);
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html[dir="rtl"] .pm6-kicker {
  letter-spacing: 0;
  text-transform: none;
}

.pm6-hero__copy h1 {
  max-inline-size: 96%;
  margin: clamp(6px, .95vw, 15px) 0 0;
  color: #fff;
  font-size: clamp(38px, 5.1vw, 81px);
  line-height: .89;
  font-weight: 900;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.pm6-hero__copy h1 span,
.pm6-hero__copy h1 strong {
  display: block;
}

.pm6-hero__copy h1 span + span {
  margin-block-start: clamp(3px, .52vw, 8px);
}

.pm6-hero__copy h1 strong {
  margin-block-start: clamp(8px, 1.3vw, 21px);
  color: var(--pmx-orange);
}

html[dir="rtl"] .pm6-hero__copy h1 {
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: none;
}

.pm6-hero__lead {
  max-inline-size: 43ch;
  margin: clamp(10px, 1.55vw, 25px) 0 0;
  color: #d7dee2;
  font-size: clamp(8px, 1.02vw, 16px);
  line-height: 1.55;
}

.pm6-hero__actions {
  display: flex;
  gap: clamp(6px, .85vw, 14px);
  margin-block-start: clamp(12px, 1.85vw, 30px);
}

.pm6-hero__actions .pm-button {
  min-block-size: clamp(34px, 4.15vw, 66px);
  padding-inline: clamp(10px, 1.45vw, 23px);
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 1.25vw, 20px);
  border: 1px solid transparent;
  border-radius: clamp(3px, .42vw, 7px);
  font-size: clamp(7px, .87vw, 14px);
  font-weight: 900;
  text-decoration: none;
}

.pm6-hero__actions .pm-button--primary {
  background: var(--pmx-orange);
  color: #fff;
}

.pm6-hero__actions .pm-button--secondary {
  border-color: rgba(255,255,255,.45);
  background: transparent;
  color: #fff;
}

.pm6-hero__visual {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.pm6-hero__visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 63% center;
  filter: none !important;
}

.pm6-hero__visual::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(
    90deg,
    var(--pmx-ink-deep) 0%,
    rgba(3,17,27,.72) 12%,
    rgba(242,244,245,.70) 43%,
    rgba(242,244,245,.10) 67%,
    rgba(3,17,27,.03) 100%
  );
  pointer-events: none;
}

html[dir="rtl"] .pm6-hero__visual::before {
  background: linear-gradient(
    270deg,
    var(--pmx-ink-deep) 0%,
    rgba(3,17,27,.72) 12%,
    rgba(242,244,245,.70) 43%,
    rgba(242,244,245,.10) 67%,
    rgba(3,17,27,.03) 100%
  );
}

.pm6-dimension {
  position: absolute;
  z-index: 3;
  inline-size: clamp(80px, 10.8vw, 173px);
  color: #fff;
  font-size: clamp(5px, .62vw, 10px);
  text-transform: uppercase;
}

.pm6-dimension--wire {
  inset-block-start: 20%;
  inset-inline-start: 4%;
}

.pm6-dimension--aperture {
  inset-block-end: 10%;
  inset-inline-start: 10%;
}

.pm6-dimension__line {
  display: block;
  block-size: clamp(38px, 7.4vw, 118px);
  margin-block-end: clamp(3px, .5vw, 8px);
  border-inline-start: 1px solid rgba(255,255,255,.9);
}

.pm6-dimension b {
  display: block;
  margin-block-end: 2px;
  font-size: clamp(10px, 1.45vw, 23px);
  font-weight: 900;
  text-transform: none;
}

.pm6-dimension strong {
  display: block;
  padding-block-start: clamp(2px, .3vw, 5px);
  border-block-start: 1px dashed rgba(255,255,255,.65);
  font-size: inherit;
}

.pm6-finder {
  position: absolute;
  z-index: 4;
  inset-block-start: 50%;
  inset-inline-end: 3.5%;
  inline-size: 48.5%;
  transform: translateY(-50%);
  padding: clamp(12px, 1.55vw, 25px);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: clamp(4px, .58vw, 9px);
  background: rgba(3,20,31,.94);
  color: #fff;
  box-shadow: 0 1.8vw 4vw rgba(0,0,0,.32);
  backdrop-filter: blur(5px);
}

.pm6-finder > p {
  margin: 0;
  color: #b8c2c8;
  font-size: clamp(5px, .67vw, 10.5px);
}

.pm6-finder h2 {
  margin: clamp(2px, .38vw, 6px) 0 clamp(10px, 1.3vw, 21px);
  color: #fff;
  font-size: clamp(15px, 2vw, 32px);
  line-height: 1;
}

.pm6-finder label {
  display: block;
  margin-block-end: clamp(3px, .4vw, 6px);
  color: #cad2d7;
  font-size: clamp(5px, .68vw, 11px);
}

.pm6-finder select {
  width: 100%;
  block-size: clamp(31px, 4vw, 64px);
  padding-inline: clamp(8px, 1vw, 16px);
  border: 1px solid #586a76;
  border-radius: clamp(2px, .3vw, 5px);
  background: #102634;
  color: #fff;
  font-size: clamp(7px, .88vw, 14px);
  font-weight: 800;
}

.pm6-finder__parameters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(5px, .7vw, 11px);
  margin-block-start: clamp(6px, .8vw, 13px);
}

.pm6-finder__parameters > span {
  padding: clamp(7px, 1vw, 16px);
  border: 1px solid rgba(255,255,255,.13);
}

.pm6-finder__parameters small {
  display: block;
  color: #a8b4bb;
  font-size: clamp(5px, .58vw, 9px);
}

.pm6-finder__parameters strong {
  display: block;
  margin-block-start: clamp(2px, .25vw, 4px);
  color: #fff;
  font-size: clamp(9px, 1.17vw, 19px);
}

.pm6-finder > a {
  min-block-size: clamp(32px, 4.05vw, 65px);
  margin-block-start: clamp(6px, .85vw, 14px);
  padding-inline: clamp(8px, 1.05vw, 17px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: clamp(2px, .3vw, 5px);
  background: var(--pmx-orange);
  color: #fff;
  font-size: clamp(7px, .88vw, 14px);
  font-weight: 900;
  text-decoration: none;
}

/* 01 STRIP: 63 / 793 */
.pm6-strip {
  block-size: clamp(63px, 7.94vw, 127px);
  background: #fff;
  border-block-end: 1px solid var(--pmx-line);
}

.pm6-strip__grid {
  height: 100%;
  display: grid;
  grid-template-columns: 5% repeat(4, 1fr);
  align-items: stretch;
}

.pm6-number {
  display: inline-grid;
  inline-size: clamp(24px, 3vw, 48px);
  block-size: clamp(24px, 3vw, 48px);
  place-items: center;
  align-self: center;
  border-radius: clamp(3px, .42vw, 7px);
  background: var(--pmx-orange);
  color: #fff;
  font-size: clamp(7px, .86vw, 14px);
  font-weight: 900;
}

.pm6-strip__item {
  padding-inline: clamp(12px, 2.2vw, 35px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-inline-start: 1px solid var(--pmx-line);
}

.pm6-strip__item strong {
  font-size: clamp(11px, 1.48vw, 24px);
}

.pm6-strip__item span {
  margin-block-start: 3px;
  color: var(--pmx-muted);
  font-size: clamp(6px, .74vw, 12px);
  line-height: 1.3;
}

/* Shared section headings */
.pm6-section {
  overflow: hidden;
  background: var(--pmx-page);
}

.pm6-heading,
.pm6-subheading {
  display: flex;
  align-items: flex-start;
  gap: clamp(7px, 1.1vw, 18px);
}

.pm6-heading {
  justify-content: space-between;
}

.pm6-heading__title {
  display: flex;
  align-items: flex-start;
  gap: clamp(7px, 1.1vw, 18px);
}

.pm6-heading h2,
.pm6-subheading h2 {
  margin: clamp(2px, .35vw, 6px) 0 0;
  color: var(--pmx-text);
  font-size: clamp(17px, 2.25vw, 36px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

html[dir="rtl"] .pm6-heading h2,
html[dir="rtl"] .pm6-subheading h2 {
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
}

.pm6-heading__title > div > p:last-child {
  margin: clamp(3px, .42vw, 7px) 0 0;
  color: var(--pmx-muted);
  font-size: clamp(5px, .68vw, 11px);
}

.pm6-outline-button {
  min-block-size: clamp(25px, 3.15vw, 50px);
  padding-inline: clamp(7px, .9vw, 14px);
  display: inline-flex;
  align-items: center;
  gap: clamp(9px, 1.45vw, 23px);
  border: 1px solid #adb4b9;
  border-radius: 3px;
  color: var(--pmx-text);
  font-size: clamp(6px, .72vw, 11.5px);
  font-weight: 900;
  text-decoration: none;
}

/* 02 PRODUCTS: 364 / 793 */
.pm6-products {
  block-size: clamp(364px, 45.90vw, 734px);
  padding-block: clamp(12px, 1.7vw, 27px);
  background: #f8f9f9;
  border-block-end: 1px solid var(--pmx-line);
}

.pm6-products .pm6-heading {
  block-size: 13%;
  margin: 0;
}

.pm6-product-grid {
  height: 83%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: clamp(5px, .82vw, 13px);
}

.pm6-product {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: clamp(3px, .48vw, 8px);
  background: var(--pmx-ink);
  color: #fff;
  text-decoration: none;
}

.pm6-product img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none !important;
  transition: transform .25s ease;
}

.pm6-product:hover img {
  transform: scale(1.025);
}

.pm6-product__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3,17,27,.08), rgba(3,17,27,.55) 45%, rgba(3,17,27,.97));
}

.pm6-product__index {
  position: absolute;
  inset-block-start: 6%;
  inset-inline-start: 6%;
  color: var(--pmx-orange);
  font-size: clamp(13px, 1.75vw, 28px);
  font-weight: 900;
}

.pm6-product__sku {
  position: absolute;
  inset-block-start: 5%;
  inset-inline-end: 5%;
  width: max-content;
  padding: clamp(2px, .28vw, 4px) clamp(4px, .58vw, 9px);
  border-radius: 3px;
  background: rgba(255,255,255,.96);
  color: #17222b;
  font-size: clamp(5px, .58vw, 9px);
  font-weight: 900;
}

.pm6-product__content {
  position: absolute;
  inset-inline: 6%;
  inset-block-end: 6%;
  display: block;
}

.pm6-product__content > strong {
  display: block;
  color: #fff;
  font-size: clamp(15px, 1.95vw, 31px);
  font-weight: 900;
}

.pm6-product__content > b {
  display: block;
  margin-block-start: 2px;
  color: #fff;
  font-size: clamp(7px, .78vw, 12.5px);
}

.pm6-product__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-block-start: 5%;
  padding-block-start: 4%;
  border-block-start: 1px solid rgba(255,255,255,.25);
}

.pm6-product__specs small {
  color: #d6dde1;
  font-size: clamp(5px, .58vw, 9px);
}

.pm6-product__specs small + small {
  padding-inline-start: 8%;
  border-inline-start: 1px solid rgba(255,255,255,.25);
}

.pm6-product__specs b {
  display: block;
  margin-block-start: 3px;
  color: #fff;
  font-size: clamp(8px, .95vw, 15px);
}

/* 03 + 04 GUIDE: 371 / 793 */
.pm6-guide-section {
  block-size: clamp(371px, 46.78vw, 749px);
  padding-block: clamp(10px, 1.2vw, 19px);
  background: #f8f9f9;
}

.pm6-guide-layout {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(7px, 1vw, 16px);
}

.pm6-applications,
.pm6-selection {
  min-width: 0;
  padding: clamp(10px, 1.3vw, 21px);
  overflow: hidden;
  border: 1px solid #dfe3e6;
  border-radius: clamp(4px, .62vw, 10px);
  background: #fff;
}

.pm6-subheading {
  block-size: 17%;
  margin: 0;
}

.pm6-solution-tabs {
  block-size: 20%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.pm6-solution-tab {
  padding: 4%;
  border: 1px solid var(--pmx-line);
  background: #fff;
  color: var(--pmx-text);
  cursor: pointer;
  text-align: center;
}

.pm6-solution-tab + .pm6-solution-tab {
  border-inline-start: 0;
}

.pm6-solution-tab span {
  display: block;
  color: var(--pmx-orange);
  font-size: clamp(5px, .58vw, 9px);
  font-weight: 900;
}

.pm6-solution-tab strong {
  display: block;
  margin-block-start: 20%;
  font-size: clamp(6px, .72vw, 11.5px);
  line-height: 1.2;
}

.pm6-solution-tab.is-active,
.pm6-solution-tab[aria-selected="true"] {
  border-color: var(--pmx-ink);
  border-block-end-color: var(--pmx-orange);
  background: var(--pmx-ink);
  color: #fff;
}

.pm6-solution-panel {
  display: none;
  block-size: 61%;
  overflow: hidden;
  border-radius: clamp(3px, .45vw, 7px);
  background: var(--pmx-ink);
}

.pm6-solution-panel.is-active,
.pm6-solution-panel:not([hidden]) {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pm6-solution-panel__image {
  min-height: 0;
}

.pm6-solution-panel__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pm6-solution-panel__copy {
  padding: 11%;
  color: #fff;
}

.pm6-solution-panel h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(13px, 1.8vw, 29px);
}

.pm6-orange-line {
  display: block;
  inline-size: 13%;
  block-size: clamp(2px, .25vw, 4px);
  margin-block-start: 8%;
  background: var(--pmx-orange);
}

.pm6-solution-panel p {
  margin: 8% 0 0;
  color: #d1d9dd;
  font-size: clamp(6px, .7vw, 11px);
  line-height: 1.45;
}

.pm6-dark-link {
  min-block-size: clamp(24px, 3vw, 48px);
  margin-block-start: 10%;
  padding-inline: 6%;
  display: inline-flex;
  align-items: center;
  gap: 18%;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 3px;
  color: #fff;
  font-size: clamp(5px, .62vw, 10px);
  font-weight: 900;
  text-decoration: none;
}

.pm6-spec-icons {
  block-size: 27%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5%;
}

.pm6-spec-icons article {
  min-height: 0;
  padding: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--pmx-line);
  border-radius: 4px;
  background: #fff;
  text-align: center;
}

.pm6-icon {
  inline-size: clamp(28px, 3.8vw, 61px);
  block-size: clamp(28px, 3.8vw, 61px);
}

.pm6-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
}

.pm6-spec-icons strong {
  font-size: clamp(5px, .66vw, 10.5px);
}

.pm6-selection-steps {
  block-size: 54%;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 2%;
  margin-block-start: 2%;
}

.pm6-selection-steps article {
  min-height: 0;
  padding-inline: 3%;
  display: grid;
  grid-template-columns: 11% 1fr;
  align-items: center;
  gap: 3%;
  border: 1px solid var(--pmx-line);
  border-radius: 4px;
  background: #fff;
}

.pm6-step-number {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 4px;
  background: #f0f2f3;
  color: var(--pmx-orange);
  font-size: clamp(10px, 1.45vw, 23px);
  font-weight: 900;
}

.pm6-selection-steps h3 {
  margin: 0;
  font-size: clamp(6px, .76vw, 12px);
}

.pm6-selection-steps p {
  margin: 2px 0 0;
  color: var(--pmx-muted);
  font-size: clamp(5px, .56vw, 9px);
  line-height: 1.3;
}

/* 03 WORKING WITH PROMESH: 279 / 793 */
.pm6-trust {
  block-size: clamp(279px, 35.18vw, 563px);
  padding-block: clamp(9px, 1.25vw, 20px);
  background: #fff;
}

.pm6-trust .pm6-heading {
  block-size: 19%;
  margin: 0;
}

.pm6-trust-grid {
  block-size: 78%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(5px, .8vw, 13px);
}

.pm6-trust-card {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: clamp(4px, .6vw, 10px);
  background: var(--pmx-ink);
  color: #fff;
}

.pm6-trust-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none !important;
}

.pm6-trust-card__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3,17,27,.08), rgba(3,17,27,.45) 42%, rgba(3,17,27,.98));
}

.pm6-trust-card > div {
  position: absolute;
  inset-inline: 6%;
  inset-block-end: 6%;
}

.pm6-trust-card__number {
  display: block;
  margin-block-end: 3%;
  color: var(--pmx-orange);
  font-size: clamp(10px, 1.38vw, 22px);
  font-weight: 900;
}

.pm6-trust-card h3 {
  max-inline-size: 95%;
  margin: 0;
  color: #fff;
  font-size: clamp(14px, 1.82vw, 29px);
  line-height: .95;
}

.pm6-trust-card p {
  margin: 4% 0 0;
  color: #d3dce0;
  font-size: clamp(5px, .62vw, 10px);
  line-height: 1.35;
}

/* 06 RFQ: 174 / 793 */
.pm6-rfq {
  block-size: clamp(174px, 21.94vw, 351px);
  padding-block: clamp(8px, 1vw, 16px);
  background: #f8f9f9;
  border-block-start: 1px solid var(--pmx-line);
}

.pm6-rfq .pm6-heading {
  block-size: 27%;
  margin: 0;
}

.pm6-rfq-layout {
  block-size: 70%;
  display: grid;
  grid-template-columns: 1fr 24%;
  gap: 1.5%;
}

.pm6-process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2%;
}

.pm6-process article {
  position: relative;
  min-height: 0;
  padding: 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--pmx-line);
  border-radius: 4px;
  background: #fff;
  text-align: center;
}

.pm6-process article:not(:last-child)::after {
  content: "→";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: -8%;
  z-index: 3;
  transform: translateY(-50%);
  font-size: clamp(12px, 1.5vw, 24px);
}

html[dir="rtl"] .pm6-process article:not(:last-child)::after {
  content: "←";
}

.pm6-process__icon {
  display: grid;
  inline-size: clamp(27px, 3.5vw, 56px);
  block-size: clamp(27px, 3.5vw, 56px);
  place-items: center;
  border-radius: 50%;
  background: #f1f2f3;
  font-size: clamp(12px, 1.45vw, 23px);
}

.pm6-process__number {
  margin-block-start: 5%;
  color: var(--pmx-orange);
  font-size: clamp(11px, 1.45vw, 23px);
  font-weight: 900;
}

.pm6-process h3 {
  margin: 3% 0 0;
  font-size: clamp(6px, .75vw, 12px);
  text-transform: uppercase;
}

.pm6-process p {
  margin: 5% 0 0;
  color: var(--pmx-muted);
  font-size: clamp(5px, .54vw, 8.5px);
  line-height: 1.3;
}

.pm6-quote-card {
  min-height: 0;
  padding: 8%;
  border-radius: 5px;
  background: var(--pmx-ink);
  color: #fff;
}

.pm6-quote-card h3 {
  margin: 4% 0 0;
  color: #fff;
  font-size: clamp(12px, 1.55vw, 25px);
  line-height: 1;
}

.pm6-quote-card > p:not(.pm6-kicker) {
  margin: 5% 0 0;
  color: #d2dade;
  font-size: clamp(5px, .62vw, 10px);
  line-height: 1.35;
}

.pm6-quote-card__email {
  display: block;
  margin-block-start: 7%;
  color: #fff;
  font-size: clamp(5px, .6vw, 9.5px);
  text-decoration: none;
}

.pm6-quote-card .pm-button {
  width: 100%;
  min-block-size: clamp(28px, 3.4vw, 54px);
  margin-block-start: 7%;
  padding-inline: 6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  background: var(--pmx-orange);
  color: #fff;
  font-size: clamp(6px, .7vw, 11px);
  font-weight: 900;
  text-decoration: none;
}

/* 07 FAQ: 190 / 793 */
.pm6-faq {
  block-size: clamp(190px, 23.96vw, 383px);
  padding-block: clamp(8px, 1vw, 16px);
  background: #fff;
  border-block-start: 1px solid var(--pmx-line);
}

.pm6-faq .pm6-heading {
  block-size: 26%;
  margin: 0;
}

.pm6-faq-layout {
  block-size: 70%;
  display: grid;
  grid-template-columns: 47% 53%;
  gap: 2%;
}

.pm6-faq-visual {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: 4px;
  background: var(--pmx-ink);
}

.pm6-faq-visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pm6-faq-visual__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,17,27,.97), rgba(3,17,27,.74) 47%, rgba(3,17,27,.08));
}

html[dir="rtl"] .pm6-faq-visual__shade {
  background: linear-gradient(270deg, rgba(3,17,27,.97), rgba(3,17,27,.74) 47%, rgba(3,17,27,.08));
}

.pm6-faq-benefits {
  position: relative;
  z-index: 2;
  width: 56%;
  height: 100%;
  padding: 5%;
}

.pm6-faq-benefits article {
  height: 33.333%;
  display: grid;
  grid-template-columns: 18% 1fr;
  gap: 5%;
  align-items: center;
  border-block-end: 1px dashed rgba(255,255,255,.22);
  color: #fff;
}

.pm6-faq-benefits article:last-child {
  border-block-end: 0;
}

.pm6-faq-benefits article > span {
  color: var(--pmx-orange);
  font-size: clamp(14px, 1.85vw, 30px);
}

.pm6-faq-benefits strong {
  font-size: clamp(6px, .72vw, 11.5px);
}

.pm6-faq-benefits p {
  margin: 2px 0 0;
  color: #d3dade;
  font-size: clamp(5px, .52vw, 8.5px);
  line-height: 1.25;
}

.pm6-faq-list {
  height: 100%;
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  gap: 2%;
}

.pm6-faq-list details {
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--pmx-line);
  border-radius: 3px;
  background: #fff;
}

.pm6-faq-list summary {
  height: 100%;
  min-height: 0;
  padding-inline: 3% 7%;
  display: grid;
  grid-template-columns: 8% 1fr;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

.pm6-faq-list summary::-webkit-details-marker {
  display: none;
}

.pm6-faq-list summary::after {
  content: "+";
  position: absolute;
  inset-inline-end: 3%;
  color: var(--pmx-orange);
  font-size: clamp(10px, 1.4vw, 22px);
}

.pm6-faq-list summary > span {
  color: var(--pmx-orange);
  font-size: clamp(6px, .7vw, 11px);
  font-weight: 900;
}

.pm6-faq-list summary strong {
  font-size: clamp(6px, .72vw, 11.5px);
}

.pm6-faq-list details[open] {
  position: relative;
  z-index: 4;
  overflow: visible;
}

.pm6-faq-list details[open] summary {
  height: auto;
  min-height: 32%;
}

.pm6-faq-list details[open] summary::after {
  content: "−";
}

.pm6-faq-list details > p {
  margin: 0;
  padding: 0 5% 4% 11%;
  color: var(--pmx-muted);
  font-size: clamp(5px, .55vw, 9px);
  line-height: 1.3;
}

html[dir="rtl"] .pm6-faq-list details > p {
  padding-inline-start: 11%;
  padding-inline-end: 5%;
}

/* FOOTER: 195 / 793 */
.pm61-footer {
  width: min(100%, var(--pmx-max));
  block-size: clamp(195px, 24.59vw, 393px);
  margin-inline: auto;
  padding-block-start: clamp(12px, 1.7vw, 27px);
  background: linear-gradient(180deg, var(--pmx-ink), var(--pmx-ink-deep));
  color: #fff;
}

.pm61-footer__inner {
  width: calc(100% - (var(--pmx-gutter) * 2));
  height: 74%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.35fr repeat(5, 1fr);
  gap: 3%;
}

.pm61-footer__brand > strong {
  display: block;
  font-size: clamp(19px, 2.65vw, 42px);
  font-weight: 900;
  letter-spacing: -.04em;
}

.pm61-footer__brand > strong span {
  color: var(--pmx-orange);
}

.pm61-footer__brand > p {
  margin: 5% 0 0;
  font-size: clamp(6px, .72vw, 11.5px);
  font-weight: 900;
  text-transform: uppercase;
}

.pm61-footer__brand > small {
  display: block;
  max-inline-size: 22ch;
  margin-block-start: 4%;
  color: #aeb8be;
  font-size: clamp(5px, .52vw, 8.5px);
  line-height: 1.35;
}

.pm61-footer h3 {
  margin: 0 0 8%;
  color: #fff;
  font-size: clamp(6px, .72vw, 11.5px);
  text-transform: uppercase;
}

.pm61-footer section > a {
  display: block;
  margin-block-start: 5%;
  color: #bac4ca;
  font-size: clamp(5px, .54vw, 8.6px);
  line-height: 1.25;
  text-decoration: none;
}

.pm61-footer__langs {
  display: flex;
  gap: 12%;
  margin-block-start: 10%;
}

.pm61-footer__langs a {
  color: #c6cfd4;
  font-size: clamp(5px, .54vw, 8.6px);
  text-decoration: none;
}

.pm61-footer__bottom {
  width: calc(100% - (var(--pmx-gutter) * 2));
  height: 26%;
  margin-inline: auto;
  padding-block: 2%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-block-start: 1px solid rgba(255,255,255,.13);
  color: #8e9ba3;
  font-size: clamp(5px, .52vw, 8.5px);
}

/* Reference overlay: /en?pixel=1 */
.pmx-reference-overlay {
  position: absolute;
  z-index: 999999;
  inset-block-start: 0;
  inset-inline-start: 50%;
  width: min(100%, var(--pmx-max));
  aspect-ratio: 793 / 1983;
  transform: translateX(-50%);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: .38;
  pointer-events: none;
}

html[dir="rtl"] .pmx-reference-overlay {
  display: none;
}

/* Tablet/mobile becomes normal flow; pixel lock is desktop only. */
@media (max-width: 759px) {
  .pm61-header,
  .pm6-hero,
  .pm6-strip,
  .pm6-products,
  .pm6-guide-section,
  .pm6-trust,
  .pm6-rfq,
  .pm6-faq,
  .pm61-footer {
    block-size: auto;
  }

  .pm61-header {
    min-block-size: 58px;
  }

  .pm61-header__inner {
    grid-template-columns: 1fr auto;
  }

  .pm61-nav,
  .pm61-languages {
    display: none;
  }

  .pm6-hero__grid,
  .pm6-guide-layout,
  .pm6-rfq-layout,
  .pm6-faq-layout {
    grid-template-columns: 1fr;
  }

  .pm6-hero__copy {
    padding-block: 32px;
  }

  .pm6-hero__visual {
    min-block-size: 420px;
  }

  .pm6-product-grid,
  .pm6-trust-grid,
  .pm6-process {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .pm6-product,
  .pm6-trust-card,
  .pm6-process article {
    min-block-size: 250px;
  }

  .pm6-guide-section,
  .pm6-products,
  .pm6-trust,
  .pm6-rfq,
  .pm6-faq {
    padding-block: 24px;
  }

  .pm6-products .pm6-heading,
  .pm6-trust .pm6-heading,
  .pm6-rfq .pm6-heading,
  .pm6-faq .pm6-heading,
  .pm6-subheading {
    block-size: auto;
    margin-block-end: 16px;
  }

  .pm6-product-grid,
  .pm6-trust-grid,
  .pm6-rfq-layout,
  .pm6-faq-layout {
    block-size: auto;
  }

  .pm6-solution-tabs,
  .pm6-spec-icons {
    block-size: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .pm6-solution-tab,
  .pm6-spec-icons article {
    min-block-size: 95px;
  }

  .pm6-solution-panel,
  .pm6-solution-panel.is-active,
  .pm6-solution-panel:not([hidden]) {
    block-size: auto;
    grid-template-columns: 1fr;
  }

  .pm6-solution-panel__image {
    min-block-size: 250px;
  }

  .pm6-selection-steps,
  .pm6-faq-list {
    block-size: auto;
    display: grid;
    grid-template-rows: none;
  }

  .pm6-selection-steps article,
  .pm6-faq-list details {
    min-block-size: 62px;
  }

  .pm61-footer__inner {
    height: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding-block-end: 24px;
  }

  .pm61-footer__bottom {
    height: auto;
    padding-block: 14px;
  }

  .pmx-reference-overlay {
    display: none;
  }
}

/* PROMESH EXPORT HOME V7.2 PIXEL AND IMAGE LOCK 20260827 */

@media (min-width: 760px) {

  /*
   * Deterministic section height chain.
   * The V7.1 percentage grids were inside auto-height wrappers.
   */

  .pm6-products > .pm6-wrap,
  .pm6-guide-section > .pm6-wrap,
  .pm6-trust > .pm6-wrap,
  .pm6-rfq > .pm6-wrap,
  .pm6-faq > .pm6-wrap {
    height: 100%;
    min-height: 0;
  }


  /*
   * HERO
   */

  .pm6-hero__grid {
    grid-template-columns:
      minmax(0, 44.5%)
      minmax(0, 55.5%);
  }

  .pm6-hero__copy {
    padding-block:
      clamp(24px, 4.1vw, 66px);

    padding-inline-end:
      clamp(14px, 1.8vw, 29px);
  }

  .pm6-hero__copy h1 {
    max-inline-size: 100%;

    margin-block-start:
      clamp(6px, .82vw, 13px);

    font-size:
      clamp(36px, 4.4vw, 70px);

    line-height: .91;

    letter-spacing: -.038em;
  }

  .pm6-hero__copy h1 span,
  .pm6-hero__copy h1 strong {
    max-inline-size: 100%;
  }

  .pm6-hero__copy h1 strong {
    margin-block-start:
      clamp(7px, 1vw, 16px);
  }

  .pm6-hero__lead {
    max-inline-size: 42ch;

    margin-block-start:
      clamp(9px, 1.3vw, 21px);

    font-size:
      clamp(8px, .88vw, 14px);

    line-height: 1.5;
  }

  .pm6-hero__actions {
    margin-block-start:
      clamp(11px, 1.55vw, 25px);
  }


  /*
   * HERO IMAGE 01/18
   */

  .pm6-hero__visual > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 64% 50%;

    filter: none !important;

    image-rendering: auto;
  }

  .pm6-hero__visual::before {
    background:
      linear-gradient(
        90deg,
        #03111b 0%,
        rgba(3,17,27,.78) 11%,
        rgba(128,139,147,.72) 29%,
        rgba(231,234,236,.83) 45%,
        rgba(237,239,240,.38) 58%,
        rgba(3,17,27,.02) 82%
      );
  }

  html[dir="rtl"] .pm6-hero__visual::before {
    background:
      linear-gradient(
        270deg,
        #03111b 0%,
        rgba(3,17,27,.78) 11%,
        rgba(128,139,147,.72) 29%,
        rgba(231,234,236,.83) 45%,
        rgba(237,239,240,.38) 58%,
        rgba(3,17,27,.02) 82%
      );
  }

  .pm6-dimension--wire {
    inset-block-start: 21%;
    inset-inline-start: 4.5%;
  }

  .pm6-dimension--aperture {
    inset-block-end: 8%;
    inset-inline-start: 10%;
  }

  .pm6-finder {
    inset-block-start: 50%;
    inset-inline-end: 3%;

    inline-size: 49%;

    padding:
      clamp(12px, 1.45vw, 23px);

    transform:
      translateY(-50%);
  }


  /*
   * SHARED SECTION TYPOGRAPHY
   */

  .pm6-heading h2,
  .pm6-subheading h2 {
    font-size:
      clamp(17px, 2.05vw, 33px);

    line-height: .99;

    letter-spacing: -.025em;
  }


  /*
   * 02 PRODUCT MATRIX
   */

  .pm6-products > .pm6-wrap {
    display: grid;

    grid-template-rows:
      13%
      minmax(0, 1fr);
  }

  .pm6-products .pm6-heading {
    height: auto;
    min-height: 0;

    align-self: center;
  }

  .pm6-product-grid {
    height: auto;
    min-height: 0;

    align-self: stretch;

    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    grid-template-rows:
      repeat(2, minmax(0, 1fr));

    gap:
      clamp(5px, .78vw, 12px);
  }

  .pm6-product {
    height: 100%;
    min-height: 0;

    display: block;
  }

  .pm6-product img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter: none !important;
    image-rendering: auto;
  }

  /*
   * PRODUCT IMAGES 02-09 / 18
   */

  .pm6-product:nth-child(1) img {
    object-position: 50% 42%;
  }

  .pm6-product:nth-child(2) img {
    object-position: 50% 46%;
  }

  .pm6-product:nth-child(3) img {
    object-position: 53% 48%;
  }

  .pm6-product:nth-child(4) img {
    object-position: 50% 46%;
  }

  .pm6-product:nth-child(5) img {
    object-position: 52% 48%;
  }

  .pm6-product:nth-child(6) img {
    object-position: 50% 50%;
  }

  .pm6-product:nth-child(7) img {
    object-position: 49% 49%;
  }

  .pm6-product:nth-child(8) img {
    object-position: 51% 47%;
  }


  /*
   * 03 + 04
   */

  .pm6-guide-layout {
    height: 100%;
    min-height: 0;

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

  .pm6-applications,
  .pm6-selection {
    height: 100%;
    min-height: 0;
  }

  .pm6-applications {
    display: grid;

    grid-template-rows:
      17%
      20%
      minmax(0, 1fr);
  }

  .pm6-applications .pm6-subheading {
    height: auto;
    min-height: 0;
  }

  .pm6-solution-tabs {
    height: auto;
    min-height: 0;
  }

  .pm6-solution-panels {
    min-height: 0;
    overflow: hidden;
  }

  .pm6-solution-panel {
    height: 100%;
    block-size: 100%;

    min-height: 0;
  }

  .pm6-solution-panel.is-active,
  .pm6-solution-panel:not([hidden]) {
    height: 100%;
    block-size: 100%;
  }

  .pm6-solution-panel__image,
  .pm6-solution-panel__copy {
    min-height: 0;
  }

  /*
   * APPLICATION IMAGES 10-13 / 18
   */

  .pm6-solution-panel__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter: none !important;
    image-rendering: auto;
  }

  .pm6-solution-panel:nth-child(1)
  .pm6-solution-panel__image img {
    object-position: 57% 50%;
  }

  .pm6-solution-panel:nth-child(2)
  .pm6-solution-panel__image img {
    object-position: 50% 48%;
  }

  .pm6-solution-panel:nth-child(3)
  .pm6-solution-panel__image img {
    object-position: 52% 48%;
  }

  .pm6-solution-panel:nth-child(4)
  .pm6-solution-panel__image img {
    object-position: 50% 50%;
  }


  .pm6-selection {
    display: grid;

    grid-template-rows:
      17%
      27%
      minmax(0, 1fr);
  }

  .pm6-selection .pm6-subheading {
    height: auto;
    min-height: 0;
  }

  .pm6-spec-icons {
    height: auto;
    min-height: 0;
  }

  .pm6-selection-steps {
    height: auto;
    min-height: 0;

    margin-block-start: 2%;
  }


  /*
   * WORKING WITH PROMESH
   */

  .pm6-trust > .pm6-wrap {
    display: grid;

    grid-template-rows:
      19%
      minmax(0, 1fr);
  }

  .pm6-trust .pm6-heading {
    height: auto;
    min-height: 0;

    align-self: center;
  }

  .pm6-trust-grid {
    height: auto;
    min-height: 0;

    align-self: stretch;

    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    gap:
      clamp(5px, .76vw, 12px);
  }

  .pm6-trust-card {
    height: 100%;
    min-height: 0;
  }

  /*
   * TRUST IMAGES 14-17 / 18
   */

  .pm6-trust-card img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    filter: none !important;
    image-rendering: auto;
  }

  .pm6-trust-card:nth-child(1) img {
    object-position: 50% 43%;
  }

  .pm6-trust-card:nth-child(2) img {
    object-position: 50% 46%;
  }

  .pm6-trust-card:nth-child(3) img {
    object-position: 52% 45%;
  }

  .pm6-trust-card:nth-child(4) img {
    object-position: 58% 50%;
  }


  /*
   * 06 RFQ
   */

  .pm6-rfq > .pm6-wrap {
    display: grid;

    grid-template-rows:
      27%
      minmax(0, 1fr);
  }

  .pm6-rfq .pm6-heading {
    height: auto;
    min-height: 0;

    align-self: center;
  }

  .pm6-rfq-layout {
    height: auto;
    min-height: 0;

    align-self: stretch;

    grid-template-columns:
      minmax(0, 1fr)
      24%;
  }

  .pm6-process {
    min-height: 0;
  }

  .pm6-process article,
  .pm6-quote-card {
    min-height: 0;
  }


  /*
   * 07 FAQ
   */

  .pm6-faq > .pm6-wrap {
    display: grid;

    grid-template-rows:
      26%
      minmax(0, 1fr);
  }

  .pm6-faq .pm6-heading {
    height: auto;
    min-height: 0;

    align-self: center;
  }

  .pm6-faq-layout {
    height: auto;
    min-height: 0;

    align-self: stretch;

    grid-template-columns:
      47%
      minmax(0, 1fr);
  }

  .pm6-faq-visual,
  .pm6-faq-list {
    min-height: 0;
  }

  /*
   * FAQ IMAGE 18 / 18
   */

  .pm6-faq-visual > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 61% 50%;

    filter: none !important;
    image-rendering: auto;
  }


  /*
   * FOOTER DENSITY
   */

  .pm61-footer__inner {
    grid-template-columns:
      1.35fr
      repeat(5, minmax(0, 1fr));

    align-items: start;
  }

}


/* PROMESH EXPORT HOME V7.2 PIXEL AND IMAGE LOCK 20260827 END */

/* PROMESH EXPORT HOME V7.3 HERO PRODUCT IMAGE LOCK 20260828 */

@media (min-width: 760px) {

  /*
   * The source hero contains decorative measurements
   * on its left side. Crop from the right so only the
   * high-resolution mesh area is used.
   */

  .pm6-hero__visual > img {
    object-position: 100% 50%;
    filter: none !important;
    image-rendering: auto;
  }

  /*
   * New product imagery was supplied on a light studio
   * background. Keep the approved dark catalogue-card
   * treatment while preserving the sharper source detail.
   */

  .pm6-product img {
    filter:
      brightness(.56)
      contrast(1.10)
      saturate(.82)
      !important;

    image-rendering: auto;
  }

  .pm6-product__shade {
    background:
      linear-gradient(
        180deg,
        rgba(3,17,27,.28) 0%,
        rgba(3,17,27,.48) 35%,
        rgba(3,17,27,.78) 67%,
        rgba(3,17,27,.97) 100%
      );
  }

  .pm6-product:nth-child(1) img {
    object-position: 50% 53%;
  }

  .pm6-product:nth-child(2) img {
    object-position: 50% 50%;
  }

  .pm6-product:nth-child(3) img {
    object-position: 50% 54%;
  }

  .pm6-product:nth-child(4) img {
    object-position: 52% 50%;
  }

  .pm6-product:nth-child(5) img {
    object-position: 48% 51%;
  }

  .pm6-product:nth-child(6) img {
    object-position: 52% 50%;
  }

  .pm6-product:nth-child(7) img {
    object-position: 50% 50%;
  }

  .pm6-product:nth-child(8) img {
    object-position: 50% 48%;
  }
}

/* PROMESH EXPORT HOME V7.3 HERO PRODUCT IMAGE LOCK 20260828 END */

/* PROMESH EXPORT HOME V7.4 HERO BLEED FAQ FIX 20260828 */

@media (min-width: 760px) {

  /*
   * HERO RIGHT BLEED
   *
   * .pm6-hero__grid is constrained by the shared .pm6-wrap,
   * so the visual previously stopped one global gutter before
   * the physical right edge of the hero.
   *
   * Extend ONLY the visual grid item into that gutter.
   * Copy geometry on the left remains unchanged.
   */

  .pm6-hero__grid {
    overflow: visible;
  }

  .pm6-hero__visual {
    margin-inline-end:
      calc(-1 * var(--pmx-gutter));

    overflow: hidden;
  }

  /*
   * Keep the right-most crop so the baked 2.00 / 3.15 mm
   * labels in the source image remain outside the viewport.
   */

  .pm6-hero__visual > img {
    object-position: 100% 50%;

    filter: none !important;

    image-rendering: auto;
  }

  /*
   * Finder now positions against the extended visual,
   * matching the reference right-edge spacing.
   */

  .pm6-finder {
    inset-inline-end: 3.4%;
  }


  /*
   * FAQ
   *
   * Replace percentage grid rows with deterministic flex rows.
   * This prevents five closed <details> elements from collapsing
   * to text-line height and eliminates open-item overlap.
   */

  .pm6-faq-list {
    height: 100%;
    min-height: 0;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    gap: 8px;
  }

  .pm6-faq-list details {
    position: relative;

    flex: 0 0 40px;

    width: 100%;

    min-width: 0;
    min-height: 40px;
    max-height: none;

    margin: 0;

    overflow: hidden;

    border: 1px solid var(--pmx-line);

    border-radius: 3px;

    background: #fff;
  }

  .pm6-faq-list summary {
    position: relative;

    width: 100%;
    height: 40px;

    min-width: 0;
    min-height: 40px;

    padding-block: 0;

    padding-inline-start: 3%;
    padding-inline-end: 7%;

    display: grid;

    grid-template-columns:
      8%
      minmax(0, 1fr);

    align-items: center;

    overflow: hidden;

    line-height: 1.2;

    cursor: pointer;
  }

  .pm6-faq-list summary > span {
    align-self: center;

    line-height: 1;
  }

  .pm6-faq-list summary strong {
    min-width: 0;

    align-self: center;

    overflow: hidden;

    font-size:
      clamp(7px, .72vw, 11.5px);

    line-height: 1.2;

    white-space: nowrap;

    text-overflow: ellipsis;
  }

  .pm6-faq-list summary::after {
    inset-block-start: 50%;
    inset-inline-end: 3%;

    transform: translateY(-50%);

    line-height: 1;
  }


  /*
   * One opened item still fits inside the existing
   * fixed-height reference section.
   */

  .pm6-faq-list details[open] {
    position: relative;

    flex: 0 0 76px;

    min-height: 76px;

    overflow: hidden;
  }

  .pm6-faq-list details[open] summary {
    height: 38px;

    min-height: 38px;
  }

  .pm6-faq-list details[open] > p {
    display: block;

    max-height: 36px;

    margin: 0;

    padding-block-start: 0;
    padding-block-end: 5px;

    padding-inline-start: 11%;
    padding-inline-end: 5%;

    overflow: hidden;

    color: var(--pmx-muted);

    font-size:
      clamp(5px, .55vw, 9px);

    line-height: 1.25;
  }

  html[dir="rtl"]
  .pm6-faq-list details[open] > p {
    padding-inline-start: 11%;
    padding-inline-end: 5%;
  }
}

/* PROMESH EXPORT HOME V7.4 HERO BLEED FAQ FIX 20260828 END */

/* PROMESH EXPORT HOME V7.5 TYPOGRAPHY REBALANCE 20260828 */

@media (min-width: 760px) {

  /*
   * ========================================================
   * HERO
   * ========================================================
   *
   * Main headline reduced roughly by half.
   */

  .pm6-hero__copy h1 {
    font-size:
      clamp(
        28px,
        2.15vw,
        36px
      );

    line-height: .96;

    letter-spacing: -.025em;
  }

  .pm6-hero__copy h1 strong {
    margin-block-start:
      clamp(
        5px,
        .55vw,
        9px
      );
  }

  html[dir="rtl"] .pm6-hero__copy h1 {
    line-height: 1.12;
  }


  /*
   * Technical Selection heading.
   */

  .pm6-finder h2 {
    margin-block-start: 4px;

    margin-block-end:
      clamp(
        8px,
        .8vw,
        13px
      );

    font-size:
      clamp(
        14px,
        1.05vw,
        18px
      );

    line-height: 1.08;
  }


  /*
   * Hero description stays readable,
   * but no longer competes with the headline.
   */

  .pm6-hero__lead {
    font-size:
      clamp(
        12px,
        .78vw,
        15px
      );

    line-height: 1.5;
  }


  /*
   * ========================================================
   * LARGE SECTION HEADINGS
   * ========================================================
   *
   * Previous size was around 33px desktop.
   * Target around 17-19px.
   */

  .pm6-heading h2,
  .pm6-subheading h2 {
    font-size:
      clamp(
        15px,
        1.05vw,
        19px
      );

    line-height: 1.06;

    letter-spacing: -.012em;
  }

  html[dir="rtl"] .pm6-heading h2,
  html[dir="rtl"] .pm6-subheading h2 {
    line-height: 1.18;

    letter-spacing: 0;
  }


  /*
   * Section kicker / eyebrow.
   */

  .pm6-heading .pm6-kicker,
  .pm6-subheading .pm6-kicker {
    font-size:
      clamp(
        9px,
        .62vw,
        12px
      );

    line-height: 1.15;
  }


  /*
   * ========================================================
   * PRODUCT MATRIX
   * ========================================================
   */

  .pm6-product__content > strong {
    font-size:
      clamp(
        15px,
        1.08vw,
        19px
      );

    line-height: 1.05;
  }

  .pm6-product__content > b {
    font-size:
      clamp(
        10px,
        .7vw,
        13px
      );

    line-height: 1.2;
  }

  .pm6-product__specs small {
    font-size:
      clamp(
        9px,
        .62vw,
        12px
      );

    line-height: 1.2;
  }

  .pm6-product__specs b {
    font-size:
      clamp(
        12px,
        .8vw,
        15px
      );

    line-height: 1.15;
  }


  /*
   * ========================================================
   * 03 APPLICATION / FINE FILTRATION
   * ========================================================
   */

  .pm6-solution-tab strong {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.2;
  }

  .pm6-solution-panel h3 {
    font-size:
      clamp(
        15px,
        1.05vw,
        18px
      );

    line-height: 1.08;
  }

  .pm6-solution-panel p {
    font-size:
      clamp(
        12px,
        .82vw,
        15px
      );

    line-height: 1.42;
  }

  .pm6-dark-link {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );
  }


  /*
   * ========================================================
   * 04 SELECTION GUIDE
   * ========================================================
   */

  .pm6-spec-icons strong {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.2;
  }

  .pm6-selection-steps h3 {
    font-size:
      clamp(
        11px,
        .72vw,
        14px
      );

    line-height: 1.2;
  }

  .pm6-selection-steps p {
    margin-block-start: 4px;

    font-size:
      clamp(
        11px,
        .72vw,
        14px
      );

    line-height: 1.35;
  }


  /*
   * ========================================================
   * WORKING WITH PROMESH
   * ========================================================
   */

  .pm6-trust-card h3 {
    font-size:
      clamp(
        15px,
        1.05vw,
        18px
      );

    line-height: 1.05;
  }

  .pm6-trust-card p {
    margin-block-start: 6px;

    font-size:
      clamp(
        11px,
        .75vw,
        14px
      );

    line-height: 1.38;
  }

  .pm6-trust-card__number {
    font-size:
      clamp(
        12px,
        .82vw,
        15px
      );
  }


  /*
   * ========================================================
   * 06 QUOTATION WORKFLOW
   * ========================================================
   */

  .pm6-process__number {
    font-size:
      clamp(
        13px,
        .9vw,
        16px
      );
  }

  .pm6-process h3 {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.2;
  }

  .pm6-process p {
    margin-block-start: 8px;

    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.4;
  }


  /*
   * Right RFQ card.
   */

  .pm6-quote-card h3 {
    font-size:
      clamp(
        15px,
        1.05vw,
        18px
      );

    line-height: 1.08;
  }

  .pm6-quote-card > p:not(.pm6-kicker) {
    font-size:
      clamp(
        11px,
        .75vw,
        14px
      );

    line-height: 1.4;
  }

  .pm6-quote-card__email {
    font-size:
      clamp(
        10px,
        .7vw,
        13px
      );
  }

  .pm6-quote-card .pm-button {
    font-size:
      clamp(
        10px,
        .7vw,
        13px
      );
  }


  /*
   * ========================================================
   * 07 FAQ LEFT VISUAL
   * ========================================================
   */

  .pm6-faq-benefits strong {
    font-size:
      clamp(
        11px,
        .72vw,
        14px
      );

    line-height: 1.2;
  }

  .pm6-faq-benefits p {
    margin-block-start: 4px;

    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.35;
  }


  /*
   * FAQ accordion.
   */

  .pm6-faq-list summary > span {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );
  }

  .pm6-faq-list summary strong {
    font-size:
      clamp(
        11px,
        .75vw,
        14px
      );

    line-height: 1.18;
  }

  .pm6-faq-list details[open] > p {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.3;
  }


  /*
   * ========================================================
   * STAT STRIP
   * ========================================================
   */

  .pm6-strip__item strong {
    font-size:
      clamp(
        13px,
        .9vw,
        16px
      );
  }

  .pm6-strip__item span {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );

    line-height: 1.35;
  }


  /*
   * ========================================================
   * FOOTER
   * ========================================================
   */

  .pm61-footer h3 {
    font-size:
      clamp(
        10px,
        .68vw,
        13px
      );
  }

  .pm61-footer section > a,
  .pm61-footer__langs a {
    font-size:
      clamp(
        9px,
        .62vw,
        12px
      );

    line-height: 1.35;
  }

  .pm61-footer__brand > small {
    font-size:
      clamp(
        9px,
        .62vw,
        12px
      );

    line-height: 1.4;
  }

  .pm61-footer__bottom {
    font-size:
      clamp(
        9px,
        .6vw,
        11px
      );
  }
}

/* PROMESH EXPORT HOME V7.5 TYPOGRAPHY REBALANCE 20260828 END */

/* PROMESH EXPORT HOME V7.6 RU TYPE HYBRID RTL 20260828 */


/*
 * ==========================================================
 * ARABIC: HYBRID RTL
 * ==========================================================
 *
 * Keep the document itself RTL for language semantics,
 * accessibility and correct Arabic shaping.
 *
 * Lock the industrial page composition to the EN/LTR
 * geometry, then return text-bearing elements to RTL.
 */

html[lang="ar"][dir="rtl"] .pm61-header,
html[lang="ar"][dir="rtl"] .pmx-page,
html[lang="ar"][dir="rtl"] .pm61-footer {
  direction: ltr;
}


/*
 * Explicitly lock the major layout systems.
 */

html[lang="ar"][dir="rtl"] .pm61-header__inner,
html[lang="ar"][dir="rtl"] .pm6-hero__grid,
html[lang="ar"][dir="rtl"] .pm6-strip,
html[lang="ar"][dir="rtl"] .pm6-product-grid,
html[lang="ar"][dir="rtl"] .pm6-guide-layout,
html[lang="ar"][dir="rtl"] .pm6-solution-tabs,
html[lang="ar"][dir="rtl"] .pm6-spec-icons,
html[lang="ar"][dir="rtl"] .pm6-trust-grid,
html[lang="ar"][dir="rtl"] .pm6-rfq-layout,
html[lang="ar"][dir="rtl"] .pm6-process,
html[lang="ar"][dir="rtl"] .pm6-faq-layout,
html[lang="ar"][dir="rtl"] .pm61-footer__inner {
  direction: ltr;
}


/*
 * Guarantee the same desktop column geometry as EN.
 */

@media (min-width: 760px) {

  html[lang="ar"][dir="rtl"] .pm6-hero__grid {
    grid-template-columns:
      minmax(0, 44.5%)
      minmax(0, 55.5%);
  }

  html[lang="ar"][dir="rtl"] .pm6-product-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }

  html[lang="ar"][dir="rtl"] .pm6-guide-layout {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  html[lang="ar"][dir="rtl"] .pm6-trust-grid {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));
  }

  html[lang="ar"][dir="rtl"] .pm6-rfq-layout {
    grid-template-columns:
      minmax(0, 1fr)
      24%;
  }

  html[lang="ar"][dir="rtl"] .pm6-faq-layout {
    grid-template-columns:
      47%
      minmax(0, 1fr);
  }

  html[lang="ar"][dir="rtl"] .pm61-footer__inner {
    grid-template-columns:
      1.35fr
      repeat(5, minmax(0, 1fr));
  }
}


/*
 * The old full-RTL implementation reversed the hero gradient.
 * Hybrid RTL keeps the exact EN photographic composition.
 */

html[lang="ar"][dir="rtl"] .pm6-hero__visual::before {
  background:
    linear-gradient(
      90deg,
      #03111b 0%,
      rgba(3,17,27,.78) 11%,
      rgba(128,139,147,.72) 29%,
      rgba(231,234,236,.83) 45%,
      rgba(237,239,240,.38) 58%,
      rgba(3,17,27,.02) 82%
    );
}


/*
 * Arabic textual content returns to RTL inside the fixed
 * LTR composition.
 */

html[lang="ar"][dir="rtl"] .pm6-hero__copy .pm6-kicker,
html[lang="ar"][dir="rtl"] .pm6-hero__copy h1,
html[lang="ar"][dir="rtl"] .pm6-hero__lead,

html[lang="ar"][dir="rtl"] .pm6-heading .pm6-kicker,
html[lang="ar"][dir="rtl"] .pm6-heading h2,
html[lang="ar"][dir="rtl"] .pm6-heading p,

html[lang="ar"][dir="rtl"] .pm6-subheading .pm6-kicker,
html[lang="ar"][dir="rtl"] .pm6-subheading h2,
html[lang="ar"][dir="rtl"] .pm6-subheading p,

html[lang="ar"][dir="rtl"] .pm6-product__content > b,
html[lang="ar"][dir="rtl"] .pm6-product__specs small,

html[lang="ar"][dir="rtl"] .pm6-solution-tab strong,
html[lang="ar"][dir="rtl"] .pm6-solution-panel h3,
html[lang="ar"][dir="rtl"] .pm6-solution-panel p,

html[lang="ar"][dir="rtl"] .pm6-spec-icons strong,
html[lang="ar"][dir="rtl"] .pm6-selection-steps h3,
html[lang="ar"][dir="rtl"] .pm6-selection-steps p,

html[lang="ar"][dir="rtl"] .pm6-trust-card h3,
html[lang="ar"][dir="rtl"] .pm6-trust-card p,

html[lang="ar"][dir="rtl"] .pm6-process h3,
html[lang="ar"][dir="rtl"] .pm6-process p,

html[lang="ar"][dir="rtl"] .pm6-quote-card .pm6-kicker,
html[lang="ar"][dir="rtl"] .pm6-quote-card h3,
html[lang="ar"][dir="rtl"] .pm6-quote-card > p,

html[lang="ar"][dir="rtl"] .pm6-faq-benefits strong,
html[lang="ar"][dir="rtl"] .pm6-faq-benefits p,
html[lang="ar"][dir="rtl"] .pm6-faq-list summary strong,
html[lang="ar"][dir="rtl"] .pm6-faq-list details[open] > p,

html[lang="ar"][dir="rtl"] .pm61-footer section h3,
html[lang="ar"][dir="rtl"] .pm61-footer section a,
html[lang="ar"][dir="rtl"] .pm61-footer__brand > small {
  direction: rtl;

  unicode-bidi: plaintext;

  text-align: right;
}


/*
 * Arabic headings need a font stack with reliable Arabic
 * shaping. It remains visually compatible with the RU/EN
 * Arial-based theme.
 */

html[lang="ar"][dir="rtl"] .pmx-page {
  font-family:
    Tahoma,
    Arial,
    Helvetica,
    sans-serif;
}


/*
 * Technical identifiers remain LTR.
 */

html[lang="ar"][dir="rtl"] .pm6-product__index,
html[lang="ar"][dir="rtl"] .pm6-product__sku,
html[lang="ar"][dir="rtl"] .pm6-product__content > strong,
html[lang="ar"][dir="rtl"] .pm6-product__specs b,
html[lang="ar"][dir="rtl"] .pm6-dimension,
html[lang="ar"][dir="rtl"] .pm6-finder select,
html[lang="ar"][dir="rtl"] .pm6-finder option {
  direction: ltr;

  unicode-bidi: isolate;
}


/*
 * Forms: Arabic labels are RTL, technical option/value
 * content can remain LTR.
 */

html[lang="ar"][dir="rtl"] .pm6-finder label {
  direction: rtl;

  unicode-bidi: plaintext;

  text-align: right;
}


/*
 * ==========================================================
 * TYPOGRAPHY: RU SITE SCALE
 * ==========================================================
 *
 * Main RU theme:
 * small/navigation = 12px
 * card title        = 16px
 * card text         = 13px
 * form controls     = 13-14px
 *
 * Display headings remain deliberately compact as approved
 * in V7.5.
 */

@media (min-width: 760px) {

  .pmx-page {
    font-size:
      var(--pm-body, 14px);

    line-height:
      var(--pm-body-line, 1.45);
  }


  /*
   * HERO DISPLAY
   */

  .pm6-hero__copy h1 {
    font-size:
      clamp(
        30px,
        2.15vw,
        36px
      );

    line-height: .98;
  }

  html[lang="ar"][dir="rtl"] .pm6-hero__copy h1 {
    line-height: 1.2;
  }

  .pm6-hero__lead {
    font-size:
      var(--pm-body, 14px);

    line-height:
      var(--pm-body-line, 1.45);
  }

  .pm6-finder h2 {
    font-size: 18px;

    line-height: 1.12;
  }

  .pm6-finder label {
    font-size: 13px;

    line-height: 1.3;
  }

  .pm6-finder select {
    font-size: 14px;
  }


  /*
   * SECTION DISPLAY HEADINGS
   */

  .pm6-heading h2,
  .pm6-subheading h2 {
    font-size: 18px;

    line-height: 1.12;

    letter-spacing: -.01em;
  }

  html[lang="ar"][dir="rtl"] .pm6-heading h2,
  html[lang="ar"][dir="rtl"] .pm6-subheading h2 {
    line-height: 1.28;

    letter-spacing: 0;
  }

  .pm6-heading .pm6-kicker,
  .pm6-subheading .pm6-kicker,
  .pm6-kicker {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.2;
  }


  /*
   * PRODUCT MATRIX
   */

  .pm6-product__content > strong {
    font-size: 16px;

    line-height: 1.25;
  }

  .pm6-product__content > b {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-product__specs small {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.3;
  }

  .pm6-product__specs b {
    font-size: 14px;

    line-height: 1.2;
  }

  .pm6-product__sku {
    font-size:
      var(--pm-font-small, 12px);
  }


  /*
   * 03 APPLICATION
   */

  .pm6-solution-tab strong {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.25;
  }

  .pm6-solution-panel h3 {
    font-size: 16px;

    line-height: 1.25;
  }

  .pm6-solution-panel p {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-dark-link {
    font-size: 13px;
  }


  /*
   * 04 SELECTION GUIDE
   */

  .pm6-spec-icons strong {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.3;
  }

  .pm6-selection-steps h3 {
    font-size: 14px;

    line-height: 1.25;
  }

  .pm6-selection-steps p {
    font-size: 13px;

    line-height: 1.45;
  }


  /*
   * WORKING WITH PROMESH
   */

  .pm6-trust-card h3 {
    font-size: 16px;

    line-height: 1.25;
  }

  .pm6-trust-card p {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-trust-card__number {
    font-size: 14px;
  }


  /*
   * 06 WORKFLOW
   */

  .pm6-process__number {
    font-size: 16px;
  }

  .pm6-process h3 {
    font-size: 14px;

    line-height: 1.25;
  }

  .pm6-process p {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-quote-card h3 {
    font-size: 16px;

    line-height: 1.25;
  }

  .pm6-quote-card > p:not(.pm6-kicker) {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-quote-card__email {
    font-size: 13px;
  }


  /*
   * BUTTONS
   */

  .pmx-page .pm-button,
  .pmx-page button {
    font-size: 14px;

    line-height: 1.2;
  }


  /*
   * 07 FAQ
   */

  .pm6-faq-benefits strong {
    font-size: 14px;

    line-height: 1.25;
  }

  .pm6-faq-benefits p {
    font-size: 13px;

    line-height: 1.45;
  }

  .pm6-faq-list summary > span {
    font-size:
      var(--pm-font-small, 12px);
  }

  .pm6-faq-list summary strong {
    font-size: 14px;

    line-height: 1.25;
  }

  .pm6-faq-list details[open] > p {
    font-size: 13px;

    line-height: 1.4;
  }


  /*
   * INFO STRIP
   */

  .pm6-strip__item strong {
    font-size: 16px;
  }

  .pm6-strip__item span {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.35;
  }


  /*
   * FOOTER
   */

  .pm61-footer h3 {
    font-size:
      var(--pm-font-small, 12px);
  }

  .pm61-footer section > a,
  .pm61-footer__langs a,
  .pm61-footer__brand > small {
    font-size:
      var(--pm-font-small, 12px);

    line-height: 1.35;
  }

  .pm61-footer__bottom {
    font-size:
      var(--pm-font-small, 12px);
  }
}

/* PROMESH EXPORT HOME V7.6 RU TYPE HYBRID RTL 20260828 END */

/* PROMESH EXPORT HOME V7.7 ICONS COMPACT FOOTER 20260828 */


/*
 * ==========================================================
 * SECTION 03
 * TYPICAL SELECTION AREAS
 * ==========================================================
 *
 * Replace the old 01 / 02 / 03 / 04 visual markers with
 * a consistent technical outline icon set.
 */

.pm6-solution-tab {
  position: relative;

  font-size: 0;
}

.pm6-solution-tab > :not(strong) {
  opacity: 0 !important;
}

.pm6-solution-tab::before {
  content: "";

  position: absolute;

  inset-inline-start: 50%;
  top: 19%;

  width: 42px;
  height: 42px;

  transform: translateX(-50%);

  background: currentColor;

  -webkit-mask-image: var(--pm-v77-icon);
  mask-image: var(--pm-v77-icon);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  pointer-events: none;
}

.pm6-solution-tab strong {
  position: absolute;

  inset-inline-start: 8%;
  inset-inline-end: 8%;

  bottom: 18%;

  margin: 0;

  font-size:
    var(--pm-font-small, 12px);

  line-height: 1.25;

  text-align: center;
}


/*
 * 03 / 01
 * Fine filtration:
 * funnel + droplet
 */

.pm6-solution-tab:nth-child(1) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 9h32L28 23v8l-8 5V23L8 9Z' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M24 39c0 0-4 4-4 6a4 4 0 0 0 8 0c0-2-4-6-4-6Z' fill='none' stroke='black' stroke-width='2.4'/%3E%3C/svg%3E");
}


/*
 * 03 / 02
 * Separation:
 * flow lines + separated particles
 */

.pm6-solution-tab:nth-child(2) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 34 31 11M14 40l23-23M6 24 24 6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='8' r='2.4' fill='black'/%3E%3Ccircle cx='39' cy='15' r='1.8' fill='black'/%3E%3Ccircle cx='31' cy='23' r='2' fill='black'/%3E%3Ccircle cx='12' cy='39' r='2' fill='black'/%3E%3Ccircle cx='7' cy='31' r='1.7' fill='black'/%3E%3C/svg%3E");
}


/*
 * 03 / 03
 * Screening:
 * woven square mesh
 */

.pm6-solution-tab:nth-child(3) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='8' y='8' width='32' height='32' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M16 8v32M24 8v32M32 8v32M8 16h32M8 24h32M8 32h32' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
}


/*
 * 03 / 04
 * Protective use:
 * shield with internal protective element
 */

.pm6-solution-tab:nth-child(4) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 5 39 11v11c0 10-6 17-15 21C15 39 9 32 9 22V11L24 5Z' fill='none' stroke='black' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='m17 30 14-14M18 19l11 11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/*
 * Active 03 card is dark, therefore the mask icon
 * and title become white.
 */

.pm6-solution-tab.is-active,
.pm6-solution-tab[aria-selected="true"],
.pm6-solution-tab:first-child {
  color: #fff;
}


/*
 * ==========================================================
 * SECTION 04
 * SELECTION GUIDE ICON SET
 * ==========================================================
 *
 * Hide the previous mixed visual set and draw all five
 * symbols from one outline system.
 */

.pm6-spec-icons > * {
  position: relative;

  font-size: 0;
}

.pm6-spec-icons > * > :not(strong) {
  opacity: 0 !important;
}

.pm6-spec-icons > *::before {
  content: "";

  position: absolute;

  inset-inline-start: 50%;
  top: 17%;

  width: 48px;
  height: 48px;

  transform: translateX(-50%);

  background: #071722;

  -webkit-mask-image: var(--pm-v77-icon);
  mask-image: var(--pm-v77-icon);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;

  pointer-events: none;
}

.pm6-spec-icons > * strong {
  position: absolute;

  inset-inline-start: 5%;
  inset-inline-end: 5%;

  bottom: 8%;

  margin: 0;

  font-size:
    var(--pm-font-small, 12px);

  line-height: 1.25;

  text-align: center;
}


/*
 * 04 / Mesh count
 */

.pm6-spec-icons > *:nth-child(1) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 8h32v32H8zM16 8v32M24 8v32M32 8v32M8 16h32M8 24h32M8 32h32' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/*
 * 04 / Aperture
 */

.pm6-spec-icons > *:nth-child(2) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='18' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M13 24h22M18 19l-5 5 5 5M30 19l5 5-5 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/*
 * 04 / Wire diameter
 */

.pm6-spec-icons > *:nth-child(3) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='16' cy='32' rx='7' ry='9' transform='rotate(42 16 32)' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='m11 27 19-19c3-3 8-2 10 1s2 7-1 10L21 37' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/*
 * 04 / Material
 * Stacked metal ingots.
 */

.pm6-spec-icons > *:nth-child(4) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10 31h12l3 8H7l3-8ZM26 31h12l3 8H23l3-8ZM18 20h12l3 8H15l3-8ZM21 9h8l3 8H18l3-8Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/*
 * 04 / Standard
 * Technical document + certification seal.
 */

.pm6-spec-icons > *:nth-child(5) {
  --pm-v77-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10 5h20l8 8v22H10V5Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M30 5v9h8M16 20h15M16 26h12' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='34' r='7' fill='none' stroke='black' stroke-width='2.1'/%3E%3Cpath d='m30 40-2 5 6-3 6 3-2-6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/*
 * ==========================================================
 * FOOTER
 * COMPACT DESKTOP GEOMETRY
 * ==========================================================
 *
 * The current footer has excessive vertical dead space.
 * Preserve all six columns while removing unnecessary height.
 */

@media (min-width: 760px) {

  .pm61-footer {
    height: auto !important;

    min-height: 0 !important;

    padding-block-start: 28px !important;
    padding-block-end: 18px !important;
  }

  .pm61-footer__inner {
    height: auto !important;

    min-height: 0 !important;

    align-items: start !important;

    column-gap:
      clamp(
        22px,
        2.7vw,
        52px
      ) !important;

    row-gap: 0 !important;
  }

  .pm61-footer__brand,
  .pm61-footer section {
    min-height: 0 !important;

    margin-block: 0 !important;
  }

  .pm61-footer__brand > small {
    display: block;

    max-width: 220px;

    margin-block-start: 10px !important;

    line-height: 1.38;
  }

  .pm61-footer h3 {
    margin-block-start: 0 !important;
    margin-block-end: 11px !important;
  }

  .pm61-footer section > a {
    margin-block: 0 7px !important;

    line-height: 1.25;
  }

  .pm61-footer__langs {
    margin-block-start: 8px !important;
  }

  .pm61-footer__bottom {
    height: auto !important;

    min-height: 0 !important;

    margin-block-start: 24px !important;

    padding-block-start: 15px !important;
    padding-block-end: 0 !important;

    line-height: 1.2;
  }

  .pm61-footer__bottom::before {
    top: 0;
  }
}


/*
 * On AR the page framework stays in EN geometry,
 * while footer text itself remains RTL as defined in V7.6.
 */

html[lang="ar"][dir="rtl"] .pm61-footer {
  direction: ltr;
}

/* PROMESH EXPORT HOME V7.7 ICONS COMPACT FOOTER 20260828 END */

/* PROMESH EXPORT HOME V7.8A SECTION06 ICON CTA FIX 20260828 */


/*
 * ==========================================================
 * SECTION 06
 * FROM SPECIFICATION TO QUOTATION
 * ==========================================================
 *
 * Real DOM:
 * .pm6-process article
 * .pm6-process__icon
 * .pm6-process__number
 * .pm6-quote-card
 */


/*
 * Hide the original text glyphs:
 * ▦ / ✓ / ➤ / $
 *
 * Keep the existing circular icon holder geometry.
 */

.pm6-process__icon {
  position: relative;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  font-size: 0 !important;

  line-height: 0;
}


/*
 * Unified outline icon renderer.
 */

.pm6-process__icon::before {
  content: "";

  display: block;

  width: 31px;
  height: 31px;

  background-color: #071722;

  -webkit-mask-image: var(--pm78-process-icon);
  mask-image: var(--pm78-process-icon);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}


/*
 * 01 SELECT
 * Catalogue mesh grid.
 */

.pm6-process article:nth-child(1) {
  --pm78-process-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='9' y='9' width='30' height='30' rx='1' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M16.5 9v30M24 9v30M31.5 9v30M9 16.5h30M9 24h30M9 31.5h30' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");
}


/*
 * 02 REVIEW
 * Clipboard / technical check.
 */

.pm6-process article:nth-child(2) {
  --pm78-process-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='11' y='9' width='26' height='33' rx='3' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M18 9V6h12v3M17 19h14M17 25h7M17 32l4 4 9-10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/*
 * 03 SEND
 * Paper plane.
 */

.pm6-process article:nth-child(3) {
  --pm78-process-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M6 23 41 8 29 41l-8-13-15-5Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='m21 28 20-20M21 28l-2 10 7-6' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/*
 * 04 QUOTATION
 * Quotation document with currency mark.
 */

.pm6-process article:nth-child(4) {
  --pm78-process-icon:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M11 5h19l8 8v30H11V5Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M30 5v9h8M17 21h15M17 35h15' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M26 25c-1-2-7-2-7 1 0 4 8 1 8 5 0 3-6 3-8 1M23 22v13' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}


/*
 * ==========================================================
 * CTA CARD
 * Keep the orange button INSIDE the navy card.
 * ==========================================================
 */

.pm6-quote-card {
  box-sizing: border-box;

  display: flex !important;

  flex-direction: column;

  align-items: stretch;

  justify-content: flex-start;

  overflow: hidden !important;
}


/*
 * Prevent old absolute / translated positioning from
 * pushing the CTA below the card.
 */

.pm6-quote-card .pm-button {
  position: static !important;

  inset: auto !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  transform: none !important;

  flex: 0 0 auto;

  align-self: stretch;

  box-sizing: border-box;

  width: 100% !important;
  max-width: none !important;

  margin-block-start: auto !important;
  margin-block-end: 0 !important;
  margin-inline: 0 !important;

  min-height: 48px;

  display: inline-flex;

  align-items: center;
  justify-content: space-between;
}


/*
 * Give the email a controlled gap before the CTA while
 * allowing margin-top:auto on the button to consume only
 * real spare space.
 */

.pm6-quote-card__email {
  display: block;

  margin-block-start: 10px;
  margin-block-end: 14px;
}


/*
 * Tighten only the internal vertical rhythm of this card.
 * Typography itself remains V7.6.
 */

.pm6-quote-card > .pm6-kicker {
  margin-block-end: 8px;
}

.pm6-quote-card h3 {
  margin-block-start: 0;
  margin-block-end: 10px;
}

.pm6-quote-card > p:not(.pm6-kicker) {
  margin-block-start: 0;
  margin-block-end: 8px;
}


/*
 * Hybrid Arabic RTL remains active.
 * The card keeps EN macro geometry, Arabic copy is RTL.
 */

html[lang="ar"][dir="rtl"] .pm6-quote-card {
  direction: ltr;
}

html[lang="ar"][dir="rtl"] .pm6-quote-card > .pm6-kicker,
html[lang="ar"][dir="rtl"] .pm6-quote-card h3,
html[lang="ar"][dir="rtl"] .pm6-quote-card > p {
  direction: rtl;

  unicode-bidi: plaintext;

  text-align: right;
}


/*
 * Technical email remains LTR.
 */

html[lang="ar"][dir="rtl"] .pm6-quote-card__email {
  direction: ltr;

  unicode-bidi: isolate;

  text-align: left;
}


/*
 * Keep the four process icons visually identical
 * in EN and AR. They must never mirror.
 */

html[lang="ar"][dir="rtl"] .pm6-process__icon {
  direction: ltr;
}


/* PROMESH EXPORT HOME V7.8A SECTION06 ICON CTA FIX 20260828 END */

/* PROMESH EXPORT HOME V7.8B CTA VERTICAL CALIBRATION 20260828 */

/*
 * Section 06 final visual calibration.
 *
 * Button is already correctly inside the card after V7.8A.
 * Move it slightly upward for a proper bottom breathing space.
 * Email follows upward more subtly.
 */

.pm6-quote-card__email {
  position: relative;

  transform: translateY(-7px);
}

.pm6-quote-card .pm-button {
  transform: translateY(-14px) !important;
}


/*
 * Keep the optical gap between email and CTA compact.
 */

.pm6-quote-card__email {
  margin-block-end: 10px;
}


/*
 * Arabic keeps the exact same physical vertical calibration.
 */

html[lang="ar"][dir="rtl"] .pm6-quote-card__email {
  transform: translateY(-7px);
}

html[lang="ar"][dir="rtl"] .pm6-quote-card .pm-button {
  transform: translateY(-14px) !important;
}

/* PROMESH EXPORT HOME V7.8B CTA VERTICAL CALIBRATION 20260828 END */

/* PROMESH EXPORT HOME MOTION V1 RU PARITY 20260828 */

/*
 * ==========================================================
 * EXPORT HOME MOTION
 * Same rhythm as RU site.
 * ==========================================================
 */


/*
 * Buttons and interactive links.
 */

html[lang="en"] .pmx-page .pm-button,
html[lang="ar"] .pmx-page .pm-button,
html[lang="en"] .pmx-page button,
html[lang="ar"] .pmx-page button {
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}


html[lang="en"] .pmx-page .pm-button:hover,
html[lang="ar"] .pmx-page .pm-button:hover {
  transform: translateY(-1px);
}


html[lang="en"] .pmx-page a,
html[lang="ar"] .pmx-page a {
  transition:
    color 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}


/*
 * Home content cards.
 *
 * Transition is intentionally applied to article elements
 * without introducing automatic entrance animation.
 */

html[lang="en"] .pmx-page article,
html[lang="ar"] .pmx-page article {
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease;
}


html[lang="en"] .pmx-page article:hover,
html[lang="ar"] .pmx-page article:hover {
  transform: translateY(-2px);
}


/*
 * Images use the slower RU media rhythm.
 */

html[lang="en"] .pmx-page article img,
html[lang="ar"] .pmx-page article img {
  transition:
    transform 280ms ease,
    filter 180ms ease;
}


html[lang="en"] .pmx-page article:hover img,
html[lang="ar"] .pmx-page article:hover img {
  transform: scale(1.015);
}


/*
 * RFQ process cards.
 */

html[lang="en"] .pmx-page .pm6-process article,
html[lang="ar"] .pmx-page .pm6-process article,
html[lang="en"] .pmx-page .pm6-quote-card,
html[lang="ar"] .pmx-page .pm6-quote-card {
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    background-color 220ms ease;
}


html[lang="en"] .pmx-page .pm6-process article:hover,
html[lang="ar"] .pmx-page .pm6-process article:hover,
html[lang="en"] .pmx-page .pm6-quote-card:hover,
html[lang="ar"] .pmx-page .pm6-quote-card:hover {
  transform: translateY(-2px);
}


/*
 * Tabs / selector controls.
 */

html[lang="en"] .pmx-page [role="tab"],
html[lang="ar"] .pmx-page [role="tab"] {
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    transform 180ms ease;
}


/*
 * Reduced motion.
 */

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

  html[lang="en"] .pmx-page *,
  html[lang="en"] .pmx-page *::before,
  html[lang="en"] .pmx-page *::after,
  html[lang="ar"] .pmx-page *,
  html[lang="ar"] .pmx-page *::before,
  html[lang="ar"] .pmx-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;

    transition-duration: .01ms !important;

    scroll-behavior: auto !important;
  }

}

/* PROMESH EXPORT HOME MOTION V1 RU PARITY 20260828 END */

/* PROMESH EXPORT HOME COMPACT PARITY V1 20260901 START */
/*
 * Desktop visual parity with the shared PROMESH shell.
 *
 * Reference:
 *   shared header height : 58px
 *   shared logo          : 27px
 *   shared CTA           : 38px
 *   RU home hero         : 440px
 *
 * EN/AR content, navigation, imagery and JS stay unchanged.
 */
@media (min-width: 1200px) {

  html[lang="en"] .pm61-header,
  html[lang="ar"] .pm61-header {
    block-size: 58px;
    min-block-size: 58px;
    max-block-size: 58px;
  }

  html[lang="en"] .pm61-header__inner,
  html[lang="ar"] .pm61-header__inner {
    gap: 14px;
  }

  html[lang="en"] .pm61-brand > strong,
  html[lang="ar"] .pm61-brand > strong {
    font-size: 27px;
    line-height: 1;
    letter-spacing: -.035em;
  }

  html[lang="en"] .pm61-brand > small,
  html[lang="ar"] .pm61-brand > small {
    display: none;
  }

  html[lang="en"] .pm61-nav a,
  html[lang="ar"] .pm61-nav a {
    font-size: 12px;
    line-height: 1.2;
  }

  html[lang="en"] .pm61-header__tools,
  html[lang="ar"] .pm61-header__tools {
    gap: 8px;
  }

  html[lang="en"] .pm61-header__quote,
  html[lang="ar"] .pm61-header__quote {
    min-block-size: 38px;
    padding-inline: 15px;
    gap: 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.2;
  }

  /*
   * Hero parity with RU master.
   */
  html[lang="en"] .pm6-hero,
  html[lang="ar"] .pm6-hero {
    block-size: 440px;
    min-block-size: 440px;
    max-block-size: 440px;
  }

  html[lang="en"] .pm6-hero__copy,
  html[lang="ar"] .pm6-hero__copy {
    padding-block: 34px;
    padding-inline-end: 24px;
  }

  html[lang="ar"][dir="rtl"] .pm6-hero__copy {
    padding-inline-end: 0;
    padding-inline-start: 24px;
  }

  html[lang="en"] .pm6-hero__actions,
  html[lang="ar"] .pm6-hero__actions {
    margin-block-start: 18px;
  }

  html[lang="en"] .pm6-hero__actions .pm-button,
  html[lang="ar"] .pm6-hero__actions .pm-button {
    min-block-size: 42px;
    padding-inline: 18px;
    font-size: 12px;
  }

  /*
   * Technical Selection panel:
   * preserve every control, only reduce vertical density.
   */
  html[lang="en"] .pm6-finder,
  html[lang="ar"] .pm6-finder {
    padding: 16px 18px;
  }

  html[lang="en"] .pm6-finder > p,
  html[lang="ar"] .pm6-finder > p {
    font-size: 10px;
    line-height: 1.2;
  }

  html[lang="en"] .pm6-finder h2,
  html[lang="ar"] .pm6-finder h2 {
    margin: 4px 0 10px;
    font-size: 18px;
    line-height: 1.08;
  }

  html[lang="en"] .pm6-finder label,
  html[lang="ar"] .pm6-finder label {
    margin-block-end: 4px;
    font-size: 12px;
    line-height: 1.25;
  }

  html[lang="en"] .pm6-finder select,
  html[lang="ar"] .pm6-finder select {
    block-size: 44px;
    padding-inline: 12px;
    font-size: 13px;
  }

  html[lang="en"] .pm6-finder__parameters,
  html[lang="ar"] .pm6-finder__parameters {
    margin-block-start: 8px;
  }

  html[lang="en"] .pm6-finder__parameters > span,
  html[lang="ar"] .pm6-finder__parameters > span {
    padding: 9px 10px;
  }

  html[lang="en"] .pm6-finder__parameters small,
  html[lang="ar"] .pm6-finder__parameters small {
    font-size: 10px;
    line-height: 1.2;
  }

  html[lang="en"] .pm6-finder__parameters strong,
  html[lang="ar"] .pm6-finder__parameters strong {
    margin-block-start: 2px;
    font-size: 16px;
    line-height: 1.15;
  }

  html[lang="en"] .pm6-finder > a,
  html[lang="ar"] .pm6-finder > a {
    min-block-size: 42px;
    margin-block-start: 8px;
    padding-inline: 14px;
    font-size: 12px;
  }

  /*
   * Technical dimensions scale with the shorter hero.
   */
  html[lang="en"] .pm6-dimension__line,
  html[lang="ar"] .pm6-dimension__line {
    block-size: 72px;
  }

  html[lang="en"] .pm6-dimension b,
  html[lang="ar"] .pm6-dimension b {
    font-size: 18px;
  }
}
/* PROMESH EXPORT HOME COMPACT PARITY V1 20260901 END */