/* Local 2027 brand presentation. Text itself remains editable in Flatsome UX Blocks. */

body :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700 !important;
}

body .section-title-main,
body .section-title-main :is(strong, b) {
  font-weight: 800 !important;
}

.ce-hero-2027 .hero-box .ux-logo {
  width: 225px !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;
}

.ce-hero-2027 .hero-box .ux-logo-link {
  padding: 0 !important;
}

.ce-hero-2027 .hero-box .ux-logo-image {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
}

.ce-hero-2027 .ce-hero__title {
  color: var(--veas-accent, #d54f92) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

.ce-hero-2027 .ce-hero__title strong {
  color: inherit !important;
  font-weight: 800 !important;
}

/* Preserve editable Vietnamese wording; uppercase only its hero presentation. */
html[lang^='vi'] .ce-hero-2027 .ce-hero__title,
.ce-hero-vi .ce-hero__title {
  text-transform: uppercase !important;
}

.ce-hero-2027 .ce-hero__date,
.ce-hero-2027 .ce-hero__venue {
  color: #1b2432 !important;
  font-weight: 700 !important;
}

.ce-hero-2027 .ce-hero__date {
  font-size: 25px !important;
  line-height: 1.25 !important;
}

.ce-hero-2027 .ce-hero__venue {
  font-size: 17px !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

@media (max-width: 549px) {
  /* Match desktop capitalization without changing editable EN/VI copy. */
  .ce-hero-2027.show-for-small .ce-hero__title {
    text-transform: uppercase !important;
  }

  .ce-hero-vi.show-for-small .ux-logo {
    width: 266px !important;
    max-width: calc(100% - 20px) !important;
    height: auto !important;
    margin-inline: auto;
  }

  .ce-hero-vi.show-for-small .ux-logo-link {
    padding: 0 !important;
  }

  .ce-hero-vi.show-for-small .ux-logo-image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
  }

  .ce-hero-2027 .ce-hero__title {
    font-size: 21px !important;
    line-height: 1.23 !important;
  }

  .ce-hero-2027 .ce-hero__date {
    font-size: 24px !important;
  }

  .ce-hero-2027 .ce-hero__venue {
    font-size: 16px !important;
  }
}

/* COATINGS SOFT WAVES 20261008 START */
/* Scoped to the isolated 2027 presentation. Content and existing cards stay intact. */
body.ce-homepage-preview-2027 #main .ce-intro.section {
  background-color: #fff !important;
}
body.ce-homepage-preview-2027 #main .why-coatings.section,
body.ce-homepage-preview-2027 #main .ce-expected.section {
  position: relative;
  isolation: isolate;
  background-color: #fff2f7 !important;
}
body.ce-homepage-preview-2027 #main .why-coatings.section {
  background-image: linear-gradient(180deg, #fff 0, #fff9fc 80px, #fff2f7 220px) !important;
}
body.ce-homepage-preview-2027 #main .why-coatings > .section-bg,
body.ce-homepage-preview-2027 #main .ce-expected > .section-bg {
  background: transparent !important;
}
body.ce-homepage-preview-2027 #main .why-coatings > .section-content,
body.ce-homepage-preview-2027 #main .ce-expected > .section-content {
  position: relative;
  z-index: 2;
}
/* White mist blends the white intro into the pale-pink band without a hard seam. */
body.ce-homepage-preview-2027 #main .why-coatings.section::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -38px;
  left: -4%;
  right: -4%;
  height: 168px;
  background: linear-gradient(180deg, #fff 8%, rgba(255,255,255,.76) 45%, rgba(255,255,255,0) 100%);
  filter: blur(18px);
  pointer-events: none;
}
/* Static vector waves sit behind cards, never above text, icons or links. */
body.ce-homepage-preview-2027 #main .why-coatings.section::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  height: clamp(160px, 22vw, 300px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 212C220 110 390 310 660 211S1130 92 1440 153V320H0Z' fill='%23f4cadd' fill-opacity='.28'/%3E%3Cpath d='M0 254C200 170 460 350 750 244S1150 132 1440 207V320H0Z' fill='%23f9ddea' fill-opacity='.58'/%3E%3Cpath d='M0 286C190 219 460 369 820 279S1240 227 1440 256V320H0Z' fill='%23fff2f7'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  pointer-events: none;
}
body.ce-homepage-preview-2027 #main .ce-expected.section::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  background: radial-gradient(ellipse at 18% 48%, rgba(255,255,255,.66), transparent 62%);
  pointer-events: none;
}
body.ce-homepage-preview-2027 #main .ce-expected.section::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  height: clamp(200px, 24vw, 360px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 360' preserveAspectRatio='none'%3E%3Cpath d='M0 236C230 118 423 379 760 232S1210 125 1440 197V360H0Z' fill='%23eebbd3' fill-opacity='.25'/%3E%3Cpath d='M0 284C253 161 420 431 850 274S1225 206 1440 241V360H0Z' fill='%23f7d5e5' fill-opacity='.6'/%3E%3Cpath d='M0 323C252 243 536 423 920 326S1260 278 1440 302V360H0Z' fill='%23ffffff' fill-opacity='.6'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  pointer-events: none;
}
@media (max-width: 549px) {
  body.ce-homepage-preview-2027 #main .why-coatings.section {
    background-image: linear-gradient(180deg, #fff 0, #fff9fc 70px, #fff2f7 180px) !important;
  }
  body.ce-homepage-preview-2027 #main .why-coatings.section::before {
    height: 140px;
    filter: blur(14px);
  }
  body.ce-homepage-preview-2027 #main .why-coatings.section::after {
    height: 200px;
    background-size: 180% 100%;
  }
  body.ce-homepage-preview-2027 #main .ce-expected.section::after {
    height: 235px;
    background-size: 170% 100%;
  }
}
/* COATINGS SOFT WAVES 20261008 END */