/* ===== الواجهة الرئيسية (home.css): تصميم بوصلة الخير الجديد — بتتحمّل بعد app.css في index.html بس ===== */
:root{
  --teal-d:#072B2F; --teal:#0A3A3E; --teal-m:#0F5257;
  --gold-a:#F6DC9A; --gold-b:#D9A441; --gold-c:#9C6A16;
  --gold-grad:linear-gradient(135deg,#F6DC9A 0%,#D9A441 55%,#B07A1C 100%);
  --wrap-w:1240px;
}
[hidden]{display:none !important;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html{scroll-behavior:smooth;scroll-padding-top:84px;}
.wrap{max-width:var(--wrap-w);}

/* ---------- الشريط العلوي ---------- */
.topbar{position:sticky;top:0;z-index:40;background:linear-gradient(90deg,var(--teal-d),var(--teal) 60%,#0B4549);border-bottom:1px solid rgba(217,164,65,.45);box-shadow:0 6px 20px -12px rgba(0,0,0,.55);}
.tb-in{max-width:var(--wrap-w);margin:0 auto;padding:0 18px;min-height:74px;display:flex;align-items:center;gap:22px;position:relative;}
.tb-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex-shrink:0;}
.tb-logo{width:48px;height:48px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));}
.tb-name{display:flex;flex-direction:column;line-height:1.15;}
.tb-name b{font-family:'Tajawal',sans-serif;font-size:1.65rem;font-weight:900;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tb-name small{font-size:.72rem;color:#CFE3DF;font-weight:600;letter-spacing:.2px;}
.tb-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;}
.tb-nav a{position:relative;color:#E8F2F0;text-decoration:none;font-weight:700;font-size:.95rem;padding:10px 13px;border-radius:10px;white-space:nowrap;transition:color .15s,background .15s;}
.tb-nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.tb-nav a.on{color:var(--gold-a);}
.tb-nav a.on::after{content:"";position:absolute;inset-inline:13px;bottom:2px;height:3px;border-radius:3px;background:var(--gold-grad);}
.topbar .sponsor-ribbon{background:none;padding:0 0 0 0;margin:0;gap:10px;justify-content:flex-start;border-inline-start:1px solid rgba(255,255,255,.2);padding-inline-start:18px;max-width:270px;flex-shrink:0;}
.topbar .sponsor-ribbon img{height:46px;width:auto;max-width:120px;}
.topbar .sponsor-ribbon span{font-size:.74rem;line-height:1.45;font-weight:700;color:#E8F2F0;}
.topbar .theme-btn{position:static;flex-shrink:0;}
.tb-burger{display:none;margin-inline-start:auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.25rem;width:42px;height:42px;border-radius:12px;cursor:pointer;line-height:1;}

/* ---------- الهيرو ---------- */
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,var(--teal-d) 0%,var(--teal) 46%,#12616A 100%);isolation:isolate;}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 30%,rgba(242,178,94,.28),transparent 46%),radial-gradient(circle at 8% 110%,rgba(217,164,65,.2),transparent 40%);}
.hero.has-photo{background:linear-gradient(90deg,rgba(7,43,47,.97) 0%,rgba(7,43,47,.86) 38%,rgba(7,43,47,.25) 78%),var(--hero-img) center/cover no-repeat,var(--teal);}
.hero.has-photo .hero-bg{display:none;}
.hero-bg{position:absolute;inset-block:0 0;inset-inline-end:0;width:68%;z-index:-1;display:flex;align-items:flex-end;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 40%);mask-image:linear-gradient(to left,transparent 0,#000 40%);}
.skyline{width:100%;height:78%;display:block;}
.hero-in{max-width:var(--wrap-w);margin:0 auto;padding:44px 18px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:center;min-height:380px;}
.hero-title{display:flex;align-items:center;gap:18px;}
.hero-compass{width:104px;height:104px;flex-shrink:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));}
.hero-compass polygon:first-of-type{transform-origin:50px 50px;animation:needle 7s ease-in-out infinite;}
.hero h1{margin:0;display:flex;flex-direction:column;line-height:1.1;}
.h1-main{font-size:3.6rem;font-weight:900;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.35);}
.h1-sub{font-size:1.75rem;font-weight:800;margin-top:6px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-tag{display:flex;align-items:center;gap:14px;margin:22px 0 8px;max-width:560px;}
.hero-tag i{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--gold-b));border-radius:2px;}
.hero-tag i:last-child{background:linear-gradient(270deg,transparent,var(--gold-b));}
.hero-tag strong{font-family:'Tajawal',sans-serif;font-size:1.5rem;font-weight:800;white-space:nowrap;}
.hero-desc{margin:0 0 20px;color:rgba(255,255,255,.88);font-size:1.02rem;font-weight:500;max-width:560px;}

.search-box.hero-search{margin:0;max-width:720px;min-height:64px;padding:6px 10px 6px 8px;gap:0;background:var(--surface);border-radius:999px;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);border:1px solid rgba(217,164,65,.5);}
.hero-search .hs-markaz{position:relative;display:flex;align-items:center;gap:4px;padding:0 14px 0 6px;border-inline-end:1px solid var(--border);flex-shrink:0;}
.hero-search .hs-pin{font-size:1rem;}
.hero-search select{appearance:none;-webkit-appearance:none;background:transparent;border:0;outline:none;color:var(--ink);font:inherit;font-weight:800;font-size:.95rem;padding:10px 4px 10px 4px;padding-inline-end:20px;cursor:pointer;max-width:150px;text-overflow:ellipsis;}
.hero-search .hs-markaz::after{content:"▾";position:absolute;inset-inline-end:2px;font-size:.8rem;color:var(--ink-soft);pointer-events:none;}
.hero-search select option{color:#111;}
.hero-search .hs-lib{background:transparent;color:var(--ink);box-shadow:none;border-radius:0;border-inline-end:1px solid var(--border);padding:10px 16px;font-size:.92rem;font-weight:800;}
.hero-search .hs-lib .lib-ico{color:var(--gold-c);}
.hero-search input{flex:1;min-width:0;padding:12px 14px;font-size:1rem;}
.hero-search .hs-glass{width:46px;height:46px;padding:12px;border-radius:50%;background:var(--teal-m);color:#fff;flex-shrink:0;}
.hero-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;}
.hero-filters .near-btn{border-radius:999px;padding:8px 16px;}
.hero-filters .count-pill{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#F3E4C7;font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:999px;}
.hero .stats-strip{margin-top:12px;}

.hero-visual{position:relative;height:340px;display:none;}
.phone{position:absolute;inset-inline-start:34%;top:0;width:196px;height:360px;background:linear-gradient(160deg,#fdfdfc,#eef3f1);border:6px solid #14201f;border-radius:34px;box-shadow:0 30px 60px -18px rgba(0,0,0,.6),0 0 0 2px rgba(217,164,65,.55);transform:rotate(5deg);padding:26px 12px 12px;color:#132523;overflow:hidden;}
.ph-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:58px;height:8px;border-radius:8px;background:#14201f;}
.ph-top{display:flex;flex-direction:column;margin-bottom:8px;}
.ph-top b{font-family:'Tajawal',sans-serif;font-size:.95rem;color:#0A3A3E;}
.ph-top span{font-size:.55rem;color:#6a7f7b;}
.ph-search{background:#fff;border:1px solid #d7e1dc;border-radius:999px;font-size:.55rem;color:#8a9b97;padding:6px 10px;margin-bottom:10px;box-shadow:0 4px 10px -6px rgba(0,0,0,.3);}
.ph-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;}
.ph-grid i{font-style:normal;aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:hsl(var(--h) 60% 91%);}
.ph-card{height:62px;border-radius:12px;margin-bottom:8px;background:linear-gradient(135deg,#e7eeea,#f6f9f8);border:1px solid #e3ebe7;}
.hero-pin{position:absolute;inset-inline-start:22%;bottom:6px;width:74px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45));animation:pinBob 3.2s ease-in-out infinite;}
@keyframes pinBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.hero-script{position:absolute;inset-inline-end:2%;top:70px;display:flex;flex-direction:column;gap:2px;transform:rotate(-7deg);font-family:'Tajawal',sans-serif;font-size:1.7rem;font-weight:800;line-height:1.25;}
.hero-script span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));}
.hero-script span:nth-child(2){margin-inline-start:18px;}
.hero-script span:nth-child(3){margin-inline-start:36px;}
@media (min-width:960px){.hero-visual{display:block;}}

/* ---------- شريط الأقسام (بلاطات) ---------- */
.chip-rail{position:relative;top:auto;z-index:2;background:var(--bg);border-bottom:0;padding:22px 0 6px;}
.rail-wrap{display:flex;align-items:stretch;gap:14px;}
.rail-promo{flex:0 0 164px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:14px 18px;border-radius:18px;color:#fff;font-family:'Tajawal',sans-serif;font-weight:800;font-size:1.12rem;line-height:1.35;background:linear-gradient(150deg,var(--teal-d),var(--teal-m));box-shadow:0 14px 28px -16px rgba(7,43,47,.8);position:relative;overflow:hidden;}
.rail-promo span:first-child{color:var(--gold-a);}
.rail-promo::after{content:"";position:absolute;inset-inline-start:-18px;bottom:-26px;width:86px;height:86px;border-radius:50%;border:3px solid rgba(217,164,65,.35);}
.chip-scroll{gap:10px;padding:6px 8px 12px;}
.chip-scroll .chip{flex:1 0 104px;flex-direction:column;justify-content:center;gap:9px;padding:14px 8px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 20px -16px rgba(15,82,87,.6);color:var(--ink);font-size:.88rem;font-weight:800;text-align:center;line-height:1.3;transition:transform .15s,box-shadow .15s,border-color .15s;}
.chip-scroll .chip > span:first-child{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:hsl(var(--h,36) var(--tile-s) var(--tile-l));}
.chip-scroll .chip:hover{transform:translateY(-3px);box-shadow:0 16px 26px -16px rgba(15,82,87,.7);border-color:var(--gold-b);}
.chip-scroll .chip.active{background:linear-gradient(160deg,var(--teal),var(--teal-m));border-color:var(--gold-b);color:#fff;}
.chip-scroll .chip.active > span:first-child{background:rgba(255,255,255,.16);}
.chip-scroll .chip.more > span:first-child{background:var(--surface-2);color:var(--gold-c);font-size:1.6rem;font-weight:900;}

/* ---------- عنوان الأقسام + الكروت ---------- */
main{padding:10px 0 60px;}
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 16px;}
.sec-head h2{margin:0;font-size:1.65rem;font-weight:900;display:flex;align-items:center;gap:10px;}
.sec-head .star{color:var(--gold-b);font-size:1.5rem;}
.sec-all{background:none;border:0;color:var(--ink);font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;padding:6px 4px;}
.sec-all:hover{color:var(--primary);text-decoration:underline;}
.grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:18px;}
.card{padding:0;gap:0;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px -20px rgba(15,82,87,.55);transition:transform .16s,box-shadow .16s;}
.card:not(.skeleton):hover{transform:translateY(-3px);box-shadow:0 22px 34px -20px rgba(15,82,87,.6);}
.card .media{position:relative;}
.card .cover{border-radius:0;height:150px;}
.card.premium .cover{height:150px;}
.card.premium{border-color:var(--gold-b);box-shadow:0 0 0 1px var(--gold-b) inset,0 16px 30px -20px rgba(176,122,28,.6);}
.cv-badges{position:absolute;top:10px;inset-inline-end:10px;display:flex;gap:6px;flex-wrap:wrap;max-width:70%;}
.b-offer{font-size:.72rem;font-weight:800;color:#2A1D05;background:var(--gold-grad);padding:4px 11px;border-radius:8px;box-shadow:0 4px 10px -4px rgba(0,0,0,.4);}
.cv-badges .new-badge,.cv-badges .premium-badge{box-shadow:0 4px 10px -4px rgba(0,0,0,.4);border-radius:8px;}
.card .fav-btn{position:absolute;top:10px;inset-inline-start:10px;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:#33403d;font-size:1.1rem;box-shadow:0 4px 10px -4px rgba(0,0,0,.45);}
.card .fav-btn.on{color:var(--gold-c);}
.card .fav-btn:hover{background:#fff;}
.cbody{padding:14px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1;}
.ttl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ttl h3{font-size:1.06rem;font-weight:800;overflow-wrap:anywhere;}
.subline{font-size:.84rem;color:var(--ink-soft);font-weight:600;}
.rate-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.rate-row .rate-badge{background:none;padding:0;font-size:.85rem;}
.rate-row .dist-badge{background:none;border:0;padding:0;color:var(--ink-soft);}
.cbody .actions{gap:8px;padding-top:8px;}
.cbody .btn-action{border-radius:999px;padding:9px 10px;min-height:40px;}
.cbody .btn-action.call{flex:1 1 auto;background:linear-gradient(135deg,var(--teal),var(--teal-m));border-color:transparent;}
.cbody .btn-action.wa,.cbody .btn-action.dir,.cbody .btn-action.detail{flex:0 0 40px;padding:0;font-size:0;gap:0;color:var(--primary);background:var(--surface);}
.cbody .btn-action.dir{font-size:1.05rem;}
.cbody .btn-action.detail{font-size:1.15rem;font-weight:900;color:var(--ink);}
.cbody .btn-action.wa svg{width:19px;height:19px;color:#1FA855;}
.cbody .btn-action:hover{border-color:var(--gold-b);}

/* ---------- عن المنصة ---------- */
.about-band{padding:10px 0 46px;}
.ab-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 16px 36px -26px rgba(15,82,87,.55);padding:0;}
.ab-brand{display:flex;align-items:center;gap:16px;padding:26px 30px;color:#fff;background:linear-gradient(150deg,var(--teal-d),var(--teal-m));min-width:260px;position:relative;}
.ab-brand::after{content:"";position:absolute;inset-block:0;inset-inline-start:-1px;width:40px;background:linear-gradient(90deg,rgba(217,164,65,.0),rgba(217,164,65,.2));}
.ab-brand img{height:84px;width:auto;max-width:190px;object-fit:contain;}
.ab-brand small{display:block;color:var(--gold-a);font-weight:700;font-size:.78rem;}
.ab-brand b{font-family:'Tajawal',sans-serif;font-size:1.2rem;font-weight:900;line-height:1.3;}
.ab-mid{padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:6px;}
.ab-mid h2{margin:0;font-size:1.35rem;font-weight:900;}
.ab-mid p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.8;}
.ab-values{list-style:none;margin:0;padding:18px 24px;display:flex;align-items:center;gap:0;}
.ab-values li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:0 20px;min-width:130px;}
.ab-values li + li{border-inline-start:1px solid var(--border);}
.abv-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--gold-soft);}
.ab-values b{font-size:.92rem;font-weight:800;}
.ab-values small{font-size:.74rem;color:var(--ink-soft);}

/* ---------- الفوتر ---------- */
footer.site-foot{padding:0;border:0;margin:0;color:#CFE3DF;background:linear-gradient(180deg,var(--teal),var(--teal-d));font-size:.9rem;border-top:3px solid var(--gold-b);}
.foot-in{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:center;padding-top:30px;padding-bottom:26px;}
.ft-col h3{margin:0 0 10px;font-size:1.05rem;color:var(--gold-a);font-weight:800;}
.ft-badges{display:flex;gap:10px;flex-wrap:wrap;}
.ft-install{background:transparent;color:var(--gold-a);border:1.5px solid var(--gold-b);border-radius:999px;padding:9px 18px;font:inherit;font-weight:800;font-size:.86rem;cursor:pointer;}
.ft-install:hover{background:rgba(217,164,65,.15);}
.ft-store{display:flex;flex-direction:column;line-height:1.25;background:#000;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:6px 16px;}
.ft-store small{font-size:.62rem;opacity:.8;}
.ft-store b{font-size:.95rem;}
.ft-mid{text-align:center;}
.site-foot .footer-brand{font-family:'Tajawal',sans-serif;font-size:1.3rem;font-weight:800;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ft-contact{display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:center;margin-top:10px;}
.ft-contact a{color:#E8F2F0;font-weight:700;text-decoration:none;font-size:.88rem;}
.ft-contact a:hover{color:var(--gold-a);}
.ft-social{display:flex;gap:10px;justify-content:flex-end;}
.ft-social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(217,164,65,.5);color:var(--gold-a);text-decoration:none;font-weight:900;font-size:1rem;}
.ft-social a:hover{background:var(--gold-b);color:#2A1D05;}
.foot-line{border-top:1px solid rgba(217,164,65,.3);background:rgba(0,0,0,.18);}
.fl-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;font-size:.8rem;}
.site-foot .dev-credit{margin:0;direction:rtl;gap:12px;}
.site-foot .dev-qr{width:56px;height:56px;padding:4px;border-radius:8px;border:0;}
.site-foot .dev-text{color:#CFE3DF;font-size:.78rem;line-height:1.6;direction:ltr;text-align:left;}
.site-foot .dev-text strong{color:var(--gold-a);}
.site-foot .dev-text a{color:var(--gold-a);}
.site-foot .support-line{color:#CFE3DF;margin-top:12px;}
.site-foot .support-line a{color:var(--gold-a);}
.site-foot .foot-links{margin-top:14px;}
.site-foot .foot-links a + a{border-inline-start-color:rgba(255,255,255,.25);}
.site-foot .admin-link{color:#CFE3DF;padding-bottom:18px;}
.fab{bottom:20px;background:var(--gold-grad);color:#2A1D05;box-shadow:0 14px 28px -10px rgba(0,0,0,.5);}

/* ---------- موبايل وتابلت ---------- */
@media (max-width:1100px){
  .topbar .sponsor-ribbon{max-width:210px;}
  .tb-nav a{padding:10px 9px;font-size:.88rem;}
  .ab-in{grid-template-columns:1fr;}
  .ab-brand{min-width:0;}
  .ab-values{justify-content:space-around;padding:18px 12px;border-top:1px solid var(--border);}
}
@media (max-width:900px){
  .tb-in{min-height:64px;gap:10px;}
  .tb-burger{display:block;}
  .topbar .sponsor-ribbon{display:none;}
  .topbar .theme-btn{margin-inline-start:0;}
  .tb-nav{position:absolute;top:100%;inset-inline:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 14px;background:var(--teal-d);border-bottom:2px solid var(--gold-b);box-shadow:0 18px 30px -16px rgba(0,0,0,.6);}
  .tb-nav.open{display:flex;}
  .tb-nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem;}
  .tb-nav a.on::after{inset-inline:12px;}
  .hero-in{grid-template-columns:1fr;padding:30px 18px 28px;min-height:0;}
  .hero-bg{width:100%;opacity:.55;-webkit-mask-image:linear-gradient(to top,#000 0,transparent 85%);mask-image:linear-gradient(to top,#000 0,transparent 85%);}
  .h1-main{font-size:2.7rem;}
  .h1-sub{font-size:1.35rem;}
  .hero-compass{width:78px;height:78px;}
  .hero-tag strong{font-size:1.2rem;}
  .foot-in{grid-template-columns:1fr;text-align:center;}
  .ft-badges,.ft-social{justify-content:center;}
  .fl-in{justify-content:center;text-align:center;}
}
@media (max-width:640px){
  .rail-promo{display:none;}
  .chip-scroll .chip{flex:0 0 94px;padding:12px 6px 10px;font-size:.8rem;}
  .chip-scroll .chip > span:first-child{width:46px;height:46px;font-size:1.5rem;}
  .search-box.hero-search{flex-wrap:wrap;border-radius:26px;padding:8px;row-gap:6px;}
  .hero-search .hs-glass{order:1;margin-inline-start:auto;}
  .hero-search input{order:0;flex:1 1 60%;padding:10px 12px;}
  .hero-search .hs-markaz{order:2;flex:1 1 45%;border-inline-end:1px solid var(--border);border-top:1px solid var(--border);padding-top:4px;}
  .hero-search .hs-lib{order:3;flex:1 1 45%;border-top:1px solid var(--border);border-inline-end:0;justify-content:center;}
  .hero-search select{max-width:none;width:100%;}
  .sec-head h2{font-size:1.3rem;}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .card .cover,.card.premium .cover{height:112px;}
  .cbody{padding:10px;}
  .ttl h3{font-size:.95rem;}
  .cbody .actions{flex-wrap:wrap;}
  .cbody .btn-action.call{flex:1 1 100%;}
  .cbody .btn-action.wa,.cbody .btn-action.dir,.cbody .btn-action.detail{flex:1 1 0;}
  .ab-values{flex-direction:column;align-items:stretch;}
  .ab-values li{flex-direction:row;text-align:start;gap:12px;padding:8px 0;border:0 !important;}
  .ab-values li small{display:none;}
}
@media (max-width:360px){.grid{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.hero-pin,.hero-compass polygon:first-of-type{animation:none;}.card,.chip-scroll .chip{transition:none;}}
.site-foot .foot-links a{text-decoration:none;}
.ab-mid h2{white-space:nowrap;}
@media (max-width:1100px){.ab-mid h2{white-space:normal;}}
.topbar .sponsor-ribbon{border-bottom:0;max-width:330px;padding-top:0;}
.topbar .sponsor-ribbon img{height:54px;max-width:150px;}
.ab-brand{flex-direction:column;justify-content:center;gap:10px;text-align:center;min-width:300px;}
.ab-brand img{height:96px;max-width:240px;}
.ab-brand small{font-size:.85rem;}
.tb-in{min-height:84px;}
.topbar .sponsor-ribbon{max-width:360px;gap:12px;}
.topbar .sponsor-ribbon img{height:68px;max-width:210px;}
.topbar .sponsor-ribbon span{font-size:.82rem;max-width:110px;}
.ab-brand img{height:130px;max-width:300px;}
.ab-brand{min-width:340px;}
.ab-brand small{font-size:.95rem;}
@media (max-width:1100px){.topbar .sponsor-ribbon img{height:54px;max-width:150px;}.topbar .sponsor-ribbon span{display:none;}.ab-brand{min-width:0;}}
.site-foot .dev-credit{display:block;line-height:0;}
.site-foot .dev-qr{width:68px;height:68px;padding:5px;}

@media (min-width:1101px){.ab-in{grid-template-columns:auto minmax(280px,1fr) auto;}}
@media (max-width:1100px){.ab-in{grid-template-columns:minmax(0,1fr);}.ab-brand{min-width:0;padding:22px 18px;}.ab-brand img{height:96px;max-width:78%;}.ab-mid{padding:20px 18px;}}
.topbar{padding-top:env(safe-area-inset-top);}
.ft-wa{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;flex-wrap:wrap;}
.ft-wa .ft-contact{margin:0;}
.ft-contact a{font-size:.95rem;}
.site-foot .dev-qr{width:76px;height:76px;}
.dev-line{font-size:.82rem;letter-spacing:.3px;color:#CFE3DF;direction:ltr;}
.dev-line strong{color:var(--gold-a);}
.gift{text-align:center;padding:6px 18px 30px;}
.gift-orn{display:flex;align-items:center;justify-content:center;gap:14px;max-width:420px;margin:0 auto 10px;color:var(--gold-b);}
.gift-orn i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-b));}
.gift-orn i:last-child{background:linear-gradient(270deg,transparent,var(--gold-b));}
.gift-orn span{font-size:1.1rem;}
.gift-small{font-size:.9rem;color:var(--gold-a);font-weight:700;letter-spacing:.5px;}
.gift-name{font-family:'Tajawal',sans-serif;font-size:1.7rem;font-weight:900;line-height:1.4;margin:2px 0 6px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.gift-to{font-size:.9rem;color:#CFE3DF;font-weight:600;}
@media (max-width:640px){.gift-name{font-size:1.3rem;}.fl-in{flex-direction:column;gap:6px;}}
.fab,.install-btn{transition:opacity .25s ease,transform .25s ease;}
.fab.fab-hide{opacity:0;pointer-events:none;transform:translate(-50%,24px);}
.install-btn.fab-hide{opacity:0;pointer-events:none;transform:translateY(24px);}
footer.site-foot{padding-bottom:calc(24px + env(safe-area-inset-bottom));}
main{padding-bottom:96px;}
body{padding-bottom:0;}
@media (max-width:900px){
  .topbar .sponsor-ribbon{display:flex;order:2;margin-inline-start:auto;border:0;padding:0;max-width:112px;}
  .topbar .sponsor-ribbon img{height:40px;max-width:108px;}
  .tb-burger{order:3;margin-inline-start:0;}
  .topbar .theme-btn{order:4;}
  .tb-brand{order:1;}
}
@media (max-width:380px){.topbar .sponsor-ribbon img{height:34px;max-width:88px;}.tb-name b{font-size:1.4rem;}}
@media (max-width:360px){
  .tb-in{padding:0 10px;gap:6px;}
  .tb-logo{width:36px;height:36px;}.tb-brand{gap:7px;}
  .tb-name b{font-size:1.2rem;}.tb-name small{font-size:.62rem;}
  .topbar .sponsor-ribbon img{height:28px;max-width:74px;}
  .tb-burger,.topbar .theme-btn{width:36px;height:36px;font-size:1.05rem;}
}
@media (max-width:420px) and (min-width:361px){.tb-in{gap:8px;padding:0 14px;}.topbar .sponsor-ribbon img{max-width:96px;}}
.ab-link{align-self:flex-start;color:var(--gold-c);font-weight:900;text-decoration:none;font-size:.95rem;margin-top:2px;}.ab-link:hover{text-decoration:underline;}