/**
 * Jay Jay Mills — Native Elementor Pro visual layer
 * Version: 2.40.0
 *
 * All content, layout primitives and interactive widgets remain native Elementor.
 * This stylesheet supplies the art-directed details that cannot be expressed
 * reliably through Elementor controls alone: text outlines, scan lines,
 * vertical editorial labels, precise hover choreography and crosshairs.
 */

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Approved full-screen mobile navigation. The menu rows are generated from
 * Elementor's editable Nav Menu links by jjm-native-interactions.js. */
.jjm-native-mobile-menu-toggle,
.jjm-native-mobile-menu-overlay {
  display: none;
}

@media (max-width: 767px) {
  .jjm-native-main-menu .elementor-menu-toggle,
  .jjm-native-main-menu .elementor-nav-menu--dropdown {
    display: none !important;
  }

  .jjm-native-mobile-menu-toggle {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 52px;
    justify-content: center;
    padding: 0;
    position: fixed;
    right: 14px;
    top: 10px;
    width: 52px;
    z-index: 100003;
  }

  body.admin-bar .jjm-native-mobile-menu-toggle {
    top: 56px;
  }

  .jjm-native-mobile-menu-toggle span {
    background: rgba(255,255,255,.9);
    height: 1px;
    left: 12px;
    position: absolute;
    transition: transform .35s ease, top .35s ease;
    width: 28px;
  }

  .jjm-native-mobile-menu-toggle span:first-child { top: 19px; }
  .jjm-native-mobile-menu-toggle span:last-child { top: 32px; }
  .jjm-native-mobile-menu-toggle.is-open span:first-child { top: 26px; transform: rotate(45deg); }
  .jjm-native-mobile-menu-toggle.is-open span:last-child { top: 26px; transform: rotate(-45deg); }

  .jjm-native-mobile-menu-overlay {
    background: #0b2430;
    display: block;
    height: 100dvh;
    inset: 0;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    transform: translateY(-14px);
    transition: opacity .35s ease, transform .35s ease, visibility .35s;
    visibility: hidden;
    width: 100%;
    z-index: 100002;
  }

  body.admin-bar .jjm-native-mobile-menu-overlay {
    height: calc(100dvh - 46px);
    top: 46px;
  }

  body.jjm-native-mobile-menu-open {
    overflow: hidden !important;
  }

  body.jjm-native-mobile-menu-open .jjm-native-mobile-menu-overlay {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }

  .jjm-native-mobile-menu-brand {
    align-items: center !important;
    display: flex !important;
    left: 26px;
    position: absolute !important;
    top: 18px;
    width: auto !important;
    z-index: 1;
  }

  .jjm-native-mobile-menu-brand .jjm-native-brand-name {
    display: block !important;
  }

  .jjm-native-mobile-menu-overlay nav {
    padding: clamp(180px, 32vh, 270px) 26px 48px;
  }

  .jjm-native-mobile-menu-overlay ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .jjm-native-mobile-menu-overlay li {
    border-bottom: 1px solid rgba(255,255,255,.15);
    min-height: 84px;
    position: relative;
  }

  .jjm-native-mobile-menu-overlay li::after {
    color: rgba(255,255,255,.48);
    content: attr(data-number);
    font-family: Manrope, Arial, sans-serif;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 25px;
  }

  .jjm-native-mobile-menu-overlay li a {
    color: #fff;
    display: block;
    font-family: Manrope, Arial, sans-serif;
    font-size: clamp(34px, 9.5vw, 43px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.12;
    padding: 21px 45px 21px 0;
    text-decoration: none;
  }
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --jjm-ink: #10232a;
  --jjm-navy: #0b2430;
  --jjm-deep: #06162f;
  --jjm-ivory: #f4f0e8;
  --jjm-paper: #faf8f3;
  --jjm-coral: #ef7863;
  --jjm-signal: #c8ff38;
  --jjm-white: #fff;
  --jjm-line-dark: rgba(16, 35, 42, .16);
  --jjm-line-light: rgba(255, 255, 255, .18);
}

/* Keep 100vw full-bleed sections inside the visual viewport. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

body .elementor,
body .elementor-location-header,
body .elementor-location-footer {
  max-width: 100%;
}

/* Approved HTML loading, page transition and scroll-progress UI. */
.jjm-native-scroll-progress {
  height: 2px;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}

.jjm-native-scroll-progress span {
  background: #c8ff38;
  display: block;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
  will-change: transform;
}

.jjm-native-page-loader {
  background: #06162f;
  display: grid;
  inset: 0;
  place-items: center;
  position: fixed;
  transition: opacity .75s cubic-bezier(.22,1,.36,1), visibility .75s;
  z-index: 100002;
}

.jjm-native-page-loader.is-complete {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.jjm-native-loader-logo {
  height: auto;
  width: 72px;
}

.jjm-native-loader-line {
  background: rgba(255,255,255,.18);
  bottom: 15%;
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 140px;
}

.jjm-native-loader-line span {
  animation: jjm-native-loading 1.25s cubic-bezier(.22,1,.36,1) forwards;
  background: #c8ff38;
  display: block;
  height: 100%;
  transform: translateX(-100%);
  width: 100%;
}

.jjm-native-page-loader small {
  bottom: 11.5%;
  color: rgba(255,255,255,.55);
  font-size: 8px;
  letter-spacing: .24em;
  position: absolute;
}

@keyframes jjm-native-loading {
  to { transform: translateX(0); }
}

.jjm-native-page-transition {
  background: #06162f;
  color: #fff;
  display: grid;
  inset: 0;
  overflow: hidden;
  place-items: center;
  pointer-events: none;
  position: fixed;
  transform: translateY(100%);
  transition: transform .62s cubic-bezier(.22,1,.36,1);
  z-index: 100001;
}

.jjm-native-page-transition.is-active {
  transform: none;
}

.jjm-native-page-transition > span {
  font: 600 10px/1 Manrope, sans-serif;
  letter-spacing: .28em;
}

.jjm-native-page-transition::after {
  background: linear-gradient(90deg,transparent,#c8ff38,transparent);
  content: "";
  height: 1px;
  left: 12%;
  position: absolute;
  right: 12%;
  top: 50%;
  transform: translateX(-110%);
}

.jjm-native-page-transition.is-active::after {
  animation: jjm-native-transition-line .7s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes jjm-native-transition-line {
  to { transform: translateX(110%); }
}

body:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
  background: transparent !important;
  position: fixed !important;
  transition: background-color .4s, backdrop-filter .4s;
}

body:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header.jjm-native-header-scrolled {
  background: rgba(6,22,47,.88) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body .elementor-location-header.jjm-native-header-scrolled .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) {
  background: #06162f !important;
  min-height: 72px !important;
}

body .elementor-location-header.jjm-native-header-scrolled .jjm-native-header {
  background: #06162f !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body .elementor-location-header .elementor-sticky--active,
body .elementor-location-header .elementor-sticky--effects {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  .jjm-native-loader-line span,
  .jjm-native-page-transition.is-active::after {
    animation: none;
  }

  .jjm-native-page-loader,
  .jjm-native-page-transition {
    transition: none;
  }
}

.jjm-native-header,
.jjm-native-footer,
.jjm-native-hero,
.jjm-native-system,
.jjm-native-human,
.jjm-native-milestones,
.jjm-native-values,
.jjm-native-advantage,
.jjm-native-process,
.jjm-native-products,
.jjm-native-standards,
.jjm-native-quality {
  box-sizing: border-box;
  isolation: isolate;
}

.jjm-native-header *,
.jjm-native-footer *,
.jjm-native-hero *,
.jjm-native-system *,
.jjm-native-human *,
.jjm-native-milestones *,
.jjm-native-values *,
.jjm-native-advantage *,
.jjm-native-process *,
.jjm-native-products *,
.jjm-native-standards *,
.jjm-native-quality * {
  box-sizing: border-box;
}

.jjm-native-display .elementor-heading-title,
.jjm-native-hero-title .elementor-heading-title,
.jjm-native-value-word .elementor-heading-title,
.jjm-native-standard-word .elementor-heading-title {
  letter-spacing: -.065em;
  text-wrap: balance;
}

.jjm-native-display .elementor-heading-title span,
.jjm-native-value-word .elementor-heading-title span {
  color: var(--jjm-coral);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.jjm-native-kicker .elementor-heading-title,
.jjm-native-tab-label .elementor-heading-title,
.jjm-native-footer-label .elementor-heading-title,
.jjm-native-quality-tag .elementor-heading-title,
.jjm-native-products-label .elementor-heading-title,
.jjm-native-process-status .elementor-heading-title {
  letter-spacing: .18em;
  text-transform: uppercase;
}

.jjm-native-cover-image,
.jjm-native-cover-image > .elementor-widget-container,
.jjm-native-cover-image .elementor-image,
.jjm-native-cover-image img {
  height: 100%;
  min-height: inherit;
  width: 100%;
}

.jjm-native-cover-image img {
  display: block;
  object-fit: cover;
}

/*
 * Native Image-widget import fallback.
 * A single-template JSON import cannot create WordPress Media Library attachment
 * IDs. The widget therefore remains fully editable while this local image is
 * shown until the editor selects a Media Library replacement.
 */
.jjm-native-logo {
  background: url("../images/logo-jayjaymills-white.png") center / contain no-repeat;
}

.jjm-native-hero-image {
  background: url("../images/futurewoven-hero.webp") center / cover no-repeat;
}

.jjm-native-human-media .jjm-native-cover-image {
  background: url("../images/craftsmanship.webp") center / cover no-repeat;
}

.jjm-native-process-media .jjm-native-cover-image {
  background: url("../images/capabilities-production.webp") center / cover no-repeat;
}

.jjm-native-products-media .jjm-native-cover-image {
  background: url("../images/babywear-collection.webp") center / cover no-repeat;
}

.jjm-native-quality-media .jjm-native-cover-image {
  background: url("../images/hero-babywear.webp") center / cover no-repeat;
}

.jjm-native-babywear-image {
  background: url("../images/hero-babywear.webp") 56% center / cover no-repeat;
}

.jjm-native-impact-image {
  background: url("../images/responsible-campus.webp") center / cover no-repeat;
}

.jjm-native-logo img[src*="placeholder"],
.jjm-native-logo img[src*="jayjay-mills-native-assets/assets/images"],
.jjm-native-hero-image img[src*="placeholder"],
.jjm-native-hero-image img[src*="jayjay-mills-native-assets/assets/images"],
.jjm-native-cover-image img[src*="placeholder"],
.jjm-native-cover-image img[src*="jayjay-mills-native-assets/assets/images"],
.jjm-native-babywear-image img[src*="placeholder"],
.jjm-native-babywear-image img[src*="jayjay-mills-native-assets/assets/images"],
.jjm-native-impact-image img[src*="placeholder"],
.jjm-native-impact-image img[src*="jayjay-mills-native-assets/assets/images"] {
  opacity: 0;
}

/* Theme Builder header */
.jjm-native-header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color .45s ease, min-height .45s ease,
    padding .45s ease, backdrop-filter .45s ease;
  width: 100%;
}

.elementor-location-header:has(.jjm-native-header) {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

body.admin-bar .elementor-location-header:has(.jjm-native-header) {
  top: 32px;
}

.jjm-native-header.elementor-sticky--effects {
  background: rgba(6, 22, 47, .88) !important;
  backdrop-filter: blur(18px) saturate(130%);
  min-height: 72px !important;
}

.jjm-native-logo {
  flex: 0 0 auto;
  width: 42px;
}

.jjm-native-logo img {
  display: block;
  height: 42px !important;
  object-fit: contain;
  width: 42px !important;
}

.jjm-native-brand-name .elementor-heading-title {
  letter-spacing: .22em;
  white-space: nowrap;
}

.jjm-native-main-menu .elementor-nav-menu--main .elementor-item {
  letter-spacing: .14em;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}

.jjm-native-main-menu .elementor-item::after {
  background-color: var(--jjm-signal) !important;
  height: 1px !important;
}

.jjm-native-header-cta .elementor-button,
.jjm-native-line-button .elementor-button,
.jjm-native-text-button .elementor-button {
  align-items: center;
  background: transparent !important;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  letter-spacing: .13em;
  padding: 10px 0 8px !important;
  text-transform: uppercase;
  transition: color .3s ease, border-color .3s ease;
}

.jjm-native-header-cta .elementor-button:hover {
  border-color: var(--jjm-signal);
  color: var(--jjm-signal) !important;
}

/* Cinematic homepage hero */
.jjm-native-hero {
  margin-top: -88px !important;
  min-height: 100svh;
  overflow: hidden;
  position: relative;
}

.jjm-native-hero-image,
.jjm-native-hero-image > .elementor-widget-container,
.jjm-native-hero-image .elementor-image,
.jjm-native-hero-image img,
.jjm-native-hero-grid,
.jjm-native-hero-wash {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.jjm-native-hero-image {
  z-index: -3;
}

.jjm-native-hero-image img {
  object-fit: cover;
  transform: scale(1.045);
}

.jjm-native-hero-wash {
  background:
    linear-gradient(90deg, rgba(6, 22, 47, .62) 0%, rgba(6, 22, 47, .08) 48%, rgba(6, 22, 47, .54) 100%),
    linear-gradient(0deg, rgba(6, 22, 47, .78) 0%, transparent 48%);
  z-index: -2;
}

.jjm-native-hero-grid,
.jjm-native-process-media-grid {
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
  background-size: 12.5% 100%, 12.5% 100%;
  pointer-events: none;
  z-index: -1;
}

.jjm-native-hero-content {
  max-width: min(890px, 74vw);
  position: relative;
  z-index: 2;
}

.jjm-native-hero-title .elementor-heading-title {
  letter-spacing: -.075em;
  text-shadow: 0 16px 60px rgba(0,0,0,.22);
}

.jjm-native-hero-title .elementor-heading-title span {
  color: transparent;
  -webkit-text-stroke: 1.3px var(--jjm-signal);
  text-stroke: 1.3px var(--jjm-signal);
}

.jjm-native-hero-copy {
  max-width: 520px;
}

.jjm-native-hero-eyebrow .elementor-heading-title,
.jjm-native-hero-code .elementor-heading-title {
  letter-spacing: .2em;
  text-transform: uppercase;
}

.jjm-native-hero-bottom {
  position: relative;
  z-index: 3;
}

.jjm-native-hero-vertical,
.jjm-native-vertical,
.jjm-native-standards-vertical {
  writing-mode: vertical-rl;
}

.jjm-native-hero-vertical {
  left: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  z-index: 4;
}

.jjm-native-hero-vertical .elementor-heading-title,
.jjm-native-vertical .elementor-heading-title,
.jjm-native-standards-vertical .elementor-heading-title {
  letter-spacing: .24em;
  text-transform: uppercase;
  white-space: nowrap;
}

.jjm-native-hero-code {
  position: absolute;
  right: 28px;
  top: 51%;
  transform: rotate(90deg) translateX(50%);
  transform-origin: right top;
  z-index: 4;
}

.jjm-native-scan-line {
  animation: jjm-scan 6s ease-in-out infinite;
  background: linear-gradient(transparent, #c8ff38, transparent);
  box-shadow: 0 0 25px #c8ff38;
  height: 100% !important;
  flex: 0 0 1px !important;
  left: 45%;
  margin: 0 !important;
  max-width: 1px !important;
  min-width: 1px !important;
  padding: 0 !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1px !important;
  z-index: 2;
}

@keyframes jjm-scan {
  0%, 100% { left: 45%; }
  50% { left: 72%; }
}

/* One connected making system */
.jjm-native-system-intro {
  border-bottom: 1px solid var(--jjm-line-dark);
}

.jjm-native-system-cards,
.jjm-native-system-cards > .e-con-inner {
  border-left: 1px solid var(--jjm-line-dark);
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-system-cards > .e-con-inner {
  border: 0;
}

.jjm-native-system-card {
  border-bottom: 1px solid var(--jjm-line-dark);
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 370px;
  overflow: hidden;
  position: relative;
  transition: background-color .45s cubic-bezier(.22,1,.36,1), color .45s ease;
  width: auto !important;
}

.jjm-native-system-card::after {
  background: var(--jjm-coral);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 100%;
  top: 0;
  transition: right .55s cubic-bezier(.22,1,.36,1);
}

.jjm-native-system-card:hover {
  background-color: var(--jjm-coral) !important;
}

.jjm-native-system-card:hover::after {
  right: 0;
}

.jjm-native-system-card:hover .elementor-heading-title,
.jjm-native-system-card:hover .elementor-widget-text-editor {
  color: var(--jjm-ink) !important;
}

.jjm-native-card-no .elementor-heading-title,
.jjm-native-value-no .elementor-heading-title {
  font-variant-numeric: tabular-nums;
  letter-spacing: .12em;
}

.jjm-native-circle-button .elementor-button {
  align-items: center;
  background: transparent !important;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: inline-flex;
  height: 52px;
  justify-content: center;
  padding: 0 !important;
  transition: transform .35s ease, background-color .35s ease;
  width: 52px;
}

.jjm-native-system-card:hover .jjm-native-circle-button .elementor-button {
  background: var(--jjm-ink) !important;
  color: var(--jjm-white) !important;
  transform: rotate(45deg);
}

/* Technology and the human touch */
.jjm-native-human-media,
.jjm-native-products-media,
.jjm-native-quality-media,
.jjm-native-process-media {
  overflow: hidden;
  position: relative;
}

.jjm-native-human-media .jjm-native-cover-image img,
.jjm-native-products-media .jjm-native-cover-image img,
.jjm-native-quality-media .jjm-native-cover-image img,
.jjm-native-process-media .jjm-native-cover-image img {
  transition: transform 1.1s cubic-bezier(.22,1,.36,1);
}

.jjm-native-human-media:hover .jjm-native-cover-image img,
.jjm-native-products-media:hover .jjm-native-cover-image img,
.jjm-native-quality-media:hover .jjm-native-cover-image img,
.jjm-native-process-media:hover .jjm-native-cover-image img {
  transform: scale(1.045);
}

.jjm-native-floating-note {
  align-items: flex-end;
  background: var(--jjm-coral);
  bottom: 0;
  display: flex;
  min-height: 180px;
  padding: 24px;
  position: absolute;
  right: 0;
  width: 180px;
  z-index: 2;
}

.jjm-native-floating-note > .elementor-widget-container {
  margin-top: auto;
}

.jjm-native-floating-note .elementor-heading-title {
  letter-spacing: -.04em;
}

.jjm-native-quote {
  border-left: 2px solid var(--jjm-coral);
  padding-left: 22px;
}

.jjm-native-text-button .elementor-button:hover,
.jjm-native-line-button .elementor-button:hover {
  border-color: var(--jjm-coral);
  color: var(--jjm-coral) !important;
}

/* Native Nested Tabs: selected milestones */
.jjm-native-milestone-tabs .e-n-tabs {
  align-items: stretch;
  border: 1px solid var(--jjm-line-light);
  display: flex;
  min-height: 650px;
}

.jjm-native-milestone-tabs .e-n-tabs-heading {
  border-right: 1px solid var(--jjm-line-light);
  flex: 0 0 37%;
  gap: 0 !important;
}

.jjm-native-milestone-tabs .e-n-tab-title {
  border-bottom: 1px solid var(--jjm-line-light);
  color: rgba(255,255,255,.52);
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  letter-spacing: .15em;
  min-height: 92px;
  padding: 24px 30px !important;
  text-transform: uppercase;
  transition: background-color .35s ease, color .35s ease, padding-left .35s ease;
}

.jjm-native-milestone-tabs .e-n-tab-title:hover,
.jjm-native-milestone-tabs .e-n-tab-title[aria-selected="true"] {
  background: var(--jjm-signal);
  color: var(--jjm-ink);
  padding-left: 40px !important;
}

.jjm-native-milestone-tabs .e-n-tabs-content {
  flex: 1 1 auto;
  min-width: 0;
}

.jjm-native-tab-panel {
  min-height: 648px;
  overflow: hidden;
  position: relative;
}

.jjm-native-tab-title-main .elementor-heading-title {
  letter-spacing: -.065em;
  max-width: 650px;
}

.jjm-native-tab-copy {
  max-width: 560px;
}

.jjm-native-tab-watermark {
  bottom: -55px;
  pointer-events: none;
  position: absolute;
  right: 24px;
  z-index: -1;
}

.jjm-native-tab-watermark .elementor-heading-title {
  color: rgba(255,255,255,.045) !important;
  font-size: clamp(120px, 18vw, 290px) !important;
  letter-spacing: -.09em;
  line-height: .8 !important;
}

.jjm-native-tab-progress {
  margin-top: 44px;
  max-width: 230px;
}

.jjm-native-tab-progress .elementor-divider-separator {
  border-color: var(--jjm-coral) !important;
}

/* Values */
.jjm-native-values-grid,
.jjm-native-values-grid > .e-con-inner {
  border-left: 1px solid var(--jjm-line-dark);
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-values-grid > .e-con-inner {
  border: 0;
}

.jjm-native-value-card {
  border-bottom: 1px solid var(--jjm-line-dark);
  border-right: 1px solid var(--jjm-line-dark);
  isolation: isolate;
  min-height: 390px;
  overflow: hidden;
  position: relative;
  transition: background-color .5s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1);
  width: auto !important;
}

.jjm-native-value-card::before {
  background: var(--jjm-coral);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateY(101%);
  transition: transform .55s cubic-bezier(.22,1,.36,1);
  z-index: 0;
}

.jjm-native-value-card > * {
  position: relative;
  z-index: 1;
}

.jjm-native-value-card:hover {
  transform: translateY(-7px);
}

.jjm-native-value-card:hover::before {
  transform: translateY(0);
}

.jjm-native-value-card:hover .elementor-heading-title,
.jjm-native-value-card:hover .elementor-widget-text-editor {
  color: var(--jjm-ink) !important;
}

.jjm-native-value-word {
  bottom: -22px;
  opacity: .06;
  pointer-events: none;
  position: absolute;
  right: 18px;
}

/* Connected advantage */
.jjm-native-advantage-signal {
  align-self: stretch;
  min-width: 1px;
}

.jjm-native-advantage-signal .elementor-divider,
.jjm-native-advantage-signal .elementor-divider-separator {
  height: 100%;
}

.jjm-native-advantage-signal .elementor-divider-separator {
  border-color: var(--jjm-coral) !important;
  border-width: 0 0 0 1px !important;
}

/* End-to-end capability */
.jjm-native-process-shell {
  border: 1px solid var(--jjm-line-light);
  overflow: hidden;
}

.jjm-native-process-media {
  min-height: 760px;
}

.jjm-native-process-media::after {
  background: linear-gradient(180deg, transparent 42%, rgba(6,22,47,.84) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.jjm-native-process-media-grid {
  inset: 0;
  position: absolute;
  z-index: 2;
}

.jjm-native-process-status {
  left: 34px;
  position: absolute;
  top: 32px;
  z-index: 3;
}

.jjm-native-process-focus {
  bottom: 38px;
  left: 38px;
  max-width: 500px;
  position: absolute;
  z-index: 3;
}

.jjm-native-process-tabs .e-n-tabs {
  display: flex;
  height: 100%;
  min-height: 760px;
}

.jjm-native-process-tabs .e-n-tabs-heading {
  border-right: 1px solid var(--jjm-line-light);
  flex: 0 0 160px;
  gap: 0 !important;
}

.jjm-native-process-tabs .e-n-tab-title {
  border-bottom: 1px solid var(--jjm-line-light);
  color: rgba(255,255,255,.5);
  font-family: "DM Sans", sans-serif;
  font-size: 11px;
  letter-spacing: .12em;
  min-height: 94px;
  padding: 22px 20px !important;
  text-transform: uppercase;
  transition: background-color .3s ease, color .3s ease;
}

.jjm-native-process-tabs .e-n-tab-title:hover,
.jjm-native-process-tabs .e-n-tab-title[aria-selected="true"] {
  background: var(--jjm-coral);
  color: var(--jjm-ink);
}

.jjm-native-process-tabs .e-n-tabs-content {
  flex: 1 1 auto;
  min-width: 0;
}

.jjm-native-process-tabs .jjm-native-tab-panel {
  min-height: 758px;
}

.jjm-native-process-number {
  bottom: -28px;
  position: absolute;
  right: 20px;
  z-index: -1;
}

.jjm-native-process-number .elementor-heading-title {
  color: rgba(255,255,255,.045) !important;
  font-size: clamp(150px, 17vw, 270px) !important;
  letter-spacing: -.09em;
  line-height: .8 !important;
}

.jjm-native-process-progress {
  margin-top: 40px;
  max-width: 170px;
}

.jjm-native-process-progress .elementor-divider-separator {
  border-color: var(--jjm-signal) !important;
}

/* Product possibilities */
.jjm-native-products-label {
  align-items: flex-end;
  background: var(--jjm-coral);
  bottom: 0;
  display: flex;
  left: 0;
  min-height: 120px;
  padding: 22px;
  position: absolute;
  width: 230px;
  z-index: 3;
}

.jjm-native-product-list {
  border-top: 1px solid var(--jjm-line-dark);
}

.jjm-native-product-row {
  border-bottom: 1px solid var(--jjm-line-dark);
  cursor: default;
  min-height: 94px;
  transition: background-color .35s ease, padding-left .35s cubic-bezier(.22,1,.36,1);
}

.jjm-native-product-row:hover {
  background: rgba(239,120,99,.1);
  padding-left: 15px !important;
}

.jjm-native-product-arrow {
  transition: transform .35s ease;
}

.jjm-native-product-row:hover .jjm-native-product-arrow {
  transform: rotate(45deg);
}

/* Babywear-specific standard */
.jjm-native-standards-grid,
.jjm-native-standards-grid > .e-con-inner {
  border-left: 1px solid var(--jjm-line-light);
  border-top: 1px solid var(--jjm-line-light);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-standards-grid > .e-con-inner {
  border: 0;
}

.jjm-native-standard-card {
  border-bottom: 1px solid var(--jjm-line-light);
  border-right: 1px solid var(--jjm-line-light);
  min-height: 430px;
  overflow: hidden;
  position: relative;
  transition: background-color .45s ease, transform .45s cubic-bezier(.22,1,.36,1);
  width: auto !important;
}

.jjm-native-standard-card:hover {
  background: rgba(200,255,56,.08) !important;
  transform: translateY(-7px);
}

.jjm-native-standard-word .elementor-heading-title {
  color: var(--jjm-coral) !important;
  font-size: clamp(86px, 10vw, 170px) !important;
}

.jjm-native-standard-word.is-outline .elementor-heading-title {
  color: transparent !important;
  font-size: clamp(86px, 10vw, 170px) !important;
  -webkit-text-stroke: 1px rgba(200,255,56,.25);
  text-stroke: 1px rgba(200,255,56,.25);
}

/* Quality by design */
.jjm-native-quality-grid,
.jjm-native-quality-grid > .e-con-inner {
  border-left: 1px solid var(--jjm-line-dark);
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-quality-grid > .e-con-inner {
  border: 0;
}

.jjm-native-quality-card {
  border-bottom: 1px solid var(--jjm-line-dark);
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 210px;
  transition: background-color .35s ease;
  width: auto !important;
}

.jjm-native-quality-card:hover {
  background: rgba(239,120,99,.1) !important;
}

.jjm-native-quality-crosshair {
  height: 92px !important;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 92px !important;
  z-index: 4;
}

.jjm-native-quality-crosshair::before,
.jjm-native-quality-crosshair::after {
  background: rgba(200,255,56,.78);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jjm-native-quality-crosshair::before {
  height: 1px;
  width: 92px;
}

.jjm-native-quality-crosshair::after {
  height: 92px;
  width: 1px;
}

.jjm-native-quality-crosshair > .e-con-inner::after,
.jjm-native-quality-crosshair::marker {
  display: none;
}

.jjm-native-quality-tag {
  align-items: center;
  background: var(--jjm-signal);
  bottom: 0;
  display: flex;
  left: 0;
  min-height: 56px;
  padding: 0 18px;
  position: absolute;
  width: 200px;
  z-index: 4;
}

/* Footer */
.jjm-native-footer-main,
.jjm-native-footer-main > .e-con-inner {
  align-items: start !important;
  display: grid !important;
  gap: 42px;
  grid-template-columns: minmax(230px, 1.6fr) minmax(160px, 1fr) minmax(160px, 1fr) auto;
  max-width: none !important;
  row-gap: 42px;
  width: 100% !important;
}

.jjm-native-footer-main > *,
.jjm-native-footer-main > .e-con-inner > * {
  width: auto !important;
}

.jjm-native-footer-divider .elementor-divider-separator {
  border-color: var(--jjm-line-light) !important;
}

.jjm-native-footer-copy a {
  color: inherit;
  text-decoration: none;
  transition: color .3s ease;
}

.jjm-native-footer-copy a:hover {
  color: var(--jjm-signal);
}

.jjm-native-footer-up .elementor-button {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 50%;
  display: inline-flex;
  height: 52px;
  justify-content: center;
  padding: 0 !important;
  transition: background-color .3s ease, color .3s ease, transform .3s ease;
  width: 52px;
}

.jjm-native-footer-up .elementor-button:hover {
  background: var(--jjm-signal) !important;
  color: var(--jjm-ink) !important;
  transform: translateY(-4px);
}

/* Tablet */
@media (max-width: 1024px) {
  .jjm-native-header-cta {
    display: none;
  }

  .jjm-native-brand {
    width: auto !important;
  }

  .jjm-native-main-menu {
    margin-left: auto;
  }

  .jjm-native-main-menu .elementor-menu-toggle {
    background: transparent;
    color: var(--jjm-white);
  }

  .jjm-native-main-menu .elementor-nav-menu--dropdown {
    background: rgba(6,22,47,.98);
    left: auto !important;
    min-width: min(420px, 100vw);
    right: -34px !important;
    top: 31px !important;
  }

  .jjm-native-main-menu .elementor-nav-menu--dropdown .elementor-item {
    color: rgba(255,255,255,.82);
    padding: 18px 32px;
  }

  .jjm-native-hero-content {
    max-width: 88vw;
  }

  .jjm-native-hero-vertical,
  .jjm-native-hero-code,
  .jjm-native-standards-vertical {
    display: none;
  }

  .jjm-native-system-card,
  .jjm-native-value-card {
    min-height: 340px;
  }

  .jjm-native-system-cards,
  .jjm-native-system-cards > .e-con-inner,
  .jjm-native-values-grid,
  .jjm-native-values-grid > .e-con-inner,
  .jjm-native-quality-grid,
  .jjm-native-quality-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jjm-native-standards-grid,
  .jjm-native-standards-grid > .e-con-inner {
    grid-template-columns: 1fr;
  }

  .jjm-native-footer-main,
  .jjm-native-footer-main > .e-con-inner {
    grid-template-columns: minmax(220px, 1.4fr) 1fr 1fr;
  }

  .jjm-native-footer-up {
    grid-column: 1 / -1;
  }

  .jjm-native-milestone-tabs .e-n-tabs {
    min-height: 600px;
  }

  .jjm-native-milestone-tabs .e-n-tabs-heading {
    flex-basis: 32%;
  }

  .jjm-native-milestone-tabs .e-n-tab-title {
    padding: 20px !important;
  }

  .jjm-native-milestone-tabs .e-n-tab-title:hover,
  .jjm-native-milestone-tabs .e-n-tab-title[aria-selected="true"] {
    padding-left: 28px !important;
  }

  .jjm-native-process-shell {
    display: block !important;
  }

  .jjm-native-process-media,
  .jjm-native-process-tabs-col {
    width: 100% !important;
  }

  .jjm-native-process-media {
    min-height: 560px;
  }

  .jjm-native-process-tabs .e-n-tabs,
  .jjm-native-process-tabs .jjm-native-tab-panel {
    min-height: 590px;
  }

  .jjm-native-process-tabs .e-n-tabs-heading {
    flex-basis: 150px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .jjm-native-header {
    background: rgba(6,22,47,.44) !important;
  }

  .jjm-native-hero {
    margin-top: -76px !important;
  }

  .jjm-native-logo,
  .jjm-native-logo img {
    height: 38px !important;
    width: 38px !important;
  }

  .jjm-native-brand-name {
    display: none;
  }

  .jjm-native-main-menu .elementor-nav-menu--dropdown {
    min-width: 100vw;
    right: -22px !important;
    top: 27px !important;
  }

  .jjm-native-hero {
    min-height: 790px;
  }

  .jjm-native-hero-content {
    max-width: 100%;
  }

  .jjm-native-hero-title .elementor-heading-title {
    letter-spacing: -.065em;
  }

  .jjm-native-hero-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 20px;
  }

  .jjm-native-system-cards,
  .jjm-native-system-cards > .e-con-inner,
  .jjm-native-values-grid,
  .jjm-native-values-grid > .e-con-inner,
  .jjm-native-standards-grid,
  .jjm-native-standards-grid > .e-con-inner,
  .jjm-native-quality-grid,
  .jjm-native-quality-grid > .e-con-inner {
    border-left: 0;
    grid-template-columns: 1fr;
  }

  .jjm-native-system-card,
  .jjm-native-value-card,
  .jjm-native-standard-card,
  .jjm-native-quality-card {
    border-right: 0;
    min-height: auto;
  }

  .jjm-native-value-card:hover,
  .jjm-native-standard-card:hover {
    transform: none;
  }

  .jjm-native-floating-note {
    min-height: 140px;
    width: 140px;
  }

  .jjm-native-milestone-tabs .e-n-tabs,
  .jjm-native-process-tabs .e-n-tabs {
    display: block;
    min-height: 0;
  }

  .jjm-native-milestone-tabs .e-n-tabs-heading,
  .jjm-native-process-tabs .e-n-tabs-heading {
    border-bottom: 1px solid var(--jjm-line-light);
    border-right: 0;
    display: flex;
    flex-basis: auto;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .jjm-native-milestone-tabs .e-n-tab-title,
  .jjm-native-process-tabs .e-n-tab-title {
    border-bottom: 0;
    border-right: 1px solid var(--jjm-line-light);
    flex: 0 0 auto;
    min-height: 68px;
    padding: 18px 20px !important;
    white-space: nowrap;
  }

  .jjm-native-milestone-tabs .e-n-tab-title:hover,
  .jjm-native-milestone-tabs .e-n-tab-title[aria-selected="true"] {
    padding-left: 20px !important;
  }

  .jjm-native-tab-panel,
  .jjm-native-milestone-tabs .jjm-native-tab-panel,
  .jjm-native-process-tabs .jjm-native-tab-panel {
    min-height: 500px;
  }

  .jjm-native-process-media {
    min-height: 430px;
  }

  .jjm-native-process-focus {
    bottom: 24px;
    left: 24px;
    max-width: calc(100% - 48px);
  }

  .jjm-native-process-status {
    left: 24px;
    top: 24px;
  }

  .jjm-native-products-label {
    min-height: 94px;
    width: 180px;
  }

  .jjm-native-product-row {
    min-height: 80px;
  }

  .jjm-native-quality-crosshair {
    transform: translate(-50%, -50%) scale(.78);
  }

  .jjm-native-footer-column {
    width: 100% !important;
  }

  .jjm-native-footer-main,
  .jjm-native-footer-main > .e-con-inner {
    grid-template-columns: 1fr;
  }

  .jjm-native-footer-up {
    grid-column: auto;
  }

  .jjm-native-footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 22px;
  }
}

/* Final sticky-header authority: keep this after Elementor compatibility rules. */
body:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
  background: transparent !important;
  left: 0 !important;
  opacity: 1 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0;
  transform: none !important;
  transition: background-color .4s, backdrop-filter .4s, opacity .4s !important;
  visibility: visible !important;
  width: 100% !important;
  z-index: 9999 !important;
}

body.admin-bar:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
  top: 32px;
}

body:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header.jjm-native-header-scrolled {
  background: rgba(6,22,47,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body .elementor-location-header.jjm-native-header-scrolled .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) {
  background: #06162f !important;
  min-height: 72px !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

@media (max-width: 782px) {
  body.admin-bar:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
    top: 46px;
  }
}

/* Exact approved HTML Hero annotations. */
body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .jjm-native-hero-code {
  bottom: 36px !important;
  left: clamp(24px, 5vw, 84px) !important;
  margin: 0 !important;
  position: absolute !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
  z-index: 3 !important;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .jjm-native-hero-vertical {
  bottom: auto !important;
  left: 22px !important;
  position: absolute !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(180deg) !important;
  width: auto !important;
  z-index: 3 !important;
}

/* Native editable customer-logo ribbon. */
.jjm-native-brands-heading .elementor-heading-title {
  letter-spacing: .18em;
  margin: 0;
  text-transform: uppercase;
}

.jjm-native-brand-logo {
  align-items: center;
  background: #EF7863;
  border: 1px solid rgba(11,36,48,.12);
  display: flex;
  flex: 0 0 calc((100% - 108px) / 7) !important;
  justify-content: center;
  margin: 0 !important;
  min-height: 132px;
  padding: 24px !important;
  transition: background-color .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
  width: calc((100% - 108px) / 7) !important;
}

.jjm-native-brand-logo:hover {
  background: #EF7863;
  transform: translateY(-4px);
}

.jjm-native-brand-logo > .elementor-widget-container {
  align-items: center;
  display: flex;
  height: 78px;
  justify-content: center;
  width: 100%;
}

.jjm-native-brand-logo img {
  height: 78px !important;
  max-width: 150px !important;
  object-fit: contain !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  .jjm-native-brand-logo {
    flex-basis: calc((100% - 54px) / 4) !important;
    width: calc((100% - 54px) / 4) !important;
  }
}

@media (max-width: 767px) {
  .jjm-native-brand-logo {
    flex-basis: calc((100% - 14px) / 2) !important;
    min-height: 112px;
    padding: 18px !important;
    width: calc((100% - 14px) / 2) !important;
  }

  .jjm-native-brand-logo > .elementor-widget-container,
  .jjm-native-brand-logo img {
    height: 66px !important;
  }
}

/* ================================================================
 * Approved HTML composition alignment — desktop
 * ================================================================ */
@media (min-width: 1025px) {
  /* Brand / centred navigation / right CTA. */
  body .elementor-location-header .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) {
    align-items: center !important;
    border-bottom: 1px solid rgba(255,255,255,.16);
    display: grid !important;
    grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr);
    min-height: 88px;
    padding-left: clamp(44px, 4.2vw, 82px) !important;
    padding-right: clamp(44px, 4.2vw, 82px) !important;
  }

  body .elementor-location-header .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) > .e-con:first-child {
    justify-self: start;
    max-width: 260px !important;
    width: auto !important;
  }

  body .elementor-location-header .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) > .jjm-native-main-menu {
    justify-self: center;
    margin: 0 !important;
    width: auto !important;
  }

  body .elementor-location-header .e-con:has(> .jjm-native-main-menu):not(.elementor-sticky__spacer) > .jjm-native-header-cta {
    justify-self: end;
    width: auto !important;
  }

  .jjm-native-main-menu .elementor-nav-menu--main .elementor-nav-menu {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }

  /* Place the editable Hero content in the approved right-side panel. */
  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(3) {
    bottom: auto;
    left: 56.5%;
    max-width: 760px !important;
    padding: 78px clamp(44px, 4.2vw, 82px) 42px 0 !important;
    position: absolute !important;
    right: auto;
    top: 50%;
    transform: translateY(-47%);
    width: 43.5% !important;
  }

  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(3) > .e-con-inner {
    max-width: none !important;
    width: 100% !important;
  }

  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) .jjm-native-hero-title {
    max-width: 720px;
    width: 100%;
  }

  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) .jjm-native-hero-bottom {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    max-width: 720px;
    width: 100% !important;
  }

  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) .jjm-native-hero-copy {
    max-width: 420px;
  }

  /* Match the approved technical reference label at bottom-left. */
  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .jjm-native-hero-code {
    bottom: 22px;
    left: clamp(44px, 4.2vw, 82px);
    right: auto;
    top: auto;
    transform: none;
    transform-origin: initial;
  }
}

@media (max-width: 782px) {
  body.admin-bar .elementor-location-header:has(.jjm-native-header) {
    top: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jjm-native-scan-line {
    animation: none;
    display: none;
  }

  .jjm-native-header,
  .jjm-native-system-card,
  .jjm-native-value-card,
  .jjm-native-standard-card,
  .jjm-native-product-row,
  .jjm-native-cover-image img,
  .jjm-native-circle-button .elementor-button,
  .jjm-native-footer-up .elementor-button {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* ================================================================
 * Elementor 4.2+ imported-Container compatibility
 * ----------------------------------------------------------------
 * Elementor 4.2 retains `_css_classes` on widgets but may omit the same
 * field from imported Containers. These structural selectors locate each
 * parent Container through a preserved native child-widget class.
 * ================================================================ */

/* Header location and hero overlap. */
body:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
  left: 0;
  position: absolute !important;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

body.admin-bar:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
  top: 32px;
}

body .elementor-location-header .e-con:has(> .jjm-native-main-menu) {
  left: 0;
  right: 0;
  transition: background-color .45s ease, min-height .45s ease,
    padding .45s ease, backdrop-filter .45s ease;
  width: 100% !important;
  z-index: 9999;
}

/* Hero root plus the two empty editorial layers and scan line. */
body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) {
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  position: relative;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(1),
body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(2) {
  height: 100%;
  inset: 0;
  max-width: none !important;
  pointer-events: none;
  position: absolute;
  width: 100% !important;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(1) {
  background-image:
    linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px);
  background-size: 12.5% 100%, 12.5% 100%;
  z-index: 0;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(2) {
  background:
    linear-gradient(90deg, rgba(6,22,47,.62) 0%, rgba(6,22,47,.08) 48%, rgba(6,22,47,.54) 100%),
    linear-gradient(0deg, rgba(6,22,47,.78) 0%, transparent 48%);
  z-index: 1;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:nth-child(3),
body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .jjm-native-hero-vertical,
body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .jjm-native-hero-code {
  position: relative;
  z-index: 3;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:last-child {
  animation: jjm-scan 6s ease-in-out infinite;
  background: linear-gradient(transparent, #c8ff38, transparent);
  box-shadow: 0 0 25px #c8ff38;
  height: 100% !important;
  flex: 0 0 1px !important;
  left: 45%;
  margin: 0 !important;
  max-width: 1px !important;
  min-height: 100%;
  min-width: 1px !important;
  padding: 0 !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1px !important;
  z-index: 2;
}

body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:last-child > .e-con-inner {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body .elementor .e-con:has(> .jjm-native-hero-vertical):has(.jjm-native-hero-title) > .e-con:last-child {
    animation: none;
    display: none;
  }
}

/* Home: one connected making system. */
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title) {
  border-left: 1px solid var(--jjm-line-dark);
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title) > .e-con {
  border-bottom: 1px solid var(--jjm-line-dark);
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 460px;
  overflow: hidden;
  position: relative;
  transition: background-color .45s cubic-bezier(.22,1,.36,1), color .45s ease;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title) > .e-con:hover {
  background: var(--jjm-coral) !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title) > .e-con:hover .elementor-heading-title,
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title) > .e-con:hover .elementor-widget-text-editor {
  color: var(--jjm-ink) !important;
}

/* Story: values grid. */
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-value-title) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-value-title) > .e-con {
  border-bottom: 1px solid var(--jjm-line-dark);
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 385px;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

/* Capabilities: standards grid. */
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-standard-word) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-standard-word) > .e-con {
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-quality-card-title) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-quality-card-title) > .e-con {
  width: 100% !important;
}

/* Product list rows. */
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-product-arrow) {
  display: flex !important;
  flex-direction: column !important;
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-product-arrow) > .e-con {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
}

/* Home 01: small beginnings. */
.jjm-native-story,
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title) {
  background: var(--jjm-paper) !important;
}

.jjm-native-story-grid,
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-content) {
  display: grid !important;
  gap: clamp(60px, 10vw, 160px);
  grid-template-columns: .9fr 1.1fr;
  max-width: 1540px !important;
  width: 100% !important;
}

.jjm-native-story-year,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-story-number) {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 20px;
  width: 100% !important;
}

.jjm-native-story-est {
  margin-top: 17px;
  width: auto !important;
}

.jjm-native-story-number {
  width: auto !important;
}

.jjm-native-story-number .elementor-heading-title span {
  color: transparent;
  display: block;
  font-style: normal;
  margin-left: .53em;
  -webkit-text-stroke: 1px var(--jjm-coral);
}

.jjm-native-story-title .elementor-heading-title span,
.jjm-native-babywear-title .elementor-heading-title span,
.jjm-native-footprint-title .elementor-heading-title span,
.jjm-native-people-title .elementor-heading-title span,
.jjm-native-vision-title .elementor-heading-title span {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.jjm-native-story-lead {
  margin: 46px 0 24px;
  max-width: 630px;
}

.jjm-native-story-copy {
  max-width: 590px;
}

.jjm-native-arrow-link {
  margin-top: 25px;
  width: auto !important;
}

.jjm-native-arrow-link .elementor-button {
  background: transparent !important;
  border-bottom: 1px solid currentColor;
  border-radius: 0 !important;
  padding: 0 0 8px !important;
}

/* Home 03: dedicated babywear expertise. */
.jjm-native-babywear,
body .elementor .e-con:has(.jjm-native-babywear-image):has(.jjm-native-babywear-title) {
  background: var(--jjm-ivory) !important;
  display: grid !important;
  gap: clamp(55px, 8vw, 130px);
  grid-template-columns: 1.05fr .95fr;
  min-height: 940px;
  overflow: hidden;
  position: relative;
}

.jjm-native-babywear-media,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-babywear-image) {
  height: min(72vw, 780px);
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

.jjm-native-babywear-media::after,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-babywear-image)::after {
  bottom: -7px;
  color: rgba(239,120,99,.14);
  content: "CARE";
  font: 500 clamp(110px, 14vw, 230px)/.75 Manrope, sans-serif;
  letter-spacing: -.09em;
  position: absolute;
  right: -22px;
  z-index: 2;
}

.jjm-native-babywear-image,
.jjm-native-babywear-image .elementor-widget-container,
.jjm-native-babywear-image img {
  height: 100% !important;
  width: 100% !important;
}

.jjm-native-babywear-image img {
  object-fit: cover;
  object-position: 56% center;
}

.jjm-native-babywear-vertical {
  left: 18px;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: auto !important;
  writing-mode: vertical-rl;
  z-index: 3;
}

.jjm-native-babywear-title {
  margin: 42px 0;
}

.jjm-native-care-grid,
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) {
  border-top: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 58px;
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-care-grid > .e-con,
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) > .e-con {
  border-top: 1px solid var(--jjm-line-dark) !important;
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 220px;
  padding: 25px 24px 20px 0;
  width: 100% !important;
}

.jjm-native-care-grid > .e-con-inner > .e-con,
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-care-title) > .e-con-inner > .e-con {
  border-top: 1px solid var(--jjm-line-dark) !important;
}

.jjm-native-care-grid > .e-con + .e-con,
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) > .e-con + .e-con {
  padding-left: 24px;
}

.jjm-native-care-no .elementor-heading-title {
  color: var(--jjm-coral);
  font: 500 10px/1.2 Manrope, sans-serif;
  letter-spacing: .15em;
}

.jjm-native-care-title {
  margin: 48px 0 13px;
}

.jjm-native-care-title .elementor-heading-title {
  color: var(--jjm-ink);
  font: 500 24px/1 Manrope, sans-serif;
  letter-spacing: -.04em;
}

.jjm-native-care-copy {
  --container-widget-flex-grow: 1 !important;
  --container-widget-width: 100% !important;
  align-self: stretch !important;
  color: #697477;
  font: 400 12px/1.65 Manrope, sans-serif;
  max-width: 100% !important;
  width: 100% !important;
}

.jjm-native-care-copy .elementor-widget-container,
.jjm-native-care-copy p,
.jjm-native-care-card > .e-con-inner {
  max-width: none !important;
  width: 100% !important;
}

/* Elementor may omit the imported care-copy class on published markup.
   Locate the editable Text Editor structurally through its sibling card title. */
body .elementor .e-con:has(> .jjm-native-care-title) > .elementor-widget-text-editor,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-care-title) > .e-con-inner > .elementor-widget-text-editor {
  --container-widget-flex-grow: 1 !important;
  --container-widget-width: 100% !important;
  align-self: stretch !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .jjm-native-care-title) > .elementor-widget-text-editor > .elementor-widget-container,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-care-title) > .e-con-inner > .elementor-widget-text-editor > .elementor-widget-container,
body .elementor .e-con:has(> .jjm-native-care-title) > .elementor-widget-text-editor p,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-care-title) > .e-con-inner > .elementor-widget-text-editor p {
  max-width: none !important;
  width: 100% !important;
}

/* Home 05: built to connect. */
.jjm-native-footprint,
body .elementor .e-con:has(.jjm-native-footprint-title):has(.jjm-native-footprint-panel) {
  background: var(--jjm-navy) !important;
  color: var(--jjm-white);
}

body .elementor .e-con.jjm-native-footprint {
  display: flex !important;
  flex-direction: column !important;
}

.jjm-native-footprint-head,
body .elementor .e-con:has(.jjm-native-footprint-title):has(.jjm-native-footprint-copy):not(:has(.jjm-native-footprint-panel)) {
  display: grid !important;
  gap: 70px;
  grid-template-columns: 1.5fr .5fr;
  max-width: 1540px !important;
  width: 100% !important;
}

.jjm-native-footprint-title {
  margin-top: 40px;
}

.jjm-native-footprint-title .elementor-heading-title span {
  color: var(--jjm-coral);
}

.jjm-native-footprint-panel,
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) {
  background: radial-gradient(circle at 60% 52%, rgba(173,190,169,.18), transparent 35%), #0d2935 !important;
  border: 1px solid rgba(255,255,255,.13);
  max-width: 1540px !important;
  min-height: 660px;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

.jjm-native-footprint-panel::before,
.jjm-native-footprint-panel::after,
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title))::before,
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title))::after,
.jjm-native-orbits::before {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  content: "";
  left: 57%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.jjm-native-footprint-panel::before,
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title))::before { height: 300px; width: 300px; }
.jjm-native-footprint-panel::after,
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title))::after { height: 550px; width: 550px; }
.jjm-native-orbits::before { height: 850px; width: 850px; }

.jjm-native-location,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-location-name) {
  padding-left: 22px;
  position: absolute;
  width: auto !important;
  z-index: 2;
}

.jjm-native-location::before,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-location-name)::before {
  border: 2px solid var(--jjm-coral);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(239,120,99,.12);
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 10px;
}

.jjm-native-location-india { left: 42%; top: 49%; }
.jjm-native-location-sri-lanka { left: 60%; top: 58%; }
.jjm-native-location-global { right: 12%; top: 25%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(2) { left: 42%; top: 49%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(3) { left: 60%; top: 58%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(4) { right: 12%; top: 25%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(2) { left: 42%; top: 49%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(3) { left: 60%; top: 58%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(4) { right: 12%; top: 25%; }

.jjm-native-location-label .elementor-heading-title {
  color: rgba(255,255,255,.48);
  font: 500 9px/1.2 Manrope, sans-serif;
  letter-spacing: .1em;
}

.jjm-native-location-name .elementor-heading-title {
  color: var(--jjm-white);
  font: 500 18px/1.2 Manrope, sans-serif;
}

.jjm-native-metric,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-metric-value) {
  border-left: 1px solid rgba(255,255,255,.25);
  padding: 22px 26px;
  position: absolute;
  width: auto !important;
  z-index: 2;
}

.jjm-native-metric-one { left: 5%; top: 9%; }
.jjm-native-metric-two { bottom: 10%; left: 5%; }
.jjm-native-metric-three { bottom: 10%; right: 5%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(5) { left: 5%; top: 9%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(6) { bottom: 10%; left: 5%; }
.jjm-native-footprint-panel > .e-con:nth-of-type(7) { bottom: 10%; right: 5%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(5) { left: 5%; top: 9%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(6) { bottom: 10%; left: 5%; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(7) { bottom: 10%; right: 5%; }

.jjm-native-metric-value .elementor-heading-title {
  color: var(--jjm-coral);
  font: 400 46px/1 Manrope, sans-serif;
  letter-spacing: -.06em;
}

.jjm-native-metric-label .elementor-heading-title {
  color: rgba(255,255,255,.55);
  font: 500 10px/1.4 Manrope, sans-serif;
  letter-spacing: .12em;
  max-width: 170px;
}

.jjm-native-source-note {
  margin-top: 16px;
  max-width: 1540px;
}

/* Home 06: our people, our future. */
.jjm-native-people,
body .elementor .e-con:has(.jjm-native-people-title):has(.jjm-native-people-grid) {
  background: var(--jjm-paper) !important;
}

body .elementor .e-con.jjm-native-people {
  display: flex !important;
  flex-direction: column !important;
}

.jjm-native-people-head,
body .elementor .e-con.jjm-native-people-head:has(.jjm-native-people-title):has(.jjm-native-people-lead) {
  display: grid !important;
  gap: 80px;
  grid-template-columns: 1.3fr .7fr;
  max-width: 1540px !important;
  width: 100% !important;
}

.jjm-native-people-title { margin-top: 42px; }

.jjm-native-people-title .elementor-heading-title span { color: var(--jjm-coral); }

.jjm-native-people-grid,
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title) {
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 90px;
  max-width: 1540px !important;
  width: 100% !important;
}

.jjm-native-people-card,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-people-card-title) {
  border-right: 1px solid var(--jjm-line-dark);
  min-height: 330px;
  padding: 32px clamp(22px,2.2vw,36px);
  transition: background-color .4s cubic-bezier(.22,1,.36,1), color .4s ease;
  width: 100% !important;
}

body .elementor .e-con.jjm-native-people-card {
  display: flex !important;
  flex-direction: column !important;
}

.jjm-native-people-grid > .e-con:first-child { border-left: 1px solid var(--jjm-line-dark); }
.jjm-native-people-card:hover { background: var(--jjm-navy) !important; color: white; }

.jjm-native-people-no .elementor-heading-title {
  color: var(--jjm-coral);
  font: 500 10px/1.2 Manrope, sans-serif;
}

.jjm-native-people-card-title { margin: 115px 0 24px; }
.jjm-native-people-card-title .elementor-heading-title { color: var(--jjm-ink); font: 500 clamp(28px,2.6vw,42px)/1 Manrope,sans-serif; letter-spacing: -.055em; }
.jjm-native-people-card-copy { color: #6a7579; font: 400 13px/1.65 Manrope,sans-serif; max-width: 250px; }
.jjm-native-people-card:hover .jjm-native-people-card-title .elementor-heading-title { color: white; }
.jjm-native-people-card:hover .jjm-native-people-card-copy { color: rgba(255,255,255,.6); }

/* Home: vision statement. */
.jjm-native-vision,
body .elementor .e-con:has(.jjm-native-vision-kicker):has(.jjm-native-vision-title) {
  background: var(--jjm-coral) !important;
  text-align: center;
}

.jjm-native-vision-kicker { margin-bottom: 32px; }

/*
 * Elementor 4.2 single-template import compatibility for Home 01/03/05/06,
 * Vision and the two previously added closing sections. Container CSS classes
 * can be omitted by the importer, while widget classes remain stable.
 */
body .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-number):has(.jjm-native-story-title),
body .elementor .e-con:has(.jjm-native-babywear-kicker):has(.jjm-native-babywear-image):has(.jjm-native-babywear-title),
body .elementor .e-con:has(.jjm-native-footprint-kicker):has(.jjm-native-source-note),
body .elementor .e-con:has(.jjm-native-people-kicker):has(.jjm-native-people-card-title),
body .elementor .e-con:has(.jjm-native-vision-kicker):has(.jjm-native-vision-title),
body .elementor .e-con:has(.jjm-native-impact-kicker):has(.jjm-native-impact-image),
body .elementor .e-con:has(.jjm-native-contact-kicker):has(.jjm-native-contact-button) {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-story-number):has(> .e-con > .e-con-inner > .jjm-native-story-title),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-story-number):has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-story-title) {
  align-items: start !important;
  display: grid !important;
  gap: clamp(60px, 10vw, 160px) !important;
  grid-template-columns: .9fr 1.1fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-footprint-title):has(> .jjm-native-footprint-copy),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-footprint-title):has(> .e-con-inner > .jjm-native-footprint-copy) {
  align-items: end !important;
  display: grid !important;
  gap: 70px !important;
  grid-template-columns: 1.5fr .5fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-title):has(> .jjm-native-people-lead),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-people-title):has(> .e-con-inner > .jjm-native-people-lead) {
  align-items: end !important;
  display: grid !important;
  gap: 80px !important;
  grid-template-columns: 1.3fr .7fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-care-title) {
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-people-card-title) {
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1540px !important;
  width: 100% !important;
}

/* Full-bleed breakout for Saved Template roots inside a constrained page wrapper. */
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-title),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-babywear-kicker):has(.jjm-native-babywear-image),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-footprint-kicker):has(.jjm-native-source-note),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-people-kicker):has(.jjm-native-people-card-title),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-vision-kicker):has(.jjm-native-vision-title),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-impact-kicker):has(.jjm-native-impact-image),
body:not(.elementor-editor-active) .elementor .e-con:has(.jjm-native-contact-kicker):has(.jjm-native-contact-button) {
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
  position: relative;
  width: 100vw !important;
}

/* Widget-marker layouts: these do not depend on imported Container classes. */
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)) {
  align-items: start !important;
  display: grid !important;
  gap: clamp(60px,10vw,160px) !important;
  grid-template-columns: .9fr 1.1fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(.jjm-native-story-number):not(:has(.jjm-native-story-title)) {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 20px !important;
  max-width: none !important;
  width: 100% !important;
}

/* Keep the oversized EST. 1971 block visible if Elementor's observer stalls. */
body .elementor .jjm-native-story-year,
body .elementor .e-con:has(.jjm-native-story-number):not(:has(.jjm-native-story-title)),
body .elementor .e-con.elementor-invisible:has(.jjm-native-story-number):not(:has(.jjm-native-story-title)),
body .elementor .e-con.animated:has(.jjm-native-story-number):not(:has(.jjm-native-story-title)) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Exact approved HTML composition for Home Section 01. */
body .elementor .e-con.jjm-native-story:has(.jjm-native-story-number):has(.jjm-native-story-content) {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  grid-template-columns: none !important;
}

body .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-number):has(.jjm-native-story-title) {
  box-sizing: border-box !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
  position: relative !important;
  width: 100vw !important;
}

body .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-number):has(.jjm-native-story-title) > .e-con-inner {
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-number):has(.jjm-native-story-title) > .jjm-native-story-kicker,
body .elementor .e-con:has(.jjm-native-story-kicker):has(.jjm-native-story-number):has(.jjm-native-story-title) > .e-con-inner > .jjm-native-story-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1250px !important;
  width: 100% !important;
}

body .elementor .e-con.jjm-native-story-grid:has(.jjm-native-story-number):has(.jjm-native-story-content),
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)) {
  --width: 100% !important;
  align-self: stretch !important;
  flex: 0 0 100% !important;
  gap: clamp(70px,6.5vw,120px) !important;
  grid-template-columns: .9fr 1.1fr !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1250px !important;
  width: 100% !important;
}

.jjm-native-story-grid > .jjm-native-story-year,
.jjm-native-story-grid > .jjm-native-story-content,
.jjm-native-story-grid > .e-con-inner > .jjm-native-story-year,
.jjm-native-story-grid > .e-con-inner > .jjm-native-story-content,
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)) > .e-con,
body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)) > .e-con-inner > .e-con {
  --width: 100% !important;
  align-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

.jjm-native-story-number .elementor-heading-title {
  font-size: clamp(140px,11vw,210px) !important;
  line-height: .72 !important;
}

.jjm-native-story-title {
  max-width: 650px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.jjm-native-story-title .elementor-heading-title {
  font-size: clamp(52px,4.1vw,78px) !important;
  letter-spacing: -.065em !important;
  line-height: .98 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.jjm-native-story-title .elementor-heading-title span {
  color: var(--jjm-coral) !important;
}

body .elementor .e-con:has(.jjm-native-story-title):has(.jjm-native-story-lead):not(:has(.jjm-native-story-number)) {
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con:has(.jjm-native-footprint-title):has(.jjm-native-footprint-copy):not(:has(.jjm-native-source-note)) {
  align-items: end !important;
  display: grid !important;
  gap: 70px !important;
  grid-template-columns: 1.5fr .5fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con.jjm-native-people-head:has(.jjm-native-people-title):has(.jjm-native-people-lead) {
  align-items: end !important;
  display: grid !important;
  gap: 80px !important;
  grid-template-columns: 1.3fr .7fr !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con.jjm-native-care-grid:has(.jjm-native-care-title) {
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  max-width: none !important;
  width: 100% !important;
}

body .elementor .e-con.jjm-native-care-card:has(.jjm-native-care-title) {
  border-top: 1px solid var(--jjm-line-dark) !important;
}

body .elementor .e-con.jjm-native-care-grid:has(.jjm-native-care-title),
body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title),
body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-care-title) {
  border-top: 0 !important;
}

body .elementor .e-con.jjm-native-people-grid:has(.jjm-native-people-card-title) {
  border-top: 1px solid var(--jjm-line-dark);
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  max-width: 1540px !important;
  width: 100% !important;
}

body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)) > :is(.e-con,.e-con-inner) > .e-con,
body .elementor .e-con:has(.jjm-native-care-title):not(:has(.jjm-native-babywear-title)) > :is(.e-con,.e-con-inner) > .e-con,
body .elementor .e-con.jjm-native-people-grid:has(.jjm-native-people-card-title) > :is(.e-con,.e-con-inner) > .e-con {
  max-width: none !important;
  width: 100% !important;
}

/* Position the six editable network items in their original composition. */
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(2),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(2) { left: 42% !important; right: auto !important; top: 49% !important; bottom: auto !important; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(3),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(3) { left: 60% !important; right: auto !important; top: 58% !important; bottom: auto !important; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(4),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(4) { left: auto !important; right: 12% !important; top: 25% !important; bottom: auto !important; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(5),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(5) { left: 5% !important; right: auto !important; top: 9% !important; bottom: auto !important; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(6),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(6) { bottom: 10% !important; left: 5% !important; right: auto !important; top: auto !important; }
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(7),
body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(7) { bottom: 10% !important; left: auto !important; right: 5% !important; top: auto !important; }

/* Home 07: responsible manufacturing. */
.jjm-native-impact,
body .elementor .e-con:has(.jjm-native-impact-image):has(.jjm-native-impact-title) {
  isolation: isolate;
  min-height: 900px;
  overflow: hidden;
  position: relative;
}

.jjm-native-impact-media,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-image) {
  height: 100%;
  inset: 0;
  max-width: none !important;
  padding: 0 !important;
  position: absolute;
  width: 100% !important;
  z-index: 0;
}

.jjm-native-impact-media::after,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-image)::after {
  background: linear-gradient(90deg, rgba(8,30,40,.1), rgba(8,30,40,.65));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.jjm-native-impact-image,
.jjm-native-impact-image .elementor-widget-container,
.jjm-native-impact-image img {
  height: 100% !important;
  width: 100% !important;
}

.jjm-native-impact-image img {
  object-fit: cover;
}

.jjm-native-impact-card,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-title) {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: rgba(11,36,48,.94) !important;
  max-width: 625px !important;
  position: relative;
  width: min(625px, 50vw) !important;
  z-index: 2;
}

/*
 * Elementor can leave below-the-fold entrance animations permanently in its
 * frontend invisible state. Section 07 must remain visible even if its
 * IntersectionObserver does not initialise after a cached/full-page render.
 */
body .elementor .jjm-native-impact-image.elementor-invisible,
body .elementor .jjm-native-impact-image.animated,
body .elementor .jjm-native-impact-image,
body .elementor .e-con.elementor-invisible:has(> .jjm-native-impact-title),
body .elementor .e-con.animated:has(> .jjm-native-impact-title),
body .elementor .e-con.elementor-invisible:has(.jjm-native-impact-title),
body .elementor .e-con.animated:has(.jjm-native-impact-title),
body .elementor .elementor-invisible:has(> .elementor-widget-container > .jjm-native-impact-title),
body .elementor .animated:has(> .elementor-widget-container > .jjm-native-impact-title) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.jjm-native-impact-title {
  margin: 42px 0 30px;
}

.jjm-native-impact-title .elementor-heading-title span,
.jjm-native-contact-title .elementor-heading-title span {
  color: var(--jjm-coral);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
}

.jjm-native-impact-copy p,
.jjm-native-contact-copy p {
  margin: 0;
}

.jjm-native-impact-links {
  border-top: 1px solid rgba(255,255,255,.18);
  margin-top: 45px;
}

.jjm-native-impact-link {
  border-bottom: 1px solid rgba(255,255,255,.18);
  margin: 0 !important;
}

.jjm-native-impact-link .elementor-button {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  justify-content: space-between;
  padding: 22px 0 !important;
  text-align: left;
  transition: color .25s ease, padding .25s ease;
  width: 100%;
}

.jjm-native-impact-link .elementor-button:hover {
  color: var(--jjm-lime) !important;
  padding-left: 8px !important;
}

/* Home 08: closing invitation. */
.jjm-native-contact,
body .elementor .e-con:has(.jjm-native-contact-title):has(.jjm-native-contact-button) {
  align-items: flex-end !important;
  background: var(--jjm-navy) !important;
  border-top: 8px solid var(--jjm-coral) !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 80px;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .55fr);
  max-width: none !important;
  width: 100% !important;
}

.jjm-native-contact-title {
  margin-top: 45px;
}

.jjm-native-contact-side,
body .elementor .e-con:has(> .e-con-inner > .jjm-native-contact-copy) {
  align-self: end;
  max-width: 430px !important;
  width: 100% !important;
}

/* Elementor may omit the side container's custom class on the published page.
 * Target its two editable child widgets so the CTA can never remain hidden. */
body:not(.elementor-editor-active) .elementor .jjm-native-contact > .e-con.elementor-invisible:has(.jjm-native-contact-copy):has(.jjm-native-contact-button),
body:not(.elementor-editor-active) .elementor .jjm-native-contact > .e-con.animated:has(.jjm-native-contact-copy):has(.jjm-native-contact-button) {
  opacity: 1 !important;
  visibility: visible !important;
}

.jjm-native-contact-copy {
  margin-bottom: 34px;
  max-width: 380px;
}

.jjm-native-contact-button .elementor-button {
  border-radius: 0 !important;
  padding: 20px 26px !important;
  transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.jjm-native-contact-button .elementor-button:hover {
  background: var(--jjm-lime) !important;
  color: var(--jjm-ink) !important;
  transform: translateY(-2px);
}

/* Native Nested Tabs panels retain native interaction. */
.jjm-native-milestone-tabs .e-n-tabs-content > .e-con,
.jjm-native-process-tabs .e-n-tabs-content > .e-con {
  min-height: 648px;
  overflow: hidden;
  position: relative;
}

.jjm-native-process-tabs .e-n-tabs-content > .e-con {
  min-height: 758px;
}

/* Footer columns and lower information rail. */
body .elementor-location-footer .e-con:has(> .e-con > .e-con-inner > .jjm-native-footer-label) {
  align-items: start !important;
  display: grid !important;
  gap: 42px;
  grid-template-columns: minmax(230px, 1.6fr) minmax(160px, 1fr) minmax(160px, 1fr) auto;
  max-width: none !important;
  width: 100% !important;
}

body .elementor-location-footer .e-con:has(> .e-con > .e-con-inner > .jjm-native-footer-label) > * {
  width: 100% !important;
}

body .elementor-location-footer .e-con:has(> .jjm-native-footer-divider) > .e-con:last-child {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-value-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-quality-card-title) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-standard-word) {
    grid-template-columns: 1fr;
  }

  body .elementor-location-footer .e-con:has(> .e-con > .e-con-inner > .jjm-native-footer-label) {
    grid-template-columns: minmax(220px, 1.4fr) 1fr 1fr;
  }

  .jjm-native-impact-card,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-title) {
    width: 62% !important;
  }

  .jjm-native-contact,
  body .elementor .e-con:has(.jjm-native-contact-title):has(.jjm-native-contact-button) {
    gap: 55px;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, .65fr);
  }

  .jjm-native-story-grid,
  body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-content) {
    gap: 70px;
  }

  .jjm-native-babywear,
  body .elementor .e-con:has(.jjm-native-babywear-image):has(.jjm-native-babywear-title) {
    gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .jjm-native-people-grid,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title) {
    grid-template-columns: repeat(2, 1fr);
  }

  .jjm-native-people-grid > .e-con:nth-child(3),
  .jjm-native-people-grid > .e-con:nth-child(4) {
    border-top: 1px solid var(--jjm-line-dark);
  }

  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-people-card-title) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .elementor .e-con.jjm-native-people-grid:has(.jjm-native-people-card-title) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar:has(.elementor-location-header .jjm-native-main-menu) .elementor-location-header {
    top: 46px;
  }
}

@media (max-width: 767px) {
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-card-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-value-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-standard-word),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-quality-card-title),
  body .elementor-location-footer .e-con:has(> .e-con > .e-con-inner > .jjm-native-footer-label) {
    grid-template-columns: 1fr;
  }

  body .elementor-location-footer .e-con:has(> .jjm-native-footer-divider) > .e-con:last-child {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 22px;
  }

  .jjm-native-impact,
  body .elementor .e-con:has(.jjm-native-impact-image):has(.jjm-native-impact-title) {
    align-items: flex-end !important;
    min-height: 950px;
  }

  .jjm-native-impact-media::after,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-image)::after {
    background: linear-gradient(0deg, rgba(8,30,40,.78), transparent 72%);
  }

  .jjm-native-impact-card,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-impact-title) {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .jjm-native-impact-title {
    margin: 32px 0 24px;
  }

  .jjm-native-impact-links {
    margin-top: 34px;
  }

  .jjm-native-contact,
  body .elementor .e-con:has(.jjm-native-contact-title):has(.jjm-native-contact-button) {
    align-items: flex-start !important;
    gap: 55px;
    grid-template-columns: 1fr;
  }

  .jjm-native-contact-title {
    margin-top: 32px;
  }

  .jjm-native-contact-side,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-contact-copy) {
    max-width: none !important;
  }

  .jjm-native-story-grid,
  body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-content),
  .jjm-native-babywear,
  body .elementor .e-con:has(.jjm-native-babywear-image):has(.jjm-native-babywear-title),
  .jjm-native-footprint-head,
  body .elementor .e-con:has(.jjm-native-footprint-title):has(.jjm-native-footprint-copy):not(:has(.jjm-native-footprint-panel)),
  .jjm-native-people-head,
  body .elementor .e-con.jjm-native-people-head:has(.jjm-native-people-title):has(.jjm-native-people-lead),
  .jjm-native-people-grid,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title) {
    grid-template-columns: 1fr;
  }

  .jjm-native-story-grid,
  body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-content) {
    gap: 65px;
    margin-top: 55px;
  }

  .jjm-native-babywear,
  body .elementor .e-con:has(.jjm-native-babywear-image):has(.jjm-native-babywear-title) {
    gap: 65px;
    min-height: auto;
  }

  .jjm-native-babywear-media,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-babywear-image) {
    height: 118vw;
  }

  .jjm-native-babywear-vertical { display: none; }

  .jjm-native-care-grid,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) {
    grid-template-columns: 1fr;
  }

  .jjm-native-care-grid > .e-con,
  .jjm-native-care-grid > .e-con + .e-con,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) > .e-con,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title) > .e-con + .e-con {
    border-bottom: 1px solid var(--jjm-line-dark);
    border-right: 0;
    min-height: auto;
    padding: 24px 0;
  }

  .jjm-native-care-title { margin: 22px 0 12px; }

  .jjm-native-footprint-panel,
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) {
    min-height: 650px;
  }

  .jjm-native-location-india,
  .jjm-native-footprint-panel > .e-con:nth-of-type(2),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(2) { left: 38%; top: 38%; }
  .jjm-native-location-sri-lanka,
  .jjm-native-footprint-panel > .e-con:nth-of-type(3),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(3) { left: 56%; top: 48%; }
  .jjm-native-location-global,
  .jjm-native-footprint-panel > .e-con:nth-of-type(4),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(4) { left: 52%; right: auto; top: 20%; }
  .jjm-native-metric-two,
  .jjm-native-footprint-panel > .e-con:nth-of-type(6),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(6) { bottom: 22%; }
  .jjm-native-metric-three,
  .jjm-native-footprint-panel > .e-con:nth-of-type(7),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-of-type(7) { bottom: 3%; left: 5%; right: auto; }
  .jjm-native-metric-value .elementor-heading-title { font-size: 32px; }

  .jjm-native-people-head,
  body .elementor .e-con.jjm-native-people-head:has(.jjm-native-people-title):has(.jjm-native-people-lead) { gap: 35px; }

  .jjm-native-people-grid,
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title) { margin-top: 60px; }

  .jjm-native-people-card,
  body .elementor .e-con:has(> .e-con-inner > .jjm-native-people-card-title) {
    border-left: 0 !important;
    border-right: 0;
    border-top: 1px solid var(--jjm-line-dark);
    min-height: 260px;
  }

  .jjm-native-people-card-title { margin-top: 70px; }

  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-story-number):has(> .e-con > .e-con-inner > .jjm-native-story-title),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-story-number):has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-story-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-footprint-title):has(> .jjm-native-footprint-copy),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-footprint-title):has(> .e-con-inner > .jjm-native-footprint-copy),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-title):has(> .jjm-native-people-lead),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-people-title):has(> .e-con-inner > .jjm-native-people-lead),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-care-title),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-care-title),
  body .elementor .e-con:has(> .e-con > .e-con-inner > .jjm-native-people-card-title),
  body .elementor .e-con:has(> .e-con-inner > .e-con > .e-con-inner > .jjm-native-people-card-title) {
    grid-template-columns: 1fr !important;
  }

  body .elementor .e-con:has(.jjm-native-story-number):has(.jjm-native-story-title):not(:has(.jjm-native-story-kicker)),
  body .elementor .e-con:has(.jjm-native-footprint-title):has(.jjm-native-footprint-copy):not(:has(.jjm-native-source-note)),
  body .elementor .e-con.jjm-native-people-head:has(.jjm-native-people-title):has(.jjm-native-people-lead),
  body .elementor .e-con:has(.jjm-native-care-title):not(:has(.jjm-native-babywear-title)),
  body .elementor .e-con.jjm-native-people-grid:has(.jjm-native-people-card-title) {
    grid-template-columns: 1fr !important;
  }

  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(2),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(2) { left: 38% !important; top: 38% !important; }
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(3),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(3) { left: 56% !important; top: 48% !important; }
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(4),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(4) { left: 52% !important; right: auto !important; top: 20% !important; }
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(6),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(6) { bottom: 22% !important; }
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con:nth-child(7),
  body .elementor .e-con:has(.jjm-native-location-name):has(.jjm-native-metric-value):not(:has(.jjm-native-footprint-title)) > .e-con-inner > .e-con:nth-child(7) { bottom: 3% !important; left: 5% !important; right: auto !important; }
}