/* غذا.com — مگا منو و منوی موبایل */
.gzn-store{display:none}
.gzn-mega,.gzn-drawer{--p:var(--g-petrol,#042631);--t:var(--g-teal,#4B7273);--l:var(--g-line,#D8E0DF);--m:var(--g-mist,#EBF0EF);--s:var(--g-surface,#F7F9F9);--c:#E07A5F;color:var(--g-ink,#10232A);font-family:inherit;direction:rtl}

/* ---------- desktop mega ---------- */
.gzn-mega{position:absolute;top:100%;left:0;right:0;z-index:70;padding:0 24px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none}
.gzn-mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .22s ease;pointer-events:auto}
.gzn-mega__in{max-width:1160px;margin:0 auto;background:#fff;border:1px solid var(--l);border-radius:24px;box-shadow:0 30px 60px -20px rgba(4,38,49,.28);padding:22px 24px 24px}
.gzn-mega__head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-weight:800;color:var(--p);font-size:15px}
.gzn-mega__head a{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--t);text-decoration:none}
.gzn-mega svg{width:16px;height:16px}
.gzn-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gzn-cat{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;text-decoration:none;color:inherit;transition:background .15s}
.gzn-cat:hover,.gzn-cat:focus-visible{background:var(--s)}
.gzn-cat__img,.gzn-dcat__img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;background:var(--m);box-shadow:inset 0 0 0 1px var(--l)}
.gzn-cat__t{display:grid;gap:2px;min-width:0}
.gzn-cat__t b{font-size:14.5px;color:var(--p)}
.gzn-cat__t small{font-size:12px;color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gzn-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px}
.gzn-split--3{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr)}
.gzn-label{margin:0 0 10px;font-size:12px;font-weight:800;color:var(--t);letter-spacing:.02em}
.gzn-list{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.gzn-list a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;font-size:14px;color:var(--p);text-decoration:none}
.gzn-list a:hover{background:var(--s)}
.gzn-list span{font-size:12px;color:var(--t)}
.gzn-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;background:var(--p);color:#fff!important;font-weight:800;font-size:14px;text-decoration:none}
.gzn-btn:hover{background:#0A3240}
.gzn-posts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gzn-post{display:flex;gap:12px;align-items:center;padding:8px;border-radius:16px;text-decoration:none;color:inherit}
.gzn-post:hover{background:var(--s)}
.gzn-post__img{width:88px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--m)}
.gzn-post span{display:grid;gap:2px}
.gzn-post small{font-size:11.5px;color:var(--t)}
.gzn-post b{font-size:14px;line-height:1.7;color:var(--p);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gzn-search{display:flex;align-items:center;background:var(--s);border:1px solid var(--l);border-radius:999px;padding:4px 6px 4px 4px;margin:0 0 16px}
.gzn-search input{flex:1;min-width:0;border:0!important;background:transparent!important;font:inherit;font-size:15px;padding:8px 12px;outline:0;box-shadow:none!important}
.gzn-search button{width:38px;height:38px;border-radius:50%;border:0;background:var(--p);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.gzn-search button svg{width:18px;height:18px}
.gzn-letters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.gzn-letters a{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--s);border:1px solid var(--l);color:var(--p);text-decoration:none;font-weight:800;font-size:15px}
.gzn-letters a:hover{background:var(--p);color:#fff;border-color:var(--p)}
.gzn-foods{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gzn-foods a{display:flex;align-items:center;gap:10px;padding:6px;border-radius:14px;text-decoration:none;color:var(--p);font-weight:700;font-size:14px}
.gzn-foods a:hover{background:var(--s)}
.gzn-food__img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--m)}
.is-empty{display:block}
a.gzn-has{display:inline-flex!important;align-items:center;gap:4px}
a.gzn-has::after{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px);opacity:.6;transition:transform .2s}
a.gzn-has[aria-expanded="true"]::after{transform:rotate(135deg) translateY(-1px)}

/* ---------- mobile: sticky header (html.gzn-mobile is set by gzn.js when the theme shows its menu button) ---------- */
html.gzn-mobile .gzn-mega{display:none!important}
html.gzn-mobile .site-header.gzn-sticky{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow .2s}
html.gzn-mobile .site-header.gzn-sticky.is-scrolled{box-shadow:0 6px 24px -12px rgba(4,38,49,.35)}
html.gzn-mobile body.admin-bar .site-header.gzn-sticky{top:46px}
html.gzn-mobile .gz .gz-toc{top:var(--gzn-h,64px)}
@media (max-width:600px){html.gzn-mobile body.admin-bar .site-header.gzn-sticky{top:0}}
@media (min-width:601px) and (max-width:782px){html.gzn-mobile body.admin-bar .site-header.gzn-sticky{top:46px}}
@media (min-width:783px){html.gzn-mobile body.admin-bar .site-header.gzn-sticky{top:32px}}

/* ---------- mobile drawer ---------- */
.gzn-drawer{position:fixed;inset:0;z-index:100000}
.gzn-drawer[hidden]{display:none}
.gzn-drawer__bg{position:absolute;inset:0;background:rgba(4,20,32,.5);opacity:0;transition:opacity .25s}
.gzn-drawer__panel{position:absolute;top:0;bottom:0;right:0;width:min(88vw,400px);background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);overflow-y:auto;overscroll-behavior:contain;padding:14px 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.gzn-drawer.is-open .gzn-drawer__bg{opacity:1}
.gzn-drawer.is-open .gzn-drawer__panel{transform:none}
.gzn-drawer__top{display:flex;justify-content:space-between;align-items:center}
.gzn-drawer__logo img{display:block;height:36px;width:auto}
.gzn-x{width:42px;height:42px;border-radius:14px;border:1px solid var(--l);background:var(--s);color:var(--p);display:grid;place-items:center;cursor:pointer}
.gzn-x svg{width:20px;height:20px}
.gzn-drawer .gzn-search{margin:0}
.gzn-dnav{display:grid;gap:2px}
.gzn-dnav>a,.gzn-acc>summary{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-radius:14px;font-size:16px;font-weight:800;color:var(--p);text-decoration:none;cursor:pointer;list-style:none}
.gzn-dnav>a:active,.gzn-acc>summary:active{background:var(--s)}
.gzn-acc>summary::-webkit-details-marker{display:none}
.gzn-acc>summary span{font-size:12px;font-weight:700;color:var(--t);background:var(--m);border-radius:999px;padding:2px 10px;margin-inline-start:auto;margin-inline-end:8px}
.gzn-acc>summary::after{content:"";width:8px;height:8px;border-left:2px solid var(--t);border-bottom:2px solid var(--t);transform:rotate(-45deg);transition:transform .2s}
.gzn-acc[open]>summary::after{transform:rotate(135deg)}
.gzn-acc[open]>summary{background:var(--s)}
.gzn-dcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:10px 4px 12px}
.gzn-dcats a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;line-height:1.6;color:var(--p);text-decoration:none;font-weight:700}
.gzn-dcat__img{width:58px;height:58px}
.gzn-dposts{display:grid;gap:6px;padding:8px 4px 10px}
.gzn-dposts a:not(.gzn-more){display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--p);font-size:14px;font-weight:700;line-height:1.7}
.gzn-dpost__img{width:64px;height:48px;border-radius:10px;object-fit:cover;flex:none;background:var(--m)}
.gzn-more{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:800;color:var(--t);text-decoration:none;padding:6px 8px}
.gzn-more svg{width:15px;height:15px}
.gzn-letters--sm{padding:10px 4px 0;margin:0}
.gzn-letters--sm a{width:36px;height:36px}
.gzn-social{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.gzn-social a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;text-decoration:none;color:#fff;font-weight:800;font-size:14px}
.gzn-social a.ig{background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF)}
.gzn-social a.tg{background:#229ED9}
.gzn-social svg{width:24px;height:24px;flex:none}
.gzn-social span{display:grid;line-height:1.4}
.gzn-social small{font-size:11.5px;font-weight:600;opacity:.9;text-align:right}
.gzn-legal{display:flex;gap:14px;justify-content:center;margin:0;font-size:12.5px}
.gzn-legal a{color:var(--t);text-decoration:none}
html.gzn-lock,html.gzn-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.gzn-mega,.gzn-drawer__panel,.gzn-drawer__bg{transition:none}}

/* ---------- desktop: centred menu with icons, sticky blurred header ---------- */
.site-header.gzn-sticky{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(4,38,49,.06);transition:box-shadow .2s,background .2s}
.site-header.gzn-sticky.is-scrolled{background:rgba(255,255,255,.88);box-shadow:0 10px 30px -18px rgba(4,38,49,.35)}
body.admin-bar .site-header.gzn-sticky{top:32px}
@media (max-width:782px){body.admin-bar .site-header.gzn-sticky{top:46px}}
@media (max-width:600px){body.admin-bar .site-header.gzn-sticky{top:0}}
.gz .gz-toc{top:var(--gzn-h,72px)}
html:not(.gzn-mobile) .site-header__inner{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
html:not(.gzn-mobile) .site-header__inner>.site-logo{grid-column:1;justify-self:start}
html:not(.gzn-mobile) .site-header__inner>.primary-nav{grid-column:2;justify-self:center}
html:not(.gzn-mobile) .site-header__inner>.header-cta{grid-column:3;justify-self:end}
html:not(.gzn-mobile) .primary-nav a.nav-link{display:inline-flex!important;align-items:center;gap:7px}
html:not(.gzn-mobile) .primary-nav a.nav-link::before{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:var(--gzn-ic) center/contain no-repeat;mask:var(--gzn-ic) center/contain no-repeat;opacity:.8}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="xn--mgbr3a.com/"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="#categories"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="/magazine/"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2V5z'/%3E%3Cpath d='M8 7h7M8 11h5'/%3E%3C/svg%3E")}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="/foods/"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7c-3-3-8-1-8 4 0 5 4 9 6 9 1 0 1.5-.5 2-.5s1 .5 2 .5c2 0 6-4 6-9 0-5-5-7-8-4z'/%3E%3Cpath d='M12 7c0-2 1-4 3-4'/%3E%3C/svg%3E")}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="/brands-directory/"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h8l8 8-8 8-8-8z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")}
html:not(.gzn-mobile) .primary-nav a.nav-link[href$="#podcast"]{--gzn-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E")}

/* ---------- drawer: navy theme ---------- */
.gzn-drawer__panel{background:radial-gradient(120% 60% at 100% 0,#0E3B48 0,#042631 55%);color:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.4)}
.gzn-drawer__logo img{filter:brightness(0) invert(1)}
.gzn-drawer .gzn-x{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.gzn-drawer .gzn-search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.gzn-drawer .gzn-search input{color:#fff}
.gzn-drawer .gzn-search input::placeholder{color:#9FB6B4}
.gzn-drawer .gzn-search button{background:#E07A5F;color:#041420}
.gzn-drawer .gzn-dnav>a,.gzn-drawer .gzn-acc>summary{color:#fff}
.gzn-drawer .gzn-dnav>a:active,.gzn-drawer .gzn-acc>summary:active,.gzn-drawer .gzn-acc[open]>summary{background:rgba(255,255,255,.07)}
.gzn-drawer .gzn-acc>summary span{background:rgba(134,185,177,.18);color:#86B9B1}
.gzn-drawer .gzn-acc>summary::after{border-color:#86B9B1}
.gzn-drawer .gzn-dnav{border-top:1px solid rgba(255,255,255,.08);padding-top:6px}
.gzn-drawer .gzn-dnav>a,.gzn-drawer .gzn-acc{border-bottom:1px solid rgba(255,255,255,.06)}
.gzn-drawer .gzn-dcats a,.gzn-drawer .gzn-dposts a:not(.gzn-more){color:#E6ECEB}
.gzn-drawer .gzn-dcat__img{box-shadow:0 0 0 2px rgba(134,185,177,.35)}
.gzn-drawer .gzn-more{color:#86B9B1}
.gzn-drawer .gzn-letters a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}
.gzn-drawer .gzn-legal a{color:#9FB6B4}

/* ---------- mobile bottom bar on articles ---------- */
.gzn-bar{display:none}
html.gzn-mobile .gzn-bar{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;position:fixed;z-index:90;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:0 6px;border-radius:24px;background:rgba(4,38,49,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px -12px rgba(4,20,32,.55),inset 0 0 0 1px rgba(255,255,255,.08);direction:rtl;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
html.gzn-mobile .gzn-bar.is-hidden{transform:translateY(130%)}
html.gzn-has-bar body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
html.gzn-has-bar .gzd{bottom:calc(88px + env(safe-area-inset-bottom))}
.gzn-bar>a,.gzn-bar>button{appearance:none;border:0;background:none;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:66px;color:#CFE0DD;text-decoration:none;font-size:11.5px;font-weight:700;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.gzn-bar svg{width:22px;height:22px}
.gzn-bar>a:active,.gzn-bar>button:active{color:#fff}
.gzn-bar .gzn-bar__share i{width:52px;height:52px;margin-top:-30px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#F09A7F,#E07A5F);color:#041420;box-shadow:0 10px 22px -6px rgba(224,122,95,.7),0 0 0 5px #042631}
.gzn-bar .gzn-bar__share{color:#fff}
.gzn-bar .gzn-badge{position:absolute;top:9px;left:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#86B9B1;color:#042631;font-size:10.5px;font-weight:900;display:grid;place-items:center;line-height:1}
.gzn-toast{position:fixed;z-index:95;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;background:#041420;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;transition:.25s;pointer-events:none}
.gzn-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Article hero (mobile): let the illustration stage grow to fit its artwork so it never overlaps the lede. */
@media (max-width:899px){.gz-hero .gz-stage:not(.has-photo){height:auto;min-height:min(108vw,470px);padding-bottom:20px}}