:root{--navy:#0A1551;--blue:#0099FE;--orange:#FE6100;--amber:#FEB628;--ink:#0A1551;--muted:#5b6472;--line:#e6e9f0;--bg:#f4f6fb;--card:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}
/* إخفاء زر تنزيل التطبيق عند الفتح من داخل التطبيق المثبّت */
@media (display-mode:standalone){.app-dl{display:none!important}}
body.in-app .app-dl{display:none!important}
body{font-family:"Zain","Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
h1,h2,h3,h4,.sec-head h2,.home-hero h1,.home-cta h2,.hero h1,.bc-name,.cc-name,.ct-name{font-family:"Almarai","Zain","Segoe UI",Tahoma,sans-serif}
a{color:var(--blue);text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.pubtop{background:var(--navy);padding:12px 0}.pubtop .logo img{height:40px}
.pubtop .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pubtop-r{display:flex;align-items:center;gap:10px}.pubtop-login{color:#fff;opacity:.85;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.pubtop-login:hover{opacity:1;text-decoration:underline}
.drawer-owner{display:block;margin:10px 18px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;text-align:center}
.pubtop-add{background:var(--orange);color:#fff;font-weight:800;font-size:13px;padding:9px 16px;border-radius:20px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 10px rgba(254,97,0,.35)}
.pubtop-add:hover{filter:brightness(1.08)}
@media(max-width:480px){.pubtop-add{font-size:11.5px;padding:7px 12px}}
.pubfoot{background:var(--navy);color:#c8d2f5;padding:22px 0;margin-top:40px;font-size:14px;text-align:center}
.footlinks{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:12px}
.footlinks a{color:#c8d2f5}.footlinks a:hover{color:#fff}
.copy{opacity:.8;font-size:13px}
.footsoc{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}
.footsoc a{color:#c8d2f5;font-size:12px;font-weight:700;border:1px solid rgba(200,210,245,.3);border-radius:20px;padding:3px 11px}
.footsoc a:hover{color:#fff;border-color:#fff}
details.faq-item summary::-webkit-details-marker{display:none}
/* أسئلة صفحات التجميع (مولَّدة) — مرئية للزائر كشرط لقبول FAQPage */
details.col-faq{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:#fbfcfe}
details.col-faq summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:14.5px;color:var(--navy);list-style:none;display:flex;align-items:center;gap:8px}
details.col-faq summary::-webkit-details-marker{display:none}
details.col-faq summary::before{content:'+';color:var(--orange);font-weight:800;font-size:18px;line-height:1}
details.col-faq[open] summary::before{content:'−'}   /* حرف «−» حرفي لا رمز هروب: داخل heredoc يحوّل PHP الشرطة المائلة مع الأرقام إلى بايت تالف */
details.col-faq[open] summary{border-bottom:1px solid var(--line)}
.col-faq-a{padding:12px 14px;font-size:14px;line-height:1.9;color:#333}
.hero{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;display:flex;flex-direction:column;gap:10px}
.hero-row{display:flex;align-items:flex-start;gap:16px}
.hero-top{display:flex;gap:22px;align-items:flex-start;flex:1;min-width:0}
.hero .logo{width:132px;height:132px;border-radius:18px;object-fit:cover;border:2px solid #e3e9f6;padding:3px;background:#fff;flex:0 0 auto;box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(254,97,0,.35),0 8px 22px rgba(10,21,81,.12);box-sizing:border-box;animation:joLogoIn .7s cubic-bezier(.2,.8,.25,1.2) both}
@keyframes joLogoIn{0%{opacity:0;transform:scale(.6) rotate(-8deg)}70%{opacity:1;transform:scale(1.05) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
.hero .hero-sd{animation:joSlideUp .7s .25s ease-out both}
@keyframes joSlideUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hi-chip.hi-ico{padding:8px 12px;gap:0}
/* صفحة الإعلان (2026-10-04): عناوين الأقسام بلون مميز، والسؤال بلون مختلف عن الجواب */
.card[id^="sec-"] h2,.card.reveal>h2{color:var(--orange)}
#sec-faq .faq-item h3{color:var(--blue,#0099FE);font-weight:800}
#sec-faq .faq-item .muted{color:#475569;border-inline-start:3px solid #e3e9f6;padding-inline-start:10px;margin-top:4px}
@media (prefers-reduced-motion:reduce){.hero .logo,.hero .hero-sd{animation:none}}
.hero-top>div{flex:1;min-width:0}
.hero h1{margin:0 0 6px;font-size:24px}
.hero .cat{color:var(--muted);font-size:15px}
/* صفحة الإعلان على الشاشات العريضة: العمود الجانبي (الإحصاءات + زر هل هذا نشاطك) يمتد بجانب الأيقونات والوصف
   بدل أن يحجز ارتفاعاً فارغاً بجانب الاسم */
@media(min-width:561px){
  .hero:has(.hero-side){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:10px;align-items:start}
  .hero:has(.hero-side)>*{grid-column:1}
  .hero:has(.hero-side)>.hero-row{display:contents}
  .hero:has(.hero-side) .hero-top{grid-column:1;grid-row:1}
  .hero:has(.hero-side) .hero-side{grid-column:2;grid-row:1 / span 6}
}
.hero-side{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;min-width:215px;max-width:250px}
.hero-side .hero-meta:empty{display:none}
/* زر «هل هذا نشاطك؟» — مميّز بلون لافت ويظهر بعد ثانية بحركة انزلاق + نبضة لجذب الانتباه */
.own-cta{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#FE6100,#FEB628);box-shadow:0 8px 20px rgba(254,97,0,.35);position:relative;
  opacity:0;transform:translateY(12px) scale(.96);animation:ownIn .6s cubic-bezier(.2,.9,.3,1.3) 1s forwards,ownPulse 2.2s ease-out 1.8s 2}
.own-cta:hover{filter:brightness(1.06);color:#fff}
.own-cta-ic{font-size:24px;line-height:1;flex:none;background:rgba(255,255,255,.22);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.own-cta-t{display:flex;flex-direction:column;line-height:1.35}
.own-cta-t b{font-size:15px;font-weight:800}
.own-cta-t small{font-size:11.5px;opacity:.95}
@keyframes ownIn{to{opacity:1;transform:none}}
@keyframes ownPulse{0%{box-shadow:0 8px 20px rgba(254,97,0,.35),0 0 0 0 rgba(254,97,0,.55)}70%{box-shadow:0 8px 20px rgba(254,97,0,.35),0 0 0 14px rgba(254,97,0,0)}100%{box-shadow:0 8px 20px rgba(254,97,0,.35),0 0 0 0 rgba(254,97,0,0)}}
@media(prefers-reduced-motion:reduce){.own-cta{animation:none;opacity:1;transform:none}}
.hero-row .hero-meta{flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;background:linear-gradient(160deg,#f7f9fd,#eef2fa);border:1px solid #e2e8f5;border-radius:14px;padding:4px 18px;margin:0;min-width:150px}
.hero-row .hero-meta .hm-pill{background:none;padding:7px 0;margin:0;border-radius:0;border-bottom:1px solid #e2e8f5;justify-content:flex-start;color:var(--navy);line-height:1.3}
.hero-row .hero-meta .hm-pill:last-child{border-bottom:none}
.hero-row .hero-meta .hm-pill b{color:var(--orange);font-size:14px}
.hero-row .hero-meta .hm-analytics{border-radius:8px!important;padding:6px 10px!important;margin:5px 0!important}
@media(max-width:560px){
  .hero{padding:16px;gap:8px}
  .hero-row{flex-direction:column}
  .hero-top{gap:12px}
  .hero .logo{width:76px;height:76px;border-radius:14px}
  .hero h1{font-size:19px}
  .hero-row .hero-meta{background:none;border:none;padding:0;flex-direction:row}
  .hero-side{max-width:none;width:100%;min-width:0}
  .own-cta{justify-content:center}
  .hero-row .hero-meta .hm-pill{padding:5px 12px;border-radius:20px;border-bottom:none;justify-content:center}
}
.breadcrumb{font-size:13px;color:var(--muted);margin:14px 0}
.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--blue)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}
.card h2{margin:0 0 14px;font-size:18px;color:var(--navy);border-right:4px solid var(--blue);padding-right:10px}
.owner-hint{display:flex;flex-direction:column;gap:5px;margin-top:12px;background:#eff6ff;border:1px dashed #9cc4f0;border-radius:10px;padding:10px 12px;font-size:12.5px;color:#0b5aa8;line-height:1.6}
.owner-hint.paid{background:#fff7ed;border-color:#fcd9a8;color:#9a5b00}
.jup-back{position:fixed;inset:0;background:rgba(10,21,81,.55);z-index:9998;display:flex;align-items:center;justify-content:center;padding:18px}
.jup-back[hidden]{display:none!important}
.jup-box{background:#fff;border-radius:18px;max-width:440px;width:100%;padding:26px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.jup-ic{font-size:44px;line-height:1;margin-bottom:8px}
.jup-box h3{margin:0 0 10px;font-size:20px;color:var(--navy)}
.jup-box p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 18px}
.jup-btns{display:flex;flex-direction:column;gap:9px}
.jup-btns .btn{justify-content:center;width:100%}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;color:#fff;background:var(--navy)}
.btn.wa{background:#25D366}.btn.call{background:var(--blue)}.btn.map{background:var(--orange)}.btn.vc{background:var(--navy)}.btn.ghost{background:#eef1f8;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
/* ألبوم صور المحافظة: بلاطات أكبر وأعرض (4:3) تليق بالصور المشهدية */
#jgal-region{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
#jgal-region .gimg{aspect-ratio:4/3;transition:transform .18s,box-shadow .18s}
#jgal-region .gimg:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(10,21,81,.16)}
@media(max-width:560px){#jgal-region{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}
.gimg{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:10px;border:1px solid var(--line);background:#f1f4fa;display:block}
.svc,.offer,.faq-item{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}
.svc .price{color:var(--orange);font-weight:700}
/* عدّاد المشاهدات + تاريخ الإضافة */
.hero-meta{margin:8px 0 2px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hm-pill{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:20px}
.hm-pill b{font-weight:800}
.hm-views{background:#eef1f8;color:var(--navy)}
.hm-date{background:#eef1f8;color:var(--navy)}

.hero-icons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 2px}
.hi-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;text-decoration:none;font-size:12.5px;color:var(--muted);font-weight:700;background:#fff;transition:background .15s;white-space:nowrap}
.hi-chip:hover{background:#f6f8fc}
.hi-chip svg{flex:none}
@media(max-width:420px){
  .hi-chip{padding:6px 9px;font-size:11.5px;gap:4px}
}
/* الجوال (2026-10-04): أزرار الإجراء في سطر واحد — أصغر درجة، ومتجر خارجي إن وُجد يلتف لسطر ثانٍ */
@media(max-width:600px){
  .hero-icons{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none}
  .hero-icons::-webkit-scrollbar{display:none}
  .hero-icons .hi-chip{flex:0 1 auto;min-width:0;padding:5px 9px;font-size:11px;gap:4px}
  .hero-icons .hi-chip.hi-ico{padding:6px 10px}
  .hero-icons .hi-chip svg{width:15px;height:15px}
  .hero-icons .hi-chip.hi-ico svg{width:19px;height:19px}
}

.qr-tips{margin-top:16px;padding:16px;background:linear-gradient(135deg,#fff8e8,#fff);border:1px solid var(--amber);border-radius:14px;text-align:center}
.qr-tips-head{font-weight:800;color:#5a4300;font-size:14.5px;margin:0 0 12px}
.qr-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.qr-tip{background:#fff;border:1px solid #f0dcae;border-radius:12px;padding:10px 8px;font-size:12px;color:#5a4300;font-weight:700;line-height:1.6}
.qr-tip .ic{font-size:26px;margin-bottom:4px}
.qr-tip span{display:block;font-weight:400;color:#8a6d2e;font-size:11px;margin-top:2px}
.li-meta{display:inline-flex;margin:0 0 6px;background:#fff4e6;border:1px solid #f6c48a;border-radius:10px;overflow:hidden;font-size:12px;font-weight:700;color:#a34700;white-space:nowrap}
.li-meta span{padding:3px 9px}.li-meta span+span{border-right:1px solid #f6c48a}
.list-item{position:relative;border-right:5px solid #FE6100!important;background:linear-gradient(270deg,var(--card) 70%,#fff8f1)!important;transition:box-shadow .2s,transform .2s}
.list-item:hover{box-shadow:0 6px 18px rgba(254,97,0,.12);transform:translateY(-1px)}
.li-body{min-width:0;flex:1}
@keyframes liIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.list-item{animation:liIn .55s ease-out both}
.list-item:nth-child(2){animation-delay:.07s}.list-item:nth-child(3){animation-delay:.14s}.list-item:nth-child(4){animation-delay:.21s}.list-item:nth-child(5){animation-delay:.28s}.list-item:nth-child(6){animation-delay:.35s}
@supports(animation-timeline:view()){.list-item:nth-child(n+7){animation:liIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}
@media(prefers-reduced-motion:reduce){.list-item{animation:none!important}}
@media(max-width:639px){.list-item{flex-direction:column;align-items:center;text-align:center;gap:10px}.list-item img{width:150px!important;height:150px!important}.li-body{width:100%}.li-meta{margin:0 auto 8px}.list-item .n{overflow-wrap:anywhere}}
@media(min-width:640px){.list-item{align-items:flex-start}.li-meta{position:absolute;top:12px;left:12px;margin:0}.list-item .n{padding-left:230px}}

/* شريط التنقّل الرئيسي */
.jo-nav{position:sticky;top:0;z-index:50;background:var(--navy,#0A1551);margin:0 0 16px;border-radius:0 0 12px 12px;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.jo-nav-in{display:flex;gap:4px;overflow-x:auto;padding:4px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.jo-nav-in::-webkit-scrollbar{display:none}
.jo-nav-in a{color:#dfe6ff;text-decoration:none;font-weight:700;font-size:14px;padding:12px 16px;white-space:nowrap;border-bottom:3px solid transparent;transition:.2s}
.jo-nav-in a:hover{color:#fff;border-bottom-color:var(--orange,#FE6100)}
/* شريط أوامر الإعلان: ☰ + 🏠 + روابط تتسع للعرض (الباقي في القائمة) — ثابت أعلى الشاشة */
.jo-nav.jn{z-index:70;border-radius:0 0 14px 14px}
.jn .jo-nav-in{overflow:hidden;align-items:center;gap:2px;padding:4px 6px}
.jn-btn{flex:none;width:44px;height:44px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:11px;cursor:pointer;position:relative;padding:0;font-family:inherit;text-decoration:none!important;border-bottom:0!important}
.jn-btn:hover,.jn-btn:focus-visible{background:rgba(255,255,255,.12)}
.jn-btn svg{width:24px;height:24px;flex:none}
.jn .jo-nav-in a.jn-btn{padding:0;width:44px;height:44px}
.jn-burger{background:rgba(255,255,255,.1)}
.jn-home.on{background:var(--orange,#FE6100)}
.jn-links{display:flex;flex:1;min-width:0;overflow:hidden;gap:2px}
.jn-links a{flex:none}
.jn-links a.jn-hide{display:none}
.jn-links a.on{color:#fff;border-bottom-color:var(--orange,#FE6100)}
.jn-cart .at-cart-n{position:absolute;top:3px;inset-inline-start:3px;background:var(--orange);color:#fff;border-radius:50%;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}
.jn-more{flex:none;color:#fff;font-size:12px;font-weight:800;background:rgba(255,255,255,.14);border:0;border-radius:20px;padding:6px 10px;cursor:pointer;font-family:inherit;white-space:nowrap}
.jn-more[hidden]{display:none}
html{scroll-padding-top:64px}
@media(max-width:760px){.jn .jo-nav-in .jn-links a{padding:12px 11px;font-size:13.5px}.jo-nav.jn{margin-inline:-16px;border-radius:0}}

/* زر المشاركة العائم (يسار الصفحة منتصفها) */
.share-float{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:2px;border-radius:0 12px 12px 0;overflow:hidden;box-shadow:2px 2px 12px rgba(0,0,0,.18)}
.share-float .shf{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;cursor:pointer;color:#fff;font-family:inherit;font-weight:700;font-size:11px;text-decoration:none;padding:0;transition:width .2s}
.share-float .shf span{writing-mode:horizontal-tb;font-size:10px;line-height:1;text-align:center}
.share-float .shf-wa{background:#25D366}.share-float .shf-fb{background:#1877F2}
.share-float .shf-ig{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.share-float .shf-cp{background:#0A1551}
.share-float .shf:hover{filter:brightness(1.08)}

/* الخدمات/المنتجات — بطاقات أكبر بشبكة */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.svc-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(10,21,81,.05);transition:transform .2s,box-shadow .2s}
.svc-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(10,21,81,.12)}
.svc-card .svc-img{width:100%;height:180px;object-fit:cover;display:block}
.svc-card .svc-body{padding:14px 16px}
.svc-card .svc-body b{font-size:17px;color:var(--navy)}
.svc-card .price{display:inline-block;margin-inline-start:8px;color:var(--orange);font-weight:800;font-size:15px}
.svc-card .muted{margin-top:6px;font-size:14px;line-height:1.7}
.svc-card .svc-body{display:flex;flex-direction:column}
.svc-thumbs{display:flex;gap:6px;padding:8px 8px 0;flex-wrap:wrap}
.svc-thumbs img{width:46px;height:46px;object-fit:cover;border-radius:7px;border:1px solid var(--line);cursor:pointer;transition:transform .15s}
.svc-thumbs img:hover{transform:scale(1.08)}
.svc-link{color:var(--navy);text-decoration:none}.svc-link:hover b{color:var(--blue)}
.svc-more{display:inline-block;margin-top:6px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}
.svc-more:hover{text-decoration:underline}
/* صفحة المنتج المستقلة */
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.pp-main{width:100%;height:auto;aspect-ratio:4/3;border-radius:14px;object-fit:cover;max-height:420px;border:1px solid var(--line)}
.pp-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pp-thumbs img{width:64px;height:64px;object-fit:cover;border-radius:9px;border:1px solid var(--line);cursor:pointer;transition:transform .15s}
.pp-thumbs img:hover{transform:scale(1.07)}
.pp-info h1{margin:0 0 10px;font-size:26px;color:var(--navy)}
.pp-price{font-size:24px;font-weight:800;color:var(--orange);margin-bottom:12px}
.pp-desc{font-size:16px;line-height:1.9;color:var(--ink);margin-bottom:12px}
.pp-biz{color:var(--muted);font-size:14px}.pp-biz a{font-weight:700}
.pp-info .btn{display:block;text-align:center}
@media(max-width:700px){.product-page{grid-template-columns:1fr}.pp-main{max-height:300px}}
.svc-add{margin-top:10px;align-self:flex-start;background:var(--orange);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-weight:800;font-family:inherit;font-size:13px;cursor:pointer;transition:filter .2s}
.svc-add:hover{filter:brightness(1.08)}
.svc-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.svc-search input{width:220px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:14px;background:#fff}
.svc-price{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.svc-price input[type=range]{width:140px}
.svc-catchips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.svc-chip{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:20px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;background:#fff}
.svc-chip:hover{background:#f0f4fb}
.svc-section{margin-bottom:22px}
.svc-section h3{font-size:16px;margin:0 0 12px;border-right:3px solid var(--orange);padding-right:8px}
.svc-more-btn{display:block;margin:14px auto 0}
.claim-badge{background:#eef6ff;border:1px dashed #9cc4f0;border-radius:10px;padding:9px 12px;font-size:13px;color:#0b5aa8;line-height:1.7;margin:4px 0 8px}
.claim-badge a{font-weight:800;text-decoration:underline}
.claim-badge a:nth-of-type(2){color:#9a1fa8}
.svc-permalink{font-size:13px;text-decoration:none;opacity:.6}
.svc-permalink:hover{opacity:1}
.svc-card{position:relative}
.svc-card-oos{opacity:.65}
.svc-oos{position:absolute;top:10px;left:10px;background:#d93636;color:#fff;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:20px;z-index:2}
.svc-hot{position:absolute;top:10px;right:10px;background:var(--amber);color:#5a3d00;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:20px;z-index:2}
.svc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.svc-share{background:#eef1f8;color:var(--navy);border:none;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}
.svc-share:hover{background:#e2e7f5}
/* سلة المتجر */
.cart-fab{position:fixed;bottom:20px;inset-inline-end:18px;z-index:70;background:var(--navy);color:#fff;font-weight:800;padding:13px 20px;border-radius:30px;box-shadow:0 10px 26px rgba(10,21,81,.4);cursor:pointer;font-size:15px}
.cart-fab #cartCount{background:var(--orange);border-radius:50%;padding:1px 8px;margin-inline-start:4px;font-size:13px}
.cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}
.cart-panel{position:fixed;bottom:0;inset-inline-end:0;width:min(380px,100%);max-height:80vh;background:#fff;z-index:91;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;padding:16px}
.cart-panel[hidden],.cart-backdrop[hidden],.cart-fab[hidden]{display:none!important}
.cart-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:12px}
.cart-x{cursor:pointer;font-size:20px;color:var(--muted)}
.cart-items{overflow-y:auto;flex:1;margin-bottom:10px}
.cart-empty{color:var(--muted);text-align:center;padding:24px 0}
.ci{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.ci-n{flex:1;font-weight:700;font-size:14px}
.ci-q{display:flex;align-items:center;gap:8px}
.ci-q button{width:28px;height:28px;border:1px solid var(--line);background:#f4f6fb;border-radius:8px;cursor:pointer;font-size:16px;font-weight:800;color:var(--navy)}
.ci-p{font-weight:800;color:var(--orange);font-size:13px;min-width:64px;text-align:left}
.cart-total{font-size:16px;padding:10px 0;border-top:2px solid var(--line)}
.cart-send{background:#25D366;color:#fff;border:none;border-radius:10px;padding:14px;font-weight:800;font-family:inherit;font-size:15px;cursor:pointer}
.cart-note{font-size:12px;color:var(--muted);text-align:center;margin:8px 0 0}

/* قسم العنوان + الخريطة + الساعات */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}
.contact-loc .addr{font-size:15px;font-weight:600;margin:0 0 10px}
.map-embed{border-radius:12px;overflow:hidden;border:1px solid var(--line);line-height:0}
.map-embed iframe{width:100%;height:260px;display:block}
.contact-hours h3{margin:0 0 10px;font-size:16px;color:var(--navy)}

/* مؤثرات الظهور عند التمرير */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ===================== الصفحة الرئيسية (طراز الدليل) ===================== */
.home-hero{position:relative;width:100vw;margin-inline:calc(50% - 50vw);
  background:linear-gradient(135deg,rgba(10,21,81,.85),rgba(0,153,254,.6)),#0A1551 url('/assets/hero/amman.jpg') center/cover no-repeat;
  color:#fff;padding:64px 20px 110px;text-align:center;overflow:hidden}
.home-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(254,97,0,.22),transparent 45%),radial-gradient(circle at 15% 80%,rgba(0,153,254,.25),transparent 45%);pointer-events:none}
.hh-in{max-width:840px;margin:0 auto;position:relative;z-index:2}
.pitch-band{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px;text-align:center}
.pitch-band h2{margin:0 0 14px;font-size:clamp(20px,3vw,30px);line-height:1.4;color:var(--navy)}
.pitch-band p{margin:0 auto 12px;max-width:760px;line-height:2;color:var(--muted)}
.pitch-steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-weight:700;font-size:14px;color:var(--navy)}
.pitch-steps span{background:rgba(0,153,254,.08);border-radius:999px;padding:7px 13px}
.pitch-steps span:nth-child(even){background:none;padding:0;opacity:.5}
@media(max-width:560px){.pitch-steps{font-size:12px}.pitch-band{padding:20px 14px}}
.home-hero h1{font-size:clamp(26px,4.2vw,44px);margin:0 0 12px;font-weight:800;line-height:1.25}
.home-hero p{font-size:clamp(15px,2vw,18px);opacity:.92;margin:0 0 26px}
.hh-search{display:flex;gap:8px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.28);flex-wrap:wrap}
.hh-search input,.hh-search select{flex:1;min-width:150px;border:none;padding:14px 16px;border-radius:10px;font-family:inherit;font-size:15px;background:#f4f6fb;color:#0A1551}
.hh-search input{flex:2}
.hh-search button{border:none;background:var(--orange);color:#fff;font-weight:800;padding:0 28px;border-radius:10px;cursor:pointer;font-size:15px;font-family:inherit;transition:filter .2s}
.hh-search button:hover{filter:brightness(1.08)}
.hh-tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.hh-tags span{opacity:.85;font-size:13px}
.hh-tags a{color:#fff;background:rgba(255,255,255,.16);padding:5px 13px;border-radius:20px;text-decoration:none;font-size:13px;transition:background .2s}
.hh-tags a:hover{background:rgba(255,255,255,.3)}

.home-sec{margin:38px 0}
.sec-head{text-align:center;margin-bottom:24px}
.sec-head h2{font-size:clamp(21px,3vw,30px);color:var(--navy);margin:0;font-weight:800}
.sec-head h2::after{content:"";display:block;width:56px;height:4px;background:var(--orange);border-radius:3px;margin:10px auto 0}

.cat-sec{margin-top:0}
.cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:-86px;position:relative;z-index:5}
.cat-card{background:#fff;border-radius:16px;padding:22px 12px;text-align:center;text-decoration:none;box-shadow:0 8px 26px rgba(10,21,81,.10);display:flex;flex-direction:column;align-items:center;gap:9px;transition:transform .22s,box-shadow .22s;border:1px solid #eef0f6}
.cat-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(10,21,81,.17)}
.cc-ic{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#fff2e9,#ffe0cc);display:flex;align-items:center;justify-content:center;font-size:27px}
.cc-name{font-weight:800;color:var(--navy);font-size:15px}
.cc-cnt{font-size:12px;color:var(--muted)}

.biz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.biz-card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 6px 20px rgba(10,21,81,.07);border:1px solid #eef0f6;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}
.biz-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(10,21,81,.16)}
.bc-cover{position:relative;aspect-ratio:6/5;background:#f4f6fb;overflow:hidden}
.bc-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.bc-badge{position:absolute;top:10px;inset-inline-start:10px;background:var(--amber);color:#3a2a00;font-weight:800;font-size:12px;padding:4px 11px;border-radius:20px}
.bc-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:7px}
.bc-name{font-weight:800;color:var(--navy);font-size:17px;line-height:1.4}
.bc-cat{align-self:flex-start;background:#eef1f8;color:var(--blue);font-weight:700;font-size:12px;padding:3px 11px;border-radius:20px}
.bc-foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:600;padding-top:9px;border-top:1px solid #f0f2f7}

.city-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
.city-card{border-radius:15px;padding:26px 16px;text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:4px;min-height:104px;justify-content:flex-end;overflow:hidden;transition:transform .22s,box-shadow .22s;box-shadow:0 6px 18px rgba(10,21,81,.12)}
.city-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(10,21,81,.2)}
.ct-name{font-weight:800;font-size:15px}
.ct-cnt{font-size:12px;opacity:.9}
.cc-g0{background:linear-gradient(135deg,#0A1551,#1e3a8a)}.cc-g1{background:linear-gradient(135deg,#FE6100,#ff8c42)}
.cc-g2{background:linear-gradient(135deg,#0099FE,#3bb6ff)}.cc-g3{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.cc-g4{background:linear-gradient(135deg,#059669,#10b981)}.cc-g5{background:linear-gradient(135deg,#db2777,#f472b6)}

.home-cta{width:100vw;margin-inline:calc(50% - 50vw);background:linear-gradient(135deg,#FE6100,#FEB628);color:#fff;text-align:center;padding:52px 20px;margin-top:44px}
.hc-in{max-width:660px;margin:0 auto}
.home-cta h2{font-size:clamp(22px,3vw,32px);margin:0 0 10px;font-weight:800}
.home-cta p{opacity:.96;margin:0 0 22px;font-size:16px}
.btn-cta{display:inline-block;background:#fff;color:var(--orange);font-weight:800;padding:14px 36px;border-radius:30px;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:transform .2s}
.btn-cta:hover{transform:translateY(-3px)}

.search-top{margin:12px 0 20px}
@media(min-width:601px){.hh-search.adv select{flex:1 1 140px}.hh-search.adv input{flex:2 1 220px}}
@media(max-width:600px){.hh-search.adv input,.hh-search.adv select{flex:none}}
.hh-search select:disabled{opacity:.55}
.hh-adv{display:inline-block;margin-top:12px;color:#fff;font-size:13.5px;font-weight:700;text-decoration:underline;opacity:.92}
.hh-adv:hover{opacity:1;color:#fff}
.search-top .hh-search{box-shadow:0 6px 18px rgba(10,21,81,.08);border:1px solid var(--line)}

@media(max-width:600px){
  .home-hero{padding:48px 16px 90px}
  .cat-cards{margin-top:-60px}
  .hh-search{flex-direction:column}
  .hh-search input,.hh-search select,.hh-search button{width:100%;padding:14px}
}

/* رأس التطبيق للجوال + الدرج الجانبي */
.app-top{display:none}
/* الدرج الجانبي: متاح على كل المقاسات (يُفتح من زر ☰ في شريط الأوامر) */
.drawer-back{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;opacity:0;visibility:hidden;transition:.25s}
.drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100%;width:min(300px,84%);background:#fff;z-index:91;transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:-2px 0 24px rgba(0,0,0,.28);overflow-y:auto;visibility:hidden}
.drawer-open .drawer{transform:none;visibility:visible}
.drawer-open .drawer-back{opacity:1;visibility:visible}
.drawer-open{overflow:hidden}
.drawer-nav a{transform:translateX(26px);opacity:0;transition:transform .38s ease,opacity .38s ease,background .15s}
.drawer-open .drawer-nav a{transform:none;opacity:1}
.drawer-nav a:hover{background:#f7f8fc}
.drawer-nav a.on{background:#fff4ec}

.drawer-head{display:flex;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(135deg,var(--navy),#12266e);color:#fff}
.drawer-head .dh-brand{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff;padding:3px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.drawer-head .dh-txt{flex:1;display:flex;flex-direction:column;min-width:0}
.drawer-head .dh-txt b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-head .dh-txt small{opacity:.75;font-size:12px}
.drawer-x{cursor:pointer;font-size:20px;opacity:.85;background:transparent;border:0;color:#fff;padding:6px;font-family:inherit}
.drawer-nav{display:flex;flex-direction:column;padding:8px 0}
.drawer-nav a{display:flex;align-items:center;gap:12px;padding:13px 18px;color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1px solid #f2f4f8}
.drawer-nav a .dn-ic{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#fff2e9,#ffe0cc);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.drawer-nav a .dn-t{flex:1}
.drawer-nav a .dn-ar{color:var(--muted);font-size:18px;opacity:.5}
.drawer-nav a:active{background:#f4f6fb}
.drawer-foot{padding:16px 18px;border-top:1px solid var(--line);text-align:center;margin-top:auto}
.drawer-foot img{height:24px;opacity:.85;display:block;margin:0 auto 4px}
.drawer-foot small{color:var(--muted);font-size:11px}
/* تطبيق النشاط الحصري: داخل التطبيق المثبّت على صفحة النشاط، أخفِ منافذ الخروج للدليل */
body.in-app.has-apptop .breadcrumb,
body.in-app.has-apptop .footlinks,
body.in-app.has-apptop .footsoc,
body.in-app.has-apptop .biz-tags{display:none!important}
body.in-app.has-apptop .copy a{pointer-events:none;color:inherit;text-decoration:none}
@media(max-width:760px){
  .has-apptop .pubtop{display:none}
  .app-top{display:flex;position:relative;z-index:1;background:var(--navy);color:#fff;align-items:center;gap:8px;padding:8px 10px;box-shadow:0 2px 10px rgba(0,0,0,.22)}
  .at-btn{background:transparent;border:none;color:#fff;font-size:23px;cursor:pointer;width:42px;height:42px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;font-family:inherit}
  .at-cart{font-size:21px}
  .at-cart-n{position:absolute;top:3px;inset-inline-start:3px;background:var(--orange);color:#fff;border-radius:50%;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}
  .at-brand{flex:1;display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;justify-content:center;overflow:hidden;min-width:0}
  .at-brand img{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff;flex-shrink:0}
  .at-brand span{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* حركة انزلاقية متدرّجة لعناصر القائمة */
  .drawer-open .drawer-nav a:nth-child(1){transition-delay:.10s}
  .drawer-open .drawer-nav a:nth-child(2){transition-delay:.15s}
  .drawer-open .drawer-nav a:nth-child(3){transition-delay:.20s}
  .drawer-open .drawer-nav a:nth-child(4){transition-delay:.25s}
  .drawer-open .drawer-nav a:nth-child(5){transition-delay:.30s}
  .drawer-open .drawer-nav a:nth-child(6){transition-delay:.35s}
  .drawer-open .drawer-nav a:nth-child(7){transition-delay:.40s}
  .drawer-open .drawer-nav a:nth-child(8){transition-delay:.45s}
  .drawer-open .drawer-nav a:nth-child(9){transition-delay:.50s}
}
/* شريط تطبيقي سفلي ثابت (جوال) */
.app-bar{display:none}
@media(max-width:760px){
  .contact-grid{grid-template-columns:1fr}
  .share-float{display:none}
  .app-bar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:80;background:var(--navy);box-shadow:0 -3px 14px rgba(0,0,0,.22)}
  .app-bar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;color:#dfe6ff;font-size:11px;font-weight:700;text-decoration:none}
  .app-bar a span{font-size:20px;line-height:1}
  .app-bar a:active{background:rgba(255,255,255,.1)}
  .cart-fab{display:none}
  body{padding-bottom:64px}
}
.hours{width:100%;border-collapse:collapse}.hours td{padding:6px 8px;border-bottom:1px solid var(--line)}
.tags a{display:inline-block;background:#eef1f8;color:var(--navy);border-radius:20px;padding:5px 12px;font-size:13px;margin:3px}
.social a{display:inline-block;margin-inline-end:10px;font-weight:700}
.approve-bar{background:#fff7ed;border:1px solid var(--amber);border-radius:14px;padding:18px;margin:16px 0}
.list-item{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.list-item img{width:120px;height:120px;border-radius:14px;object-fit:cover;object-position:center;border:1px solid var(--line);flex:0 0 auto;background:#f4f6fb}
@media(max-width:560px){.list-item img{width:92px;height:92px;border-radius:12px}}
.list-item .n{font-weight:700}.list-item .m{color:var(--muted);font-size:13px}
/* ترقيم الصفحات + اختيار عدد النتائج */
.pager{margin:18px 0 6px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pager-per{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted);font-weight:600}
.pager-per .pp{display:inline-block;min-width:34px;text-align:center;padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--navy);font-weight:700;text-decoration:none}
.pager-per .pp:hover{border-color:var(--blue);color:var(--blue)}
.pager-per .pp.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.pager-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.pager-nav .pg{display:inline-block;min-width:38px;text-align:center;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--navy);font-weight:700;font-size:14px;text-decoration:none}
.pager-nav .pg:hover{border-color:var(--blue);color:var(--blue)}
.pager-nav .pg.on{background:var(--orange);color:#fff;border-color:var(--orange)}
.pg-dots{color:var(--muted);padding:0 2px}
.pager-info{font-size:12.5px;color:var(--muted)}
.chips a{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:4px;font-weight:600;color:var(--navy)}
.muted{color:var(--muted)}
.embed{position:relative;padding-bottom:56%;height:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gimg{cursor:pointer;transition:transform .15s}.gimg:hover{transform:scale(1.03)}
.jglb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;align-items:center;justify-content:center}
.jglb img{max-width:92%;max-height:86%;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.jglb-x{position:absolute;top:16px;left:20px;color:#fff;font-size:30px;cursor:pointer;line-height:1}
.jglb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:46px;cursor:pointer;padding:0 18px;user-select:none}
.jglb-prev{right:6px}.jglb-next{left:6px}
.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.offer-card{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.offer-card img{width:100%;height:180px;object-fit:cover;cursor:pointer;display:block}
.offer-card figcaption{padding:10px 12px;font-size:14px}
.jo-fab{display:none;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:900;background:var(--navy);color:#fff;font-weight:700;padding:13px 22px;border-radius:999px;box-shadow:0 8px 24px rgba(10,21,81,.35);text-decoration:none;font-size:15px}
@media(max-width:600px){.hero{gap:14px;padding:18px;align-items:flex-start;text-align:right}.hero .logo{width:92px;height:92px;border-radius:14px}.hero h1{font-size:20px}.jo-fab{display:inline-block;bottom:70px}}