/* DICHANA public section visual balance v2.2.42
   Shared CTA artwork, formulation 2x2 gallery, and factory evidence polish. */

body .formulation-gallery-v2242 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 28px) !important;
  max-width: 1120px;
  margin-inline: auto !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

body .formulation-gallery-v2242 > * {
  width: auto !important;
  min-width: 0 !important;
}

body .cta-band.public-cta-polish-v2242 {
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(270px, .72fr) !important;
  gap: clamp(24px, 4vw, 54px) !important;
  align-items: center !important;
  min-height: clamp(390px, 35vw, 510px);
  padding: clamp(36px, 5vw, 68px) !important;
  overflow: hidden;
}

body .cta-band.public-cta-polish-v2242 > div:first-child {
  position: relative;
  z-index: 3;
  justify-self: center !important;
  max-width: 720px !important;
  text-align: center !important;
}

body .cta-band.public-cta-polish-v2242 > div:first-child > p {
  max-width: 650px;
  margin-inline: auto !important;
}

body .cta-band.public-cta-polish-v2242 .hero-ctas {
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-inline: auto !important;
}

body .cta-band.public-cta-polish-v2242 .hero-ctas .btn {
  min-width: 176px;
  justify-content: center;
  text-align: center;
}

body .cta-band .public-cta-art-v2242 {
  position: relative !important;
  z-index: 2;
  display: grid !important;
  place-items: center;
  justify-self: center !important;
  width: min(100%, 430px) !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .cta-band .public-cta-art-v2242::before,
body .cta-band .public-cta-art-v2242::after {
  content: none !important;
  display: none !important;
}

body .cta-band .public-cta-art-image-v2242 {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 390px;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: drop-shadow(0 28px 38px rgba(4, 24, 42, .24));
}

/* The About and Process templates still carry an older inline emergency rule.
   These release-scoped selectors intentionally win that cascade. */
body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 > div:first-child {
  align-items: center !important;
  justify-self: center !important;
  text-align: center !important;
}

body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 .kicker {
  align-self: center !important;
}

body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 .title.sm,
body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 p {
  margin-inline: auto !important;
  text-align: center !important;
}

body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 .hero-ctas {
  justify-content: center !important;
  margin-inline: auto !important;
}

body.cta-balance-v8585 .cta-band.public-cta-polish-v2242 .public-cta-art-v2242 {
  display: grid !important;
  justify-self: center !important;
  width: min(100%, 430px) !important;
  height: auto !important;
}

body.phase1-batch3-v8549 .portfolio-visual-v2242 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.factory-evidence-page .fe-official-card {
  min-height: 560px;
  border: 1px solid rgba(85, 213, 238, .25);
  background:
    radial-gradient(circle at 8% 5%, rgba(236, 1, 140, .2), transparent 27%),
    radial-gradient(circle at 92% 92%, rgba(40, 170, 225, .25), transparent 34%),
    linear-gradient(148deg, #071b2d 0%, #0b2f49 54%, #0a5268 100%);
  box-shadow: 0 34px 90px rgba(4, 27, 47, .22), inset 0 1px 0 rgba(255, 255, 255, .12);
  color: #fff;
}

body.factory-evidence-page .fe-official-card::before {
  top: 26px;
  right: 26px;
  border-color: rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  backdrop-filter: blur(12px);
}

body.factory-evidence-page .fe-official-emblem {
  border-color: #72dff1;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 0 0 8px rgba(114, 223, 241, .08);
}

body.factory-evidence-page .fe-official-card h3,
body.factory-evidence-page .fe-official-row dd {
  color: #fff;
}

body.factory-evidence-page .fe-official-card .fe-doc-sub,
body.factory-evidence-page .fe-official-row dt {
  color: rgba(226, 244, 250, .72);
}

body.factory-evidence-page .fe-official-status-v2242 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 18px;
  padding: 8px 12px;
  border: 1px solid rgba(114, 223, 241, .22);
  border-radius: 999px;
  background: rgba(114, 223, 241, .08);
  color: #dffaff;
  font-size: 11px;
  font-weight: 800;
}

body.factory-evidence-page .fe-official-status-v2242::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5ce0bc;
  box-shadow: 0 0 0 5px rgba(92, 224, 188, .12);
}

body.factory-evidence-page .fe-document-preview-button--official {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: 0 16px 38px rgba(1, 13, 24, .18);
}

body.factory-evidence-page .fe-document-preview-button--official small {
  color: #aeeaf4;
}

body.factory-evidence-page .fe-official-row {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

body.factory-evidence-page .fe-process-image-v2242 img {
  object-position: 52% center;
}

@media (max-width: 900px) {
  body .cta-band.public-cta-polish-v2242 {
    grid-template-columns: 1fr !important;
    min-height: 0;
    padding: 38px 26px 30px !important;
  }

  body .cta-band .public-cta-art-v2242 {
    display: grid !important;
    width: min(100%, 420px) !important;
    order: 2;
  }
}

@media (max-width: 640px) {
  body .formulation-gallery-v2242 {
    grid-template-columns: 1fr !important;
  }

  body .cta-band.public-cta-polish-v2242 {
    gap: 18px !important;
    padding: 30px 20px 24px !important;
    border-radius: 26px !important;
  }

  body .cta-band.public-cta-polish-v2242 .hero-ctas {
    display: flex !important;
    flex-direction: column;
    width: min(100%, 320px);
  }

  body .cta-band.public-cta-polish-v2242 .hero-ctas .btn {
    width: 100%;
    min-width: 0;
  }

  body .cta-band .public-cta-art-v2242 {
    width: min(100%, 330px) !important;
  }

  body.factory-evidence-page .fe-official-card {
    min-height: 0;
  }
}