@font-face{font-family:"Inter";src:url("./fonts/inter-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("./fonts/inter-400-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("./fonts/inter-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("./fonts/inter-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("./fonts/inter-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-500-italic.woff2") format("woff2");font-style:italic;font-weight:500;font-display:swap}

:root{
  --vipbest-font-display:"Cormorant Garamond","Noto Serif CJK SC","Songti SC",STSong,Georgia,"Times New Roman",serif;
  --vipbest-font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",Arial,Helvetica,sans-serif;
}

html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body,
.jgc-head-full,.jth-home,.jtp,.jatu-tour-app,.jgc-social-copy,.jold-page,.jfm-library,.jfm-page,
#header,#header-top,#header-navigator,#main,#footer,.page,.cityguideIndex{
  font-family:var(--vipbest-font-ui)!important;
}
body{font-size:17px!important;line-height:1.7!important}
body :where(p,li,dt,dd,figcaption,table,th,td,label,input,select,textarea,button),
body :where(nav,header,footer),
.jgc-head-full,.jgc-head-full a,.jgc-social-copy,.jgc-social-copy *{
  font-family:var(--vipbest-font-ui)!important;
}
body h1,body h1 *,
.cityguideIndex .c_title h1,.page .c_title h1,h1.picName{
  font-family:var(--vipbest-font-display)!important;
  font-style:normal!important;
  font-weight:500!important;
  font-size:clamp(52px,4.2vw,60px)!important;
  line-height:1.07!important;
  letter-spacing:-.018em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
body :is(.jth-hero,.jtp-hero,.jatu-list-hero,.jatu-detail-hero,.jatu-route-hero,.jatu-destination-hero,.jold-hero,.jfm-library-hero,.jta-hero,[class*="hero-"],[class*="banner-"]) h1,
body :is(.jth-hero,.jtp-hero,.jatu-list-hero,.jatu-detail-hero,.jatu-route-hero,.jatu-destination-hero,.jold-hero,.jfm-library-hero,.jta-hero,[class*="hero-"],[class*="banner-"]) h1 *{
  font-size:clamp(56px,5vw,72px)!important;
  line-height:1.02!important;
}
body h2,body h2 *{
  font-family:var(--vipbest-font-display)!important;
  font-style:normal!important;
  font-weight:500!important;
  font-size:clamp(38px,3vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.012em;
  text-wrap:balance;
  overflow-wrap:break-word;
}
body h3,body h3 *,.jth-tour-card h3,.jtp-card h3,.jatu-card h3{
  font-family:var(--vipbest-font-ui)!important;
  font-style:normal!important;
  font-weight:600!important;
  font-size:clamp(22px,1.8vw,26px)!important;
  line-height:1.3!important;
  letter-spacing:-.008em;
  overflow-wrap:break-word;
}
#header-navigator :where(a,button),.jgc-head-full :where(a,button),.jgc-nav a,.jatu-nav a,header nav a{
  font-family:var(--vipbest-font-ui)!important;
  font-size:clamp(15px,1.05vw,16px)!important;
  font-weight:500!important;
  line-height:1.35!important;
}
body :where(button,input,select,textarea),
body :where(a[class*="btn"],a[class*="button"],.jth-section-button,.jatu-blue-btn,.jatu-nr-view,.jtp-city-link){
  font-family:var(--vipbest-font-ui)!important;
}
body :where(button,a[class*="btn"],a[class*="button"],.jth-section-button,.jatu-blue-btn,.jatu-nr-view){
  font-size:clamp(14px,1vw,15px)!important;
  font-weight:600!important;
  line-height:1.35!important;
}
body :where(.price,[class*="price"],[class*="meta"],[class*="breadcrumb"],time,.tag,[class*="label"]){
  font-family:var(--vipbest-font-ui)!important;
}
.jta-message-copy p,.jgc-brand-tagline,.editorial-quote,.jold-quote,.wp-block-quote{
  font-family:var(--vipbest-font-display)!important;
  font-weight:500!important;
}
.jgc-livechat h2,.jgc-livechat h2 *,.jatu-price-table h2,.jatu-price-table h2 *,
.jatu-inclusions h2,.jatu-inclusions h2 *,form h2,form h2 *,[role="dialog"] h2,[role="dialog"] h2 *,
[class*="faq"] article h2,[class*="faq"] article h2 *,[class*="qa"] article h2,[class*="qa"] article h2 *{
  font-family:var(--vipbest-font-ui)!important;
  font-size:clamp(22px,1.8vw,26px)!important;
  font-weight:600!important;
  line-height:1.25!important;
}

@media(max-width:768px){
  body{font-size:16.5px!important;line-height:1.68!important}
  body h1,body h1 *,
  .cityguideIndex .c_title h1,.page .c_title h1,h1.picName{
    font-size:clamp(38px,10.5vw,44px)!important;
    line-height:1.08!important;
  }
  body :is(.jth-hero,.jtp-hero,.jatu-list-hero,.jatu-detail-hero,.jatu-route-hero,.jatu-destination-hero,.jold-hero,.jfm-library-hero,.jta-hero,[class*="hero-"],[class*="banner-"]) h1,
  body :is(.jth-hero,.jtp-hero,.jatu-list-hero,.jatu-detail-hero,.jatu-route-hero,.jatu-destination-hero,.jold-hero,.jfm-library-hero,.jta-hero,[class*="hero-"],[class*="banner-"]) h1 *{
    font-size:clamp(42px,11.5vw,48px)!important;
    line-height:1.04!important;
  }
  body h2,body h2 *{font-size:clamp(30px,8.5vw,36px)!important;line-height:1.12!important}
  body h3,body h3 *,.jth-tour-card h3,.jtp-card h3,.jatu-card h3{
    font-size:clamp(20px,5.7vw,23px)!important;
    line-height:1.3!important;
  }
}
