/* CATEGORY PAGE SHARED STYLE — matches the PARADOX index header and typography */
body.page-category header{
  height:var(--category-header-height)!important;
  background:#fff!important;
}
body.page-category .nav{
  height:var(--category-header-height)!important;
  display:flex!important;
  align-items:center!important;
  gap:var(--category-header-link-gap)!important;
}
body.page-category .logo{
  flex:0 0 auto!important;
  font-family:"Kanit",sans-serif!important;
  font-size:var(--category-header-logo-size)!important;
  font-weight:var(--category-header-logo-weight)!important;
  letter-spacing:var(--category-header-logo-letter-spacing)!important;
  line-height:var(--category-header-line-height)!important;
}
body.page-category .links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--category-header-link-gap)!important;
  flex:1 1 auto!important;
  margin:0!important;
  font-family:"Kanit",sans-serif!important;
  font-size:var(--category-header-link-size)!important;
  font-weight:var(--category-header-link-weight)!important;
  letter-spacing:var(--category-header-letter-spacing)!important;
  line-height:var(--category-header-line-height)!important;
}
body.page-category .links a{
  color:#222!important;
  white-space:nowrap!important;
}
body.page-category .category-header-cta{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #24211d!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  background:transparent!important;
  color:#171717!important;
  font-family:"Kanit",sans-serif!important;
  font-size:var(--category-header-cta-size)!important;
  font-weight:var(--category-header-button-weight)!important;
  letter-spacing:var(--category-mobile-letter-spacing)!important;
  white-space:nowrap!important;
}
body.page-category .mobile-nav{display:none!important}
body.page-category :is(.hero h1,.hero h2,.section-intro h2,.footer h2){
  font-family:"Kanit",sans-serif!important;
}
body.page-category .hero h1{
  font-weight:var(--category-heading-weight)!important;
  line-height:var(--category-heading-line)!important;
}
body.page-category .hero h2,
body.page-category .section-intro h2,
body.page-category .tile-name,
body.page-category .footer h2{
  font-weight:var(--category-section-heading-weight)!important;
}
body.page-category :is(.hero p,.lead,.crumb,.tile-en,.footer small){
  font-family:"Kanit",sans-serif!important;
  font-weight:var(--category-body-weight)!important;
  line-height:var(--category-body-line)!important;
}
body.page-category :is(.eyebrow,.btn,.all-btn){
  font-family:"Kanit",sans-serif!important;
  font-weight:var(--category-button-weight)!important;
  letter-spacing:var(--category-header-letter-spacing)!important;
}
@media(max-width:1000px){
  body.page-category .nav{gap:16px!important}
  body.page-category .links{gap:16px!important;font-size:var(--category-header-link-size-tablet)!important}
  body.page-category .category-header-cta{padding:10px 13px!important}
}
@media(max-width:700px){
  body.page-category header,
  body.page-category .nav{height:var(--category-header-height-mobile)!important}
  body.page-category .nav{gap:12px!important}
  body.page-category .links{display:none!important}
  body.page-category .category-header-cta{display:none!important}
  body.page-category .mobile-nav{
    position:relative!important;
    display:block!important;
    margin-left:auto!important;
    font-family:"Kanit",sans-serif!important;
  }
  body.page-category .mobile-nav summary{
    display:block!important;
    list-style:none!important;
    cursor:pointer!important;
    border:1px solid #24211d!important;
    border-radius:999px!important;
    padding:9px 15px!important;
    color:#222!important;
    font-size:var(--category-header-mobile-menu-size)!important;
    font-weight:var(--category-header-button-weight)!important;
    letter-spacing:var(--category-mobile-letter-spacing)!important;
  }
  body.page-category .mobile-nav summary::-webkit-details-marker{display:none!important}
  body.page-category .mobile-nav-links{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    z-index:30!important;
    width:min(280px,calc(100vw - 32px))!important;
    padding:10px!important;
    display:grid!important;
    gap:2px!important;
    border:1px solid #e6e4df!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(30,24,17,.12)!important;
  }
  body.page-category .mobile-nav-links a{
    padding:12px 10px!important;
    color:#222!important;
    font-size:var(--category-header-mobile-link-size)!important;
    letter-spacing:var(--category-mobile-letter-spacing)!important;
  }
  body.page-category .mobile-nav-links a:hover{background:#f1ede6!important}
}