/* Section 07: supplied 7s.png artwork, native website type and shared gutters. */
html body.nss-page #main #neurocosmetics { --nc-art: url('../images/neuro-skin-science-20260915/neurocosmetics-reference/neurocosmetics-clean.png'); padding: 48px 0; background: #fff; overflow: clip; }
html body.nss-page #neurocosmetics::before { display: none !important; }
html body.nss-page #main #neurocosmetics > .nss-shell { width: auto; max-width: none; margin: 0; padding: 0 24px; }
#neurocosmetics .nss-nc-canvas { position: relative; container-type: inline-size; isolation: isolate; }
html body.nss-page #main #neurocosmetics :is(h2,h3,p,span,a) { font-family: 'DM Sans','Noto Sans Thai','Noto Sans JP','Noto Sans SC','Noto Sans TC',sans-serif !important; text-transform: none !important; white-space: normal; }
html body.nss-page #main #neurocosmetics :is(h2,h3,p,ol,ul,figure) { margin: 0 !important; }
#neurocosmetics :is(ol,ul) { padding: 0; list-style: none; }
html body.nss-page #main #neurocosmetics h2 { font-size: clamp(38px,6.6vw,72px) !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: -.04em !important; overflow-wrap: anywhere; }
html body.nss-page #main #neurocosmetics .nss-nc-subtitle { margin-top: 8px !important; font-size: clamp(24px,3.4vw,38px) !important; line-height: 1.16 !important; letter-spacing: -.035em !important; }
html body.nss-page #main #neurocosmetics .nss-nc-intro { margin-top: 22px !important; font-size: 20px !important; line-height: 1.4 !important; }
html body.nss-page #main #neurocosmetics .nss-nc-mechanisms-title { margin-top: 36px !important; font-size: 30px !important; line-height: 1.15 !important; letter-spacing: -.035em !important; }
#neurocosmetics .nss-nc-mechanisms-title::after { display: none; }
html body.nss-page #main #neurocosmetics .nss-nc-mechanisms { display: grid; gap: 24px; margin-top: 24px !important; }
#neurocosmetics .nss-nc-mechanisms li { display: flex; align-items: start; gap: 18px; min-width: 0; }
html body.nss-page #main #neurocosmetics .nss-nc-number { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #123868; color: #fff !important; font-size: 28px !important; line-height: 1 !important; font-weight: 700; }
html body.nss-page #main #neurocosmetics .nss-nc-mechanisms h3 { font-size: 25px !important; line-height: 1.2 !important; letter-spacing: -.035em !important; font-weight: 700 !important; }
html body.nss-page #main #neurocosmetics .nss-nc-mechanisms p { margin-top: 7px !important; font-size: 20px !important; line-height: 1.35 !important; }
#neurocosmetics .nss-nc-desktop-break { display: none; }
html body.nss-page #main #neurocosmetics .nss-nc-visual { position: relative; aspect-ratio: 1424 / 331; overflow: hidden; margin-block: 32px 24px !important; }
#neurocosmetics .nss-nc-background { position: absolute; top: calc(-550 / 331 * 100%); left: calc(-368 / 1424 * 100%); width: calc(2048 / 1424 * 100%); max-width: none; height: auto; }
#neurocosmetics .nss-nc-label { display: none; }
#neurocosmetics .nss-nc-outcomes { display: grid; gap: 18px; }
#neurocosmetics .nss-nc-outcomes li { display: flex; align-items: center; gap: 20px; }
#neurocosmetics .nss-nc-outcomes img { width: 74px; height: 74px; object-fit: contain; }
html body.nss-page #main #neurocosmetics .nss-nc-outcomes span { display: block; font-size: 20px !important; line-height: 1.2 !important; }
#neurocosmetics .nss-nc-callout { margin-top: 32px; padding: 22px; border: 1px solid #c0d0eb; border-radius: 24px; background: #f8fbff; }
#neurocosmetics .nss-nc-callout img { width: 66px; height: 62px; object-fit: contain; margin-bottom: 14px; mix-blend-mode: multiply; }
html body.nss-page #main #neurocosmetics .nss-nc-callout p { font-size: 20px !important; line-height: 1.35 !important; }
#neurocosmetics .nss-nc-explore { display: flex; align-items: center; gap: 18px; width: fit-content; min-height: 44px; margin: 24px 0 0 auto; text-decoration: none; }
html body.nss-page #main #neurocosmetics .nss-nc-explore span { font-size: 22px !important; line-height: 1.2 !important; }
#neurocosmetics .nss-nc-explore .ph { font-size: 32px; }
#neurocosmetics .nss-nc-explore::after { content: ''; width: 64px; border-top: 1px solid #314681; }
#neurocosmetics .nss-nc-explore:hover { opacity: .72; }
#neurocosmetics .nss-nc-explore:focus-visible { outline: 2px solid #3075c2; outline-offset: 5px; }
@media (min-width: 700px) {
  #neurocosmetics .nss-nc-mechanisms { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #neurocosmetics .nss-nc-mechanisms li { flex-direction: column; }
  #neurocosmetics .nss-nc-outcomes { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #neurocosmetics .nss-nc-outcomes li { flex-direction: column; text-align: center; }
  #neurocosmetics .nss-nc-outcomes img { width: 90px; height: 90px; }
  #neurocosmetics .nss-nc-callout { display: flex; align-items: center; gap: 22px; }
  #neurocosmetics .nss-nc-callout img { flex: 0 0 66px; margin: 0; }
}
@media (min-width: 801px) { html body.nss-page #main #neurocosmetics > .nss-shell { padding-inline: 40px; } }
@media (min-width: 1200px) { html body.nss-page #main #neurocosmetics > .nss-shell { padding-inline: 150px; } }
@media (min-width: 1400px) {
  html body.nss-page #main #neurocosmetics { padding-block: 0; }
  #neurocosmetics .nss-nc-canvas { --nc-unit: calc(100cqw / 1424); aspect-ratio: 1424 / 1146.88; }
  .nss-nc-heading { position: absolute; z-index: 2; top: calc(188 * var(--nc-unit)); left: 0; width: calc(870 * var(--nc-unit)); }
  html body.nss-page #main #neurocosmetics h2 { min-height: calc(87 * var(--nc-unit)); font-size: calc(85 * var(--nc-unit)) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; }
  html[lang="th"] body.nss-page #main #neurocosmetics h2 { font-size: calc(60 * var(--nc-unit)) !important; }
  html[lang="ja"] body.nss-page #main #neurocosmetics h2 { font-size: calc(65 * var(--nc-unit)) !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-subtitle { margin-top: calc(2 * var(--nc-unit)) !important; font-size: calc(38 * var(--nc-unit)) !important; line-height: 1.16 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-intro { margin-top: calc(13 * var(--nc-unit)) !important; width: calc(870 * var(--nc-unit)); font-size: calc(17 * var(--nc-unit)) !important; line-height: 1.2 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-mechanisms-title { position: absolute; z-index: 2; left: 0; top: calc(405 * var(--nc-unit)); margin: 0 !important; width: calc(447 * var(--nc-unit)); font-size: calc(29 * var(--nc-unit)) !important; line-height: 1.15 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-mechanisms { display: contents; margin: 0 !important; }
  #neurocosmetics .nss-nc-mechanisms li { position: absolute; z-index: 2; display: block; top: calc(460 * var(--nc-unit)); width: calc(263 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-mechanisms li:nth-child(1) { left: calc(119 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-mechanisms li:nth-child(2) { left: calc(544 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-mechanisms li:nth-child(3) { left: calc(927 * var(--nc-unit)); width: calc(282 * var(--nc-unit)); }
  html body.nss-page #main #neurocosmetics .nss-nc-number { display: none; }
  html body.nss-page #main #neurocosmetics .nss-nc-mechanisms h3 { font-size: calc(23 * var(--nc-unit)) !important; line-height: 1.15 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-mechanisms p { margin-top: calc(6 * var(--nc-unit)) !important; font-size: calc(17.5 * var(--nc-unit)) !important; line-height: 1.18 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-visual { position: absolute; z-index: 0; inset: 0; aspect-ratio: auto; overflow: visible; margin: 0 !important; }
  #neurocosmetics .nss-nc-background { top: 0; left: calc(-368 * var(--nc-unit)); width: calc(2048 * var(--nc-unit)); height: calc(1146.88 * var(--nc-unit)); }
  html body.nss-page #main #neurocosmetics .nss-nc-label { position: absolute; display: block; font-size: calc(17.5 * var(--nc-unit)) !important; line-height: 1.18 !important; }
  #neurocosmetics .nss-nc-label--cell { left: calc(442 * var(--nc-unit)); top: calc(749 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-label--nucleus { left: calc(991 * var(--nc-unit)); top: calc(592 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-label--er { left: calc(991 * var(--nc-unit)); top: calc(832 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-outcomes { display: contents; }
  #neurocosmetics .nss-nc-outcomes li { display: block; position: absolute; z-index: 2; left: calc(1325 * var(--nc-unit)); width: calc(99 * var(--nc-unit)); text-align: left; }
  #neurocosmetics .nss-nc-outcomes li:nth-child(1) { top: calc(572 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-outcomes li:nth-child(2) { top: calc(697 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-outcomes li:nth-child(3) { top: calc(820 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-outcomes img { display: none; }
  html body.nss-page #main #neurocosmetics .nss-nc-outcomes span { font-size: calc(16.5 * var(--nc-unit)) !important; line-height: 1.18 !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-callout { position: absolute; z-index: 2; left: calc(371 * var(--nc-unit)); top: calc(905 * var(--nc-unit)); width: calc(645 * var(--nc-unit)); height: calc(59 * var(--nc-unit)); display: flex; align-items: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  #neurocosmetics .nss-nc-callout::before, #neurocosmetics .nss-nc-callout::after, #neurocosmetics .nss-nc-callout img { display: none !important; }
  html body.nss-page #main #neurocosmetics .nss-nc-callout p { font-size: calc(18 * var(--nc-unit)) !important; line-height: 1.25 !important; }
  #neurocosmetics .nss-nc-explore { position: absolute; z-index: 2; left: calc(1183 * var(--nc-unit)); top: calc(939 * var(--nc-unit)); min-height: calc(44 * var(--nc-unit)); margin: 0; gap: calc(16 * var(--nc-unit)); }
  html body.nss-page #main #neurocosmetics .nss-nc-explore span { font-size: calc(20 * var(--nc-unit)) !important; }
  #neurocosmetics .nss-nc-explore .ph { font-size: calc(31 * var(--nc-unit)); }
  #neurocosmetics .nss-nc-explore::after { width: calc(95 * var(--nc-unit)); }
}
@media (max-width: 360px) { html body.nss-page #main #neurocosmetics h2 { font-size: 33px !important; } }