:root{--cream:#fff8ed;--ink:#211f19;--orange:#e94d20;--muted:#625c50;--line:#ded4c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}p{line-height:1.7}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 6%;position:sticky;top:0;z-index:10;background:#fff8edf5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.logo-brand{display:flex;align-items:center}.logo-brand img{display:block;object-fit:contain}header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.lang{border:1px solid var(--ink);border-radius:30px;padding:10px 16px;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--cream);border:1px solid transparent;border-radius:40px;padding:16px 24px;font-weight:700;font-size:14px}.btn.orange{background:var(--orange);color:white}.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.saudi-flag{font-size:24px;letter-spacing:0}.hero{max-width:1400px;margin:auto;padding:55px 6% 65px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.hero h1{font-size:clamp(62px,6.7vw,100px);line-height:1;letter-spacing:-5px;margin:26px 0}.hero h1 span{color:var(--orange)}.lead{color:var(--muted);font-size:19px;max-width:440px}.hero-contact{font-size:13px;color:var(--muted);margin-top:23px}.hero-food{display:block;position:relative;overflow:hidden;border-radius:130px 20px 20px 20px;height:490px;background:#171714;box-shadow:14px 14px 0 #efdbc0}.hero-food img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.16)}.food-tag{position:absolute;bottom:25px;inset-inline:25px auto;background:var(--cream);padding:12px 18px;border-radius:30px;font-size:13px;font-weight:bold;box-shadow:0 4px 14px #0003}.opening-banner{text-align:center;background:var(--ink);color:var(--cream);padding:10px 5%;font-size:12px;line-height:1.6}.opening-banner strong{color:#ffbc82}.ribbon{background:var(--ink);color:var(--cream);padding:20px 6%;display:flex;justify-content:space-around;gap:20px;font-size:14px;font-weight:bold;flex-wrap:wrap}.ribbon i{color:#ff8654;font-style:normal}.section{padding:70px 6%;max-width:1400px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-head p{color:var(--muted)}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-1.7px;margin:16px 0 22px}h3{font-size:25px;letter-spacing:-.7px;margin:18px 0 10px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.card{min-width:0}.food-gallery{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#eadfcf;padding:7px;border-radius:12px}.photo-button{display:block;padding:0;border:0;background:transparent;border-radius:7px;overflow:hidden;cursor:zoom-in}.photo-button img{display:block;width:100%;height:230px;object-fit:cover}.card p{font-size:14px;color:var(--muted);min-height:48px}.card>a,.text-link{font-size:14px;font-weight:bold;border-bottom:1px solid;padding-bottom:4px}.note{font-size:12px;color:var(--muted);margin-top:30px}.opening-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#f3eadb;border-radius:22px;max-width:calc(1400px - 12%);padding:45px;margin:15px auto 25px}.opening-details{margin:20px 0}.opening-details p{margin:6px 0;font-size:18px;font-weight:bold}.opening-details .arabic{font-size:17px}.opening-card{background:#f9c491;padding:35px 28px;border-radius:18px;text-align:center}.opening-card h3{font-size:34px}.opening-card strong{font-size:26px}.event-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.event-services article{border-top:2px solid var(--orange);padding-top:7px}.event-services p{font-size:14px;color:var(--muted)}.events-section>p{max-width:740px;color:var(--muted)}.jazan-local{display:grid;grid-template-columns:1fr 1.25fr;gap:45px;align-items:center;border-block:1px solid var(--line)}.jazan-local-image{height:230px;overflow:hidden;border-radius:15px}.jazan-local-image img{width:100%;height:100%;object-fit:cover}.jazan-local p{color:var(--muted);font-size:15px}.jazan-local .photo-credit{font-size:10px;margin-top:18px}.photo-credit a{text-decoration:underline}.social-section{max-width:730px}.social-handle{color:var(--muted);font-size:14px}.hospitality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hospitality-card{border-top:1px solid var(--line);padding-top:12px}.hospitality-card h3{font-size:22px}.hospitality-card p{font-size:14px;color:var(--muted)}.visit{display:grid;grid-template-columns:1fr;gap:50px;background:#e8ecdb;border-radius:20px;padding:40px}.contact{border-inline-start:1px solid #211f1933;padding-inline-start:35px}.phone{font-size:30px;font-weight:bold;display:inline-block;margin:15px 0;direction:ltr}.email-contact{display:inline-block;text-decoration:underline;font-size:16px;direction:ltr;overflow-wrap:anywhere}.footer{background:var(--ink);color:var(--cream);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.footer p{font-size:12px;color:#c8c1b4}.footer-social{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:bold}.share-site{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:bold}.float{position:fixed;bottom:20px;inset-inline-end:20px;z-index:20;padding:14px 20px;border-radius:40px;background:#1c613c;color:white;box-shadow:0 4px 18px #0003;font-size:13px;font-weight:bold}.photo-dialog{padding:15px;border:0;border-radius:12px;background:var(--ink);max-width:95vw;max-height:95vh}.photo-dialog::backdrop{background:#000b}.photo-dialog img{display:block;max-width:85vw;max-height:78vh;object-fit:contain}.close-photo{display:block;margin:0 0 12px auto;background:var(--cream);color:var(--ink);border:0;border-radius:30px;padding:10px 18px}.jazan-guide{max-width:1050px}.jazan-guide h1{font-size:64px;letter-spacing:-3px;margin:20px 0}.jazan-guide .intro{font-size:20px;color:var(--muted);max-width:750px}.jazan-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jazan-frame{margin:0;background:var(--ink);color:var(--cream);border:6px solid var(--ink);border-radius:14px;overflow:hidden}.jazan-frame img{display:block;width:100%;height:260px;object-fit:cover}.jazan-frame figcaption{padding:14px 10px}.jazan-frame strong{display:block;font-size:19px;margin:10px 0}.frame-brand{font-size:11px;font-weight:bold;letter-spacing:1px;color:#ffad7e}.jazan-frame small{font-size:11px;line-height:1.6;display:block;color:#d5cebf}.jazan-frame a{text-decoration:underline}.jazan-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.jazan-facts div{padding:20px;background:#ece2d1;border-radius:12px}.jazan-facts strong{display:block;margin-bottom:8px}.jazan-topics{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.jazan-topics a{border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:13px}.jazan-article{padding:30px 0;border-bottom:1px solid var(--line)}.jazan-article p{color:var(--muted);max-width:850px}.jazan-source{font-size:12px}.jazan-source a{text-decoration:underline}.coast-gallery{display:grid;gap:22px;margin:35px 0}.coast-gallery .jazan-frame img{height:auto;max-height:560px;object-fit:contain}.jazan-cta{padding:30px;background:#f9c491;border-radius:16px;margin-top:35px}a:focus-visible,button:focus-visible{outline:3px solid #32844c;outline-offset:5px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .hero h1{font-size:clamp(56px,6vw,85px);line-height:1.15}[dir=rtl] .eyebrow{letter-spacing:0}@media(max-width:1100px){header nav{gap:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-button img{height:280px}.hero{gap:30px}.hero-food{height:450px}.opening-section{margin-inline:6%;max-width:none}.hero h1{font-size:72px}.hospitality-grid{gap:20px}}@media(max-width:760px){header{padding:10px 5%}header .logo-brand img{width:60px;height:60px}header nav{gap:12px}header nav .nav-link{display:none}header nav .btn{display:inline-flex;padding:10px 14px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 6% 45px;gap:32px}.hero h1{font-size:64px;letter-spacing:-3px}.hero .lead{font-size:17px}.hero-food{height:400px;border-radius:70px 15px 15px 15px;box-shadow:8px 8px 0 #efdbc0}.section{padding:45px 6%}.section-head{display:block}.section-head p{font-size:14px}.grid{gap:20px}.photo-button img{height:230px}.opening-section{grid-template-columns:1fr;padding:28px 22px;gap:22px}.opening-card{padding:25px}.event-services,.hospitality-grid{grid-template-columns:1fr;gap:10px}.event-services article{padding-bottom:15px}.jazan-local{grid-template-columns:1fr;gap:25px}.jazan-local-image{height:200px}.visit{grid-template-columns:1fr;padding:28px;gap:22px}.contact{border:0;padding:0}.phone{font-size:27px}.footer{align-items:flex-start;flex-direction:column;padding-bottom:80px}.jazan-photo-grid,.jazan-facts{grid-template-columns:1fr}.jazan-guide h1{font-size:48px}.jazan-cta{padding:24px}.ribbon{font-size:11px;gap:12px;padding:16px 5%}.ribbon i{display:none}}@media(max-width:480px){.grid{grid-template-columns:1fr}.food-gallery .photo-button img{height:280px}.hero-food{height:350px}.opening-banner{font-size:10px}.btn{padding:14px 20px}.hero-contact{font-size:12px}.lang{padding:9px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.saudi-welcome{letter-spacing:0;font-size:17px;line-height:1.6;justify-content:flex-end}.opening-card h3[lang=ar]{font-size:32px;line-height:1.5;letter-spacing:0}@media(max-width:480px){.opening-card h3[lang=ar]{font-size:27px}}
.daily-date-bar{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;background:#211f19;color:#fff8ed;padding:9px 5%;font-size:11px;line-height:1.5;min-height:36px}.date-location{color:#ffc28c;font-weight:bold}.date-calendar{display:inline-flex;gap:8px;align-items:center}.date-calendar>span{color:#c6bead}.date-calendar time{font-weight:bold}.opening-celebration{max-width:450px;margin:0 auto 20px}.opening-celebration svg{display:block;width:100%;height:auto}.opening-celebration p{font-size:13px;font-weight:bold;margin:4px 0 15px}.opening-card .eyebrow{justify-content:center}@media(max-width:600px){.daily-date-bar{gap:4px 14px;font-size:10px;padding:8px 4%}.date-location{flex-basis:100%;text-align:center}.date-calendar{gap:5px}.opening-celebration{margin-bottom:15px}}
/* Softer neutral palette and a persistent date bar. */
:root{--cream:#f5f7f4;--ink:#26362f;--orange:#ca563c;--muted:#5c6860;--line:#dce3dc;--date-bar-height:36px}body{background:var(--cream)}header{background:#f5f7f4f5;top:var(--date-bar-height)}html{scroll-padding-top:calc(var(--date-bar-height) + 110px)}.daily-date-bar{position:sticky;top:0;z-index:30;background:#e4ebe5;color:#26362f;border-bottom:1px solid #d2ddd4}.date-location{color:#485f4e}.date-calendar>span{color:#5c6860}.opening-banner{background:#eaf0e9;color:#26362f}.opening-banner strong{color:#88432c}.ribbon{background:#dfe8df;color:#26362f}.ribbon i{color:#8e5a40}.hero-food{box-shadow:14px 14px 0 #dfe7df}.food-gallery{background:#e5eae3}.opening-section{background:#edf1ec}.opening-card{background:#e0e8df}.visit{background:#e7ede7}.jazan-facts div,.jazan-cta{background:#e6ece5}.footer{background:#2c4035}.photo-dialog{background:#26362f}.event-email{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.event-email p{margin:0 0 8px;font-weight:bold}.event-email .email-contact{font-size:20px;text-underline-offset:5px}@media(max-width:760px){:root{--date-bar-height:52px}.hero-food{box-shadow:8px 8px 0 #dfe7df}.event-email .email-contact{font-size:18px}}
/* Occasional decorative mascot, below all reading and interactive content. */

.mobile-event-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;margin:30px 0 35px;padding:24px;background:#edf1ec;border-radius:18px}.mobile-event-visual svg{display:block;width:100%;height:auto}.mobile-event-copy h3{font-size:28px;line-height:1.2;margin:13px 0}.mobile-event-copy p{font-size:14px;color:var(--muted)}.mobile-event-copy .eyebrow{color:#9d4732}.mobile-service-note{font-size:10px;color:#68766c}@media(max-width:760px){.mobile-event-feature{grid-template-columns:1fr;gap:6px;padding:20px}.mobile-event-copy h3{font-size:26px}.mobile-event-visual{max-width:520px;justify-self:center}}
.event-occasion-head{margin-top:35px}.event-occasion-head>p{color:var(--muted);max-width:850px}.event-occasions{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.occasion-icon{display:block;font-size:28px;margin-top:15px}.event-occasions h3{font-size:23px;margin-top:12px}.events-section>.event-services+p{font-size:14px;color:var(--muted);margin-top:25px;max-width:850px}@media(max-width:760px){.event-occasions{grid-template-columns:1fr;gap:15px}}
/* Events are a secondary service beneath the restaurant contact section. */
.events-section{padding-top:35px;padding-bottom:50px;border-top:1px solid var(--line)}.events-section>h2{font-size:30px;margin-bottom:15px}.events-section>.eyebrow{font-size:10px;color:var(--muted)}.events-section>p{font-size:14px;max-width:780px}.event-more{margin-top:18px}.event-more>summary{display:list-item;cursor:pointer;font-weight:bold;font-size:14px;color:var(--ink);padding:12px 0;text-decoration:underline;text-underline-offset:4px}.event-more>summary:focus-visible{outline:3px solid #32844c;outline-offset:5px}.event-more[open]>summary{margin-bottom:15px}.event-more .mobile-event-feature{margin-top:15px}.event-more>p{font-size:14px;color:var(--muted)}@media(max-width:760px){.events-section>h2{font-size:27px}.events-section{padding-block:30px 40px}}
/* Equal prominence for all four restaurant categories in the hero. */
.hero-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:center}.hero-product{display:block;min-width:0;border-radius:18px;overflow:hidden;background:#e5eae3;border:1px solid #dce3dc;box-shadow:0 8px 25px #26362f0c;transition:transform .2s ease}.hero-product:hover{transform:translateY(-3px)}.hero-product-image{aspect-ratio:1.05;overflow:hidden;background:#181b17}.hero-product-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.19);object-position:center 52%}.hero-product>span{display:block;padding:12px 10px;text-align:center;font-size:15px;font-weight:bold;color:var(--ink)}@media(max-width:760px){.hero-products{order:-1;gap:12px}.hero-product{border-radius:13px}.hero-product-image{aspect-ratio:1.35}.hero-product>span{padding:9px 5px;font-size:14px}.hero{gap:28px}.hero h1{font-size:58px}}@media(prefers-reduced-motion:reduce){.hero-product{transition:none}.hero-product:hover{transform:none}}

/* Customer essentials and compact supporting content */
.hero-service-info{margin-top:24px;padding:16px 0;border-top:1px solid var(--line)}
.business-hours{font-weight:700;margin:0 0 7px;font-size:17px}.fulfilment-options{margin:0 0 12px;color:var(--muted);font-size:15px}
.hero{padding-top:38px;padding-bottom:38px}.section{padding-top:42px;padding-bottom:42px}
.food-gallery{padding:0;background:transparent;gap:8px}.photo-button{border:0;outline-offset:4px}.photo-button img{transform:scale(1.22);object-position:center}.hero-product-image img{transform:scale(1.25)}
.compact-local{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}
.compact-local h2,.compact-hospitality h2{font-size:28px;margin:0 0 12px}.compact-local p,.compact-hospitality p{margin:0;max-width:820px;color:var(--muted)}
@media(max-width:760px){.compact-local{display:block}.compact-local .text-link{display:inline-block;margin-top:16px}.business-hours{font-size:16px}.section{padding-top:30px;padding-bottom:30px}}

/* Smaller transparent PNG marks, consistently placed in each photo corner. */
.hero-product-image,.photo-button{position:relative}
.product-logo{position:absolute;top:5px;left:5px;z-index:2;display:block;width:44px;height:44px;background:transparent url('/product-logo.png') center/contain no-repeat;pointer-events:none}
.hero-product-image .product-logo{width:48px;height:48px}
@media(max-width:480px){.product-logo{width:42px;height:42px}.hero-product-image .product-logo{width:44px;height:44px}}


/* Compact ingredient card beside the restaurant welcome information. */
.compact-hospitality{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;gap:32px}
.chicken-ingredient-note{width:100%;max-width:320px;margin:0;justify-self:end}
@media(max-width:760px){.compact-hospitality{grid-template-columns:1fr;gap:20px}.chicken-ingredient-note{width:min(100%,300px);justify-self:start}}
.chicken-ingredient-note .chicken-sourcing-picture{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px}
.chicken-ingredient-note .chicken-sourcing-picture img{height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center;transform:none}

/* Location and social links share one row to keep the page compact. */
.location-social-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.location-social-row>section{min-width:0;max-width:none;margin:0;padding:0}
.location-social-row .visit,.location-social-row .social-section{height:100%;padding:30px;border-radius:20px}
.location-social-row .social-section{max-width:none;background:#fffdf7;border:1px solid var(--line)}
.location-social-row h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:14px 0 18px}
.location-social-row p{font-size:14px}
.location-social-row .actions{gap:10px;margin-top:20px}
.location-social-row .social-handle{font-size:12px;margin-bottom:0}
#jazan.compact-local{padding-top:22px;padding-bottom:24px}
@media(max-width:760px){.location-social-row{grid-template-columns:1fr;gap:18px}.location-social-row .visit,.location-social-row .social-section{padding:26px}.location-social-row h2{font-size:31px}}