/* غذا.com — دایرکتوری برندها */
.gzb,.gzb-board{--p:var(--g-petrol,#042631);--t:var(--g-teal,#4B7273);--mint:#86B9B1;--coral:#E07A5F;--l:var(--g-line,#D8E0DF);--m:var(--g-mist,#EBF0EF);--s:#F5F7F6;--ink:#041420;--ink2:#2F4B53;color:var(--ink)}
.gzb-in{max-width:1160px;margin:0 auto;padding:0 24px}
.gzb-k{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:800;color:var(--t)}
.gzb-k::before{content:"";width:18px;height:2px;background:var(--coral);border-radius:2px}
.gzb h2,.gzb-board h2{margin:0 0 16px;font-size:clamp(24px,3.2vw,34px);font-weight:950;line-height:1.45;color:var(--p)}

/* hero */
.gzb-hero{background:var(--p);color:#fff;padding:28px 0 40px;border-radius:0 0 32px 32px;position:relative;overflow:hidden}
.gzb-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 90% 0,rgba(134,185,177,.25),transparent 70%),radial-gradient(40% 60% at 0 100%,rgba(224,122,95,.18),transparent 70%);pointer-events:none}
.gzb-hero .gzb-in{position:relative}
.gzb-crumbs{display:flex;gap:8px;font-size:13px;margin-bottom:22px;color:#B9C7C6}
.gzb-crumbs a{color:#CFE0DD;text-decoration:none}
.gzb-hero__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:center}
.gzb-id{display:flex;gap:24px;align-items:center}
.gzb-logo{width:150px;height:150px;flex:none;border-radius:32px;background:#fff;display:grid;place-items:center;padding:16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}
.gzb-logo img{width:100%;height:100%;object-fit:contain}
.gzb-logo span{font-size:64px;font-weight:950;color:var(--p)}
.gzb-hero .gzb-k{color:var(--mint)}
.gzb-hero h1{margin:0;font-size:clamp(36px,5.5vw,64px);font-weight:950;line-height:1.2;color:#fff}
.gzb-hero h1 small{display:inline-block;font-size:.38em;font-weight:600;color:var(--mint);vertical-align:middle;margin-inline-start:8px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.gzb-act{margin:10px 0 14px;font-size:16.5px;line-height:2;color:#D7E0DF}
.gzb-links{display:flex;flex-wrap:wrap;gap:8px}
.gzb-links a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:13.5px}
.gzb-links svg{width:16px;height:16px;color:var(--mint)}
.gzb-ratecard{background:#fff;color:var(--ink);border-radius:28px;padding:22px 24px;box-shadow:0 30px 60px -24px rgba(0,0,0,.55);text-align:center}
.gzb-ratecard .gzb-k{color:var(--t)}
.gzb-big{display:flex;align-items:baseline;justify-content:center;gap:6px}
.gzb-big b{font-size:60px;font-weight:950;line-height:1.1;color:var(--p)}
.gzb-big span{font-size:15px;color:var(--t)}
.gzb-sub{margin:6px 0 4px;font-size:14px;color:var(--ink2)}
.gzb-rankline{margin:0 0 12px;font-size:14px;color:var(--ink2)}
.gzb-rankline b{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--coral);color:var(--ink);font-weight:950}
.gzb-cta{display:block;margin-top:10px;padding:12px 18px;border-radius:999px;background:var(--p);color:#fff!important;font-weight:800;text-decoration:none;transition:background .2s}
.gzb-cta:hover{background:#0A3240}

/* stars */
.gzb-stars{position:relative;display:inline-block;width:100px;height:18px;vertical-align:middle;background:#D8E0DF;-webkit-mask:var(--gzb-s) left/20px 18px repeat-x;mask:var(--gzb-s) left/20px 18px repeat-x;--gzb-s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E")}
.gzb-stars__fill{position:absolute;inset:0 auto 0 0;background:#F2A900}
.gzb-ratecard .gzb-stars{width:130px;height:24px;-webkit-mask-size:26px 24px;mask-size:26px 24px}

/* body */
.gzb-body{padding-top:20px}
.gzb-sec{padding:44px 0 8px}
.gzb-about{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.gzb-intro{margin:0;font-size:17px;line-height:2.1;color:var(--ink2)}
.gzb-facts{margin:0;display:grid;gap:8px;background:var(--s);border:1px solid var(--l);border-radius:22px;padding:16px 18px}
.gzb-facts div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:14.5px;line-height:1.9}
.gzb-facts dt{color:var(--t);font-weight:700}
.gzb-facts dd{margin:0;color:var(--ink)}
.gzb-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gzb-cat{position:relative;background:#fff;border:1px solid var(--l);border-radius:22px;padding:20px 18px 16px;transition:transform .2s,box-shadow .2s}
.gzb-cat:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(4,38,49,.4)}
.gzb-cat__n{position:absolute;left:16px;top:14px;font-size:30px;font-weight:950;color:transparent;-webkit-text-stroke:1.2px var(--coral);line-height:1}
.gzb-cat h3{margin:0 0 10px;font-size:18px;font-weight:900;color:var(--p)}
.gzb-cat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.gzb-cat li{margin:0;padding:3px 11px;border-radius:999px;background:var(--m);font-size:13px;color:var(--ink2)}
.gzb-note{font-size:13.5px;line-height:2;color:var(--t);margin:14px 0 0}
.gzb-note a{color:var(--p);font-weight:700}
.gzb-peers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.gzb-peer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px;border-radius:20px;border:1px solid var(--l);background:#fff;text-decoration:none;color:var(--ink)}
.gzb-peer img,.gzb-peer i{box-sizing:border-box;padding:6px;width:56px;height:56px;border-radius:16px;object-fit:contain;background:#fff;box-shadow:inset 0 0 0 1px var(--l)}
.gzb-peer i{display:grid;place-items:center;font-style:normal;font-weight:950;font-size:22px;color:var(--p);background:var(--m)}
.gzb-peer b{font-size:14.5px;color:var(--p)}
.gzb-peer span{font-size:12px;color:var(--t)}
.gzb-peer .gzb-stars{width:70px;height:13px;-webkit-mask-size:14px 13px;mask-size:14px 13px}
.gzb-more{font-weight:800;color:var(--p);text-decoration:none}
.gzb-foot{padding-bottom:56px}
.gzb-src summary{cursor:pointer;font-weight:800;color:var(--p);font-size:14px;margin-top:10px}
.gzb-src ol{font-size:13px;line-height:1.9;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}

/* leaderboards */
.gzb-board{background:#fff;border:1px solid var(--l);border-radius:32px;padding:32px;margin:12px 0 24px}
.gzb-board__head p{max-width:760px;font-size:15px;line-height:2;color:var(--ink2);margin:0 0 14px}
.gzb-kpis{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 20px}
.gzb-kpis span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 16px;border-radius:16px;background:var(--s);border:1px solid var(--l);font-size:13.5px;color:var(--t)}
.gzb-kpis b{font-size:22px;font-weight:950;color:var(--p)}
.gzb-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;margin-bottom:14px}
.gzb-tabs::-webkit-scrollbar{display:none}
.gzb-tabs button{flex:none;font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid var(--l);background:#fff;color:var(--ink2);cursor:pointer}
.gzb-tabs button[aria-selected="true"]{background:var(--p);border-color:var(--p);color:#fff}
.gzb-tabs button:nth-child(-n+2)[aria-selected="false"]{border-color:var(--coral);color:#A9412A}
.gzb-table{display:grid;gap:6px}
.gzb-tr{display:grid;grid-template-columns:56px minmax(0,1.6fr) minmax(0,1.2fr) 70px 70px;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--s);text-decoration:none;color:var(--ink);transition:background .15s,transform .15s}
a.gzb-tr:hover{background:var(--m);transform:translateX(-2px)}
.gzb-tr--h{background:none;font-size:12.5px;font-weight:800;color:var(--t);padding-top:0;padding-bottom:0}
.gzb-rank{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:16px;background:#fff;color:var(--p);box-shadow:inset 0 0 0 1px var(--l)}
.gzb-medal--1{background:linear-gradient(135deg,#F7D774,#E0A800);box-shadow:none}
.gzb-medal--2{background:linear-gradient(135deg,#E9EEF0,#B8C4C8);box-shadow:none}
.gzb-medal--3{background:linear-gradient(135deg,#F2C3A4,#C9825A);box-shadow:none}
.gzb-who{display:flex;align-items:center;gap:10px;min-width:0}
.gzb-who img,.gzb-who i{box-sizing:border-box;padding:5px;width:44px;height:44px;flex:none;border-radius:12px;object-fit:contain;background:#fff;box-shadow:inset 0 0 0 1px var(--l)}
.gzb-who i{display:grid;place-items:center;font-style:normal;font-weight:950;color:var(--p)}
.gzb-who b{font-size:15.5px;color:var(--p);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gzb-who small{font-size:12px;color:var(--t);white-space:nowrap}
.gzb-score{display:flex;align-items:center;gap:8px}
.gzb-score em{font-style:normal;font-weight:900;color:var(--p)}
.gzb-score em.gzb-na{font-weight:600;color:var(--t);font-size:13px}
.gzb-n{text-align:center;font-weight:800;color:var(--ink2)}
.gzb-empty{color:var(--t)}

@media (max-width:900px){
	.gzb-hero__grid,.gzb-about{grid-template-columns:1fr}
	.gzb-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
	.gzb-peers{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:600px){
	.gzb-in{padding:0 16px}
	.gzb-id{flex-direction:column;align-items:flex-start;gap:16px}
	.gzb-logo{width:110px;height:110px;border-radius:26px}
	.gzb-cats{grid-template-columns:1fr}
	.gzb-board{padding:20px 14px;border-radius:24px}
	.gzb-tr{grid-template-columns:44px minmax(0,1fr) auto;row-gap:2px}
	.gzb-tr--h span:nth-child(n+4),.gzb-tr .gzb-n{display:none}
	.gzb-score .gzb-stars{display:none}
	.gzb-rank{width:34px;height:34px}
}
