/* MapleLand Homepage Clone - clean Kim Oanh-inspired stylesheet */

:root {
  --ml-orange: #f26322;
  --ml-red: #be1e2d;
  --ml-text: #4b5563;
  --ml-dark: #111827;
  --ml-muted: #6b7280;
  --ml-soft: #f3f3f3;
  --ml-line: #e5e7eb;
  --ml-white: #fff;
  --ml-font: 'Arsenal', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--ml-font); color: var(--ml-text); overflow-x: hidden; }
body.page-template-template-mapleland-homepage #masthead,
body.page-template-template-mapleland-homepage #header,
body.page-template-template-mapleland-homepage .header-wrapper,
body.page-template-template-mapleland-homepage .header-main,
body.page-template-template-mapleland-homepage .site-header:not(.ko90-header) { display: none !important; }

.ko90-page { background: var(--ml-white); color: var(--ml-text); }
.ko90-container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }

.ko90-header { position: fixed; inset: 0 0 auto; z-index: 9999; height: 102px; background: #fff; box-shadow: none; transition: height .25s ease, box-shadow .25s ease; }
.ko90-header.scrolled { height: 82px; box-shadow: 0 8px 28px rgba(17,24,39,.07); }
.ko90-header__inner { max-width: 1160px; height: 100%; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ko90-logo { width: 250px; height: 60px; display: flex; align-items: center; justify-content: center; text-decoration: none; background: #fafafa; color: var(--ml-orange); }
.ko90-logo__mark { display: none; }
.ko90-logo__text { display: block; line-height: 1; text-align: center; }
.ko90-logo__text strong { display: block; font-size: 24px; letter-spacing: 2px; color: var(--ml-orange); }
.ko90-logo__text small { display: none; }
.ko90-nav .nav-menu { display: flex; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none; }
.ko90-nav .nav-link { position: relative; display: flex; align-items: center; height: 102px; color: #111827; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; }
.ko90-header.scrolled .ko90-nav .nav-link { height: 82px; }
.ko90-nav .nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 31px; height: 2px; background: var(--ml-orange); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.ko90-nav .nav-link:hover, .ko90-nav .nav-link.active, .ko90-nav .nav-link:focus-visible { color: var(--ml-orange); }
.ko90-nav .nav-link:hover::after, .ko90-nav .nav-link.active::after, .ko90-nav .nav-link:focus-visible::after { transform: scaleX(1); }
.ko90-actions { display: flex; align-items: center; gap: 16px; }
.ko90-lang { color: #111827; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.ko90-lang::after { content: ' ▾'; font-size: 10px; display: block; text-align: center; line-height: 1; }
.mobile-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--ml-line); background: #fff; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.mobile-toggle span { width: 20px; height: 2px; background: var(--ml-orange); display: block; }

.ko90-hero { position: relative; height: 560px; min-height: 560px; margin-top: 102px; overflow: hidden; background: #fff; }
.hero-slide { position: absolute; inset: 0; opacity: 0; z-index: 1; background-size: cover; background-position: center 42%; transition: opacity .9s ease; will-change: opacity; contain: layout paint; }
.hero-slide.active { opacity: 1; z-index: 2; }
.hero-slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.82), rgba(255,255,255,.54) 32%, rgba(255,255,255,.12) 72%), linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.78)); }
.hero-slide::after { content: 'M'; position: absolute; right: 7%; bottom: -82px; z-index: 2; font-size: 360px; line-height: .8; font-weight: 700; color: rgba(242,99,34,.76); }
.ko90-hero__content { position: absolute; left: calc(50% - 360px); top: 52%; z-index: 4; width: 500px; transform: translateY(-50%); }
.ko90-eyebrow { display: inline-block; margin-bottom: 18px; padding-left: 18px; border-left: 2px solid var(--ml-orange); color: var(--ml-orange); font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ko90-hero h1 { margin: 0 0 18px; color: var(--ml-text); font-size: clamp(34px, 4vw, 58px); line-height: 1.05; font-weight: 700; letter-spacing: -.02em; }
.ko90-hero p { margin: 0 0 28px; color: var(--ml-text); font-size: 17px; line-height: 1.65; }
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 24px; border: 1px solid transparent; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--ml-orange); color: #fff; }
.btn-secondary { background: #fff; border-color: var(--ml-orange); color: var(--ml-orange); }
.ko90-hero__dots { position: absolute; right: calc(50% - 555px); bottom: 36px; z-index: 5; display: flex; gap: 10px; }
.hero-dot { width: 38px; height: 2px; background: #c9c9c9; cursor: pointer; transition: width .25s ease, background .25s ease; }
.hero-dot.active { width: 64px; background: var(--ml-orange); }

.ko90-stats { padding: 58px 0 92px; background: #fff; border-bottom: 1px solid var(--ml-line); }
.ko90-stats__grid { max-width: 1160px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: 24px 72px; }
.stat-item { padding-bottom: 26px; }
.stat-item:first-child { grid-row: span 2; padding-left: 42px; border-left: 2px solid var(--ml-orange); }
.stat-item:first-child .stat-number { color: var(--ml-orange); font-size: 86px; line-height: 1; letter-spacing: -.04em; }
.stat-item:first-child .stat-label { color: var(--ml-orange); font-size: 28px; margin-top: 18px; }
.stat-item:nth-child(n+6) { display: none; }
.stat-number { color: var(--ml-text); font-size: 38px; line-height: 1.1; font-weight: 700; font-variant-numeric: tabular-nums; }
.stat-number span { color: var(--ml-red); }
.stat-label { margin-top: 8px; color: #374151; font-size: 16px; }

.ko90-about, .ko90-projects, .ko90-sustainable, .ko90-media, .ko90-careers { padding: 88px 0; background: #fff; }
.ko90-fields { padding: 72px 0; background: var(--ml-soft); }
.ko90-section-label, .section-title, .section-header h2, .ko90-sustainable h2, .ko90-cta h2 { margin: 0; color: var(--ml-text); font-size: 42px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; }
.section-subtitle { display: none; }
.section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.section-header::after { content: 'Xem thêm ›'; margin-top: 10px; color: #333; font-size: 16px; white-space: nowrap; }

.ko90-about__grid { display: grid; grid-template-columns: .9fr 1.1fr; grid-template-areas: 'label media' 'copy media'; gap: 42px 80px; align-items: center; }
.ko90-about__grid > .ko90-section-label { grid-area: label; }
.ko90-about__copy { grid-area: copy; font-size: 16px; line-height: 1.75; }
.ko90-about__copy h2 { display: none; }
.ko90-about__copy p { max-width: 560px; }
.ko90-about__media { grid-area: media; position: relative; height: 360px; overflow: visible; }
.ko90-about__media::after, .ko90-sustainable__visual::after { content: ''; position: absolute; inset: -20px 0 0 20px; z-index: 2; pointer-events: none; background: linear-gradient(135deg, transparent 13%, rgba(242,99,34,.22) 13% 13.5%, transparent 13.5% 48%, rgba(242,99,34,.2) 48% 48.5%, transparent 48.5%); }
.ko90-about__media img, .ko90-sustainable__visual img { width: 100%; height: 100%; object-fit: cover; clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 28%); filter: brightness(1.04) saturate(.95); }

.ko90-card-grid--4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ko90-field-card { position: relative; height: 376px; overflow: hidden; border-radius: 6px; color: #fff; background: #000; }
.ko90-field-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.82) saturate(.9); transition: transform .65s ease, filter .35s ease; }
.ko90-field-card::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(0,0,0,.78)); }
.ko90-field-card::after { content: ''; position: absolute; left: 30px; right: 30px; bottom: 104px; z-index: 2; height: 1px; background: rgba(255,255,255,.82); }
.ko90-field-card > div { position: absolute; left: 30px; right: 24px; bottom: 28px; z-index: 3; }
.ko90-field-card h3 { margin: 0; color: #fff; font-size: 23px; line-height: 1.28; font-weight: 700; }
.ko90-field-card p { display: none; }
.ko90-field-card:hover img { transform: scale(1.06); filter: brightness(.72) saturate(1); }

.ko90-projects .section-header { display: grid; grid-template-columns: 1fr 270px; gap: 80px; min-height: 250px; }
.ko90-projects .section-header::after { content: 'Xem thêm ›\A\A━━━━━━━━━━━━\A Dự án nổi bật\A\A━━━━━━━━━━━━\A Dự án đã triển khai\A\A━━━━━━━━━━━━\A Dự án đang triển khai'; white-space: pre-line; margin: 0; color: #333; font-size: 18px; font-weight: 700; line-height: 2; }
.ko90-project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ko90-project-card { position: relative; height: 430px; overflow: hidden; color: #fff; background: #000; }
.ko90-project-card--large { grid-row: auto; }
.ko90-project-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.ko90-project-card::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.74)); }
.ko90-project-card::after { content: ''; position: absolute; left: 30px; right: 30px; bottom: 118px; z-index: 2; height: 1px; background: rgba(255,255,255,.82); }
.ko90-project-card > div { position: absolute; left: 30px; right: 24px; bottom: 28px; z-index: 3; }
.ko90-project-card span, .ko90-project-card p, .ko90-project-card a { color: rgba(255,255,255,.9); }
.ko90-project-card h3 { margin: 8px 0; color: #fff; font-size: 26px; line-height: 1.2; }
.ko90-project-card p { margin: 0 0 10px; font-size: 15px; }
.ko90-project-card a { text-decoration: underline; }
.ko90-project-card:hover img { transform: scale(1.06); }

.ko90-sustainable__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.ko90-sustainable p { font-size: 16px; line-height: 1.75; }
.ko90-sustainable__visual { position: relative; height: 360px; overflow: visible; }

.ko90-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.ko90-news-card { padding: 0 0 20px; background: #fff; color: var(--ml-text); overflow: hidden; }
.ko90-news-card img { width: 100%; height: 255px; object-fit: cover; border-radius: 6px; transition: transform .6s ease; }
.ko90-news-card span { display: block; margin-top: 22px; color: #8a8a8a; font-size: 16px; }
.ko90-news-card h3 { margin: 14px 0; color: var(--ml-text); font-size: 24px; line-height: 1.28; }
.ko90-news-card p { margin: 0; color: #555; font-size: 15px; }
.ko90-news-card:hover img { transform: scale(1.04); }

.ko90-careers { background: var(--ml-soft); }
.ko90-cta { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.ko90-cta p { max-width: 650px; font-size: 17px; line-height: 1.7; }
.ko90-footer { padding: 60px 0; background: #333; color: #fff; }
.ko90-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 48px; }
.ko90-footer h3, .ko90-footer h4 { color: #fff; }

.ko90-about, .ko90-field-card, .ko90-project-card, .ko90-sustainable, .ko90-news-card, .ko90-cta { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.ko90-about.is-visible, .ko90-field-card.is-visible, .ko90-project-card.is-visible, .ko90-sustainable.is-visible, .ko90-news-card.is-visible, .ko90-careers.is-visible .ko90-cta { opacity: 1; transform: translateY(0); }

.btn:focus-visible, .nav-link:focus-visible, .hero-dot:focus-visible, .ko90-lang:focus-visible, .mobile-toggle:focus-visible { outline: 2px solid var(--ml-orange); outline-offset: 3px; }
.btn:focus:not(:focus-visible), .nav-link:focus:not(:focus-visible), .hero-dot:focus:not(:focus-visible), .ko90-lang:focus:not(:focus-visible), .mobile-toggle:focus:not(:focus-visible) { outline: none; }

@media (max-width: 1180px) {
  .ko90-nav .nav-menu { gap: 16px; }
  .ko90-logo { width: 210px; }
  .ko90-logo__text strong { font-size: 21px; }
}

@media (max-width: 1023px) {
  .ko90-header { height: 76px; }
  .ko90-header.scrolled { height: 76px; }
  .ko90-logo { width: 180px; height: 46px; }
  .ko90-logo__text strong { font-size: 18px; }
  .mobile-toggle { display: flex; }
  .ko90-nav .nav-menu { position: absolute; top: 76px; left: 0; right: 0; display: none; padding: 18px 24px; background: #fff; box-shadow: 0 16px 40px rgba(0,0,0,.08); }
  .ko90-nav .nav-menu.active { display: block; }
  .ko90-nav .nav-link, .ko90-header.scrolled .ko90-nav .nav-link { height: 44px; }
  .ko90-hero { margin-top: 76px; height: 560px; min-height: 560px; }
  .ko90-hero__content { left: 24px; width: calc(100% - 48px); }
  .hero-slide::after { right: -24px; font-size: 220px; }
  .ko90-hero__dots { right: 24px; }
  .ko90-stats__grid, .ko90-about__grid, .ko90-sustainable__grid, .ko90-projects .section-header, .ko90-footer__grid { grid-template-columns: 1fr; }
  .ko90-about__grid { grid-template-areas: 'label' 'media' 'copy'; }
  .stat-item:first-child { grid-row: auto; }
  .ko90-card-grid--4, .ko90-project-grid, .ko90-news-grid { grid-template-columns: 1fr; gap: 20px; }
  .ko90-projects .section-header { min-height: 0; }
  .ko90-projects .section-header::after { content: 'Xem thêm ›'; font-size: 16px; }
}

@media (max-width: 640px) {
  .ko90-section-label, .section-title, .section-header h2, .ko90-sustainable h2, .ko90-cta h2 { font-size: 34px; }
  .ko90-hero h1 { font-size: 34px; }
  .stat-item:first-child .stat-number { font-size: 64px; }
  .ko90-about, .ko90-projects, .ko90-sustainable, .ko90-media, .ko90-careers, .ko90-fields { padding: 58px 0; }
  .ko90-field-card, .ko90-project-card { height: 360px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .ko90-about, .ko90-field-card, .ko90-project-card, .ko90-sustainable, .ko90-news-card, .ko90-cta { opacity: 1 !important; transform: none !important; }
}

/* clean hotfix: remove body gap above hero */
html, body, #wrapper, #main { background: #fff !important; }
.ko90-page { padding-top: 102px; }
.ko90-hero { margin-top: 0; }
@media (max-width: 1023px) {
  .ko90-page { padding-top: 76px; }
  .ko90-hero { margin-top: 0; }
}
body.page-template-template-mapleland-homepage .page-wrapper,
body.page-template-template-mapleland-homepage #main,
body.page-template-template-mapleland-homepage .content-area,
body.page-template-template-mapleland-homepage .site-main,
body.page-template-template-mapleland-homepage .ko90-page { margin-top: 0 !important; padding-top: 102px !important; }
body.page-template-template-mapleland-homepage .ko90-page .ko90-hero { margin-top: 0 !important; }
body.page-template-template-mapleland-homepage #main > .ko90-page { padding-top: 102px !important; }
@media (max-width: 1023px) {
  body.page-template-template-mapleland-homepage .page-wrapper,
  body.page-template-template-mapleland-homepage #main,
  body.page-template-template-mapleland-homepage .content-area,
  body.page-template-template-mapleland-homepage .site-main,
  body.page-template-template-mapleland-homepage .ko90-page,
  body.page-template-template-mapleland-homepage #main > .ko90-page { padding-top: 76px !important; }
}
/* clean hotfix 2: neutralize Flatsome page top offset without double padding */
body.page-template-template-mapleland-homepage #main,
body.page-template-template-mapleland-homepage .page-wrapper,
body.page-template-template-mapleland-homepage .content-area,
body.page-template-template-mapleland-homepage .site-main { padding-top: 0 !important; margin-top: 0 !important; }
body.page-template-template-mapleland-homepage .ko90-page { margin-top: -30px !important; padding-top: 102px !important; }
body.page-template-template-mapleland-homepage .ko90-hero { margin-top: 0 !important; }
@media (max-width: 1023px) {
  body.page-template-template-mapleland-homepage .ko90-page { margin-top: -30px !important; padding-top: 76px !important; }
}

/* projects section fix: remove broken tall pseudo-sidebar and restore compact Kim Oanh-like header */
.ko90-projects { padding: 82px 0 96px; }
.ko90-projects .section-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 32px !important;
  min-height: 0 !important;
  margin-bottom: 42px !important;
}
.ko90-projects .section-header::after {
  content: 'Xem thêm ›' !important;
  white-space: nowrap !important;
  margin-top: 12px !important;
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.ko90-projects .section-header .section-title,
.ko90-projects .section-header h2 {
  display: block !important;
  margin: 0 !important;
  color: var(--ml-text) !important;
  font-size: 42px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}
.ko90-project-grid {
  margin-top: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}
.ko90-project-card,
.ko90-project-card--large {
  height: 430px !important;
  grid-row: auto !important;
  min-width: 0 !important;
}
@media (max-width: 1023px) {
  .ko90-projects .section-header { display: flex !important; }
  .ko90-project-grid { grid-template-columns: 1fr !important; }
}

/* latest posts cards */
.ko90-news-card__image { display: block; overflow: hidden; border-radius: 6px; }
.ko90-news-card__image img { display: block; }
.ko90-news-card h3 a { color: inherit; text-decoration: none; }
.ko90-news-card h3 a:hover { color: var(--ml-orange); }

/* dynamic event feature */
.ko90-event-title { color: inherit; text-decoration: none; }
.ko90-event-title:hover { color: var(--ml-orange); }
.ko90-sustainable__visual > a { display: block; width: 100%; height: 100%; overflow: hidden; clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%, 0 28%); }
.ko90-sustainable__visual > a img { clip-path: none; transition: transform .6s ease; }
.ko90-sustainable__visual > a:hover img { transform: scale(1.04); }

/* WP primary menu support */
.ko90-nav .nav-menu > li { list-style: none; position: relative; }
.ko90-nav .nav-menu a { position: relative; display: flex; align-items: center; height: 102px; color: #111827; text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; }
.ko90-header.scrolled .ko90-nav .nav-menu a { height: 82px; }
.ko90-nav .nav-menu a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 31px; height: 2px; background: var(--ml-orange); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.ko90-nav .nav-menu a:hover,
.ko90-nav .nav-menu a:focus-visible,
.ko90-nav .nav-menu .current-menu-item > a,
.ko90-nav .nav-menu .current-menu-ancestor > a { color: var(--ml-orange); }
.ko90-nav .nav-menu a:hover::after,
.ko90-nav .nav-menu a:focus-visible::after,
.ko90-nav .nav-menu .current-menu-item > a::after,
.ko90-nav .nav-menu .current-menu-ancestor > a::after { transform: scaleX(1); }
@media (max-width: 1023px) {
  .ko90-nav .nav-menu a, .ko90-header.scrolled .ko90-nav .nav-menu a { height: 44px; }
}

/* menu polish: use real WP menu, cleaner alignment */
.ko90-header { height: 86px !important; background: rgba(255,255,255,.96) !important; border-bottom: 1px solid rgba(17,24,39,.06) !important; }
.ko90-header.scrolled { height: 72px !important; box-shadow: 0 10px 30px rgba(17,24,39,.08) !important; }
.ko90-header__inner { height: 100% !important; max-width: 1180px !important; display: grid !important; grid-template-columns: 250px minmax(0,1fr) auto !important; align-items: center !important; gap: 28px !important; }
.ko90-logo { width: 250px !important; height: 58px !important; background: #fafafa !important; }
.ko90-nav { min-width: 0 !important; }
.ko90-nav .nav-menu { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; min-width: 0 !important; }
.ko90-nav .nav-menu > li { margin: 0 !important; padding: 0 !important; }
.ko90-nav .nav-menu a,
.ko90-nav .nav-link { height: 86px !important; padding: 0 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #111827 !important; font-size: 12.5px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: .01em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; }
.ko90-header.scrolled .ko90-nav .nav-menu a,
.ko90-header.scrolled .ko90-nav .nav-link { height: 72px !important; }
.ko90-nav .nav-menu a::after,
.ko90-nav .nav-link::after { bottom: 22px !important; left: 12px !important; right: 12px !important; height: 2px !important; background: var(--ml-orange) !important; }
.ko90-nav .nav-menu a:hover,
.ko90-nav .nav-menu a:focus-visible,
.ko90-nav .nav-menu .current-menu-item > a,
.ko90-nav .nav-menu .current-menu-ancestor > a { color: var(--ml-orange) !important; }
.ko90-actions { justify-content: flex-end !important; }
.ko90-lang { min-width: 34px !important; text-align: center !important; color: #111827 !important; font-size: 12px !important; }
.ko90-page { padding-top: 86px !important; }
body.page-template-template-mapleland-homepage .ko90-page { padding-top: 86px !important; margin-top: -30px !important; }
@media (max-width: 1180px) {
  .ko90-header__inner { grid-template-columns: 220px minmax(0,1fr) auto !important; gap: 18px !important; }
  .ko90-logo { width: 220px !important; }
  .ko90-nav .nav-menu a, .ko90-nav .nav-link { padding: 0 8px !important; font-size: 12px !important; }
}
@media (max-width: 1023px) {
  .ko90-header, .ko90-header.scrolled { height: 76px !important; }
  .ko90-header__inner { display: flex !important; }
  .ko90-logo { width: 180px !important; height: 46px !important; }
  .ko90-nav .nav-menu { position: absolute !important; top: 76px !important; left: 0 !important; right: 0 !important; display: none !important; background: #fff !important; padding: 14px 24px !important; box-shadow: 0 18px 40px rgba(17,24,39,.1) !important; }
  .ko90-nav .nav-menu.active { display: block !important; }
  .ko90-nav .nav-menu a, .ko90-nav .nav-link, .ko90-header.scrolled .ko90-nav .nav-menu a, .ko90-header.scrolled .ko90-nav .nav-link { height: 42px !important; justify-content: flex-start !important; padding: 0 !important; }
  .ko90-page, body.page-template-template-mapleland-homepage .ko90-page { padding-top: 76px !important; }
}

/* use original theme header/menu */
body.page-template-template-mapleland-homepage #masthead,
body.page-template-template-mapleland-homepage #header,
body.page-template-template-mapleland-homepage .header-wrapper,
body.page-template-template-mapleland-homepage .header-main,
body.page-template-template-mapleland-homepage .site-header:not(.ko90-header) { display: block !important; }
body.page-template-template-mapleland-homepage .ko90-page,
.ko90-page { padding-top: 0 !important; margin-top: 0 !important; }
body.page-template-template-mapleland-homepage #main,
body.page-template-template-mapleland-homepage .page-wrapper,
body.page-template-template-mapleland-homepage .content-area,
body.page-template-template-mapleland-homepage .site-main { padding-top: 0 !important; margin-top: 0 !important; }
.ko90-hero { margin-top: 0 !important; }

/* SEO/AEO FAQ */
.ko90-faq { padding: 88px 0; background: #fff; }
.ko90-faq__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.ko90-faq__item { border: 1px solid var(--ml-line); background: #fff; padding: 28px; }
.ko90-faq__item h3 { margin: 0 0 12px; color: var(--ml-text); font-size: 24px; line-height: 1.25; }
.ko90-faq__item p { margin: 0; color: #555; font-size: 16px; line-height: 1.65; }
@media (max-width: 768px) { .ko90-faq__grid { grid-template-columns: 1fr; } }

/* MapleLand original stats: 4 counters */
.ko90-stats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; text-align: center; }
.stat-item:first-child { grid-row: auto !important; padding-left: 0 !important; border-left: 0 !important; }
.stat-item:first-child .stat-number { font-size: 38px !important; line-height: 1.1 !important; color: var(--ml-red) !important; letter-spacing: 0 !important; }
.stat-item:first-child .stat-label { font-size: 16px !important; color: var(--ml-red) !important; margin-top: 8px !important; }
.stat-number { color: var(--ml-red) !important; }
.stat-label { color: var(--ml-red) !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.stat-item:nth-child(n+5) { display: none !important; }
@media (max-width: 768px) { .ko90-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* Restore previous stats layout; keep MapleLand original numbers */
.ko90-stats { padding: 58px 0 92px !important; background: #fff !important; border-bottom: 1px solid var(--ml-line) !important; }
.ko90-stats__grid { max-width: 1160px !important; margin: 0 auto !important; padding: 0 24px !important; display: grid !important; grid-template-columns: 1.05fr 1fr 1fr !important; gap: 24px 72px !important; text-align: left !important; }
.stat-item { padding-bottom: 26px !important; text-align: left !important; }
.stat-item:first-child { grid-row: span 2 !important; padding-left: 42px !important; border-left: 2px solid var(--ml-orange) !important; }
.stat-item:first-child .stat-number { color: var(--ml-orange) !important; font-size: 86px !important; line-height: 1 !important; letter-spacing: -.04em !important; }
.stat-item:first-child .stat-label { color: var(--ml-orange) !important; font-size: 28px !important; margin-top: 18px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
.stat-number { color: var(--ml-text) !important; font-size: 38px !important; line-height: 1.1 !important; font-weight: 700 !important; font-variant-numeric: tabular-nums !important; }
.stat-label { margin-top: 8px !important; color: #374151 !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
.stat-item:nth-child(5) { display: none !important; }
@media (max-width: 1023px) {
  .ko90-stats__grid { grid-template-columns: 1fr !important; gap: 18px !important; }
  .stat-item:first-child { grid-row: auto !important; }
}