body{
  background-color: #fff !important;
}

#hk-bs .hk-book .hk-im {
    top: -9.65cqw !important;
    width: 63.9000cqw;
}

#hk-bs .hk-kit .hk-im {
    top: 72px !important;
    left: 33.7000cqw;
    width: 64.6500cqw;
}

#hk-bs .hk-kit {
    height: 35cqw !important;
}
#hk-bs::before{
  display: none !important;
}






/******************* التصنيفات   ************/
[section-id="48b3311d-2a82-4005-8127-d82586b3e1c5"],
[section-id="c98d2790-6464-41d9-a9a7-56050942fb4e"]{
  padding-top: 125px !important;
}
[section-id="48b3311d-2a82-4005-8127-d82586b3e1c5"],
[section-id="c98d2790-6464-41d9-a9a7-56050942fb4e"]{--gold:#dfa83a;--teal:#0b6e78;--gold-d:#b98725;overflow:hidden}
.bk-subj .theme-container{max-width:1100px;margin-inline:auto}

/* العنوان والوصف */
.bk-subj h2{text-align:center;color:var(--gold)!important;font-weight:800;font-size:clamp(22px,3vw,30px)!important;margin:0 0 10px!important;opacity:0;transform:translateY(18px);transition:.7s cubic-bezier(.2,.8,.2,1)}
.bk-sub{text-align:center;color:var(--teal);font-size:clamp(12px,1.5vw,15px);font-weight:500;margin:0 0 14px;opacity:0;transform:translateY(18px);transition:.7s .12s cubic-bezier(.2,.8,.2,1)}
.bk-line{display:block;width:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--teal));margin:0 auto 32px;transition:width .9s .35s cubic-bezier(.2,.8,.2,1)}
.bk-subj.bk-in h2,.bk-subj.bk-in .bk-sub{opacity:1;transform:none}
.bk-subj.bk-in .bk-line{width:70px}

/* الشبكة: نفس الشكل في العربي والإنجليزي */
.bk-subj .grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:auto!important;gap:22px 20px!important}
.bk-subj .grid>*{grid-column:auto!important;grid-row:auto!important}
.bk-subj .media-wrap{aspect-ratio:auto!important;height:auto!important;width:100%!important}
.bk-subj .media-wrap img{width:100%;height:auto;object-fit:contain;display:block;position:relative;z-index:1}

/* الكروت (صورك كما هي) */
.bk-subj .grid>div{border-radius:14px;opacity:0;transform:translateY(40px) scale(.92);cursor:pointer;
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
  transition-delay:calc(var(--i)*90ms + 250ms)}
.bk-subj.bk-in .grid>div{opacity:1;transform:none;box-shadow:0 14px 24px rgba(7,80,90,.14)}
.bk-subj.bk-in .grid>div:hover{transition-delay:0s;transform:translateY(-8px) scale(1.03);box-shadow:0 24px 36px rgba(7,80,90,.28)}
.bk-subj.bk-in .grid>div:hover img{animation:bkPop .6s ease}
/* لمعة */
.bk-subj .grid>div::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg)}
.bk-subj .grid>div:hover::after{left:130%;transition:left .8s ease}
/* طفو خفيف مستمر */
.bk-subj.bk-in .grid>div .media-wrap{animation:bkFloat 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}
.bk-subj.bk-in .grid>div:hover .media-wrap{animation-play-state:paused}
@keyframes bkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes bkPop{0%{transform:scale(1)}45%{transform:scale(1.06) rotate(-1deg)}100%{transform:scale(1.03)}}

/* الزرار */
.bk-more{display:flex;justify-content:center;margin-top:36px}
.bk-btn{display:inline-block;background:var(--gold);color:#fff;font-weight:800;font-size:13px;text-decoration:none;padding:11px 34px;border-radius:30px;box-shadow:0 4px 0 var(--gold-d);opacity:0;transform:translateY(20px);transition:opacity .6s 1.1s,transform .6s 1.1s,box-shadow .3s}
.bk-subj.bk-in .bk-btn{opacity:1;transform:none;animation:bkPulse 2.6s 2s infinite}
.bk-subj.bk-in .bk-btn:hover{transition:.2s;transform:translateY(-3px);animation:none;box-shadow:0 7px 0 var(--gold-d),0 12px 20px rgba(185,135,37,.35)}
@keyframes bkPulse{0%{box-shadow:0 4px 0 var(--gold-d),0 0 0 0 rgba(223,168,58,.5)}70%{box-shadow:0 4px 0 var(--gold-d),0 0 0 14px rgba(223,168,58,0)}100%{box-shadow:0 4px 0 var(--gold-d),0 0 0 0 rgba(223,168,58,0)}}

@media(max-width:900px){.bk-subj .grid{grid-template-columns:repeat(2,1fr)!important;gap:16px 12px!important}}
@media(prefers-reduced-motion:reduce){.bk-subj h2,.bk-sub,.bk-subj .grid>div,.bk-btn{transition:none!important;opacity:1!important;transform:none!important}.bk-subj .media-wrap,.bk-btn{animation:none!important}}

/******************* التصنيفات   ************/
/******************** العلاقات العامه ***********/
.bkf{--teal:#0b6e78;--gold:#dfa83a;--gold-d:#b98725;position:relative;overflow:hidden;background:#fff;padding:40px 0}

.bkf-in{position:relative;width:100%;max-width:none;margin:0;display:grid;direction:ltr;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:380px}
.bkf-text{padding-right:max(24px,calc((100vw - 1100px)/2));padding-left:0}
.bkf[dir="rtl"] .bkf-text{direction:rtl;text-align:right}
.bkf[dir="ltr"] .bkf-text{direction:ltr;text-align:left}

.bkf-media{display:flex;justify-content:flex-start;align-items:center;margin:0;padding:0;opacity:0;transform:translateX(-80px) scale(.96);transition:opacity .9s .2s,transform 1s .2s cubic-bezier(.2,.8,.2,1)}
.bkf.bkf-go .bkf-media{opacity:1;transform:none}
.bkf-media img{width:100%;max-width:640px;height:auto;display:block;margin:0;animation:bkfFloat 5s ease-in-out infinite}
@keyframes bkfFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.6deg)}}

.bkf-text>*{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.bkf.bkf-go .bkf-text>*{opacity:1;transform:none}
.bkf.bkf-go .bkf-badge{transition-delay:.35s}
.bkf.bkf-go .bkf-title{transition-delay:.5s}
.bkf.bkf-go .bkf-desc{transition-delay:.65s}
.bkf.bkf-go .bkf-btn{transition-delay:.8s}
.bkf-badge{display:inline-block;background:#f6efe0;border:1px solid #d9c9a6;color:#5a4a22;font-size:12px;font-weight:600;padding:6px 18px;border-radius:30px;margin-bottom:16px}
.bkf-title{font-size:clamp(24px,3.2vw,36px);line-height:1.35;font-weight:800;margin:0 0 16px;color:var(--teal)}
.bkf-title .g{color:var(--gold)}
.bkf-desc{font-size:clamp(13px,1.5vw,15px);line-height:1.8;color:#1f3a3d;margin:0 0 24px;max-width:480px}
.bkf-btn{position:relative;display:inline-block;background:var(--gold);color:#fff;font-weight:800;font-size:14px;text-decoration:none;padding:12px 34px;border-radius:30px;box-shadow:0 4px 0 var(--gold-d);overflow:hidden}
.bkf-btn::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:bkfShine 3.2s 1.6s infinite}
@keyframes bkfShine{0%{left:-70%}45%,100%{left:140%}}
.bkf-btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--gold-d),0 12px 20px rgba(185,135,37,.35);transition:.2s}

/* الموبايل: الصورة فوق والنص تحت */
@media(max-width:800px){
  .bkf{padding:0 0 32px}
  .bkf-in{grid-template-columns:1fr;gap:20px;min-height:0}
  .bkf-media{order:0;transform:translateY(-40px) scale(.96)}
  .bkf.bkf-go .bkf-media{transform:none}
  .bkf-media img{max-width:100%}
  .bkf-text,.bkf[dir="rtl"] .bkf-text,.bkf[dir="ltr"] .bkf-text{order:1;text-align:center;padding:0 16px}
  .bkf-desc{margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.bkf *{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}
/******************** العلاقات العامه ***********/


/******** كتب مختاره لك ***************/
.bkh-head{display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;text-align:center;gap:10px;margin-bottom:34px}
.bkh-head h2{color:#dfa83a!important;font-weight:800!important;font-size:clamp(22px,3vw,30px)!important;letter-spacing:0!important;margin:0!important;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.bkh-sub{color:#0b6e78;font-size:clamp(13px,1.5vw,16px);font-weight:600;line-height:1.7;max-width:620px;margin:0;opacity:0;transform:translateY(18px);transition:opacity .7s .15s,transform .7s .15s cubic-bezier(.2,.8,.2,1)}
.bkh-line{display:block;width:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#dfa83a,#0b6e78);margin-top:4px;transition:width .9s .4s cubic-bezier(.2,.8,.2,1)}
.bkh-head.bkh-in h2,.bkh-head.bkh-in .bkh-sub{opacity:1;transform:none}
.bkh-head.bkh-in .bkh-line{width:70px}
@media(prefers-reduced-motion:reduce){.bkh-head h2,.bkh-sub{transition:none!important;opacity:1!important;transform:none!important}.bkh-line{transition:none!important;width:70px!important}}
/******** كتب مختاره لك ***************/



/*************               البنرات                  ***************/

html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
}

html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] > div.absolute {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  width: 100% !important;
}

html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] picture {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] picture img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] .bg-primary,
html body section.section-hero[section-id="ad4f8bd6-b17d-4108-bf94-faec71e66628"] .theme-container {
  display: none !important;
}


/*************               البنرات                  ***************/

@media(min-width:991px){
.section-hero .absolute{
    width: 93%;
    aspect-ratio: auto;
    margin-inline: auto;
}

}
.section-hero .absolute img{
  object-fit: contain !important;
}





/******* المقالات *****/

.bkb{overflow:hidden}
.bkb .theme-container{max-width:1100px;margin-inline:auto}

/* العنوان والوصف */
.bkb h2{text-align:center;color:#fff !important;font-weight:800!important;font-size:clamp(22px,3vw,30px)!important;letter-spacing:0!important;margin:0 0 10px!important;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.bkb-sub{text-align:center;color:#0b6e78;font-size:clamp(12px,1.5vw,15px);font-weight:600;line-height:1.7;max-width:620px;margin:0 auto 12px;opacity:0;transform:translateY(18px);transition:opacity .7s .15s,transform .7s .15s cubic-bezier(.2,.8,.2,1)}
.bkb-line{display:block;width:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#dfa83a,#0b6e78);margin:0 auto 34px;transition:width .9s .4s cubic-bezier(.2,.8,.2,1)}
.bkb.bkb-in h2,.bkb.bkb-in .bkb-sub{opacity:1;transform:none}
.bkb.bkb-in .bkb-line{width:70px}

/* الشبكة: 3 كروت في صف واحد */
.bkb .grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:auto!important;gap:22px 20px!important}
.bkb .grid>*{grid-column:auto!important;grid-row:auto!important}
.bkb .media-wrap{aspect-ratio:auto!important;height:auto!important;width:100%!important}
.bkb .media-wrap img{width:100%;height:auto!important;object-fit:contain!important;display:block}

/* الكروت */
.bkb .grid>div{border-radius:18px;overflow:hidden;opacity:0;transform:translateY(40px) scale(.93);
  transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s;
  transition-delay:calc(var(--i)*120ms + 250ms)}
.bkb.bkb-in .grid>div{opacity:1;transform:none;box-shadow:0 12px 24px rgba(7,80,90,.14)}
.bkb.bkb-in .grid>div:hover{transition-delay:0s;transform:translateY(-8px) scale(1.03);box-shadow:0 24px 36px rgba(7,80,90,.28)}
.bkb .grid>div::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg)}
.bkb .grid>div:hover::after{left:130%;transition:left .8s ease}
.bkb.bkb-in .grid>div .media-wrap{animation:bkbFloat 4.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}
.bkb .grid>div:hover .media-wrap{animation-play-state:paused}
@keyframes bkbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* الزرار */
.bkb-more{display:flex;justify-content:center;margin-top:34px}
.bkb-btn{display:inline-block;background:#dfa83a;color:#fff;font-weight:800;font-size:13px;text-decoration:none;padding:11px 34px;border-radius:30px;box-shadow:0 4px 0 #b98725;opacity:0;transform:translateY(20px);transition:opacity .6s 1s,transform .6s 1s,box-shadow .3s}
.bkb.bkb-in .bkb-btn{opacity:1;transform:none;animation:bkbPulse 2.6s 2s infinite}
.bkb.bkb-in .bkb-btn:hover{transition:.2s;transform:translateY(-3px);animation:none;box-shadow:0 7px 0 #b98725,0 12px 20px rgba(185,135,37,.35)}
@keyframes bkbPulse{0%{box-shadow:0 4px 0 #b98725,0 0 0 0 rgba(223,168,58,.5)}70%{box-shadow:0 4px 0 #b98725,0 0 0 14px rgba(223,168,58,0)}100%{box-shadow:0 4px 0 #b98725,0 0 0 0 rgba(223,168,58,0)}}

/* الموبايل: الكروت تحت بعض */
@media(max-width:800px){.bkb .grid{grid-template-columns:1fr!important;gap:16px!important}.bkb .grid>div{max-width:420px;width:100%;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.bkb h2,.bkb-sub,.bkb .grid>div,.bkb-btn{transition:none!important;opacity:1!important;transform:none!important}.bkb .media-wrap,.bkb-btn{animation:none!important}.bkb-line{transition:none!important;width:70px!important}}


/******* المقالات *****/


/*********************foooooter***************/
#footer.bkft{
  background-color:#fff!important;
  background-image:var(--bkft-bg-pc);
  background-size:100% auto;
  background-position:center top;
  background-repeat:no-repeat;
  padding:0!important;margin:0;overflow:hidden;
  --teal:#0b6e78;--teal-d:#07505a;--gold:#dfa83a;--gold-d:#b98725;--bar-bg:#dfa83a
}
#footer.bkft *{box-sizing:border-box}
#footer.bkft.bkft-barimg{--bar-bg:transparent}

/* مسافة الموجة اللي في الخلفية */
.bkft-space{height:clamp(140px,18vw,360px)}

.bkft-body{color:#fff;padding:10px 16px 70px!important}
.bkft-in{max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:40px;align-items:start}
.bkft-col{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
#footer.bkft.bkft-go .bkft-col{opacity:1;transform:none}
#footer.bkft.bkft-go .bkft-col:nth-child(2){transition-delay:.15s}
#footer.bkft.bkft-go .bkft-col:nth-child(3){transition-delay:.3s}

.bkft-logo{display:block;width:150px;height:auto;margin-bottom:16px;transition:transform .4s}
.bkft-logo:hover{transform:scale(1.05)}
.bkft-desc{font-size:13.5px;line-height:1.9;font-weight:600;max-width:340px;margin:0 0 18px;color:#fff}
.bkft-soc{display:flex;gap:10px}
.bkft-soc a{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s,box-shadow .3s}
.bkft-soc a svg{width:17px;height:17px}
.bkft-soc a:hover{transform:translateY(-4px) rotate(8deg);background:#fff;color:var(--teal);box-shadow:0 8px 16px rgba(0,0,0,.25)}

.bkft-h{color:var(--gold);font-size:15px;font-weight:800;margin:0 0 16px}
.bkft-list{list-style:none;margin:0;padding:0}
.bkft-list li{padding:6px 0;font-size:13.5px;font-weight:600}
.bkft-list a,.bkft-list span{color:#fff;text-decoration:none;position:relative;display:inline-block;transition:color .3s,transform .3s}
.bkft-list a::after{content:"";position:absolute;bottom:-2px;inset-inline-start:0;width:0;height:2px;background:var(--gold);transition:width .3s}
.bkft-list a:hover{color:var(--gold);transform:translateX(-4px)}
.bkft[dir="ltr"] .bkft-list a:hover{transform:translateX(4px)}
.bkft-list a:hover::after{width:100%}
.bkft-contact li{line-height:1.7}

/* الشريط السفلي */
.bkft-bar{background:var(--bar-bg);color:var(--teal-d)}
.bkft-bar-in{max-width:1100px;margin-inline:auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.bkft-copy{font-size:12.5px;font-weight:700}
.bkft-pay{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bkft-pay .chip{background:#fff;color:#333;border-radius:4px;min-width:38px;height:24px;padding:0 7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;transition:transform .3s,box-shadow .3s}
.bkft-pay .chip img{height:18px;width:auto;display:block}
.bkft-pay .chip:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.25)}

/* الموبايل */
@media(max-width:800px){
  #footer.bkft{background-image:var(--bkft-bg-mobile);background-size:100% auto}
  .bkft-space{height:clamp(90px,30vw,170px)}
  .bkft-in{grid-template-columns:1fr;gap:26px;text-align:center}
  .bkft-body{padding:6px 20px 50px!important}
  .bkft-logo{margin-inline:auto}
  .bkft-desc{margin-inline:auto}
  .bkft-soc{justify-content:center}
  .bkft-bar-in{flex-direction:column;justify-content:center;text-align:center;gap:10px}
  .bkft-pay{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.bkft *{animation:none!important;transition:none!important}.bkft-col{opacity:1!important;transform:none!important}}




/*********************foooooter***************/
article .aspect-[4/3]{
  aspect-ratio: auto !important;
}






[section-id="27206650-fdbe-425e-a360-a3f78c9fc0ce"],
[section-id="5e7e4581-6ef1-45ed-90a6-5fb4eb2f1369"]{
  display: none !important;
}






@media(max-width:768px){
  [section-id="48b3311d-2a82-4005-8127-d82586b3e1c5"],
  [section-id="c98d2790-6464-41d9-a9a7-56050942fb4e"]{
    margin-top: 330px;
  }
}







/****** صفحة تواصل معنا ****/

/* ===== صفحة تواصل معنا — الحكمة ===== */
#cu-wrap{
  --cu-ink:#111;
  --cu-muted:#555;
  --cu-line:#e3e3e3;
  --cu-bg:#fff;
  --cu-wa:#1fa855;
  max-width:860px;
  margin:28px auto 56px;
  padding:0 16px;
  font-family:inherit;
  color:var(--cu-ink);
  box-sizing:border-box;
}
#cu-wrap *{box-sizing:border-box}

/* الكارت */
#cu-wrap .cu-card{
  background:var(--cu-bg);
  border:2px solid var(--cu-ink);
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* القسم */
#cu-wrap .cu-sec{
  padding:26px 22px 24px;
  text-align:center;
  border-bottom:2px solid var(--cu-ink);
  opacity:0;
  transform:translateY(14px);
  animation:cuIn .6s ease forwards;
}
#cu-wrap .cu-sec:last-child{border-bottom:0}
#cu-wrap .cu-sec:nth-child(2){animation-delay:.12s}
#cu-wrap .cu-sec:nth-child(3){animation-delay:.24s}
@keyframes cuIn{to{opacity:1;transform:none}}

/* العنوان (البادج الغامق) */
#cu-wrap .cu-title{
  display:inline-block;
  margin:0 0 16px;
  padding:7px 22px;
  background:var(--cu-ink);
  color:#fff;
  font-size:17px;
  font-weight:800;
  line-height:1.5;
  border-radius:3px;
  letter-spacing:.2px;
}

/* العنوان الجغرافي */
#cu-wrap .cu-addr{
  margin:0 0 16px;
  font-size:16px;
  font-weight:700;
  color:var(--cu-ink);
}

/* صف الأرقام: الهاتف يسار + واتساب يمين دائماً */
#cu-wrap .cu-phones{
  direction:ltr;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 24px;
  align-items:center;
  margin-bottom:14px;
}
#cu-wrap .cu-phone{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  text-decoration:none !important;
  color:var(--cu-ink) !important;
  font-size:19px;
  font-weight:800;
  letter-spacing:.3px;
  padding:6px 4px;
  border-radius:6px;
  transition:background .2s, transform .2s;
}
#cu-wrap .cu-phone:hover{background:#f4f4f4;transform:translateY(-1px)}
#cu-wrap .cu-phones .cu-phone:first-child{justify-content:flex-start}
#cu-wrap .cu-phones .cu-phone:last-child{justify-content:flex-end}
#cu-wrap .cu-phones .cu-phone:only-child{grid-column:1 / -1;justify-content:center}

/* الأيقونة */
#cu-wrap .cu-ico{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--cu-ink);
  color:#fff;
}
#cu-wrap .cu-ico svg{width:18px;height:18px;fill:currentColor}
#cu-wrap .cu-phone.wa .cu-ico{background:var(--cu-wa)}
#cu-wrap .cu-num{direction:ltr;unicode-bidi:isolate;white-space:nowrap}

/* بادج الدولة */
#cu-wrap .cu-tag{
  flex:0 0 auto;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
  line-height:1;
  padding:4px 6px;
  border:1.5px solid var(--cu-ink);
  background:#fff;
  color:var(--cu-ink);
  border-radius:2px;
}

/* الإيميلات */
#cu-wrap .cu-mails{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 36px;
  direction:ltr;
}
#cu-wrap .cu-mail{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:16px;
  color:var(--cu-ink) !important;
  text-decoration:none !important;
  word-break:break-all;
  padding:4px 2px;
  border-bottom:1px solid transparent;
  transition:border-color .2s;
}
#cu-wrap .cu-mail:hover{border-bottom-color:var(--cu-ink)}
#cu-wrap .cu-mail b{font-weight:700}

/* موبايل */
@media (max-width:640px){
  #cu-wrap{margin:18px auto 40px}
  #cu-wrap .cu-sec{padding:22px 14px 20px}
  #cu-wrap .cu-title{font-size:15px;padding:6px 16px}
  #cu-wrap .cu-phones{grid-template-columns:1fr;gap:6px;justify-items:center}
  #cu-wrap .cu-phones .cu-phone:first-child,
  #cu-wrap .cu-phones .cu-phone:last-child{justify-content:center}
  #cu-wrap .cu-phone{font-size:18px}
  #cu-wrap .cu-mails{flex-direction:column;align-items:center;gap:4px}
  #cu-wrap .cu-mail{font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  #cu-wrap .cu-sec{animation:none;opacity:1;transform:none}
}

/****** صفحة تواصل معنا ****/

/* ===== Category titles below images ===== */

/* When image and title are inside the same link */
a[href*="/categories/"]:has(img) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  text-align: center !important;
  gap: 10px !important;
}

a[href*="/categories/"]:has(img) .absolute,
a[href*="/categories/"]:has(img) > :not(img):not(picture):not(:has(img)) {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  background: transparent !important;
  color: #111 !important;
  text-align: center !important;
}

/* When image and title link are siblings */
div:has(> img):has(> a[href*="/categories/"]),
div:has(> picture):has(> a[href*="/categories/"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  height: auto !important;
  overflow: visible !important;
  gap: 10px !important;
}

div:has(> img) > a[href*="/categories/"],
div:has(> picture) > a[href*="/categories/"] {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
}