.elementor-1234 .elementor-element.elementor-element-3582826{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-2aed543{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-592d2d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-1ba1c16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-e682589{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-9cdab51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-8d1dc6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1234 .elementor-element.elementor-element-ca7fef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-521c3d8 */.abhero{
  --navy:#14275C; --gold:#D9A43B; --gold-text:#8A5E0E; --cream:#FBF6EC; --ink-soft:#2F3D68;
  --gold-light:#F0C46A;
  /* لون زراير الموقع كله (نفس زرار الدفع في المينى كارت) */
  --ab-cta:#D9A43B; --ab-cta-hover:#E3B24E; --ab-cta-ink:#14275C;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  position:relative;
  height:calc(100vh - var(--abh-h,120px));
  height:calc(100svh - var(--abh-h,120px));
  min-height:420px;
  overflow:hidden;
  background:#E3C79C;            /* لون الحيطة لحد ما الصورة تتحمل */
  color:var(--navy);
  isolation:isolate;
  -webkit-font-smoothing:antialiased;
}
.abhero *,.abhero *::before,.abhero *::after{box-sizing:border-box}
.abhero,.abhero *{font-family:var(--body)!important}
.abhero .abhero-title,.abhero .abhero-title span{font-family:var(--display)!important}
.abhero :where(h1,p,ul,li){margin:0!important;padding:0;letter-spacing:normal}
.abhero a{text-decoration:none!important}
 
/* ---------- الصورة ---------- */
.abhero-bg{position:absolute;inset:0;z-index:0}
.abhero .abhero-bg img{
  position:absolute;inset:0;display:block;
  width:100%!important;height:100%!important;max-width:none!important;
  margin:0!important;border-radius:0!important;
  object-fit:cover;object-position:50% 45%;     /* الصورة عريضة (2.33:1) فبتبان كاملة تقريبًا على كل الشاشات */
}
 
/* ---------- أوفرلاي متدرج: بيغمّق ورا الكلام بس، والمنتجات على الأطراف تفضل منورة ---------- */
.abhero-shade{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 48% 60% at 50% 42%,rgba(40,24,8,.5) 0%,rgba(40,24,8,.36) 40%,rgba(40,24,8,.1) 68%,rgba(40,24,8,0) 85%),
    linear-gradient(180deg,rgba(40,24,8,.14) 0%,rgba(40,24,8,0) 50%);
}
 
/* ---------- الكلام في النص (على الحيطة الفاضية بين الإزازتين) ---------- */
.abhero-wrap{
  position:relative;z-index:1;height:100%;
  max-width:1360px;margin:0 auto;padding:0 24px 17vh;   /* الكلام أعلى من علبة الحلاوة */
  display:flex;align-items:center;justify-content:center;
}
.abhero-content{width:min(540px,40vw);text-align:center}
 
.abhero .abhero-eyebrow{font-size:16px!important;font-weight:600;line-height:1.4!important;color:var(--gold-light)}
.abhero .abhero-title{
  margin-top:14px!important;
  font-size:clamp(34px,3.6vw,58px)!important;font-weight:800!important;line-height:1.2!important;
  color:var(--cream)!important;
  text-shadow:0 2px 16px rgba(20,12,4,.45);
}
.abhero .abhero-title .abhero-l1,.abhero .abhero-title .abhero-l2{display:block}
.abhero .abhero-title .abhero-l2{color:var(--gold-light)}
.abhero .abhero-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.abhero .abhero-sub{max-width:26em;margin:18px auto 0!important;font-size:19px!important;font-weight:500;line-height:1.8!important;color:rgba(251,246,236,.94)!important;text-shadow:0 1px 8px rgba(20,12,4,.6),0 0 2px rgba(20,12,4,.35)}
 
.abhero-ctas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;margin-top:28px}
.abhero .abhero-btn{
  /* زي Graza: عريض ومدوّر من غير أيقونة، وتحته خط كحلي زي الستروك بيختفي مع الهوفر */
  display:inline-flex;align-items:center;justify-content:center;
  min-width:min(100%,320px);height:46px;padding:0 48px;border-radius:999px;
  background:var(--ab-cta);color:var(--ab-cta-ink)!important;
  font-size:17px;font-weight:700;line-height:1;
  box-shadow:0 4px 0 var(--ab-cta-ink);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
/* الهوفر: الخط بيختفي والزرار بينزل مكانه كأنه اتداس */
.abhero .abhero-btn:hover,.abhero .abhero-btn:active{background:var(--ab-cta-hover);transform:translateY(4px);box-shadow:0 0 0 var(--ab-cta-ink)}
.abhero .abhero-link{padding-bottom:4px;border-bottom:1.5px solid var(--gold);color:var(--navy)!important;font-size:16px;font-weight:700}
 
.abhero .abhero-trust{display:none;flex-wrap:wrap;justify-content:center;gap:8px 0;margin-top:26px!important;list-style:none}
.abhero .abhero-trust li{display:flex;align-items:center;gap:7px;padding:0 14px!important;border-inline-start:1px solid rgba(20,39,92,.25);font-size:14.5px;font-weight:700;line-height:1.3;color:var(--ink-soft);white-space:nowrap}
.abhero .abhero-trust li:first-child{border-inline-start:0}
.abhero .abhero-trust li::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314275C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
 
.abhero a:focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:999px}
 
/* الظهور مرة واحدة (بس لو الجافاسكريبت شغال، غير كده الكلام ظاهر على طول) */
.abhero.abhero-js .abhero-content>*{opacity:0;transform:translateY(14px)}
.abhero.abhero-js.is-in .abhero-content>*{opacity:1;transform:none;transition:opacity .9s ease,transform 1s var(--ease)}
.abhero.is-in .abhero-content>:nth-child(1){transition-delay:.1s}
.abhero.is-in .abhero-content>:nth-child(2){transition-delay:.2s}
.abhero.is-in .abhero-content>:nth-child(3){transition-delay:.32s}
.abhero.is-in .abhero-content>:nth-child(4){transition-delay:.44s}
.abhero.is-in .abhero-content>:nth-child(5){transition-delay:.56s}
 
/* ---------- تابلت ---------- */
@media (max-width:1099px){
  .abhero-content{width:min(460px,46vw)}
  .abhero .abhero-sub{font-size:18px!important}
}
 
/* ---------- موبايل: الكلام فوق والمنتجات تحت ---------- */
@media (max-width:767px),(orientation:portrait) and (max-width:1199px){   /* الموبايل والتابلت الطولي */
  .abhero{height:calc(100vh - var(--abh-h,64px));height:calc(100svh - var(--abh-h,64px));min-height:460px}   /* بالظبط الشاشة: مفيش حد أقصى */
  .abhero .abhero-bg img{object-position:50% 100%}
  .abhero-wrap{align-items:flex-start;padding:clamp(28px,6.5vh,64px) 22px 0}
  .abhero-content{width:100%;max-width:560px}
  .abhero .abhero-eyebrow{font-size:14px!important}
  .abhero .abhero-title{margin-top:10px!important;font-size:clamp(28px,8.4vw,38px)!important}
  .abhero .abhero-sub{margin-top:12px!important;font-size:17px!important;line-height:1.8!important}
  .abhero-ctas{margin-top:20px}
  .abhero .abhero-btn{min-width:min(100%,300px);height:46px;font-size:16.5px}
  /* الكلام فوق: الأوفرلاي من فوق لتحت */
  .abhero-shade{background:linear-gradient(180deg,rgba(40,24,8,.56) 0%,rgba(40,24,8,.42) 34%,rgba(40,24,8,.14) 52%,rgba(40,24,8,0) 64%)}
}
 
/* موبايلات قصيرة (زي 360×640): نصغّر الكلام عشان مايركبش على المنتجات */
@media (max-width:767px) and (max-height:720px){
  .abhero-wrap{padding-top:22px}
  .abhero .abhero-eyebrow{display:none}
  .abhero .abhero-title{margin-top:0!important;font-size:clamp(26px,7.6vw,32px)!important}
  .abhero .abhero-sub{font-size:15.5px!important;line-height:1.7!important;margin-top:8px!important}
  .abhero-ctas{margin-top:14px}
  .abhero .abhero-btn{height:44px}
}
 
@media (prefers-reduced-motion:reduce){
  .abhero .abhero-content>*{opacity:1!important;transform:none!important;transition:none!important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-226217a */.abmq{
  --mq-bg:#D9A43B;          /* نفس لون زراير الموقع */
  --mq-ink:#14275C;
  --mq-line:#14275C;
  --mq-speed:40;            /* بكسل في الثانية (أقل = أبطأ) */
  position:relative;
  overflow:hidden;
  background:var(--mq-bg);
  border-top:2px solid var(--mq-line);
  border-bottom:2px solid var(--mq-line);
  color:var(--mq-ink);
  direction:rtl;
  -webkit-font-smoothing:antialiased;
}
.abmq *{box-sizing:border-box}
.abmq .abmq-track{
  display:flex;width:max-content;
  animation:abmq-run var(--abmq-dur,40s) linear infinite;
  will-change:transform;
}
/* RTL: الكلام بيدخل من الشمال ويمشي ناحية اليمين، فبيتقري بالترتيب */
@keyframes abmq-run{from{transform:translateX(0)}to{transform:translateX(var(--abmq-shift,50%))}}
.abmq:hover .abmq-track,.abmq.is-off .abmq-track{animation-play-state:paused}
 
.abmq .abmq-group{
  display:flex;align-items:center;flex:none;
  margin:0!important;padding:0!important;list-style:none!important;
}
.abmq .abmq-group li{
  display:flex;align-items:center;flex:none;
  margin:0!important;padding:0 22px!important;
  height:48px;
  font-family:"Bukra Bold","Bukra","Greta Arabic",sans-serif!important;
  font-size:16px;font-weight:700;line-height:1;white-space:nowrap;
  color:var(--mq-ink);
  list-style:none!important;
}
/* الفاصل: حباية سمسم بدل النجمة المعتادة */
.abmq .abmq-group li::after{
  content:"";flex:none;
  width:9px;height:14px;margin-inline-start:44px;
  background:var(--mq-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 22'%3E%3Cpath d='M7 1C11.2 6.2 12.6 12.6 10 17.6 8.8 20 5.2 20 4 17.6 1.4 12.6 2.8 6.2 7 1Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 22'%3E%3Cpath d='M7 1C11.2 6.2 12.6 12.6 10 17.6 8.8 20 5.2 20 4 17.6 1.4 12.6 2.8 6.2 7 1Z'/%3E%3C/svg%3E") center/contain no-repeat;
  transform:rotate(28deg);
}
 
@media (max-width:767px){
  .abmq .abmq-group li{height:42px;padding:0 16px!important;font-size:14px}
  .abmq .abmq-group li::after{width:8px;height:12px;margin-inline-start:32px}
}
@media (prefers-reduced-motion:reduce){
  .abmq .abmq-track{animation:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-502f46d */.abcat{
  --navy:#14275C; --ink-soft:#4E5672; --cream:#FBF6EC; --gold:#D9A43B;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  background:#FFFDF9;   /* نفس خلفية سيكشن المنتجات اللي تحته */
  color:var(--navy);
  padding:clamp(48px,6vw,88px) 0;
  -webkit-font-smoothing:antialiased;
}
.abcat *,.abcat *::before,.abcat *::after{box-sizing:border-box}
.abcat,.abcat *{font-family:var(--body)!important}
.abcat .abcat-title,.abcat .abcat-name{font-family:var(--display)!important}
.abcat :where(h2,ul,li,p){margin:0!important;padding:0;list-style:none}
.abcat a{text-decoration:none!important;color:inherit}
 
.abcat-in{max-width:1360px;margin:0 auto;padding:0 24px}
 
/* ---------- العنوان ---------- */
.abcat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,3.4vw,44px)}
.abcat .abcat-title{font-size:clamp(28px,3vw,44px)!important;font-weight:800!important;line-height:1.2!important;color:var(--navy)!important}
.abcat .abcat-all{flex:none;padding-bottom:4px;border-bottom:1.5px solid var(--gold);font-size:16px;font-weight:700;color:var(--navy)!important;transition:color .2s}
.abcat .abcat-all:hover{color:#8A5E0E!important}
 
/* ---------- الكروت ---------- */
.abcat .abcat-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.abcat .abcat-card{display:flex;flex-direction:column;align-items:center;text-align:center;outline:none}
 
/* القوس: شكل شباك مشربية بدل الكارت المستطيل المعتاد */
.abcat .abcat-arch{
  position:relative;display:block;width:100%;aspect-ratio:4/5;
  border-radius:999px 999px 22px 22px;
  background:
    radial-gradient(70% 45% at 50% 30%,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),
    linear-gradient(180deg,var(--c) 0%,var(--c) 62%,var(--c2) 62%,var(--c2) 100%);
  overflow:hidden;
  transition:filter .3s ease;
}
/* خط الترابيزة */
.abcat .abcat-arch::before{
  content:"";position:absolute;left:0;right:0;top:62%;height:1px;background:rgba(20,39,92,.12);
}
.abcat .abcat-arch img{
  position:absolute;left:50%;bottom:18%;
  height:var(--h,auto);width:var(--w,auto);max-width:none!important;max-height:68%;
  margin:0!important;border-radius:0!important;
  transform:translateX(-50%);
  filter:drop-shadow(0 14px 14px rgba(40,24,8,.28)) drop-shadow(0 3px 3px rgba(40,24,8,.2));
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.abcat .abcat-arch--duo img{bottom:17%}
.abcat .abcat-arch--duo img:first-child{transform:translateX(-82%)}
.abcat .abcat-arch--duo img:last-child{transform:translateX(-18%);z-index:1}
 
.abcat .abcat-name{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;
  font-size:clamp(16px,1.36vw,19px);font-weight:800;line-height:1.2;color:var(--navy);
}
/* سهم صغير جنب الاسم بيتحرك مع الهوفر */
.abcat .abcat-name::after{
  content:"";width:18px;height:18px;flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .3s ease;
}
.abcat .abcat-desc{margin-top:6px;font-size:15px;font-weight:500;line-height:1.5;color:var(--ink-soft)}
 
/* الهوفر: العبوة بتطلع لفوق والسهم بيتحرك */
@media (hover:hover){
  .abcat .abcat-card:hover .abcat-arch img{transform:translate(-50%,-10px)}
  .abcat .abcat-card:hover .abcat-arch--duo img:first-child{transform:translate(-82%,-10px)}
  .abcat .abcat-card:hover .abcat-arch--duo img:last-child{transform:translate(-18%,-14px)}
  .abcat .abcat-card:hover .abcat-arch{filter:saturate(1.08)}
  
}
.abcat .abcat-card:focus-visible .abcat-arch{outline:2px solid var(--navy);outline-offset:4px}
 
/* ---------- تابلت ---------- */
@media (max-width:1023px){
  .abcat .abcat-list{grid-template-columns:repeat(2,1fr);row-gap:36px}
}
 
/* ---------- موبايل: الكروت بتتسحب بالعرض ---------- */
@media (max-width:640px){
  .abcat-in{padding:0}
  .abcat .abcat-list{padding-top:4px}
  .abcat-head{padding:0 18px}
  .abcat .abcat-all{font-size:15px}
  .abcat .abcat-list{
    display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding:0 18px 8px;scroll-padding:0 18px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .abcat .abcat-list::-webkit-scrollbar{display:none}
  .abcat .abcat-item{flex:0 0 68%;scroll-snap-align:start}
  .abcat .abcat-name{margin-top:14px;font-size:16px}
}
 
 
/* ================= لمسات الهوية (من اللوجو نفسه) =================
   1. اسم القسم جوه "بانر" كحلي مايل بنفس شكل شريط لوجو البستان، وتحته الخط الدهبي
   2. ورقتين اللوجو الخضر طالعين من البانر
   3. حبوب سمسم منثورة على ترابيزة كل شباك */
.abcat .abcat-mark{display:inline-block;width:44px;height:29px;margin-inline-end:12px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat}
 
.abcat .abcat-arch::after{
  content:"";position:absolute;left:0;right:0;top:62%;bottom:0;
  background:var(--seed,rgba(110,72,20,.32));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='70' viewBox='0 0 120 70'%3E%3Cg fill='black'%3E%3Cpath transform='translate%288 10%29 rotate%2830%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2834 22%29 rotate%28-50%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2861 8%29 rotate%2875%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2890 18%29 rotate%2810%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%28112 40%29 rotate%28-20%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2820 46%29 rotate%2860%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2848 58%29 rotate%28-15%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2877 42%29 rotate%2840%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%28103 64%29 rotate%28-70%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2866 30%29 rotate%28-35%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%285 64%29 rotate%2815%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2840 36%29 rotate%2885%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 70px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='70' viewBox='0 0 120 70'%3E%3Cg fill='black'%3E%3Cpath transform='translate%288 10%29 rotate%2830%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2834 22%29 rotate%28-50%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2861 8%29 rotate%2875%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2890 18%29 rotate%2810%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%28112 40%29 rotate%28-20%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2820 46%29 rotate%2860%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2848 58%29 rotate%28-15%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2877 42%29 rotate%2840%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%28103 64%29 rotate%28-70%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2866 30%29 rotate%28-35%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%285 64%29 rotate%2815%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3Cpath transform='translate%2840 36%29 rotate%2885%29' d='M0 -4C2.6 -1.4 2.6 2.2 0 4C-2.6 2.2 -2.6 -1.4 0 -4Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 70px repeat;
  opacity:.9;pointer-events:none;
}
.abcat .abcat-arch img{z-index:1}
 
.abcat .abcat-name{
  position:relative;z-index:2;
  margin-top:-34px;padding:16px 40px 24px;
  color:#fff;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' preserveAspectRatio='none'%3E%3Cpath fill='%2314275C' d='M7 16C70 2 140 -1 196 5L189 50C128 45 66 48 2 60Z'/%3E%3Cpath fill='%23D9A43B' d='M4 64C66 51 128 49 191 55L190 59C128 54 66 56 5 68Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transform:rotate(-3deg);
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
  filter:drop-shadow(0 6px 10px rgba(20,39,92,.18));
}
.abcat .abcat-name::after{
  /* ورقتين اللوجو فوق البانر */
  content:"";position:absolute;top:-17px;right:20px;width:34px;height:22px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:none;mask:none;transform:rotate(4deg);
}
.abcat .abcat-desc{margin-top:4px;font-size:17px;font-weight:600;color:var(--navy);opacity:.85}
/* كل البادجات نفس المقاس مهما كان طول الاسم */
.abcat .abcat-name{justify-content:center;width:clamp(170px,72%,230px);padding-left:0;padding-right:0;white-space:nowrap}
@media (hover:hover){
  .abcat .abcat-card:hover .abcat-name{transform:rotate(-3deg) translateY(-4px)}
  .abcat .abcat-card:hover .abcat-name::after{transform:rotate(-6deg)}
}
@media (max-width:640px){
  .abcat .abcat-name{margin-top:-28px;padding:13px 0 20px;width:76%}
  .abcat .abcat-desc{font-size:16px}
  .abcat .abcat-mark{width:36px;height:24px}
}
 
 
/* ================= وضع الصور (صورة استوديو كاملة جوه الشباك) ================= */
.abcat .abcat-arch{background:linear-gradient(180deg,var(--c) 55%,var(--c2,var(--c)) 100%)}
.abcat .abcat-arch::before,.abcat .abcat-arch::after{display:none}
.abcat .abcat-arch .abcat-photo{
  /* الصورة بعرض الشباك كله ومتثبتة من تحت، والجزء الفاضي فوق بلون خلفية الصورة نفسها */
  /* --pw عرض الصورة، --pl مكانها، --pb رفعها لفوق (لكل كارت لوحده عشان التوازن) */
  position:absolute;left:var(--pl,-9%);right:auto;bottom:var(--pb,0px);top:auto;
  width:var(--pw,118%)!important;height:auto!important;max-height:none;
  transform-origin:50% 100%;transform:none;filter:none;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 14%,#000 calc(100% - var(--pb,0px)*2.2),transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 14%,#000 calc(100% - var(--pb,0px)*2.2),transparent 100%);
  transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
@media (hover:hover){
  .abcat .abcat-card:hover .abcat-arch .abcat-photo{transform:scale(1.04)}
}
 
@media (prefers-reduced-motion:reduce){
  .abcat .abcat-arch img,.abcat .abcat-name::after{transition:none!important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8420cfb */.abpc{
  --abpc-bg:#F1E6D8;      /* لون خلفية صور المنتجات (واحد لكل الكروت) */
  --num:"Manrope","Greta Arabic",sans-serif;   /* أرقام الأسعار والأوزان */
  --navy:#14275C; --gold:#D9A43B; --gold-h:#E3B24E; --cream:#FBF6EC; --ink-soft:#4E5672; --line:#E7DCC8;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  background:#FFFDF9;color:var(--navy);   /* أوف وايت */
  padding:clamp(48px,6vw,88px) 0;
  -webkit-font-smoothing:antialiased;
}
.abpc *,.abpc *::before,.abpc *::after{box-sizing:border-box}
.abpc,.abpc *{font-family:var(--body)!important}
.abpc .abpc-title,.abpc .abpc-name,.abpc .abpc-badge,.abpc .abpc-all{font-family:var(--display)!important}
.abpc .abpc-n,.abpc .abpc-w b,.abpc .abpc-size b{font-family:var(--num)!important;font-feature-settings:"tnum" 1}
.abpc .abpc-c,.abpc .abpc-price small{font-family:var(--display)!important}
.abpc :where(h2,h3,p,ul,li){margin:0!important;padding:0;list-style:none}
.abpc a{text-decoration:none!important;color:inherit}
.abpc [hidden]{display:none!important}
.abpc .abpc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* نلغي ستايل زراير الثيم */
.abpc :is(button,[type=button]){margin:0;padding:0;border:0;background:none;box-shadow:none;color:inherit;font:inherit;line-height:1;height:auto;width:auto;text-transform:none;letter-spacing:normal;min-height:0;min-width:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.abpc :is(button,[type=button]):not(.abpc-add):is(:hover,:focus){background:none;box-shadow:none;color:inherit}
 
.abpc-in{max-width:1360px;margin:0 auto;padding:0 24px}
 
/* ---------- العنوان والتابات ---------- */
.abpc-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:clamp(30px,3.6vw,52px)}
.abpc .abpc-sub{font-size:17px;font-weight:500;line-height:1.7;color:var(--ink-soft)}
.abpc .abpc-title{display:flex;align-items:center;gap:12px;font-size:clamp(26px,2.6vw,38px)!important;font-weight:800!important;line-height:1.2!important;color:var(--navy)!important}
.abpc .abpc-mark{width:40px;height:26px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat}
 
 
/* ---------- الشبكة ---------- */
.abpc .abpc-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(20px,2.4vw,36px);row-gap:clamp(44px,5vw,72px)}
.abpc .abpc-card{display:flex;flex-direction:column;height:100%}
 
/* الصورة: خلفية واحدة لكل المنتجات */
.abpc .abpc-media{
  position:relative;display:block;aspect-ratio:12/13;               /* نفس مقاس الصور 1200×1300 */
  border-radius:20px;
  background:var(--abpc-bg,#F1E8D9);
  overflow:hidden;isolation:isolate;
}
.abpc .abpc-media img{
  position:absolute;inset:9% 9% 7%;width:82%!important;height:84%!important;max-width:none!important;margin:0!important;border-radius:0!important;
  object-fit:contain;
  mix-blend-mode:multiply;              /* صور المنتجات اللي خلفيتها بيضا بتندمج مع لون الشباك */
  transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
.abpc[data-fit=cover] .abpc-media img{inset:0;width:100%!important;height:100%!important;object-fit:cover;mix-blend-mode:normal}
/* الهوفر في وضع الصور الكاملة: زوم خفيف بدل الطلوع لفوق */
@media (hover:hover){.abpc[data-fit=cover] .abpc-card:hover .abpc-media img{transform:scale(1.04)}}
.abpc .abpc-media img+img{opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){
  .abpc .abpc-card:hover .abpc-media img{transform:translateY(-6px) scale(1.03)}
  .abpc .abpc-card:hover .abpc-media img+img{opacity:1}
}
 
/* بادج الخصم: نفس شريط اللوجو الكحلي المايل وتحته الخط الدهبي */
.abpc .abpc-badge{
  position:absolute;z-index:2;bottom:14px;right:12px;
  padding:9px 18px 13px 20px;
  font-size:14px;font-weight:800;line-height:1;color:#fff;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' preserveAspectRatio='none'%3E%3Cpath fill='%2314275C' d='M7 16C70 2 140 -1 196 5L189 50C128 45 66 48 2 60Z'/%3E%3Cpath fill='%23D9A43B' d='M4 64C66 51 128 49 191 55L190 59C128 54 66 56 5 68Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transform:rotate(-4deg);
}
.abpc .abpc-badge--out{filter:grayscale(1) brightness(1.4)}
 
/* ---------- البيانات ---------- */
.abpc .abpc-info{display:flex;flex-direction:column;flex:1;padding:14px 6px 0;text-align:center}
/* سطر صغير فوق الاسم: القسم يمين والوزن شمال (زي Graza) */
.abpc .abpc-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:10px!important;min-height:22px;font-size:13px;font-weight:700;line-height:1.4;color:var(--ink-soft)}
.abpc .abpc-meta{gap:6px 18px}
/* الأحجام: بوردر من الشمال وتحت (نفس لغة الخط اللي تحت الزراير)، والمختار دهبي */
.abpc .abpc-meta.is-sizes{gap:10px 14px;margin-bottom:14px!important}
.abpc .abpc-meta .abpc-size{
  display:inline-flex;align-items:baseline;justify-content:center;gap:4px;
  min-width:72px;padding:7px 14px 6px!important;height:auto!important;line-height:1.3!important;
  font-size:13px;font-weight:700;color:var(--ink-soft);
  border:0;border-left:2px solid rgba(20,39,92,.28);border-bottom:2px solid rgba(20,39,92,.28);
  border-radius:0 0 0 10px;background:transparent;
  transition:color .18s,border-color .18s,background .18s,transform .18s;
}
.abpc .abpc-meta .abpc-size b{color:inherit}
.abpc .abpc-meta .abpc-size:hover{color:var(--navy);border-color:var(--navy);transform:translate(1px,-1px)}
.abpc .abpc-meta .abpc-size.is-on{color:var(--navy);background:#FBEFD6;border-color:var(--gold);border-left-width:3px;border-bottom-width:3px;transform:none}
.abpc .abpc-meta .abpc-size:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.abpc .abpc-meta.is-nudge{animation:abpc-nudge .45s ease}
@keyframes abpc-nudge{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.abpc .abpc-price.is-updating{opacity:.45;transition:opacity .2s}
/* "اختار الحجم": نفس الدهبي، بس أيقونته سهم لفوق ناحية الأحجام */
.abpc .abpc-add .abpc-ico-up{display:none}
.abpc .abpc-add.is-pick .abpc-ico-up{display:block}
.abpc .abpc-add.is-pick .abpc-ico-cart{display:none}
.abpc .abpc-add.is-pick:hover .abpc-ico-up{animation:abpc-bob .7s ease-in-out infinite alternate}
@keyframes abpc-bob{to{transform:translateY(-3px)}}
/* لما يختار الحجم: الكلام بيلف لفوق ويطلع "أضف للسلة"، ولمعة بتعدي على الزرار */
.abpc .abpc-add .abpc-lbl{display:inline-flex;align-items:center;gap:10px}
.abpc .abpc-add.is-swap-out .abpc-lbl{animation:abpc-out .16s ease-in forwards}
.abpc .abpc-add.is-swap-in .abpc-lbl{animation:abpc-in .26s cubic-bezier(.2,.9,.3,1.2)}
@keyframes abpc-out{to{transform:translateY(-120%);opacity:0}}
@keyframes abpc-in{from{transform:translateY(120%);opacity:0}to{transform:none;opacity:1}}
.abpc .abpc-add{overflow:hidden;isolation:isolate}
.abpc .abpc-add.is-swap-in::before{content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(100%);animation:abpc-shine .6s ease-out .05s}
@keyframes abpc-shine{to{transform:translateX(-100%)}}
.abpc .abpc-w{display:inline-flex;align-items:baseline;gap:4px;direction:rtl}
.abpc .abpc-w b{font-size:15px;font-weight:800;color:inherit;letter-spacing:-.01em;direction:ltr;unicode-bidi:isolate}
.abpc .abpc-name{font-size:clamp(16px,1.25vw,19px);font-weight:800;line-height:1.35;color:var(--navy);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.abpc .abpc-name a:hover{color:#8A5E0E}
.abpc .abpc-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:12px 0 20px!important;color:var(--navy);line-height:1}
.abpc .abpc-amt{display:inline-flex;align-items:baseline;gap:5px}
.abpc .abpc-n{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;direction:ltr;unicode-bidi:isolate}
.abpc .abpc-c{font-size:16px;font-weight:700}
.abpc .abpc-price del .abpc-n{font-size:18px;font-weight:600}
.abpc .abpc-price del .abpc-c{font-size:13px}
.abpc .abpc-price del{color:#8A8EA3;text-decoration-thickness:1.5px}
.abpc .abpc-price small{font-family:var(--body)!important;font-size:13px;font-weight:600;color:var(--ink-soft)}
 
/* زرار الإضافة بعرض الكارت (زي Seed+Mill) وبنفس ستايل زراير الموقع */
.abpc .abpc-add{
  margin-top:auto!important;
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  height:46px;border-radius:999px;
  font-size:16px;font-weight:700;line-height:1;
  transition:background .2s,transform .2s,box-shadow .2s;
}
.abpc .abpc-add,.abpc .abpc-add:focus{background:var(--gold);color:var(--navy)!important;box-shadow:0 4px 0 var(--navy);transform:none}
.abpc .abpc-add:hover,.abpc .abpc-add:active{background:var(--gold-h);color:var(--navy)!important;transform:translateY(4px);box-shadow:0 0 0 var(--navy)}
.abpc .abpc-add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.abpc .abpc-add.is-loading{pointer-events:none}
.abpc .abpc-add.is-loading .abpc-lbl{opacity:0}
.abpc .abpc-add.is-loading::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--navy);border-top-color:transparent;animation:abpc-spin .7s linear infinite}
.abpc .abpc-add{position:relative}
.abpc .abpc-add.is-done,.abpc .abpc-add.is-done:focus,.abpc .abpc-add.is-done:hover{background:var(--navy);color:var(--cream)!important;transform:translateY(4px);box-shadow:none}
.abpc .abpc-add[disabled],.abpc .abpc-add[disabled]:hover,.abpc .abpc-add[disabled]:focus{background:#E4DCCB;color:#8A8EA3!important;box-shadow:0 4px 0 #CFC4AE;cursor:not-allowed;transform:none}
@keyframes abpc-spin{to{transform:rotate(360deg)}}
.abpc a:focus-visible,.abpc button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
 
/* ---------- تحميل ---------- */
.abpc .abpc-skel .abpc-media{background:linear-gradient(90deg,#EFE6D6 0%,#F6EFE3 50%,#EFE6D6 100%);background-size:200% 100%;animation:abpc-shine 1.2s linear infinite}
.abpc .abpc-skel .abpc-name,.abpc .abpc-skel .abpc-price{background:#EFE6D6;border-radius:6px;color:transparent;min-height:0;height:18px;width:70%;margin-inline:auto}
.abpc .abpc-skel .abpc-price{width:40%}
.abpc .abpc-skel .abpc-add{background:#EFE6D6;box-shadow:none}
@keyframes abpc-shine{to{background-position:-200% 0}}
 
.abpc .abpc-empty{padding:40px 0;text-align:center;font-size:17px;color:var(--ink-soft)}
 
/* زرار "كل المنتجات": في النص بعرض الكلام (موبايل بعرض الشاشة) */
.abpc .abpc-all{
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:max-content;min-width:min(100%,340px);height:clamp(52px,4vw,60px);margin:clamp(48px,5vw,76px) auto 0;padding:0 clamp(40px,4vw,64px);
  border-radius:999px;border:1.5px solid var(--navy);
  background:var(--navy);color:var(--cream)!important;
  font-size:clamp(19px,1.5vw,22px);font-weight:800;line-height:1;
  box-shadow:0 5px 0 var(--gold);
  transition:background .2s,transform .2s,box-shadow .2s;
}
.abpc .abpc-all svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.abpc .abpc-all:hover{background:#1E3A7E;transform:translateY(5px);box-shadow:0 0 0 var(--gold)}
.abpc .abpc-all:hover svg{transform:translateX(-6px)}
 
 
/* ---------- أزرار الأحجام v2: خلفية فاتحة + بوردر من ناحيتين + علامة صح للمختار ---------- */
.abpc .abpc-meta .abpc-size{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;height:auto;padding:0 16px;
  background:#F7F0E4;color:#4E5672;font-size:14px;font-weight:700;line-height:1.2;
  border:0;border-left:2px solid rgba(20,39,92,.26);border-bottom:2px solid rgba(20,39,92,.26);border-radius:0 0 0 10px;box-shadow:none;
  transition:background .18s,color .18s,border-color .18s,transform .18s}
.abpc .abpc-meta .abpc-size:hover{background:#F1E6D3;color:#14275C;border-color:#14275C;transform:translate(1px,-1px)}
.abpc .abpc-meta .abpc-size.is-on{background:#FBEFD6;color:#14275C;border-color:transparent;transform:none}
/* الخط الدهبي بيترسم من الركن */
.abpc .abpc-meta .abpc-size.is-on::after{content:"";position:absolute;inset:0 0 -2px -2px;border-left:3px solid #D9A43B;border-bottom:3px solid #D9A43B;border-radius:0 0 0 11px;pointer-events:none;background:none;animation:abpc-draw .28s ease-out}
@keyframes abpc-draw{from{clip-path:inset(100% 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
/* علامة صح صغيرة في الركن */
.abpc .abpc-meta .abpc-size.is-on::before{content:"";position:absolute;top:-7px;right:-7px;width:17px;height:17px;border-radius:50%;
  background:#D9A43B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat;box-shadow:0 0 0 2px #fff;animation:abpc-pop .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes abpc-pop{from{transform:scale(0)}}
.abpc .abpc-meta .abpc-size:focus-visible{outline:2px solid #14275C;outline-offset:3px}
@media (max-width:767px){ .abpc .abpc-meta .abpc-size{min-height:44px;padding:0 12px;font-size:13.5px} }
@media (prefers-reduced-motion:reduce){ .abpc .abpc-meta .abpc-size.is-on::after,.abpc .abpc-meta .abpc-size.is-on::before{animation:none} }
.abpc .abpc-meta .abpc-size b{font-size:16px}
.abpc .abpc-meta.is-sizes{gap:12px 12px;margin-bottom:16px!important;padding-top:6px}
 
/* ---------- تابلت ---------- */
@media (max-width:1023px){
  .abpc .abpc-grid{grid-template-columns:repeat(2,1fr)}
}
/* ---------- موبايل: الكروت بتتسحب بالعرض ---------- */
@media (max-width:767px){
  .abpc-in{padding:0}
  .abpc-head{padding:0 18px;gap:8px}
  .abpc .abpc-sub{font-size:15.5px}
  .abpc .abpc-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 10px;scroll-padding:0 18px;scrollbar-width:none}
  .abpc .abpc-grid::-webkit-scrollbar{display:none}
  .abpc .abpc-grid>li{flex:0 0 62%;scroll-snap-align:start}
  .abpc .abpc-name{font-size:16px}
  .abpc .abpc-n{font-size:26px}
  .abpc .abpc-all{width:calc(100% - 36px);min-width:0;margin-inline:18px;padding:0 20px;height:50px;font-size:19px}
  .abpc .abpc-add{height:44px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .abpc *{transition:none!important;animation:none!important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0222a7 */.abst{
  --navy:#14275C; --ink:#2F3D68; --gold:#D9A43B;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  position:relative;overflow:hidden;
  background:#F4E9D3;                 /* لون السمسم المحمّص فاتح */
  padding:clamp(50px,5.85vw,86px) 24px;
  color:var(--navy);text-align:center;
  -webkit-font-smoothing:antialiased;
}
.abst *{box-sizing:border-box}
.abst,.abst *{font-family:var(--body)!important}
.abst .abst-title{font-family:var(--display)!important}
.abst :where(h2,p){margin:0!important;padding:0;letter-spacing:normal}
 
/* حبوب سمسم منثورة على الجنبين بس، وبتخف كل ما تقرب من النص */
.abst::before,.abst::after{
  content:"";position:absolute;top:0;bottom:0;width:min(28vw,380px);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='120'%3E%3Cg fill='%23B88A3E' fill-opacity='.55'%3E%3Cpath transform='translate(12 14) rotate(30)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(58 30) rotate(-50)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(104 10) rotate(75)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(126 62) rotate(10)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(30 72) rotate(60)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(80 92) rotate(-15)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(118 108) rotate(-70)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(8 110) rotate(15)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3Cpath transform='translate(70 58) rotate(85)' d='M0 -5C3 -1.6 3 2.6 0 5C-3 2.6 -3 -1.6 0 -5Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/140px 120px repeat;
}
.abst::before{right:0;-webkit-mask:linear-gradient(to left,#000 30%,transparent);mask:linear-gradient(to left,#000 30%,transparent)}
.abst::after{left:0;-webkit-mask:linear-gradient(to right,#000 30%,transparent);mask:linear-gradient(to right,#000 30%,transparent);background-position:70px 40px}
 
.abst-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.abst .abst-mark{width:46px;height:30px;margin-bottom:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat}
.abst .abst-title{
  font-size:clamp(26px,3vw,42px)!important;font-weight:800!important;line-height:1.3!important;
  color:var(--navy)!important;
}
/* خط دهبي تحت العنوان بنفس شكل خط اللوجو */
.abst .abst-title::after{
  content:"";display:block;width:120px;height:10px;margin:14px auto 0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath fill='%23D9A43B' d='M2 7C40 1 80 0 118 3L117 6C80 3 40 4 3 10Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.abst .abst-text{
  max-width:none;margin-top:22px!important;
  font-size:clamp(19px,1.5vw,22px)!important;text-wrap:balance;font-weight:500;line-height:2!important;color:var(--ink)!important;
}
 
@media (max-width:767px){
  .abst{padding:47px 20px}
  .abst::before,.abst::after{width:12vw;opacity:.5}
  .abst .abst-text{line-height:1.9!important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81e635b */.abhw *,.abhw *::before,.abhw *::after{box-sizing:border-box}
.abhw{
  --navy:#14275C; --ink:#2F3D68; --gold:#D9A43B; --gold-h:#E3B24E; --gold-l:#F0C46A; --bg:#FFFDF9;          /* نفس خلفية سيكشن المنتجات */
  --line:#BE9148;                 /* دهبي ترابي للخط والنقط */
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  --num:"Manrope","Greta Arabic",sans-serif;
  position:relative;overflow:hidden;
  background:var(--bg);
  padding:clamp(48px,5vw,72px) 0 clamp(52px,5.4vw,80px);
  direction:rtl;text-align:right;color:var(--navy);
  -webkit-font-smoothing:antialiased;
}
.abhw,.abhw *{font-family:var(--body)!important}
.abhw .abhw-title,.abhw .abhw-title *,.abhw .abhw-k,.abhw .abhw-close,.abhw .abhw-btn{font-family:var(--display)!important}
.abhw .abhw-n{font-family:var(--num)!important}
.abhw :where(h2,h3,p){margin:0!important;padding:0;letter-spacing:normal}
.abhw a{text-decoration:none!important}
.abhw .abhw-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 
.abhw-inner{position:relative;z-index:2;max-width:1336px;margin:0 auto;padding:0 clamp(16px,2.5vw,32px)}
 
/* ---------- الخط والنقط ---------- */
.abhw .abhw-svg{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible;display:block}
.abhw .abhw-line{fill:none;stroke:var(--line);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.abhw .abhw-dots circle{fill:var(--line);stroke:var(--bg);stroke-width:3;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.abhw .abhw-dots circle.is-on{transform:scale(1)}
 
/* ---------- العنوان ---------- */
.abhw-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(22px,2.6vw,36px)}
.abhw .abhw-mark{
  display:block;width:44px;height:29px;margin-bottom:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.abhw .abhw-title{font-size:clamp(32px,4.2vw,56px)!important;font-weight:800!important;line-height:1.22!important;color:var(--navy)!important}
.abhw .abhw-hl{display:block;color:#B07A1C}
.abhw .abhw-sub{margin-top:12px!important;font-size:clamp(16px,1.3vw,19px)!important;font-weight:500;line-height:1.8!important;color:var(--ink)!important}
 
/* ---------- المراحل: زجزاج قريب ---------- */
.abhw-canvas{position:relative;width:100%;aspect-ratio:1000 / 1000}
.abhw-item{position:absolute;z-index:2;width:28%;display:flex;flex-direction:column}
.abhw-item[data-i="1"]{right:9%; top:0}
.abhw-item[data-i="2"]{left:7%; top:20.5%}
.abhw-item[data-i="3"]{right:15%;top:41%}
.abhw-item[data-i="4"]{left:13%;top:61.5%}
 
.abhw-media{
  position:relative;overflow:hidden;border-radius:8px;
  background:linear-gradient(135deg,#E6D7BF,#C9B392);
  aspect-ratio:9/10;
  box-shadow:0 24px 40px -28px rgba(60,40,10,.5);
  transition:clip-path 1.1s cubic-bezier(.22,1,.3,1);
}
.abhw .abhw-media img{
  width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;
  object-fit:cover;object-position:50% 58%;display:block;
  transition:transform 1.4s cubic-bezier(.22,1,.3,1);
}
.abhw-item:hover .abhw-media img{transform:scale(1.04);transition:transform .6s cubic-bezier(.22,1,.3,1)}
 
/* البادج: بانر اللوجو الكحلي، ميل خفيف وارتفاع ثابت وراكب على طرف الصورة بس */
.abhw .abhw-k{
  position:relative;z-index:3;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;
  height:50px;min-width:200px;margin:-20px -10px 0 0!important;padding:0 28px 6px;white-space:nowrap;
  font-size:clamp(18px,1.6vw,22px)!important;font-weight:800!important;line-height:1!important;color:#fff!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' preserveAspectRatio='none'%3E%3Cpath fill='%2314275C' d='M6 10C70 3 140 1 196 4L192 54C128 51 66 52 3 57Z'/%3E%3Cpath fill='%23D9A43B' d='M3 62C66 57 128 56 192 59L192 63C128 60 66 61 3 66Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transform:rotate(-1.5deg);filter:drop-shadow(0 6px 10px rgba(20,39,92,.16));
  transition:opacity .5s ease .3s,transform .6s cubic-bezier(.34,1.56,.64,1) .3s;
}
.abhw .abhw-n{font-size:.78em;font-weight:800;color:var(--gold-l);letter-spacing:.02em}
.abhw .abhw-p{
  max-width:26em;margin-top:12px!important;font-size:clamp(15.5px,1.2vw,17px)!important;font-weight:500;line-height:1.75!important;color:var(--ink)!important;text-wrap:pretty;
  transition:opacity .7s ease .4s,transform .7s cubic-bezier(.22,1,.3,1) .4s;
}
 
/* ---------- الختام ---------- */
.abhw-end{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(14px,2vw,28px)}
.abhw .abhw-close{font-size:clamp(21px,2vw,28px)!important;font-weight:800!important;line-height:1.5!important;color:var(--navy)!important;text-wrap:balance}
.abhw .abhw-btn,.abhw .abhw-btn:focus{
  display:inline-flex;align-items:center;justify-content:center;margin-top:18px;
  height:44px;padding:0 34px;border-radius:999px;
  background:var(--gold);color:var(--navy)!important;
  font-size:16px;font-weight:700;line-height:1;
  box-shadow:0 4px 0 var(--navy);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.abhw .abhw-btn:hover,.abhw .abhw-btn:active{background:var(--gold-h);color:var(--navy)!important;transform:translateY(4px);box-shadow:0 0 0 var(--navy)}
.abhw a:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
 
/* ---------- ظهور المراحل (الكلاس بالـ JS بس، فمن غيره كل حاجة ظاهرة) ---------- */
.abhw.abhw-js .abhw-item:not(.is-in) .abhw-media{clip-path:inset(0 0 100% 0)}
.abhw.abhw-js .abhw-item:not(.is-in) .abhw-media img{transform:scale(1.1)}
.abhw.abhw-js .abhw-item:not(.is-in) .abhw-k{opacity:0;transform:rotate(-6deg) translateY(12px) scale(.92)}
.abhw.abhw-js .abhw-item:not(.is-in) .abhw-p{opacity:0;transform:translateY(14px)}
.abhw .abhw-item .abhw-media{clip-path:inset(0 0 0 0)}
 
/* ---------- موبايل/تابلت صغير: المراحل تحت بعض من غير خط ---------- */
@media (max-width:900px){
  .abhw .abhw-svg{display:none}
  .abhw-canvas{aspect-ratio:auto;height:auto}
  .abhw-item{position:static;width:100%;margin-bottom:clamp(36px,6vw,52px)}
  .abhw-item:last-child{margin-bottom:0}
  .abhw-media{aspect-ratio:16/11}
  .abhw .abhw-k{height:46px;margin:-18px -6px 0 0!important;font-size:19px!important;padding:0 24px 5px}
  .abhw .abhw-p{font-size:16px!important}
  .abhw .abhw-title{font-size:clamp(26px,7.4vw,34px)!important}
  .abhw-end{margin-top:40px}
}
@media (prefers-reduced-motion:reduce){
  .abhw *{transition:none!important}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-944d05b */.abws{
  --navy:#14275C; --navy-d:#0B173D; --gold:#D9A43B; --gold-h:#E3B24E; --gold-l:#F0C46A; --cream:#FBF6EC;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  --num:"Manrope","Greta Arabic",sans-serif;
  position:relative;overflow:hidden;isolation:isolate;
  background:var(--navy);color:var(--cream);
  padding:clamp(52px,6vw,88px) 0;
  -webkit-font-smoothing:antialiased;
}
.abws *,.abws *::before,.abws *::after{box-sizing:border-box}
.abws,.abws *{font-family:var(--body)!important}
.abws .abws-title,.abws .abws-title *,.abws .abws-eyebrow,.abws .abws-btn,.abws .abws-btn *,.abws .abws-num,.abws .abws-lbl{font-family:var(--display)!important}
.abws .abws-num b,.abws .abws-call span{font-family:var(--num)!important}
.abws :where(h2,p,ul,li){margin:0!important;padding:0;list-style:none;letter-spacing:normal}
.abws a{text-decoration:none!important}
 
/* خط اللوجو الدهبي المنحني بيعدّي في الخلفية */
.abws::before{
  content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:-6%;height:62%;pointer-events:none;opacity:.14;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23D9A43B' stroke-width='3' d='M0 230C300 120 640 100 1200 170'/%3E%3Cpath fill='none' stroke='%23D9A43B' stroke-width='1.5' d='M0 262C300 152 640 132 1200 202'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
 
.abws-in{
  max-width:1240px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;
}
 
/* ---------- الكلام ---------- */
.abws .abws-eyebrow{
  position:relative;display:inline-flex;align-items:center;height:42px;padding:0 26px 5px;
  font-size:15px!important;font-weight:800;line-height:1;color:var(--navy)!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 70' preserveAspectRatio='none'%3E%3Cpath fill='%23D9A43B' d='M6 10C70 3 140 1 196 4L192 54C128 51 66 52 3 57Z'/%3E%3Cpath fill='%23FBF6EC' d='M3 62C66 57 128 56 192 59L192 63C128 60 66 61 3 66Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transform:rotate(-1.5deg);
}
.abws .abws-eyebrow::before{
  content:"";position:absolute;top:-14px;right:12px;width:28px;height:18px;transform:rotate(4deg);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.abws .abws-title{
  margin-top:22px!important;
  font-size:clamp(32px,3.7vw,54px)!important;font-weight:800!important;line-height:1.22!important;color:var(--cream)!important;text-wrap:balance;
}
.abws .abws-title span{display:block;color:var(--gold-l)}
.abws .abws-text{max-width:34em;margin-top:16px!important;font-size:clamp(16.5px,1.3vw,19px)!important;font-weight:500;line-height:1.85!important;color:rgba(251,246,236,.82)!important;text-wrap:pretty}
 
.abws .abws-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:30px}
.abws .abws-btn,.abws .abws-btn:focus{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:50px;padding:0 34px;border-radius:999px;border:0;
  background:var(--gold);color:var(--navy)!important;
  font-size:17px;font-weight:700;line-height:1;
  box-shadow:0 4px 0 var(--navy-d);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.abws .abws-btn:hover,.abws .abws-btn:active{background:var(--gold-h);color:var(--navy)!important;transform:translateY(4px);box-shadow:0 0 0 var(--navy-d)}
.abws .abws-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.abws .abws-call{padding-bottom:3px;border-bottom:1.5px solid rgba(240,196,106,.6);font-size:16px;font-weight:600;color:var(--cream)!important;transition:color .2s,border-color .2s}
.abws .abws-call:hover{color:var(--gold-l)!important;border-color:var(--gold-l)}
.abws a:focus-visible{outline:2px solid var(--gold-l);outline-offset:4px}
 
/* ---------- الأحجام ---------- */
.abws .abws-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)}
.abws .abws-sizes li{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:clamp(150px,13vw,190px);padding:22px 10px 20px;border-radius:14px;
  border:1.5px solid rgba(240,196,106,.32);background:rgba(255,255,255,.035);
  transition:border-color .3s,background .3s,transform .3s;
}
.abws .abws-sizes li:nth-child(2){transform:translateY(-14px)}
@media (hover:hover){ .abws .abws-sizes li:hover{border-color:rgba(240,196,106,.7);background:rgba(255,255,255,.06)} }
.abws .abws-num{display:inline-flex;align-items:baseline;gap:6px;font-size:clamp(17px,1.4vw,20px);font-weight:700;color:var(--gold-l);direction:rtl}
.abws .abws-num b{font-size:clamp(46px,4.6vw,68px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--cream)}
.abws .abws-lbl{margin-top:10px;font-size:clamp(14px,1.15vw,16px);font-weight:700;color:rgba(251,246,236,.85)}
 
/* ---------- ظهور (بالـ JS بس) ---------- */
.abws.abws-js:not(.is-in) .abws-copy>*{opacity:0;transform:translateY(18px)}
.abws.abws-js:not(.is-in) .abws-sizes li{opacity:0;transform:translateY(26px)}
.abws .abws-copy>*{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.3,1)}
.abws .abws-copy>*:nth-child(2){transition-delay:.08s}
.abws .abws-copy>*:nth-child(3){transition-delay:.16s}
.abws .abws-copy>*:nth-child(4){transition-delay:.24s}
.abws.abws-js .abws-sizes li{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.3,1),border-color .3s,background .3s}
.abws.abws-js .abws-sizes li:nth-child(1){transition-delay:.2s,.2s,0s,0s}
.abws.abws-js .abws-sizes li:nth-child(2){transition-delay:.3s,.3s,0s,0s}
.abws.abws-js .abws-sizes li:nth-child(3){transition-delay:.4s,.4s,0s,0s}
.abws .abws-eyebrow{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.3,1)}
.abws.abws-js.is-in .abws-eyebrow{transform:rotate(-1.5deg)}
 
/* ---------- تابلت / موبايل ---------- */
@media (max-width:1023px){
  .abws-in{grid-template-columns:1fr}
  .abws .abws-sizes{max-width:620px}
}
@media (max-width:767px){
  .abws-in{padding:0 18px}
  .abws .abws-text{font-size:16.5px!important}
  .abws .abws-ctas{flex-direction:column;align-items:stretch;gap:16px}
  .abws .abws-btn{width:100%}
  .abws .abws-call{align-self:center}
  .abws .abws-sizes{gap:8px}
  .abws .abws-sizes li{min-height:118px;padding:16px 6px 14px;border-radius:12px}
  .abws .abws-sizes li:nth-child(2){transform:none}
  .abws .abws-num{font-size:14px;gap:4px}
  .abws .abws-num b{font-size:38px}
  .abws .abws-lbl{font-size:13px;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){ .abws *{transition:none!important} }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f37c67c */.abnl{
  --navy:#14275C; --ink:#2F3D68; --gold:#D9A43B; --gold-h:#E3B24E; --cream:#FBF6EC;
  --display:"Bukra Bold","Bukra","Greta Arabic",sans-serif;
  --body:"Greta Arabic","Bukra",sans-serif;
  --num:"Manrope","Greta Arabic",sans-serif;
  position:relative;overflow:hidden;overflow:clip;
  background:#F4E9D3;color:var(--navy);
  padding:clamp(44px,4.6vw,68px) 0;
  -webkit-font-smoothing:antialiased;
}
.abnl *,.abnl *::before,.abnl *::after{box-sizing:border-box}
.abnl,.abnl *{font-family:var(--body)!important}
.abnl .abnl-title,.abnl .abnl-btn,.abnl .abnl-btn *,.abnl .abnl-thanks{font-family:var(--display)!important}
.abnl .abnl-c{font-family:var(--num)!important}
.abnl :where(h2,p){margin:0!important;padding:0;letter-spacing:normal}
.abnl .abnl-sr,.abnl .abnl-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}
.abnl [hidden]{display:none!important}
 
.abnl-in{
  max-width:1180px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(24px,5vw,80px);align-items:center;
}
 
/* ---------- الكلام ---------- */
.abnl-copy,.abnl-box{min-width:0}
.abnl-copy{display:flex;flex-direction:column;align-items:flex-start}
.abnl .abnl-mark{
  display:block;width:40px;height:26px;margin-bottom:12px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath fill='%233E8E3A' d='M19 25C9 25 1 18 1 6 12 4 21 11 19 25Z'/%3E%3Cpath fill='%237CC242' d='M21 25C21 12 29 3 39 1 40 14 33 24 21 25Z'/%3E%3Cpath fill='none' stroke='%232C6B2A' stroke-width='1.2' d='M19 24C14 17 9 12 4 8M21 24C26 16 31 9 36 4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.abnl .abnl-title{font-size:clamp(28px,3vw,42px)!important;font-weight:800!important;line-height:1.25!important;color:var(--navy)!important}
/* خط دهبي تحت العنوان بنفس شكل خط اللوجو */
.abnl .abnl-title::after{
  content:"";display:block;width:110px;height:10px;margin-top:10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath fill='%23D9A43B' d='M2 7C40 1 80 0 118 3L117 6C80 3 40 4 3 10Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.abnl .abnl-text{max-width:30em;margin-top:14px!important;font-size:clamp(16.5px,1.3vw,19px)!important;font-weight:500;line-height:1.8!important;color:var(--ink)!important;text-wrap:pretty}
 
/* ---------- الفورم ---------- */
.abnl .abnl-form{
  position:relative;display:flex;align-items:center;gap:6px;
  height:62px;padding:6px;border-radius:999px;
  background:#fff;border:2px solid var(--navy);
  box-shadow:0 5px 0 var(--navy);
  transition:box-shadow .2s,transform .2s,border-color .2s;
}
.abnl .abnl-form:focus-within{transform:translateY(2px);box-shadow:0 3px 0 var(--navy)}
.abnl .abnl-form.is-bad{border-color:#B3261E;box-shadow:0 5px 0 #B3261E;animation:abnl-shake .35s}
@keyframes abnl-shake{25%{translate:-6px 0}50%{translate:5px 0}75%{translate:-3px 0}}
.abnl .abnl-input,.abnl .abnl-input:focus{
  flex:1;width:100%!important;min-width:0;height:100%;margin:0;padding:0 18px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  font-size:17px!important;font-weight:500;color:var(--navy)!important;text-align:right;direction:rtl;border-radius:0;
}
.abnl .abnl-input::placeholder{color:#7A819A;opacity:1}
.abnl .abnl-btn,.abnl .abnl-btn:hover,.abnl .abnl-btn:focus{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  height:100%!important;min-width:132px;margin:0;padding:0 30px!important;border:0!important;border-radius:999px!important;
  background:var(--gold)!important;color:var(--navy)!important;
  font-size:17px!important;font-weight:800;line-height:1!important;text-transform:none!important;letter-spacing:0;cursor:pointer;
  box-shadow:none!important;transition:background .2s;
}
.abnl .abnl-btn:hover{background:var(--gold-h)!important}
.abnl .abnl-btn.is-loading{pointer-events:none}
.abnl .abnl-btn.is-loading span{opacity:0}
.abnl .abnl-btn.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid var(--navy);border-top-color:transparent;animation:abnl-spin .7s linear infinite}
.abnl .abnl-btn{position:relative}
@keyframes abnl-spin{to{transform:rotate(360deg)}}
.abnl .abnl-btn:focus-visible{outline:2px solid var(--navy)!important;outline-offset:3px}
.abnl .abnl-note{margin-top:14px!important;padding-right:20px;font-size:14.5px!important;font-weight:500;color:#5A6383!important}
.abnl .abnl-note.is-err{color:#B3261E!important;font-weight:700}
 
/* ---------- بعد الاشتراك ---------- */
.abnl .abnl-done{
  padding:22px 26px;border-radius:18px;background:var(--navy);color:var(--cream);
  box-shadow:0 5px 0 #0B173D;animation:abnl-in .5s cubic-bezier(.34,1.56,.64,1);
}
@keyframes abnl-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
.abnl .abnl-thanks{font-size:22px!important;font-weight:800;color:var(--cream)!important}
.abnl .abnl-sub{margin-top:6px!important;font-size:16px!important;color:rgba(251,246,236,.82)!important}
.abnl .abnl-code{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:16px}
.abnl .abnl-code>span{font-size:15px;font-weight:600;color:rgba(251,246,236,.85)}
.abnl .abnl-copy-btn,.abnl .abnl-copy-btn:hover,.abnl .abnl-copy-btn:focus{
  display:inline-flex;align-items:center;gap:12px;height:44px!important;margin:0;padding:0 8px 0 16px!important;
  border:1.5px dashed var(--gold)!important;border-radius:10px!important;background:rgba(217,164,59,.12)!important;color:var(--cream)!important;
  cursor:pointer;box-shadow:none!important;text-transform:none!important;
}
.abnl .abnl-c{font-size:19px;font-weight:800;letter-spacing:.06em;direction:ltr}
.abnl .abnl-copy-l{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:7px;background:var(--gold);color:var(--navy);font-size:14px;font-weight:700}
 
/* ---------- موبايل ---------- */
@media (max-width:860px){
  .abnl-in{grid-template-columns:minmax(0,1fr);gap:22px}
}
@media (max-width:767px){
  .abnl-in{padding:0 18px}
  .abnl .abnl-form{height:58px}
  .abnl .abnl-input{padding:0 14px;font-size:16px!important}
  .abnl .abnl-btn{min-width:104px;padding:0 20px!important;font-size:16px!important}
  .abnl .abnl-note{padding-right:14px;font-size:14px!important}
}
@media (prefers-reduced-motion:reduce){ .abnl *{animation:none!important;transition:none!important} }/* End custom CSS */