/* SL COSMETICS V9 — white design section + refined thin English typography */

/* 1) Remove lingering section separator rules without touching intentional card/form outlines */
main > section,
main > section + section,
.dd-page main > section,
.dd-support-section,
.dd-flow-section,
.dd-hero,
.page-section,
.products,
.innovation,
.intro,
.global,
.split-feature,
.process-accordion-section,
.formula-v2-hero,
.contact-hero {
  border-top:0 !important;
  border-bottom:0 !important;
}

/* Some older design-development styles draw container rules */
.sl-flow__canvas,
.sl-designflow,
.dd-support-grid,
.dd-support-content,
.dd-support-intro,
.dd-support-bottom {
  border-top:0 !important;
  border-bottom:0 !important;
}

/* 2) Design Development support area: pure white + four independent hairline cards */
.dd-support-section{
  background:#fff !important;
}
.dd-support-grid{
  background:#fff !important;
}
.dd-support-content{
  background:#fff !important;
}
.dd-support-buttons{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  border:0 !important;
  background:transparent !important;
}
.dd-support-buttons button{
  border:1px solid rgba(57,46,40,.16) !important;
  background:#fff !important;
  min-height:104px !important;
  height:104px !important;
  padding:22px 24px !important;
  transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease !important;
}
.dd-support-buttons button:hover,
.dd-support-buttons button.is-active{
  background:#fbf8f6 !important;
  border-color:rgba(206,23,53,.34) !important;
  box-shadow:0 8px 22px rgba(29,22,19,.035) !important;
}
.dd-support-bottom{
  padding-top:20px !important;
}

/* 3) Refined English display system.
   No webfont dependency: uses premium system faces when available, then robust fallbacks. */
:root{
  --sl-en-display:"Avenir Next","Helvetica Neue","Segoe UI Light","Segoe UI",Arial,sans-serif;
  --sl-en-ui:"Avenir Next","Helvetica Neue","Segoe UI",Arial,sans-serif;
}

/* English display text that remains English even on the Korean page */
.hero-static__title,
.process-step__title,
.dd-support-buttons button strong,
.dd-support-meta .eyebrow,
.dd-support-bottom,
.dd-hero__en,
.eyebrow,
.main-nav a,
.mobile-nav a,
.footer-bottom,
.formula-v2-card__info small,
.formula-modal__category,
.process-hero .eyebrow,
.contact-page .eyebrow{
  font-family:var(--sl-en-ui) !important;
}

.hero-static__title{
  font-family:var(--sl-en-display) !important;
  font-weight:300 !important;
  letter-spacing:.036em !important;
  line-height:1.04 !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.process-step__title,
.dd-support-buttons button strong{
  font-family:var(--sl-en-display) !important;
  font-weight:400 !important;
  letter-spacing:.045em !important;
}

.eyebrow,
.dd-support-meta .eyebrow,
.dd-hero__en,
.process-hero .eyebrow,
.contact-page .eyebrow{
  font-family:var(--sl-en-ui) !important;
  font-weight:500 !important;
  letter-spacing:.22em !important;
}

.main-nav a,
.mobile-nav a,
.footer-bottom{
  font-family:var(--sl-en-ui) !important;
  font-weight:400 !important;
  letter-spacing:.12em !important;
}

/* English language mode: apply the same airy display family to translated titles */
html[lang="en"] .display,
html[lang="en"] .section-title,
html[lang="en"] .page-hero h1,
html[lang="en"] .dd-hero__title,
html[lang="en"] .dd-wide-title,
html[lang="en"] .dd-flow-title,
html[lang="en"] .dd-support-title,
html[lang="en"] .process-hero__title,
html[lang="en"] .about-v32__hero-copy h1,
html[lang="en"] .about-v32__statement h2,
html[lang="en"] .contact-consultation h1,
html[lang="en"] .contact-consultation h2,
html[lang="en"] .formula-v2-heading h2,
html[lang="en"] h1,
html[lang="en"] h2{
  font-family:var(--sl-en-display) !important;
  font-weight:300 !important;
  letter-spacing:.032em !important;
  line-height:1.08 !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

html[lang="en"] .hero-static__title{
  letter-spacing:.04em !important;
}

html[lang="en"] .body,
html[lang="en"] .body-lg,
html[lang="en"] p{
  font-family:var(--sl-en-ui) !important;
  font-weight:300 !important;
  letter-spacing:.008em !important;
}

@media(max-width:760px){
  .dd-support-buttons{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .dd-support-buttons button{
    min-height:78px !important;
    height:auto !important;
    padding:18px 20px !important;
  }
  .hero-static__title{
    letter-spacing:.026em !important;
  }
  html[lang="en"] .display,
  html[lang="en"] .section-title,
  html[lang="en"] h1,
  html[lang="en"] h2{
    letter-spacing:.022em !important;
  }
}