/* Markazi's compact letterforms need a larger size for small Persian copy. */
body{font-weight:400}
.brand-name{font-weight:600;letter-spacing:0}
.hero h1,.menu-heading h2{font-weight:600;letter-spacing:0}
.hero h1 em{font-weight:500;letter-spacing:0}
.item-title h4{font-weight:500}
.scroll-enabled .main-nav,.shop-status{font-size:19px}
.scroll-enabled .hero .button{font-size:17px}
.scroll-enabled .hero .header-link{font-size:20px}
.scroll-enabled .hero-bottom{font-size:16px}
.hero-copy-label{white-space:nowrap}
.scroll-enabled .hero-copy-label{font-size:18px}
.hero-copy-label .topping-choice{white-space:nowrap}
.scroll-enabled .hero-copy p{font-size:21px}
.scroll-enabled .menu-tabs button,.scroll-enabled .visit-section h3{font-size:18px}
.scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:19px}
.scroll-enabled .menu-price small{font-size:15px}
.scroll-enabled .visit-hours p,.scroll-enabled .visit-address address,.scroll-enabled .visit-contact{font-size:19px}
.scroll-enabled .visit-links .map-label strong,.site-footer{font-size:16px}
@media(min-width:901px){
 .scroll-enabled .hero-bottom,.site-footer{font-size:clamp(15px,1.05vw,48px)}
 .scroll-enabled .main-nav,.shop-status{font-size:calc(clamp(15px,1.05vw,48px) + 3px)}
 .scroll-enabled .hero-copy-label{font-size:clamp(17px,1.18vw,54px)}
 .scroll-enabled .hero .button,.scroll-enabled .menu-tabs button{font-size:clamp(16px,1.1vw,30px)}
 .scroll-enabled .hero .header-link{font-size:calc(clamp(16px,1.1vw,30px) + 3px)}
 .scroll-enabled .hero-copy p{font-size:clamp(19px,min(1.8vw,4.2svh),100px)}
 .scroll-enabled .item-title h4,.scroll-enabled .menu-price,.scroll-enabled .visit-hours p,.scroll-enabled .visit-address address,.scroll-enabled .visit-contact{font-size:clamp(18px,1.25vw,34px)}
 .scroll-enabled .menu-price small{font-size:clamp(14px,.9vw,24px)}
}
@media(max-width:900px){
 .brand-name{font-size:20px}
 .shop-status{font-size:17px}
 .scroll-enabled .hero h1{font-size:46px}
 .scroll-enabled .hero h1 em{font-size:28px}
 .scroll-enabled .hero-copy p{font-size:18px}
 .menu-group-title{font-size:19px}
 .scroll-enabled .menu-tabs button{font-size:17px}
 .scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:17px}
 .scroll-enabled .visit-hours p,.scroll-enabled .visit-address address,.scroll-enabled .visit-contact{font-size:17px}
}
@media(max-width:900px) and (max-height:700px){
 .scroll-enabled .hero h1{font-size:38px}
 .scroll-enabled .hero h1 em{font-size:26px}
}
.scroll-enabled .hero .site-header .brand-name,.scroll-enabled .hero .site-header .main-nav a,.scroll-enabled .hero .site-header .shop-status{font-size:20px}
@media(min-width:901px){
 .scroll-enabled .hero .site-header .brand-name,.scroll-enabled .hero .site-header .main-nav a,.scroll-enabled .hero .site-header .shop-status{font-size:calc(clamp(16px,1.1vw,30px) + 3px)}
 .scroll-enabled .hero .site-header .brand-name{font-size:calc(clamp(16px,1.1vw,30px) + 7px)}
 .scroll-enabled .site-header .brand-logo{height:clamp(58px,min(12svh,5.76vw),269px);width:auto}
}
/* Menu text sizes and a stable desktop panel keep the heading anchored across tabs. */
.scroll-enabled .menu-kicker{font-size:25px}
.scroll-enabled .menu-tabs button{font-size:20px}
.scroll-enabled .menu-group-title{font-size:19px}
.scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:21px}
.scroll-enabled .menu-price small{font-size:17px}
@media(min-width:901px){
 .scroll-enabled .menu-tabs button{font-size:calc(clamp(16px,1.1vw,30px) + 5px)}
 .scroll-enabled .menu-group-title{font-size:calc(clamp(15px,1.1vw,30px) + 7px)}
 .scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:calc(clamp(18px,1.25vw,34px) + 8px)}
 .scroll-enabled .menu-price small{font-size:calc(clamp(14px,.9vw,24px) + 6px)}
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .scroll-enabled .menu-section{height:calc(100svh - var(--reference-header) - 64px)}
 .scroll-enabled .menu-scroll-content{min-height:0;flex:1}
}
@media(max-width:900px){
 .scroll-enabled .menu-tabs button{font-size:22px}
 .scroll-enabled .menu-group-title{font-size:26px}
 .scroll-enabled .item-title h4,.scroll-enabled .menu-price{font-size:25px}
 .scroll-enabled .menu-price small{font-size:21px}
}
/* Give the mobile wordmark space below the shop status. */
@media(min-width:901px){
 .hero-wordmark img{width:4.55em}
 .scroll-enabled .hero-content{top:calc(46% + 60px)}
}
@media(max-width:900px){
 .hero-wordmark img{width:4.15em}
}
@media(max-width:900px) and (orientation:portrait){
 .scroll-enabled .hero-content{top:164px}
 .scroll-enabled .hero h1 em{font-size:21px;margin-top:36px}
}
@media(max-width:900px) and (max-height:700px) and (orientation:portrait){
 .scroll-enabled .hero-content{top:154px}
 .scroll-enabled .hero h1 em{font-size:19px}
}
/* Larger, readable contact details on the desktop address scene. */
@media(min-width:901px){
 .scroll-enabled .visit-section h3{font-size:clamp(21px,1.35vw,36px);font-weight:500}
 .scroll-enabled .visit-hours p,.scroll-enabled .visit-address address,.scroll-enabled .visit-contact{font-size:clamp(25px,1.6vw,42px)}
 .scroll-enabled .visit-hours .visit-time{font-size:clamp(30px,2vw,52px)}
 .scroll-enabled .visit-time span,.scroll-enabled .visit-contact a span{font-size:clamp(17px,1.1vw,28px)}
 .scroll-enabled .visit-links .map-label strong{font-size:clamp(21px,1.35vw,36px)}
}