/* =====================================================
 VALVES & FLOW CONTROL — AMPO STYLE
===================================================== */

#val-valves-flow {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vfc-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

.vfc-hero-text {
  padding: 90px;
  margin-top: 90px;
}

.vfc-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vfc-lead {
  font-size: 1.25rem;
  line-height: 1.9;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vfc-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vfc-hero-image,
.vfc-image,
.vaa-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vfc-hero-image img {
  width: 700px;
  height: 700px;
  object-fit: contain;
}

/* BLOCKS */
.vfc-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

.vfc-block:nth-child(even) {
  background: #f7f8fa;
}

/* Reverse */
.vfc-reverse {
  direction: rtl;
}

.vfc-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vfc-image img {
  width: 700px;
  height: 700px;
  object-fit: contain;
}

/* CONTENT */
.vfc-content {
  padding: 80px 90px;
}

.vfc-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vfc-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

#sv-standard-valves {
  padding: 50px 20px;
  background: #fff;
}

.sv-hr-gradient {
  border: none;
  height: 2px;
  width: 100%;
  /* margin: 60px 0; */
  background: linear-gradient(to right, transparent, #7a0c3a, transparent);
}

/* MAIN 2-COLUMN LAYOUT */
.sv-layout {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 40px;
  align-items: start;
}

/* SECTION TOPIC HEADING */
.sv-topic {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
}

.sv-topic-bar {
  width: 5px;
  height: 38px;
  background-color: #7a0c3a; /* wine / maroon accent */
  border-radius: 2px;
}

.sv-topic-title {
  font-size: 34px;
  font-weight: 700;
  color: #1f2933;
  margin: 0;
  letter-spacing: 0.3px;
}

/* LEFT COLUMN */
.sv-left-col {
  position: sticky;
  top: 90px;
}

.sv-img {
  width: 100%;
  /* border-radius: 14px; */
  margin-bottom: 20px;
}

.sv-title {
  font-size: 26px;
  margin-bottom: 12px;
}

.sv-intro {
  font-size: 15px;
  line-height: 1.65;
  color: #444;
}

/* RIGHT COLUMN */
.sv-right-col h3 {
  font-size: 18px;
  margin: 22px 0 8px;
}

.sv-right-col ul {
  padding-left: 18px;
  margin: 0;
}

.sv-right-col li {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 0.95;
}

/* MOBILE */
@media (max-width: 992px) {
  .sv-layout {
    grid-template-columns: 1fr;
  }

  .sv-left-col {
    position: relative;
    top: auto;
  }
}

#svp-specialized-valves {
  padding: 60px 20px;
  background: #fff;
}

/* MAIN 2-COLUMN LAYOUT */
.svp-layout {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 62% 38%;
  gap: 35px;
  align-items: start;
}

/* REVERSED VERSION */
.svp-reverse {
  grid-template-columns: 62% 38%;
}

.svp-title {
  font-size: 26px;
  margin-bottom: 12px;
}

.svp-intro {
  font-size: 15px;
  line-height: 1.65;
  color: #444;
  margin-bottom: 20px;
}

.svp-left-col h3 {
  font-size: 18px;
  margin: 22px 0 8px;
}

.svp-left-col ul {
  padding-left: 18px;
  margin: 0;
}

.svp-left-col li {
  font-size: 14px;
  margin-bottom: 6px;
}

/* RIGHT IMAGE */
.svp-right-col {
  position: sticky;
  top: 90px;
}

.svp-img {
  width: 100%;
  /* border-radius: 14px; */
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .svp-layout {
    grid-template-columns: 1fr;
  }

  .svp-right-col {
    position: relative;
    top: auto;
    margin-top: 30px;
  }
}

.vfc-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

/* LIST */
.vfc-content ul {
  padding-left: 18px;
}

.vfc-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
  line-height: 1;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vfc-hero,
  .vfc-block {
    grid-template-columns: 1fr;
  }

  .vfc-hero-text,
  .vfc-content {
    padding: 48px 24px;
  }

  .vfc-hero-text h2 {
    font-size: 2.2rem;
  }

  .vfc-content h3 {
    font-size: 1.6rem;
  }
}

#val-about-hero {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/valves/LANDSCAPE-VALVES\ &\ FLOWCONTROL.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-hero1 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/actuation/LANDSCAPE\ -ACTUATION\ &\ AUTOMATION.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroquality {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/QUALITY\ -\ BACKGROUND\ LANDSCAPE.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroenergy {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/ENERGY\ &\ PROCESSING\ -\ BACKGROUND.jpg"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-hero2 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/pumps/4.LANDSCAPE-PUMPS.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-herocontact {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/CONTACT\ US\ -LANDSCAPE.jpg"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-hero3 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/pipes/LANDSCAPE-PIPES\ \,\ FITTING\ &FLANGES.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroservices {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/SERVICE\ LANDSCAPE\ BACKGROUND.png"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroresources {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/Downloads\ &\ Resources-BACKGROUND\ LANDSCAPE.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroresources1 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/NEWS\ &\ UPDATES-BACKGROUND\ LANDSCAPE.png"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-heroindustrial {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/INDUSTRY\ &\ MANUFACTURING\ SECTOR\ -\ BACKGROUND.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-hero4 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/wellhead/5.LANDSCAPE-WELLHEAD\ &\ DRILLING\ EQUIPMENT\ -.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

#val-about-hero5 {
  position: relative;
  width: 100%;
  height: 80vh;
  min-height: 520px;
  background-image: url("../../images/products_set/instrumentation/6.LANDSCAPE-INSTRUMENTATION.webp"); /* replace with your image */
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

/* OVERLAY */
.val-about-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(6, 24, 38, 0.85) 0%,
    rgba(6, 24, 38, 0.65) 45%,
    rgba(6, 24, 38, 0.25) 70%,
    rgba(6, 24, 38, 0.1) 100%
  );
  z-index: 1;
}

/* CONTENT */
.val-about-content {
  position: relative;
  z-index: 2;
  padding-left: 90px;
  max-width: 720px;
  color: #ffffff;
}

/* EYEBROW */
.val-about-eyebrow {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  margin-bottom: 22px;
  opacity: 0.9;
}

/* TITLE */
.val-about-title {
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .val-about-content {
    padding-left: 60px;
  }

  .val-about-title {
    font-size: 3.2rem;
  }
}

@media (max-width: 768px) {
  #val-about-hero {
    height: 85vh;
  }

  .val-about-content {
    padding: 0 24px;
  }

  .val-about-title {
    font-size: 2.4rem;
  }
}

/* =====================================================
 ACTUATION & AUTOMATION — AMPO STYLE
===================================================== */

#val-actuation-automation {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vaa-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 500px;
}

.vaa-hero-text {
  padding: 90px;
}

.vaa-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vaa-lead {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vaa-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vaa-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* BLOCKS */
.vaa-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 460px;
}

.vaa-block:nth-child(even) {
  background: #f7f8fa;
}

/* Reverse layout */
.vaa-reverse {
  direction: rtl;
}

.vaa-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vaa-image img {
  width: 700px;
  height: 700px;
  object-fit: contain;
}

/* CONTENT */
.vaa-content {
  padding: 80px 90px;
}

.vaa-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vaa-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

.vaa-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

/* LIST */
.vaa-content ul {
  padding-left: 18px;
}

.vaa-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vaa-hero,
  .vaa-block {
    grid-template-columns: 1fr;
  }

  .vaa-hero-text,
  .vaa-content {
    padding: 48px 24px;
  }

  .vaa-hero-text h2 {
    font-size: 2.2rem;
  }

  .vaa-content h3 {
    font-size: 1.6rem;
  }
}

/* =====================================================
 4️⃣ PUMPS — AMPO STYLE
===================================================== */

#val-pumps {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vpm-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

.vpm-hero-text {
  padding: 90px;
}

.vpm-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vpm-lead {
  font-size: 1.25rem;
  line-height: 1.9;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vpm-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vpm-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* BLOCK */
.vpm-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
  background: #f7f8fa;
}

/* Reverse layout */
.vpm-reverse {
  direction: rtl;
}

.vpm-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vpm-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CONTENT */
.vpm-content {
  padding: 80px 90px;
}

.vpm-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vpm-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

.vpm-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

/* LIST */
.vpm-content ul {
  padding-left: 18px;
}

.vpm-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vpm-hero,
  .vpm-block {
    grid-template-columns: 1fr;
  }

  .vpm-hero-text,
  .vpm-content {
    padding: 48px 24px;
  }

  .vpm-hero-text h2 {
    font-size: 2.2rem;
  }

  .vpm-content h3 {
    font-size: 1.6rem;
  }
}

/* =====================================================
 3️⃣ PIPES, FITTINGS & STEEL PRODUCTS
===================================================== */

#val-piping-steel {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vps-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

.vps-hero-text {
  padding: 90px;
}

.vps-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vps-lead {
  font-size: 1.25rem;
  line-height: 1.9;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vps-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vps-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* BLOCKS */
.vps-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

.vps-block:nth-child(even) {
  background: #f7f8fa;
}

/* Reverse layout */
.vps-reverse {
  direction: rtl;
}

.vps-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vps-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CONTENT */
.vps-content {
  padding: 80px 90px;
}

.vps-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vps-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

.vps-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

.vps-content ul {
  padding-left: 18px;
}

.vps-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vps-hero,
  .vps-block {
    grid-template-columns: 1fr;
  }

  .vps-hero-text,
  .vps-content {
    padding: 48px 24px;
  }

  .vps-hero-text h2 {
    font-size: 2.2rem;
  }

  .vps-content h3 {
    font-size: 1.6rem;
  }
}

/* =====================================================
 5️⃣ WELLHEAD & DRILLING EQUIPMENT
===================================================== */

#val-wellhead-drilling {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vwd-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

.vwd-hero-text {
  padding: 90px;
}

.vwd-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vwd-lead {
  font-size: 1.25rem;
  line-height: 1.9;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vwd-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vwd-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* BLOCKS */
.vwd-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

.vwd-block:nth-child(even) {
  background: #f7f8fa;
}

/* Reverse layout */
.vwd-reverse {
  direction: rtl;
}

.vwd-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vwd-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CONTENT */
.vwd-content {
  padding: 80px 90px;
}

.vwd-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vwd-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

.vwd-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

.vwd-content ul {
  padding-left: 18px;
}

.vwd-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vwd-hero,
  .vwd-block {
    grid-template-columns: 1fr;
  }

  .vwd-hero-text,
  .vwd-content {
    padding: 48px 24px;
  }

  .vwd-hero-text h2 {
    font-size: 2.2rem;
  }

  .vwd-content h3 {
    font-size: 1.6rem;
  }
}

/* =====================================================
 INSTRUMENTATION & SPECIALTY ITEMS
===================================================== */

#val-instrumentation-specialty {
  font-family: "Montserrat", sans-serif;
  color: #1f2933;
  background: #ffffff;
}

/* HERO */
.vis-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  min-height: 520px;
}

.vis-hero-text {
  padding: 90px;
}

.vis-hero-text h2 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 22px;
}

.vis-lead {
  font-size: 1.25rem;
  line-height: 1.9;
  padding-left: 18px;
  border-left: 4px solid #70114e;
  margin-bottom: 22px;
}

.vis-hero-text p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: #4b5563;
}

.vis-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* BLOCKS */
.vis-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 480px;
}

.vis-block:nth-child(even) {
  background: #f7f8fa;
}

/* Reverse layout */
.vis-reverse {
  direction: rtl;
}

.vis-reverse > * {
  direction: ltr;
}

/* IMAGE */
.vis-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* CONTENT */
.vis-content {
  padding: 80px 90px;
}

.vis-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 16px;
  border-left: 4px solid #70114e;
}

.vis-content h4 {
  font-size: 1rem;
  font-weight: 600;
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #374151;
}

.vis-content p {
  font-size: 1.05rem;
  line-height: 1.85;
  margin-bottom: 16px;
  color: #4b5563;
}

.vis-content ul {
  padding-left: 18px;
}

.vis-content li {
  font-size: 0.95rem;
  margin-bottom: 8px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .vis-hero,
  .vis-block {
    grid-template-columns: 1fr;
  }

  .vis-hero-text,
  .vis-content {
    padding: 48px 24px;
  }

  .vis-hero-text h2 {
    font-size: 2.2rem;
  }

  .vis-content h3 {
    font-size: 1.6rem;
  }
}

#__valstom_portfolio_section {
  /* max-width: 1400px; */
  margin: auto;
  padding: 80px 20px;
  font-family: Arial, sans-serif;
  color: #222;
}

.__valstom_intro {
  max-width: 900px;
  margin-bottom: 100px;
  font-size: 16px;
  line-height: 1.7;
}

.__spec_zigzag {
  display: flex;
  gap: 80px;
  margin-bottom: 140px;
  align-items: flex-start;
}

.__spec_zigzag.__left {
  flex-direction: row-reverse;
}

.__spec_table {
  flex: 1;
}

.__spec_table h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.__spec_table p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 18px;
}

.__spec_row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 20px;
  padding: 14px 0;
  font-size: 15px;
}

.__spec_row span:first-child {
  font-weight: 600;
}

.__spec_divider {
  height: 1px;
  background: #c62828;
  margin: 20px 0;
}

.__spec_image {
  flex: 1;
  /* background: #f5f5f5; */
  /* padding: 30px; */
  border-radius: 12px;
  position: relative;
}

.__spec_image img {
  width: 100%;
  border-radius: 10px;
  display: block;
}

/* Ensure watermark wrapper displays correctly in product images */
.__spec_image .img-watermark-wrapper {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

/* Force watermark overlay to stay on top of images on product pages */
.__spec_image .img-watermark-overlay {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  z-index: 100 !important;
}

.__spec_image [data-watermark-container] .img-watermark-overlay {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  display: block !important;
}

/* Responsive */
@media (max-width: 992px) {
  .__spec_zigzag {
    flex-direction: column !important;
    gap: 40px;
  }
  .__spec_row {
    grid-template-columns: 160px 1fr;
  }
}

@media (max-width: 576px) {
  .__spec_row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .__spec_row span:first-child {
    font-size: 13px;
    color: #666;
  }
}
.__spec_image_stack {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 992px) {
  .__spec_image_stack {
    flex-direction: column;
  }
}
#__valstom_header_section {
  flex: 1;
  /* max-width: 1400px; */
  margin: 60px auto 100px auto;
  padding: 0 20px;
  font-family: Arial, sans-serif;
  color: #222;
}

.__valstom_header_grid {
  display: flex;
  gap: 80px;
  align-items: center;
}

.__valstom_header_content {
  flex: 1;
}

.__valstom_header_image {
  flex: 1;
  height: 100%;
}

/* CONTENT */
.__valstom_header_content h1 {
  font-size: 34px;
  margin-bottom: 16px;
  position: relative;
}

.__valstom_header_content h1::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #70114e;
  display: block;
  margin-top: 10px;
}

.__valstom_header_content p {
  font-size: 16px;
  line-height: 1.7;
  max-width: 520px;
}

/* IMAGE */
.__valstom_header_image img {
  flex: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

@media (max-width: 992px) {
  .__valstom_header_grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .__valstom_header_content p {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .__valstom_header_content h1 {
    font-size: 26px;
  }

  .__valstom_header_content p {
    font-size: 14px;
  }
}

.__spec_zigzag {
  display: flex;
  gap: 80px;
  margin-bottom: 140px;
  align-items: flex-start;
}

.__spec_zigzag.__left {
  flex-direction: row-reverse;
}

.__spec_table {
  flex: 1;
}

.__spec_table h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.__spec_table p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 18px;
}

.__spec_row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 20px;
  padding: 14px 0;
  font-size: 15px;
}

.__spec_row span:first-child {
  font-weight: 600;
}

.__spec_divider {
  height: 1px;
  background: #70114e;
  margin: 20px 0;
}

.__spec_image {
  flex: 1;
  /* background: #f5f5f5; */
  /* padding: 30px; */
  padding-bottom: 30px;
  border-radius: 12px;
}

.__spec_image img {
  width: 100%;
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 992px) {
  .__spec_zigzag {
    flex-direction: column !important;
    gap: 40px;
  }
  .__spec_row {
    grid-template-columns: 160px 1fr;
  }
}

@media (max-width: 576px) {
  .__spec_row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .__spec_row span:first-child {
    font-size: 13px;
    color: #666;
  }
}