/*
 * China 88 Smithsburg website template — high-fidelity reconstruction.
 * Rebuilt from the live HTML structure and original design tokens.
 */
html{scroll-padding-top:96px}
body{background:var(--neutral100Color);color:var(--blackColor);font-family:var(--bodyFont);font-size:var(--fontSize2);font-weight:var(--bodyFontWeight);line-height:var(--lineHeightBody);overflow-x:hidden}
body.mobile-menu-open{overflow:hidden}
h1,h2,h3{font-family:var(--headingFont);font-weight:var(--headingFontWeight);line-height:var(--lineHeightHeading)}
h1{font-size:clamp(42px,6vw,var(--fontSize6))}h2{font-size:clamp(34px,4.5vw,var(--fontSize5))}h3{font-size:var(--fontSize3)}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}
.layout{width:100%;margin-inline:auto;padding-inline:var(--space5)}
.layout--normal{max-width:1200px}.layout--wide{max-width:1440px}
.skipLink{position:fixed;z-index:9999;top:var(--space3);left:var(--space3);padding:var(--space3) var(--space5);background:var(--whiteColor);color:var(--blackColor);border-radius:var(--radius0);transform:translateY(-160%)}
.skipLink:focus{transform:none}
.anchor-id{position:relative;top:-90px;visibility:hidden}
.header{position:absolute;z-index:100;top:0;left:0;width:100%;color:var(--headerFontColor)}
.secondary-nav{background:var(--secondaryColor);font-size:var(--fontSize1)}
.secondary-nav__wrapper{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space5)}
.secondary-nav__hours,.secondary-nav__directions,.secondary-nav__phone{display:flex;align-items:center}
.secondary-nav__directions{margin-left:auto}.secondary-nav__phone{margin-left:var(--space5)}
.icon-text-container{display:flex;align-items:center;gap:var(--space2)}
.icon-text-container--big{gap:var(--space4)}
.icon-container,.presentation-icon{flex:0 0 auto;display:grid;place-items:center}
.icon-container svg,.presentation-icon svg,.icon-text-container svg{width:22px;height:22px;fill:currentColor}
.anchor-link:hover,.footer-link:hover{text-decoration:underline;text-underline-offset:4px}
.main-nav{background:rgba(255,255,255,.96);box-shadow:0 3px 14px rgba(21,22,26,.12)}
.main-nav__wide{position:relative;min-height:92px;display:flex;align-items:center}
.nav-bar{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center}
.main-nav__wide .nav-bar{position:absolute;inset:0}
.nav-bar__menu-list--left{grid-column:1}.nav-bar__menu-list--right{grid-column:3}
.menu-list{display:flex;align-items:center;gap:var(--space6)}
.nav-bar__menu-list--left .menu-list{justify-content:flex-end}
.nav-bar__menu-list--right{display:flex;align-items:center;justify-content:flex-start;gap:var(--space5)}
.nav-bar__menu-list--right .menu-list{justify-content:flex-start}
.menu-list-item__link{display:inline-block;padding:var(--space3) 0;color:var(--secondaryDarkerColor);font-size:var(--fontSize2);font-weight:var(--boldFontWeight)}
.menu-list-item__link:hover{color:var(--primaryColor)}
.logo{z-index:2}.logo--header{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.logo__wrapper{display:flex;align-items:center;justify-content:center;width:138px;height:76px}
.logo-image{max-width:100%;max-height:100%;object-fit:contain}
.nav-button-container{margin-left:0;flex:0 0 auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space2);min-height:50px;padding:0 var(--space6);border:2px solid var(--primaryColor);border-radius:var(--radius1);background:var(--primaryColor);color:var(--whiteColor);font-weight:var(--boldFontWeight);line-height:1;text-align:center;box-shadow:0 5px 16px rgba(159,1,2,.22)}
.button:hover{background:var(--primaryColorDark);border-color:var(--primaryColorDark);transform:translateY(-1px)}
.button--primary{min-height:58px;padding-inline:var(--space8);font-size:var(--fontSize3)}
.button--small{min-height:42px;padding-inline:var(--space5);font-size:var(--fontSize1)}
.button svg{width:22px;height:22px;fill:currentColor}
.main-nav__narrow{display:none}
.section-background-image{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}
.section-background-image:first-of-type{min-height:100vh}
.dark-overlay{position:relative;min-height:inherit;background:linear-gradient(90deg,rgba(21,22,26,.76),rgba(21,22,26,.38),rgba(21,22,26,.68));display:flex;align-items:center;justify-content:center}
.dark-overlay__top,.dark-overlay__bottom{position:absolute;inset-inline:0;height:64px;pointer-events:none}
.dark-overlay__top{top:0}.dark-overlay__bottom{bottom:0}
.dark-overlay__edge{position:absolute;inset-inline:0;height:65px;background:var(--neutral100Color);mask-image:none!important;-webkit-mask-image:none!important}
.dark-overlay__edge--top{top:-1px;clip-path:polygon(0 0,100% 0,100% 48%,88% 62%,75% 43%,62% 64%,50% 45%,38% 62%,25% 43%,12% 64%,0 48%)}
.dark-overlay__edge--bottom{bottom:-1px;clip-path:polygon(0 52%,12% 36%,25% 57%,38% 38%,50% 55%,62% 36%,75% 57%,88% 38%,100% 52%,100% 100%,0 100%)}
.section-content{position:relative;z-index:2;width:100%;padding:var(--space13) var(--space5);text-align:center}
.section-content--home{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1050px;margin:auto;padding:180px var(--space5) 110px;color:var(--whiteColor);text-shadow:0 2px 18px rgba(0,0,0,.58)}
.section-content--home h1{font-size:clamp(40px,5vw,64px)}
.section-content--home h2{margin-top:var(--space4);font-size:clamp(22px,2.4vw,var(--fontSize4))}
.section-content__buttons-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space4);margin-top:var(--space8);text-shadow:none}
.section-content__link svg{width:24px;height:24px;fill:currentColor}
.ourstory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space10);padding-block:var(--space13)}
.ourstory__image-container{position:relative}
.ourstory__image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius2);box-shadow:20px 20px 0 var(--secondaryColor),0 18px 45px rgba(38,53,51,.2)}
.ourstory__section{padding:var(--space5)}
.paragraph{margin-top:var(--space5);color:var(--neutral600Color);font-size:var(--fontSize3);line-height:1.7}
.section-heading{margin-bottom:var(--space7)}
.section-heading--small-margin{margin-bottom:var(--space5)}
.section-heading--align-center{text-align:center}
.section-heading__caption{display:block;margin-bottom:var(--space2);color:var(--primaryColor);font-size:var(--fontSize2);font-weight:var(--boldFontWeight);letter-spacing:.12em;text-transform:uppercase}
.section-heading__contents{color:var(--secondaryDarkerColor)}
.section-heading--light .section-heading__caption,.section-heading--light .section-heading__contents{color:var(--whiteColor)}
.section-background-image--menu{background-color:var(--secondaryDarkerColor);background-attachment:fixed}
.section-background-image--menu .dark-overlay{background:rgba(38,53,51,.88)}
.section-content--menu{padding-block:var(--space14);color:var(--whiteColor)}
.restaurant-menu-container{padding:var(--space7);border-radius:var(--radius2);background:var(--neutral100Color);color:var(--blackColor);box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:left}
.tabs-wrapper{justify-content:center;flex-wrap:wrap;gap:var(--space2);margin-bottom:var(--space7)}
.tabs-wrapper:not([style*="display: none"]){display:flex}
.tabs-wrapper:empty{display:none}
.tabs-wrapper [role="tab"],.tabs-wrapper button{padding:var(--space3) var(--space5);border-radius:var(--radius0);border:1px solid var(--neutral300Color);background:var(--whiteColor);color:var(--secondaryDarkerColor);font-weight:var(--boldFontWeight)}
.tabs-wrapper [role="tab"][aria-selected="true"],.tabs-wrapper button.active{background:var(--primaryColor);border-color:var(--primaryColor);color:var(--whiteColor)}
.restaurant-menu[hidden]{display:none}
.restaurant-category-container{column-count:2;column-gap:var(--space10)}
.restaurant-category-container h3{break-after:avoid;break-inside:avoid;margin:var(--space7) 0 var(--space3);padding-bottom:var(--space2);border-bottom:2px solid var(--secondaryColor);color:var(--primaryColor);font-size:var(--fontSize4)}
.restaurant-category-container>div:first-child h3{margin-top:0}
.restaurant-menu-category__item{break-inside:avoid;display:flex;align-items:baseline;gap:var(--space2);padding:6px 0;border-bottom:1px dotted var(--neutral300Color)}
.restaurant-menu-category__item-name{min-width:0;flex:1;color:var(--secondaryDarkerColor)}
.restaurant-menu-category__item-price{flex:0 0 auto;color:var(--primaryColorDark);font-weight:var(--boldFontWeight);white-space:nowrap}
.column-container.more-than-one{column-count:2}
.section-content--testimonials{padding-block:var(--space14);background:var(--neutral100Color)}
.testimonials{background:var(--neutral100Color)}
.testimonials-container{display:block}
.testimonials-container>.testimonials{column-count:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space5)}
.testimonial{position:relative;padding:var(--space7);border:1px solid var(--neutral300Color);border-radius:var(--radius2);background:var(--whiteColor);box-shadow:0 10px 30px rgba(38,53,51,.08)}
.testimonial__quote{color:var(--neutral600Color);font-size:var(--fontSize2);line-height:1.7}
.testimonial__quote::before{content:'“';display:block;height:40px;color:var(--secondaryColor);font-family:Georgia,serif;font-size:64px;line-height:.8}
.testimonial__by{display:block;margin-top:var(--space5);color:var(--primaryColor)}
.testimonial__author{color:var(--secondaryDarkerColor)}
.footer{background:var(--secondaryDarkerColor);color:var(--whiteColor)}
.footer__wrapper{display:grid;grid-template-columns:1.2fr .8fr 1.2fr 1fr;gap:var(--space8);padding-block:var(--space11)}
.footer .logo__wrapper{width:170px;height:100px;justify-content:flex-start}
.footer__heading{margin-bottom:var(--space5);color:var(--secondaryColor);font-size:var(--fontSize3)}
.menu-list--footer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space3)}
.footer-link{color:var(--whiteColor)}
.footer__contacts{display:flex;flex-direction:column;gap:var(--space4)}
.footer__icons,.footer__social-links{display:flex;align-items:center;gap:var(--space3);margin-top:var(--space5)}
.footer__open-hours{min-width:240px}
.open-hours{display:flex;flex-direction:column;gap:var(--space2);font-size:var(--fontSize1)}
.single-hour{display:grid;grid-template-columns:86px 1fr;gap:var(--space3)}
.single-hour__day{color:var(--secondaryColor);font-weight:var(--boldFontWeight)}
.single-hour__hours{display:flex;flex-direction:column}
.map__image{width:100%;margin-top:var(--space5);border-radius:var(--radius1)}
.footer__copyright{border-top:1px solid var(--secondaryDarkerColor_70);background:rgba(0,0,0,.16);padding:var(--space5) 0;font-size:var(--fontSize1)}
.footer__copyright>.layout{display:flex;justify-content:space-between;align-items:center;gap:var(--space4)}
.footer__copyright-links{display:flex;gap:var(--space5)}
.scaled-text{display:inline-block}
.currently-open strong{color:var(--primaryColorDark)}
@media (max-width:1100px){
  .nav-bar{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr)}.menu-list{gap:var(--space4)}
  .testimonials-container>.testimonials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:840px){
  html{scroll-padding-top:72px}.header{position:absolute}.secondary-nav,.main-nav__wide{display:none}.main-nav{box-shadow:none}
  .main-nav__narrow{display:block}.mobile-nav{position:relative;height:72px;background:rgba(255,255,255,.97);box-shadow:0 3px 14px rgba(21,22,26,.12)}
  .mobile-bar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space5)}
  .icon-menu-container,.mobile-bar>a{width:44px;height:44px;display:grid;place-items:center;color:var(--secondaryDarkerColor);cursor:pointer}
  .icon-menu-container svg,.mobile-bar>a>svg{width:28px;height:28px;fill:currentColor}
  .mobile-bar .logo--header{position:absolute}.mobile-bar .logo__wrapper{height:62px;width:118px}
  .icon-button,.mobile-menu-container__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--secondaryDarkerColor)}
  .icon-button svg,.mobile-menu-container__icon svg{width:28px;height:28px;fill:currentColor}
  .overlay-background{position:fixed;z-index:109;inset:0;background:rgba(21,22,26,.7);opacity:0;visibility:hidden}
  .mobile-menu-container{position:fixed;z-index:110;top:0;right:0;width:min(86vw,390px);height:100vh;padding:var(--space8) var(--space6);background:var(--neutral100Color);transform:translateX(105%);overflow-y:auto;box-shadow:-10px 0 40px rgba(0,0,0,.28)}
  .mobile-nav--expanded .overlay-background{opacity:1;visibility:visible}.mobile-nav--expanded .mobile-menu-container{transform:none}
  .overlay-background,.mobile-menu-container{transition:opacity .25s ease,visibility .25s ease,transform .3s ease}
  .mobile-menu-container__icon{margin-left:auto;margin-bottom:var(--space6)}
  .mobile-menu-container .nav-bar{display:block}.mobile-menu-container .nav-bar__menu-list{display:block}
  .mobile-menu-container .menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .mobile-menu-container .menu-list-item__link{display:block;padding:var(--space4);border-bottom:1px solid var(--neutral300Color);font-size:var(--fontSize3)}
  .mobile-menu-container .nav-button-container{margin:var(--space5) 0 0}.mobile-menu-container .button{width:100%}
  .section-content--home{padding:100px var(--space5) 60px}.ourstory{grid-template-columns:1fr;gap:var(--space7);padding-block:var(--space10)}
  .ourstory__section{padding:0}.restaurant-category-container,.column-container.more-than-one{column-count:1}
  .section-background-image--menu{background-attachment:scroll}.restaurant-menu-container{padding:var(--space5)}
}
@media (max-width:620px){
  .layout{padding-inline:var(--space4)}h1{font-size:42px}h2{font-size:34px}
  .section-content{padding-inline:var(--space4)}.section-content--home{padding:92px var(--space4) 48px}.button--primary{width:100%}
  .restaurant-menu-container{padding:var(--space4)}.restaurant-category-container>h3{font-size:26px}
  .testimonials-container>.testimonials,.footer__wrapper{grid-template-columns:1fr}.footer__wrapper{gap:var(--space7)}
  .footer__copyright>.layout{align-items:flex-start;flex-direction:column}.footer__copyright-links{flex-wrap:wrap;gap:var(--space3) var(--space5)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}