/* Reversible restaurant balance pass. Baseline commit: d7651f9ee61997efe127a014e62f38292da4d2d0. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header h1{font-size:5.0215cqw;line-height:1.4}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header .relative>button,
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header .relative>div.flex>button,
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header .relative>div.flex>a{font-size:2.8435cqw!important;padding:1cqw 2.1cqw!important;line-height:1.45!important}
/* One heading scale across menu, news, schedules, offers, photos and About. */
article.browse-profile-shell[data-v-d5c569d8] .flourish-heading--md,
article.browse-profile-shell[data-v-d5c569d8] .four-about h2,
article.browse-profile-shell[data-v-d5c569d8] .news-timeline~h2,
article.browse-profile-shell[data-v-d5c569d8] div:has(>.news-timeline)>h2{font-size:1.0625rem!important;font-weight:700;line-height:1.45}
article.browse-profile-shell[data-v-d5c569d8] ul.grid>li>button>span>span:last-child:not(:first-child){font-size:1.125rem!important}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-fixed{gap:6px;align-items:center}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-scroll{gap:6px}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-scroll button,
article.browse-profile-shell[data-v-d5c569d8] .four-more-fixed{height:32px!important;min-height:32px!important;padding:5px 10px!important;line-height:1.4!important;border-radius:24px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-about,
article.browse-profile-shell[data-v-d5c569d8] .four-hours,
article.browse-profile-shell[data-v-d5c569d8] .px-4.py-5:has(.news-timeline){padding-inline:0!important;padding-top:14px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-about-card,
article.browse-profile-shell[data-v-d5c569d8] .hours-service-card{padding:14px!important;border-radius:14px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-about h3,
article.browse-profile-shell[data-v-d5c569d8] .hours-service-card h3,
article.browse-profile-shell[data-v-d5c569d8] .news-title{font-size:.95rem!important;line-height:1.45;font-weight:700}
article.browse-profile-shell[data-v-d5c569d8] .four-about>section{margin-bottom:14px}
article.browse-profile-shell[data-v-d5c569d8] .four-about-intro h2{margin-top:14px;margin-bottom:8px}
article.browse-profile-shell[data-v-d5c569d8] .four-about-intro p{margin-bottom:16px}
article.browse-profile-shell[data-v-d5c569d8] .four-hours section+section{margin-top:20px}
@media(min-width:1024px){article.browse-profile-shell[data-v-d5c569d8] .flourish-heading--md,article.browse-profile-shell[data-v-d5c569d8] .four-about h2,article.browse-profile-shell[data-v-d5c569d8] div:has(>.news-timeline)>h2{font-size:1.275rem!important}article.browse-profile-shell[data-v-d5c569d8] .four-categories-scroll button,article.browse-profile-shell[data-v-d5c569d8] .four-more-fixed{height:36px!important;min-height:36px!important}article.browse-profile-shell[data-v-d5c569d8] .four-about h3,article.browse-profile-shell[data-v-d5c569d8] .hours-service-card h3,article.browse-profile-shell[data-v-d5c569d8] .news-title{font-size:1.0625rem!important}}
/* Restore category-button geometry only; retain the current font family and size. */
article.browse-profile-shell[data-v-d5c569d8] .four-categories-fixed{gap:1.1cqw}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-scroll{gap:1.1cqw}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-scroll button,
article.browse-profile-shell[data-v-d5c569d8] .four-more-fixed{height:6.2cqw!important;min-height:0!important;padding:1.1cqw 1.5cqw!important;line-height:1.5!important;border-radius:4cqw!important}
/* Restaurant polish: balanced tabs, shared alignment and a consistent vertical rhythm. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header>.mx-auto>.relative{padding-bottom:4px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header h1{margin-top:10px;margin-bottom:4px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header h1+p{margin-bottom:10px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header .relative>div.flex{margin-top:8px;align-items:center}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="المنيو"],
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="Menu"]{margin-top:8px;margin-bottom:14px;padding:0;gap:0;border-bottom:1px solid var(--color-line-soft);box-shadow:0 5px 9px -8px #19233155;overflow:visible}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="المنيو"]>button,
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="Menu"]>button{position:relative;flex:1 1 0;min-width:0;min-height:44px;padding:12px 3px 14px!important;line-height:1.4;border:0!important;border-radius:0!important;background:transparent!important;transition:color .16s ease}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav>button+button::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:var(--color-border)}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav>button::after{height:3px!important;border-radius:3px!important;bottom:0!important;inset-inline:12%!important}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav>button>span{white-space:nowrap;overflow:visible;line-height:1.4}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .four-menu-mode{margin-bottom:12px;border-radius:12px;overflow:hidden;align-items:center}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .four-menu-search{margin:0 0 12px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .four-menu-search input{border-color:var(--color-border);box-shadow:0 1px 3px #17213d05}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .flourish-heading{margin-top:12px!important;margin-bottom:12px!important;line-height:1.45}
article.browse-profile-shell[data-v-d5c569d8] ul.grid{row-gap:10px}
article.browse-profile-shell[data-v-d5c569d8] .four-about,
article.browse-profile-shell[data-v-d5c569d8] .four-hours,
article.browse-profile-shell[data-v-d5c569d8] .px-4.py-5:has(.news-timeline){padding-top:4px!important;padding-bottom:20px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-about-card{box-shadow:0 2px 10px #17213d07;border-color:var(--color-line-soft)}
article.browse-profile-shell[data-v-d5c569d8] .four-about-intro>img{border-radius:14px}
article.browse-profile-shell[data-v-d5c569d8] .four-hours-services{gap:12px}
article.browse-profile-shell[data-v-d5c569d8] .hours-today-banner{padding:12px;border-radius:14px;gap:12px}
article.browse-profile-shell[data-v-d5c569d8] .news-entry{border-color:var(--color-line-soft);box-shadow:0 2px 9px #17213d07;border-radius:14px}
article.browse-profile-shell[data-v-d5c569d8] .news-timeline{row-gap:14px}
@media(min-width:1024px){html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="المنيو"]>button,html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="Menu"]>button{min-height:52px;padding-block:15px!important}article.browse-profile-shell[data-v-d5c569d8] .four-about-card{padding:20px!important}}
/* Compact spacing across menu, offers, news and hours; preserve typography. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="المنيو"],html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="Menu"]{margin-top:4px;margin-bottom:8px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .four-menu-mode{margin-bottom:8px}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] .four-menu-search{margin-bottom:8px}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-fixed{margin-bottom:0!important}
article.browse-profile-shell[data-v-d5c569d8] .flourish-heading{margin-top:6px!important;margin-bottom:7px!important}
article.browse-profile-shell[data-v-d5c569d8] ul.grid{row-gap:8px;margin-top:0}
article.browse-profile-shell[data-v-d5c569d8] .four-hours{padding-top:0!important;padding-bottom:10px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours>section{margin-top:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours>section+section{margin-top:12px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours section>div{margin-top:8px!important}
article.browse-profile-shell[data-v-d5c569d8] .hours-today-banner{padding:9px;gap:8px;margin-bottom:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours-services{gap:8px}
article.browse-profile-shell[data-v-d5c569d8] .hours-service-card{padding:10px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours-times{margin-top:6px;padding-top:7px}
article.browse-profile-shell[data-v-d5c569d8] .hours-week{margin-top:8px!important}
article.browse-profile-shell[data-v-d5c569d8] .hours-week th,article.browse-profile-shell[data-v-d5c569d8] .hours-week td{padding-top:7px!important;padding-bottom:7px!important;height:auto!important}
article.browse-profile-shell[data-v-d5c569d8] .px-4.py-5:has(.news-timeline){padding-top:0!important;padding-bottom:10px!important}
article.browse-profile-shell[data-v-d5c569d8] .news-timeline{margin-top:8px!important;row-gap:8px}
article.browse-profile-shell[data-v-d5c569d8] .news-copy>*{margin-top:0!important;margin-bottom:4px!important}
.four-news-related-heading{margin-top:4px!important;margin-bottom:8px!important}
.four-offer-main-card{margin-top:8px!important;margin-bottom:16px!important;padding:10px!important}
.four-offer-main-card>h1{margin-top:10px!important;margin-bottom:5px!important}
.four-offer-main-card>.four-offer-description{margin-bottom:8px!important}
.four-offer-main-card>.four-offer-coupon{margin-top:8px!important;margin-bottom:8px!important}
.four-offer-main-card>.four-offer-duration{margin-top:8px!important;margin-bottom:0!important;padding:10px!important}
.four-offer-related>h2.four-related-heading{margin-top:12px!important;margin-bottom:8px!important}
.four-offer-related>div{gap:8px}
.four-offer-page{padding-top:0}
.four-dish-page .four-dish-content{padding-top:6px!important}
.four-meal-related{margin-top:12px}.four-meal-related>h2{margin-bottom:8px}
/* Remove the exact gaps marked in the reference screenshots. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="المنيو"],html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8] nav[aria-label="Menu"]{margin-bottom:0!important}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>.mx-auto>div.px-4{padding-top:4px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-menu-mode{margin-top:0!important;margin-bottom:5px!important}
article.browse-profile-shell[data-v-d5c569d8] .four-categories-fixed{margin-bottom:0!important}
article.browse-profile-shell[data-v-d5c569d8] .flourish-heading{margin-top:3px!important;margin-bottom:4px!important;padding-block:0!important}
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]{margin-top:0!important;padding-top:0!important}
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]>ul{margin-top:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-offers-tab{padding-top:4px!important;padding-inline:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-offers-title{margin:0 0 5px!important;padding:0!important;line-height:1.4}
article.browse-profile-shell[data-v-d5c569d8] .four-offers-list{margin-top:0!important}
/* No empty space above or below menu-section and hours headings. */
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]{margin-block:0!important;padding-block:0!important}
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]>.flourish-heading{margin-block:0!important;padding-block:0!important}
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]>ul{margin-top:0!important;padding-top:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours .flourish-heading{margin-block:0!important;padding-block:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours>section{margin-block-start:0!important;padding-block-start:0!important}
article.browse-profile-shell[data-v-d5c569d8] .four-hours>section>.flourish-heading+div{margin-top:0!important}
/* Smaller shared site header, using Link 3's compact proportions. */
html:not(.four-standalone-menu) .four-site-header .four-header-row{min-height:50px!important;padding-block:6px!important;gap:8px!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child img{width:30px!important;height:30px!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:17px!important;line-height:1.3}
html:not(.four-standalone-menu):has(header.four-site-header) .four-download-app{min-height:32px!important;padding:6px 12px!important;font-size:12px!important}
html:not(.four-standalone-menu) .four-site-header .four-header-row>div>button{width:27px!important;height:27px!important}
@media(max-width:380px){html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child img{width:26px!important;height:26px!important}html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:15px!important}html:not(.four-standalone-menu):has(header.four-site-header) .four-download-app{font-size:11px!important;padding-inline:9px!important}}
/* Branch page uses the same canvas, hero scale and content gutters as the restaurant. */
main.browse-profile-shell:has(#branches-search){width:min(100%,948px);margin-inline:auto;container-type:inline-size}
main.browse-profile-shell:has(#branches-search)>section>.mx-auto{max-width:100%!important}
main.browse-profile-shell:has(#branches-search) .relative.isolate>.relative{height:32cqw!important}
main.browse-profile-shell:has(#branches-search) .relative.z-10{margin-top:-18cqw;padding-inline:4.4cqw}
main.browse-profile-shell:has(#branches-search) .relative.z-10>a{width:11cqw!important;height:11cqw!important}
main.browse-profile-shell:has(#branches-search) .relative.z-10>a>img{width:11cqw!important;height:11cqw!important}
main.browse-profile-shell:has(#branches-search) h1{font-size:5.0215cqw;line-height:1.4;margin-top:8px}
main.browse-profile-shell:has(#branches-search) .relative.z-10>p{font-size:3.08cqw;margin-top:4px}
main.browse-profile-shell:has(#branches-search) .px-4.pt-4{padding:12px 4.4cqw 0!important}
main.browse-profile-shell:has(#branches-search) #branches-search{height:40px!important;border-radius:24px!important}
main.browse-profile-shell:has(#branches-search) .flourish-heading{font-size:1.0625rem!important;margin-block:0 8px!important}
/* A small breathing space below section titles. */
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]>.flourish-heading{margin-bottom:5px!important}
/* Equal spacing above and below each menu category title. */
article.browse-profile-shell[data-v-d5c569d8] section[id^="browse-group-"]>.flourish-heading{margin-top:3px!important;margin-bottom:3px!important}
.four-download-app{background-image:var(--browse-gradient,linear-gradient(110deg,#ff791c,#ff5906))!important;background-color:var(--color-primary)!important;color:#fff;border-color:transparent}
.four-restaurant-right-tools,.four-branch-right-tools,.four-branch-left-tools{position:absolute;top:2cqw;z-index:10;display:flex;align-items:center;gap:1.2cqw;direction:rtl}
.four-restaurant-right-tools,.four-branch-right-tools{right:2.5cqw}
.four-branch-left-tools{left:2.5cqw;direction:ltr}
.four-hero-circle{display:grid;place-items:center;width:8cqw;height:8cqw;min-width:32px;min-height:32px;padding:0;border-radius:50%;border:1px solid #e8d2c2;background:#ffffffed;color:var(--color-primary,#ef702c);box-shadow:0 .3cqw 1cqw #0002;cursor:pointer;text-decoration:none;flex-shrink:0}
.four-hero-circle svg{width:3.7cqw;height:3.7cqw;min-width:16px;min-height:16px}
.four-branch-original-back{display:none!important}
html.four-standalone-menu .four-restaurant-right-tools{display:none!important}
html.dark .four-hero-circle{background:#24272cee;color:#ffad79;border-color:#72533b}
.four-hero-circle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
/* One shared appearance for all restaurant and branch cover icons. */
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn,
article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle,
main.browse-profile-shell:has(#branches-search) .four-hero-circle{
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 width:8cqw!important;height:8cqw!important;min-width:32px!important;min-height:32px!important;
 padding:0!important;border:1px solid #e8d2c2!important;border-radius:50%!important;
 background:#ffffffed!important;color:var(--color-primary)!important;
 box-shadow:0 .3cqw 1cqw #0002!important;text-decoration:none;flex-shrink:0;
}
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn svg,
article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle svg,
main.browse-profile-shell:has(#branches-search) .four-hero-circle svg{
 width:3.7cqw!important;height:3.7cqw!important;min-width:16px!important;min-height:16px!important;
 stroke:currentColor!important;stroke-width:1.8!important;fill:none;
}
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn svg path,
article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle svg path,
main.browse-profile-shell:has(#branches-search) .four-hero-circle svg path{stroke-linecap:round;stroke-linejoin:round}
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn[aria-pressed=true] svg{fill:currentColor}
html.dark article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn,
html.dark article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle,
html.dark main.browse-profile-shell:has(#branches-search) .four-hero-circle{background:#24272cee!important;color:#ffad79!important;border-color:#72533b!important}
/* Restore the original share-button silhouette and apply it to all cover tools. */
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn,
article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle,
main.browse-profile-shell:has(#branches-search) .four-hero-circle{
 width:8cqw!important;height:6.4cqw!important;min-width:36px!important;min-height:30px!important;
 border-radius:3cqw!important;background:#ffffffed!important;
 border:1px solid #e8d2c2!important;color:#202633!important;
 box-shadow:0 1px 4px #0000002e!important;
}
article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn svg,
article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle svg,
main.browse-profile-shell:has(#branches-search) .four-hero-circle svg{width:3.7cqw!important;height:3.7cqw!important;stroke-width:1.8!important;fill:none}
article.browse-profile-shell[data-v-d5c569d8] a.restaurant-hero-quick-btn[aria-label="فروع المطعم"],article.browse-profile-shell[data-v-d5c569d8] a.restaurant-hero-quick-btn[aria-label="Restaurant branches"]{color:var(--color-primary)!important}
html.dark article.browse-profile-shell[data-v-d5c569d8] .restaurant-hero-quick-btn,
html.dark article.browse-profile-shell[data-v-d5c569d8] .four-hero-circle,
html.dark main.browse-profile-shell:has(#branches-search) .four-hero-circle{background:#24272cee!important;color:#f1f3f7!important;border-color:#72533b!important}

/* Both sides share one coordinate system and identical button geometry. */
article.browse-profile-shell[data-v-d5c569d8] .four-restaurant-left-tools,
article.browse-profile-shell[data-v-d5c569d8] .four-restaurant-right-tools,
main.browse-profile-shell:has(#branches-search) .four-branch-left-tools,
main.browse-profile-shell:has(#branches-search) .four-branch-right-tools{
 position:absolute!important;top:2cqw!important;bottom:auto!important;
 display:flex!important;align-items:center!important;gap:1.2cqw!important;
 margin:0!important;padding:0!important;transform:none!important;z-index:10;
}
article.browse-profile-shell[data-v-d5c569d8] .four-restaurant-left-tools,
main.browse-profile-shell:has(#branches-search) .four-branch-left-tools{left:2.5cqw!important;right:auto!important;direction:ltr}
article.browse-profile-shell[data-v-d5c569d8] .four-restaurant-right-tools,
main.browse-profile-shell:has(#branches-search) .four-branch-right-tools{right:2.5cqw!important;left:auto!important;direction:rtl}
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:max(36px,8cqw)!important;min-width:max(36px,8cqw)!important;max-width:max(36px,8cqw)!important;
 height:max(30px,6.4cqw)!important;min-height:max(30px,6.4cqw)!important;max-height:max(30px,6.4cqw)!important;
 flex:0 0 auto!important;aspect-ratio:auto!important;box-sizing:border-box!important;
 padding:0!important;margin:0!important;border-radius:3cqw!important;transform:none!important;
}
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle) svg{
 display:block!important;width:max(16px,3.7cqw)!important;height:max(16px,3.7cqw)!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 margin:0!important;flex:0 0 auto!important;
}
main.browse-profile-shell:has(#branches-search) .four-branch-original-back{display:none!important}

/* Reference-shaped cover tools, all in the branch icon's brand colour. */
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){color:var(--color-primary)!important;border-radius:3cqw!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row{min-height:46px!important;padding-block:4px!important;gap:6px!important;align-items:center!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child{display:flex!important;align-items:center!important;gap:5px!important;max-width:100%;overflow:visible}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child img{width:29px!important;height:29px!important;object-fit:contain!important;object-position:center;flex:0 0 auto;display:block;border-radius:0!important;background:transparent!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:19px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap;letter-spacing:0}
html:not(.four-standalone-menu):has(header.four-site-header) .four-download-app{margin-inline:4px!important}
html:not(.four-standalone-menu):has(header.four-site-header) .four-download-app::before{left:-7px}
html:not(.four-standalone-menu):has(header.four-site-header) .four-download-app::after{right:-7px}
html[lang^="en"]:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child{direction:ltr!important}
html[lang^="en"]:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:18px!important;letter-spacing:-.4px}
@media(max-width:380px){
 html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row{gap:4px!important;padding-inline:7px!important}
 html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:17px!important}
 html[lang^="en"]:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child span{font-size:16px!important}
 html:not(.four-standalone-menu):has(header.four-site-header) .four-header-row>a:first-child img{width:26px!important;height:26px!important}
 html:not(.four-standalone-menu):has(header.four-site-header) .four-site-header .four-header-row>div>button{width:24px!important}
}

/* Restore dark tools; only phone and branch tools keep the accent. */
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){color:#202633!important}
html.dark :is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){color:#f1f3f7!important}
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(a[href^="tel:"].four-hero-circle,a.restaurant-hero-quick-btn[href*="/branches"]){color:var(--color-primary)!important}


/* Reference: horizontal white oval with a warm orange outline. */
:is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){
 width:max(36px,8.4cqw)!important;min-width:max(36px,8.4cqw)!important;max-width:max(36px,8.4cqw)!important;
 height:max(28px,6.4cqw)!important;min-height:max(28px,6.4cqw)!important;max-height:max(28px,6.4cqw)!important;
 border-radius:999px!important;border:1.5px solid #e8ad82!important;
 background:#fffffff2!important;box-shadow:0 2px 5px #36271926!important;
}
html.dark :is(article.browse-profile-shell[data-v-d5c569d8],main.browse-profile-shell:has(#branches-search)) :is(.restaurant-hero-quick-btn,.four-hero-circle){background:#24272cf2!important;border-color:#e8ad82!important}
/* Shared cover actions on restaurant, menu, news, meal and offer pages. */
html body .four-cover-tool.four-cover-tool.four-cover-tool.four-cover-tool{
 display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
 width:clamp(36px,8.4vw,79.6px)!important;min-width:clamp(36px,8.4vw,79.6px)!important;max-width:clamp(36px,8.4vw,79.6px)!important;
 height:clamp(28px,6.4vw,60.7px)!important;min-height:clamp(28px,6.4vw,60.7px)!important;max-height:clamp(28px,6.4vw,60.7px)!important;
 padding:0!important;border:1.5px solid #e8ad82!important;border-radius:999px!important;background:#fffffff2!important;color:#202633!important;box-shadow:0 2px 5px #36271926!important;flex:0 0 auto!important;
}
html body .four-cover-tool.four-cover-tool.four-cover-tool.four-cover-tool svg{width:clamp(16px,3.7vw,35px)!important;height:clamp(16px,3.7vw,35px)!important;min-width:0!important;min-height:0!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none}
html body a.four-cover-tool.four-cover-tool.four-cover-tool.four-cover-tool:is([href^="tel:"],[href*="/branches"]){color:var(--color-primary)!important}
html.dark body .four-cover-tool.four-cover-tool.four-cover-tool.four-cover-tool{background:#24272cf2!important;color:#f1f3f7!important}
html body .four-cover-tool[aria-pressed=true] svg{fill:currentColor!important}
html body .four-right-back svg{transform:none!important;rotate:none!important;scale:none!important}
.four-news-back{position:absolute;top:10px;right:10px;z-index:10}
.four-dish-actions,.four-offer-actions{top:2cqw!important;left:2.5cqw!important;align-items:center!important;gap:1.2cqw!important}
/* Match the restaurant category sheet: inherited Arabic font, 14px semibold labels. */
aside[role=dialog]:has(.browse-side-menu-row){font-family:inherit!important}
aside[role=dialog] .browse-side-menu-row>div>span:nth-child(2){font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important}
aside[role=dialog] .browse-side-menu-row>div>span:nth-child(3){font-family:inherit!important;font-size:12px!important;font-weight:500!important}
aside[role=dialog] .browse-side-menu-row>div{min-height:54px;padding-block:8px}
aside[role=dialog] .browse-side-menu-row--accent{margin-block:8px 12px!important;border:1px solid var(--color-primary)!important;border-radius:14px!important;background:var(--color-primary-soft)!important}
aside[role=dialog] .browse-side-menu-row--accent>div{min-height:64px;padding:10px 12px!important;gap:12px}
aside[role=dialog] .browse-side-menu-row--accent>div>span:first-child{width:42px;height:42px;border-radius:12px}
/* Link 3 favorites layout, retaining all existing font family and size classes. */
.four-favorites-content{max-width:948px!important;margin-inline:auto;container-type:inline-size;padding:12px 3.4% 20px!important}
.four-favorites-content>h1{margin-block:4px 12px!important}
.four-favorites-login{margin:0 0 12px!important;padding:12px!important;background:var(--color-cream,#fff0e6)!important;border-radius:10px!important}
.four-favorites-login>a{min-height:38px;height:auto!important;padding:8px 12px!important;white-space:nowrap;line-height:1.5}
.four-favorites-tabs{display:flex;gap:4px;margin-block:0 8px;align-items:stretch}
.four-favorites-tabs>button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:9px 3px;border:0;border-radius:7px;background:var(--color-muted-surface,#f0f1f4);color:var(--color-ink);white-space:nowrap;cursor:pointer;line-height:1.5}
.four-favorites-tabs>button[aria-selected=true]{background:var(--color-primary);color:white}
.four-favorites-note{margin:0 0 10px;color:var(--color-text-muted)}
.four-favorites-content>ul{grid-template-columns:1fr!important;margin-top:0!important;gap:8px!important}
.four-favorite-restaurant{padding:8px 10px!important;gap:10px!important;border-radius:10px!important;min-height:100px!important;background:var(--color-surface);box-shadow:0 2px 6px #00000007}
.four-favorite-restaurant>a>img{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:50%!important;flex-shrink:0}
.four-favorite-restaurant h3,.four-favorite-restaurant p{white-space:normal!important;overflow:visible!important}
.four-favorite-restaurant>div{align-self:stretch;justify-content:space-between}
.four-favorite-restaurant>div>button:first-child{border:1px solid #e8ad82!important;color:var(--color-primary)!important;border-radius:999px!important;background:var(--color-surface)!important}
.four-favorite-restaurant>div>button:last-child{height:auto!important;min-height:34px;width:auto!important;min-width:80px;border-radius:7px!important;white-space:nowrap;padding:6px 9px!important}
.four-favorites-hidden{display:none!important}
.four-favorites-saved{display:grid;gap:8px}.four-favorites-saved[hidden]{display:none}
.four-favorites-empty{text-align:center;padding:32px 16px;border:1px dashed var(--color-border);border-radius:10px;color:var(--color-text-muted)}
.four-favorites-empty>svg{width:46px;height:46px;color:var(--color-primary);margin:0 auto 12px}.four-favorites-empty h2{color:var(--color-ink);margin-bottom:6px}
.four-saved-card{position:relative;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:8px;overflow:hidden}
.four-saved-card>a{display:flex;align-items:center;gap:12px;min-height:85px;color:inherit;text-decoration:none;padding-inline-end:32px}
.four-saved-card img{width:40%;max-width:160px;height:95px;object-fit:cover;border-radius:7px}.four-saved-card p{color:var(--color-text-muted);margin-top:5px}
.four-saved-remove{position:absolute;inset-inline-end:8px;top:8px;width:28px;height:28px;border:1px solid #e8ad82;border-radius:999px;background:var(--color-surface);color:var(--color-primary);padding:5px}.four-saved-remove svg{width:100%;height:100%;fill:currentColor}
@media(max-width:380px){.four-favorites-tabs{gap:3px}.four-favorites-tabs>button{padding-inline:1px}.four-favorite-restaurant{gap:6px!important;padding-inline:7px!important}.four-favorite-restaurant>a{gap:7px!important}.four-favorite-restaurant>a>img{width:58px!important;height:58px!important}.four-favorite-restaurant>div>button:last-child{min-width:68px}}
.four-favorites-tabs>button{gap:4px}.four-favorites-tabs svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:380px){.four-favorites-tabs>button{gap:2px}.four-favorites-tabs svg{width:13px;height:13px}}
/* Give the standalone restaurant-name row enough visual weight. */
html.four-standalone-menu body>.four-menu-topbar{min-height:66px!important;padding-block:10px!important;border-bottom:1px solid var(--color-line-soft,var(--color-border))!important;box-shadow:0 5px 9px -8px #19233155!important}
html.four-standalone-menu body>.four-menu-topbar .four-menu-brand{gap:1.2cqw}
html.four-standalone-menu body>.four-menu-topbar .four-menu-brand img{width:9.2cqw!important;height:9.2cqw!important}
html.four-standalone-menu body>.four-menu-topbar .four-menu-brand strong{font-size:4.2cqw!important;line-height:1.35!important;font-weight:800}
/* The login row follows the same scale as the other drawer items. */
aside[role=dialog] .browse-side-menu-row--accent{margin-block:5px 8px!important;border-radius:11px!important}
aside[role=dialog] .browse-side-menu-row--accent>div{min-height:52px!important;padding:7px 8px!important;gap:10px!important}
aside[role=dialog] .browse-side-menu-row--accent>div>span:first-child{width:34px!important;height:34px!important;border-radius:9px!important}
aside[role=dialog] .browse-side-menu-row--accent>div>span:nth-child(2){font-size:14px!important;font-weight:600!important;line-height:1.5!important}
/* Keep the separator directly beneath the standalone name row. */
html.four-standalone-menu body>.four-menu-topbar{min-height:0!important;padding-top:8px!important;padding-bottom:2px!important;row-gap:0!important;margin-bottom:0!important}
html.four-standalone-menu body>.four-menu-topbar .four-menu-brand{margin-block:0!important;padding-block:0!important}
html.four-standalone-menu body>.four-menu-topbar .four-menu-brand strong{margin-block:0!important;padding-block:0!important}
html.four-standalone-menu body>.four-menu-topbar{margin-bottom:5px!important}
.four-news-detail-page{width:min(100%,948px);max-width:948px;margin-inline:auto;container-type:inline-size}
.four-news-detail-page>div{max-width:100%!important;padding:6px 2.8cqw 0!important}
.four-news-detail-page .four-news-photo{width:100%;height:31.25cqw!important;min-height:0!important;overflow:hidden;border-radius:1.8cqw}
.four-news-detail-page .four-news-photo>img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 45%!important}
.four-saved-restaurant img{width:72px;height:72px;object-fit:contain;border-radius:50%;border:1px solid var(--color-border);background:white}.four-saved-restaurant>a{min-height:85px}
/* Favorites reuse each content type's native card structure and typography. */
.four-fav-native{position:relative;min-width:0;color:var(--color-text);container-type:inline-size}
.four-fav-home{width:100%;box-sizing:border-box;padding-inline-end:38px!important}
.four-fav-menu-type{display:inline-block;background:var(--color-primary-soft,#fff0e5);color:var(--color-primary);padding:2px 7px;border-radius:5px;margin-block:3px}
.four-fav-native>.four-saved-remove{z-index:3;top:6px;inset-inline-end:6px;width:27px;height:27px}
.four-fav-meal{display:flex;align-items:stretch;flex-direction:row;min-height:94px;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;background:var(--color-surface);box-shadow:0 2px 10px #00000009}
.four-fav-meal>span{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;gap:4px;text-align:start;padding:12px}
.four-fav-meal>img{width:46%;object-fit:cover;min-height:94px;max-height:125px}
.four-fav-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text-muted);margin-block:3px;line-height:1.5}
.four-fav-meal-price{color:var(--color-primary)}
.four-fav-coupon{position:relative;display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);min-height:116px;text-decoration:none;color:inherit}
.four-fav-stub{position:relative;width:27%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-cream,#fff0e6);color:var(--color-primary);padding:8px 4px;border-right:1px dashed #d7a47d;text-align:center}
.four-fav-stub:before,.four-fav-stub:after{content:'';position:absolute;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border)}.four-fav-stub:before{top:-8px}.four-fav-stub:after{bottom:-8px}
.four-fav-stub small{color:var(--color-text-muted);font-size:.52rem;white-space:nowrap;margin-top:5px}
.four-fav-offer-body{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px}
.four-fav-offer-body>img{width:34%;height:84px;object-fit:cover;border-radius:9px;flex-shrink:0}
.four-fav-offer-body>span{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;text-align:start}
.four-fav-prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;color:var(--color-primary)}.four-fav-prices del{color:var(--color-text-muted)}
.four-fav-native-news{margin-inline-start:48px}
.four-fav-news-entry{position:relative;display:flex;flex-direction:row-reverse;align-items:stretch;gap:8px;min-height:110px;border:1px solid var(--color-border);border-radius:12px;padding:8px;background:var(--color-surface);color:inherit;text-decoration:none;box-shadow:0 2px 10px #00000009}
.four-fav-news-entry .news-photo{width:43%;object-fit:cover;border-radius:8px;flex-shrink:0}
.four-fav-news-entry .news-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:start}
.four-fav-news-entry .news-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text-muted);margin-block:5px}
.four-fav-news-entry .news-read{color:var(--color-primary)}
.four-fav-news-date{position:absolute;inset-inline-start:-48px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-primary);border-radius:50%;background:var(--color-cream,#fff0e6);color:var(--color-primary);line-height:1.2}
.four-fav-news-date strong{font-size:.95rem;font-weight:800}.four-fav-news-date>span{font-size:.52rem;font-weight:700}
@media(min-width:1024px){.four-favorites-saved:has(.four-fav-home){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.four-fav-home{padding-inline-end:0!important}.four-fav-native-restaurants>.four-saved-remove,.four-fav-native-menu>.four-saved-remove{top:8px;inset-inline-end:8px}}
/* Approved compact offer cards: photo right, offer text, pale savings stub left. */
.four-offers-tab .offer-ticket,
.four-offer-related>div>.four-related-native{display:flex!important;direction:ltr!important;align-items:stretch!important;width:100%!important;min-height:108px!important;height:auto!important;padding:0!important;border:1px solid #efad81!important;border-radius:12px!important;background:var(--color-surface)!important;box-shadow:none!important;overflow:hidden!important}
.four-offers-tab .offer-ticket>span:first-child,
.four-offer-related>div>.four-related-native>span:first-child{width:25%!important;flex:0 0 25%!important;margin:5px!important;border-radius:8px!important;background:var(--color-cream,#fff0e6)!important;padding:8px 4px!important;justify-content:center!important}
.four-offers-tab .offer-ticket>span[aria-hidden=true],
.four-offer-related>div>.four-related-native>span[aria-hidden=true]{display:none!important}
.four-offers-tab .offer-ticket>span:last-child,
.four-offer-related>div>.four-related-native>span:last-child{display:flex!important;direction:rtl!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important;padding:8px 8px 8px 10px!important;border-left:1px dashed #efa576}
.four-offers-tab .offer-ticket>span:last-child>img,
.four-offer-related>div>.four-related-native>span:last-child>img{width:34%!important;height:88px!important;flex:0 0 34%!important;object-fit:cover!important;border-radius:8px!important}
.four-offers-tab .offer-ticket>span:last-child>span,
.four-offer-related>div>.four-related-native>span:last-child>span{min-width:0!important;min-height:0!important;flex:1!important;gap:4px!important}
html.dark .four-offers-tab .offer-ticket,html.dark .four-offer-related>div>.four-related-native{border-color:#9b603c!important}
html.dark .four-offers-tab .offer-ticket>span:first-child,html.dark .four-offer-related>div>.four-related-native>span:first-child{background:#35271e!important}
@media(max-width:360px){.four-offers-tab .offer-ticket>span:last-child,.four-offer-related>div>.four-related-native>span:last-child{gap:7px!important;padding-inline:6px!important}.four-offers-tab .offer-ticket>span:last-child>img,.four-offer-related>div>.four-related-native>span:last-child>img{height:80px!important}}

/* Approved first offer concept: photo, separate summary card, quiet validity row. */
.four-offer-page>.four-offer-photo{margin:8px 0 10px}
.four-offer-page>.four-offer-photo>img{height:clamp(190px,43cqw,370px);border-radius:12px}
.four-offer-photo-discount{position:absolute;bottom:12px;right:12px;padding:7px 14px;border-radius:10px;background:var(--browse-gradient,linear-gradient(110deg,#ff941f,#ff6415));color:#fff;font-weight:800;font-size:1rem;box-shadow:0 2px 8px #0002}
.four-offer-page>.four-offer-main-card{padding:12px;margin:0 0 10px;border:1px solid #f47731;border-radius:13px;box-shadow:0 3px 12px #71380f0b;background:var(--color-surface)}
.four-offer-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.four-offer-summary-copy{min-width:0}.four-offer-summary-copy h1{margin:0 0 5px;line-height:1.5}.four-offer-summary-copy .four-offer-description{margin:0;line-height:1.75}
.four-offer-summary>.four-offer-coupon{margin:0;min-height:0;border:0;background:transparent;overflow:visible;border-radius:0;max-width:34cqw}
.four-offer-summary .four-offer-price-area{padding:0;align-items:center;gap:3px}
.four-offer-summary .four-offer-price-area>div{display:flex;flex-direction:column;align-items:center;gap:2px}
.four-offer-summary .four-offer-price-area strong{white-space:nowrap;font-size:1.5rem;font-weight:800;line-height:1.4;color:#f36c21}
.four-offer-summary .four-offer-price-area del{color:var(--color-text-muted);font-weight:600}
.four-offer-summary .four-offer-price-area>span{padding:3px 8px;border-radius:7px;background:#fff0e5;margin:2px 0 0;font-weight:700;white-space:nowrap}
.four-offer-includes{margin-top:12px;padding:10px 12px;background:#fff3e9;border-radius:10px}.four-offer-includes h2{margin:0 0 5px;font-size:1rem;color:#df631c;font-weight:700}.four-offer-includes ul{margin:0;padding-inline-start:20px;font-size:.875rem;line-height:1.8}.four-offer-includes li::marker{color:#f47731}
.four-offer-page>.four-offer-duration{display:flex;flex-wrap:wrap;gap:8px;padding:11px 12px;margin:0 0 16px;background:#fff1e6;border:0;border-radius:11px}
.four-offer-page>.four-offer-duration>svg{width:21px;height:21px;flex-shrink:0}.four-offer-page>.four-offer-duration>div{flex:1}.four-offer-valid-branch{font-size:.8rem;color:var(--color-text-muted);border-inline-start:1px solid #f1c7a9;padding-inline-start:10px}
.four-offer-page>.four-offer-related>h2.four-related-heading{margin:10px 0 12px}
html.dark .four-offer-includes,html.dark .four-offer-page>.four-offer-duration,html.dark .four-offer-summary .four-offer-price-area>span{background:#35271e}html.dark .four-offer-page>.four-offer-main-card{border-color:#a96336}
@media(max-width:360px){.four-offer-summary{gap:8px}.four-offer-summary .four-offer-price-area strong{font-size:1.3rem}.four-offer-page>.four-offer-main-card{padding:10px}}

/* Three equal offer facts, matching the accepted preview. */
.four-offer-facts{display:flex;align-items:stretch;justify-content:center;padding:12px 0;margin:0 0 14px;background:#fff1e7;border-radius:12px;direction:rtl}
.four-offer-fact{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:0 8px;text-align:center;color:var(--color-text);font-size:.8rem;line-height:1.65}
.four-offer-fact+.four-offer-fact{border-right:1px solid #f3c2a1}.four-offer-fact>svg{display:block;width:24px;height:24px;flex-shrink:0;color:#f47731;stroke-width:1.7}.four-offer-fact>span{overflow-wrap:anywhere}
html[lang=en] .four-offer-facts{direction:ltr}html[lang=en] .four-offer-fact+.four-offer-fact{border-right:0;border-left:1px solid #f3c2a1}
html.dark .four-offer-facts{background:#35271e}html.dark .four-offer-fact+.four-offer-fact{border-color:#855438}
@media(min-width:640px){.four-offer-fact{font-size:.9rem;padding-inline:12px}.four-offer-facts{padding-block:15px}}

/* Menu 2 offer rows shared by restaurant, related offers and favorites. */
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-width:100%!important;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--color-border,#dedbd5)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;color:var(--color-text)!important;text-align:start!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>:not(.four-offer-list-content){display:none!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card::before,.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card::after{display:none!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{display:grid!important;grid-template-columns:clamp(80px,24cqw,126px) minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;width:100%!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-sizing:border-box!important;direction:rtl}
.four-offer-list-photo{position:relative;display:block;grid-column:1;min-width:0;width:100%;aspect-ratio:1;overflow:hidden;border-radius:9px}
.four-offer-menu-card .four-offer-list-photo>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px!important;margin:0!important}
.four-offer-list-discount{position:absolute;top:5px;right:5px;background:var(--browse-gradient,linear-gradient(110deg,#ff941f,#ff6415));color:white;padding:3px 5px;border-radius:5px;font-size:.62rem;font-weight:700;line-height:1.5;white-space:nowrap}
.four-offer-list-copy{display:flex;flex-direction:column;gap:6px;min-width:0;grid-column:2;text-align:start}
.four-offer-list-title{display:block;font-size:1rem;font-weight:700;line-height:1.55;color:var(--color-text)}
.four-offer-list-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.83rem;line-height:1.75;color:var(--color-text-muted)}
.four-offer-list-expiry{display:flex;align-items:center;gap:5px;font-size:.7rem;line-height:1.65;color:var(--color-text-muted);margin-top:2px}
.four-offer-list-expiry>svg{width:16px;height:16px;color:#f47731;flex-shrink:0}
.four-offer-list-prices{grid-column:3;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:88px;text-align:center;line-height:1.5}
.four-offer-list-prices>strong{color:#f47731;font-size:1.35rem;font-weight:800;line-height:1.4}.four-offer-list-prices>strong small{font-size:.8rem;font-weight:700}
.four-offer-list-prices>del{color:var(--color-text-muted);font-size:.75rem;font-weight:600;white-space:nowrap}
.four-offer-list-saving{font-size:.65rem;font-weight:600;color:#d36728;background:#fff0e5;border-radius:6px;padding:3px 5px;white-space:nowrap}
.four-offer-related>div:has(.four-offer-menu-card){gap:0}.four-fav-native-offers{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
html[lang=en] .four-offer-menu-card>.four-offer-list-content{direction:ltr}html.dark .four-offer-list-saving{background:#35271e;color:#ffae7c}
@media(max-width:360px){.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{gap:7px!important;grid-template-columns:76px minmax(0,1fr) auto!important}.four-offer-list-prices{max-width:66px}.four-offer-list-prices>strong{font-size:1.2rem}.four-offer-list-title{font-size:.94rem}}
@media(min-width:640px){.four-offer-list-title{font-size:1.1rem}.four-offer-list-description{font-size:.95rem}.four-offer-list-expiry{font-size:.82rem}.four-offer-list-prices>strong{font-size:1.5rem}.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{gap:16px!important}}

html[lang=en] .four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{direction:ltr!important}

/* Tighten offer-list vertical rhythm without changing typography. */
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card{padding-block:8px!important}
.four-offer-list-copy{gap:4px}.four-offer-list-expiry{margin-top:0}
.four-offers-tab>h2{margin-block:6px!important}
.four-offers-tab>ul{margin-block:0!important;row-gap:0!important}
.four-offer-related>div{row-gap:0!important}
.four-offer-page>.four-offer-related>h2.four-related-heading{margin-block:6px!important}
.four-fav-native-offers{margin-block:0!important;padding-block:0!important}

/* Equal breathing room on both sides of each offer divider. */
.four-offers-tab .four-offers-list,.four-offers-tab>ul{gap:0!important;row-gap:0!important;padding-block:0!important}
.four-offers-tab .four-offers-list>li,.four-offers-tab>ul>li{margin-block:0!important;padding-block:0!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card{padding-top:8px!important;padding-bottom:8px!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{align-items:center!important}
.four-offer-related>div:has(.four-offer-menu-card){padding-block:0!important;margin-block:0!important;gap:0!important}

/* Center the complete offer between its separators, including text line boxes. */
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card{box-sizing:border-box!important;padding-block:8px!important;line-height:normal!important;vertical-align:top!important}
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{align-items:center!important;line-height:normal!important;min-height:0!important}
.four-offer-menu-card .four-offer-list-copy,.four-offer-menu-card .four-offer-list-photo,.four-offer-menu-card .four-offer-list-prices{align-self:center!important;margin-block:0!important;transform:none!important}
.four-offer-menu-card .four-offer-list-copy{padding-block:0!important}
.four-offer-menu-card .four-offer-list-title{margin-block:0!important;padding-block:0!important}
.four-offer-menu-card .four-offer-list-description{margin-block:0!important;padding-block:0!important}
.four-offer-menu-card .four-offer-list-expiry{margin-block:0!important;padding-block:0!important}
.four-offers-tab ul:has(.four-offer-menu-card)>li{display:block!important;line-height:0!important;margin:0!important;padding:0!important}
.four-fav-native-offers:has(.four-offer-menu-card){line-height:0!important;margin:0!important;padding:0!important}

/* Measure equal separator insets from the actual photograph edges. */
.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card>.four-offer-list-content{align-items:stretch!important}
.four-offer-menu-card.four-offer-menu-card .four-offer-list-photo{align-self:stretch!important;aspect-ratio:auto!important;min-height:clamp(80px,24cqw,126px)!important;height:auto!important;position:relative!important;margin:0!important;padding:0!important}
.four-offer-menu-card.four-offer-menu-card .four-offer-list-photo>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.four-offers-tab ul:has(.four-offer-menu-card){display:flex!important;flex-direction:column!important;gap:0!important}
@media(max-width:360px){.four-offer-menu-card.four-offer-menu-card .four-offer-list-photo{min-height:76px!important}}
/* Restaurant identity: larger logo, moved slightly down toward the name. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header img.four-restaurant-identity-logo{width:clamp(68px,13cqw,112px)!important;height:clamp(68px,13cqw,112px)!important;margin-top:7px!important;margin-bottom:5px!important;object-fit:contain!important;background:#fff5e8!important;padding:0!important}
.four-branch-identity-logo-link{width:clamp(76px,15vw,112px)!important;height:clamp(76px,15vw,112px)!important;margin-top:7px!important;margin-bottom:5px!important}
.four-branch-identity-logo-link>img.four-restaurant-identity-logo{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;background:#fff5e8!important}

/* Use one identity-logo size and a tighter name gap on both pages. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header img.four-restaurant-identity-logo{width:clamp(68px,13vw,112px)!important;height:clamp(68px,13vw,112px)!important;margin-bottom:0!important}
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header img.four-restaurant-identity-logo+h1{margin-top:3px!important}
.four-branch-identity-logo-link{width:clamp(68px,13vw,112px)!important;height:clamp(68px,13vw,112px)!important;margin-bottom:0!important}
.four-branch-identity-logo-link+h1{margin-top:3px!important}

/* Override the older branch-specific 11cqw rule on the image itself. */
main.browse-profile-shell:has(#branches-search) .relative.z-10>.four-branch-identity-logo-link>img.four-restaurant-identity-logo{width:clamp(68px,13vw,112px)!important;height:clamp(68px,13vw,112px)!important;max-width:none!important}
main.browse-profile-shell:has(#branches-search) .four-branch-identity-logo-link{display:block!important;width:clamp(68px,13vw,112px)!important;height:clamp(68px,13vw,112px)!important}
main.browse-profile-shell:has(#branches-search) article:has(a[href*="/restaurants/"]){cursor:pointer}

/* Keep the branch logo inside a correctly sized centered flow box. */
main.browse-profile-shell:has(#branches-search) .relative.z-10>.four-branch-identity-logo-link{display:grid!important;place-items:center!important;position:relative!important;box-sizing:border-box!important;width:clamp(68px,13vw,112px)!important;height:clamp(68px,13vw,112px)!important;min-height:clamp(68px,13vw,112px)!important;margin:0 auto!important;padding:0!important;transform:translateY(-10px)!important}
main.browse-profile-shell:has(#branches-search) .relative.z-10>.four-branch-identity-logo-link>img.four-restaurant-identity-logo{position:static!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important}
main.browse-profile-shell:has(#branches-search) .four-branch-identity-logo-link+h1{position:relative!important;margin-top:-5px!important;clear:both}
/* Compensate for the larger logo so restaurant tabs return upward. */
html:not(.four-standalone-menu) article.browse-profile-shell[data-v-d5c569d8]>header img.four-restaurant-identity-logo{margin-top:-10px!important}
/* Optional restaurant-wide contact on the branches page. */
.four-branches-hotline{position:fixed;z-index:60;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),864px);border:1px solid #f58440;border-radius:16px;overflow:hidden;box-shadow:0 -3px 22px #00000016;background:var(--color-surface)}
.four-branches-hotline>a{display:flex;align-items:stretch;direction:rtl;min-height:46px;background:var(--browse-gradient,linear-gradient(110deg,#ff791c,#ff5906));color:#fff;text-decoration:none;font-family:inherit;font-size:1.3rem;font-weight:900}
.four-branches-hotline>a>span{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;padding:7px 4px;line-height:1.5}.four-branches-hotline>a>span:first-child{border-left:1px solid #ffffff59;margin-block:6px;padding-block:1px}.four-branches-hotline svg{width:17px;height:17px;flex-shrink:0}
html.four-has-branches-hotline main.browse-profile-shell{padding-bottom:82px!important}

/* Exact native restaurant call-button geometry and typography, with hotline copy. */
.four-branches-hotline{width:min(91.2vw,768px);bottom:calc(.35rem + env(safe-area-inset-bottom,0px));border-color:var(--color-primary);border-radius:16px}
.four-branches-hotline>a{height:44px!important;min-height:44px!important;padding:0!important;line-height:inherit!important}
.four-branches-hotline>a>span{padding:0!important;font-size:1.3rem!important;font-weight:900!important;line-height:inherit!important;gap:4px!important;white-space:nowrap}
.four-branches-hotline>a>span:first-child{margin-block:6px!important;padding:0!important}.four-branches-hotline svg{width:16px!important;height:16px!important}

/* The restaurant palette is scoped to its article; use its exact call gradient on branches too. */
.four-branches-hotline{border:1px solid #f47731!important;border-radius:16px!important;background:#fff!important;box-shadow:0 -3px 22px rgb(0 0 0 / .09)!important}
html.browse-view .four-branches-hotline>a.browse-gradient{background-color:#f47731!important;background-image:linear-gradient(110deg,#ff9a49,#f47731)!important;color:#fff!important;height:44px!important;min-height:44px!important}
.four-branches-hotline>a>span:first-child{border-left:1px solid rgb(255 255 255 / .35)!important;border-inline-end:1px solid rgb(255 255 255 / .35)!important}

/* Fixed shared site header with a measured space reservation. */
html body header.four-site-header.four-site-header{position:fixed!important;inset:0 0 auto!important;width:100vw!important;max-width:none!important;margin:0!important;z-index:100!important;background:var(--color-surface)!important;box-sizing:border-box!important;border-bottom:1px solid var(--color-border)}
html.four-has-fixed-site-header body{padding-top:var(--four-fixed-header-height,50px)!important}
html.four-has-fixed-site-header .four-menu-topbar{top:var(--four-fixed-header-height,50px)!important}
html body .four-news-favorite-hidden.four-news-favorite-hidden{display:none!important}

/* Saved offer hearts have their own row above the price/photo content. */
.four-fav-native-offers.four-fav-native-offers{position:relative!important;padding-top:32px!important}
.four-fav-native-offers>.four-saved-remove{top:0!important;bottom:auto!important;left:0!important;right:auto!important;width:27px!important;height:27px!important}
.four-fav-native-dishes.four-fav-native-dishes{position:relative!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:32px 0 0!important;overflow:visible!important}
.four-fav-native-dishes>.four-saved-remove{top:0!important;bottom:auto!important;left:0!important;right:auto!important;width:27px!important;height:27px!important}
.four-fav-native-dishes>.four-paper-dish{padding-block:8px!important;min-height:0!important}
html[lang^="en"] .four-fav-native-offers>.four-saved-remove,html[lang^="en"] .four-fav-native-dishes>.four-saved-remove{left:auto!important;right:0!important}

/* Restaurant identity uses the existing strip opposite the saved-item heart. */
.four-fav-restaurant-identity{position:absolute;top:0;right:0;left:auto;display:flex;align-items:center;gap:5px;height:27px;max-width:calc(100% - 40px);direction:rtl;color:var(--color-text);text-decoration:none;line-height:1.3}
.four-fav-restaurant-identity>img{width:25px!important;height:25px!important;object-fit:contain;border-radius:50%;flex:0 0 25px;background:var(--color-surface)}
.four-fav-restaurant-identity>strong{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
html[lang^="en"] .four-fav-restaurant-identity{right:auto;left:0;direction:ltr}

/* Touch browsers retain :hover after a tap; language selection is not a toggle. */
html body .four-site-header button.four-language-toggle:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
@media(hover:none){html body .four-site-header button.four-language-toggle:hover:not(:active){background:transparent!important;color:var(--color-text)!important;box-shadow:none!important}}

/* Favorites: 27px identity/heart row followed by one shared 4px content gap. */
html body .four-fav-native-dishes.four-fav-native-dishes,
html body .four-fav-native-offers.four-fav-native-offers{padding:27px 0 0!important;margin-block:0!important}
html body .four-fav-native-dishes>.four-paper-dish,
html body .four-fav-native-offers>.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card.four-offer-menu-card{margin-top:0!important;padding-top:4px!important;padding-bottom:8px!important}
html body .four-fav-native-offers .four-offer-menu-card.four-offer-menu-card .four-offer-list-photo{align-self:start!important}

/* Wider equal branch/location pills; preserve existing height, type and divider. */
html:not(.four-standalone-menu) body article.browse-profile-shell>header .relative>div.flex>button,
html:not(.four-standalone-menu) body article.browse-profile-shell>header .relative>div.flex>a{width:32cqw!important;max-width:calc(50% - 12px)!important;min-width:0!important;flex:0 0 32cqw!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}
html:not(.four-standalone-menu) body article.browse-profile-shell>header .relative>div.flex>button span,
html:not(.four-standalone-menu) body article.browse-profile-shell>header .relative>div.flex>a span{text-align:center!important;white-space:nowrap!important}

/* Match the branch directory canvas to the shared dark page background. */
html.dark body main.browse-profile-shell:has(#branches-search),
html.dark body main.browse-profile-shell:has(#branches-search)>section,
html.dark body main.browse-profile-shell:has(#branches-search)>section>.mx-auto{background:var(--color-background,#101214)!important}
html.dark body main.browse-profile-shell:has(#branches-search) article{background:transparent!important;box-shadow:none!important;border-color:rgba(184,194,207,.12)!important}
/* Compact the home Restaurants heading without changing category geometry. */
html body main:has(.four-home-categories) .flourish-heading:has(.browse-title-stack){margin-top:5px!important;margin-bottom:5px!important;padding-block:0!important}

/* Full branch addresses, with content-driven card height in both languages. */
html body main.browse-profile-shell:has(#branches-search) article.four-branch-card{height:auto!important;min-height:0!important;max-height:none!important;align-items:flex-start!important}
html body main.browse-profile-shell:has(#branches-search) .four-branch-card-address{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important}
