/* ================= Ahmed Kadry – Reviews =================
   أول جزء هو تصميم السكشن الأصلي بدون أي تعديل، وبعده فقط ستايل زر وبوب أب إضافة التقييم. */
.ak-rev{--navy:#0F2A53;--grey:#C3C3C7;--beige:#EDE7E0;--taupe:#A29386;--tpd:#7A6C60;--char:#313236;
  background:linear-gradient(180deg,#F5F2EE,#F9F7F4);font-family:'Cairo','IBM Plex Sans',sans-serif;color:var(--char);overflow:hidden}
.ak-rev *{box-sizing:border-box;margin:0;padding:0}
.ak-rev__in{max-width:1280px;margin:auto;padding:clamp(56px,9vw,110px) 24px}
.ak-rev__head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.ak-rev__eb{display:flex;align-items:center;gap:14px;color:var(--tpd);font:500 .8rem 'IBM Plex Sans',monospace;letter-spacing:.22em;margin-bottom:18px}
.ak-rev__eb::after{content:"";width:56px;height:1.5px;background:var(--taupe)}
.ak-rev h2{font-weight:800;font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.4;color:var(--navy)}
.ak-rev h2 .ak-hl{color:var(--tpd)}
.ak-rev__sub{margin-top:12px;opacity:.75;line-height:1.9}
/* Google summary widget */
.ak-gw{direction:ltr;display:flex;flex-direction:column;gap:14px;min-width:300px;padding:20px 24px;border-radius:24px;background:#fff;border:1px solid #dadce0;box-shadow:0 10px 30px rgba(15,42,83,.08)}
.ak-gw__top{display:flex;align-items:center;gap:12px}
.ak-gw__logo{width:38px;height:38px;flex:none}
.ak-gw__logo svg{width:100%;height:100%;display:block}
.ak-gw__wm{font:500 1.55rem/1 'Poppins','Product Sans','IBM Plex Sans',Arial,sans-serif;letter-spacing:-.5px}
.ak-gw__wm i{font-style:normal}.ak-gw__wm .b{color:#4285F4}.ak-gw__wm .r{color:#EA4335}.ak-gw__wm .y{color:#FBBC05}.ak-gw__wm .g{color:#34A853}
.ak-gw__wm span{color:#5f6368;font-weight:400;margin-inline-start:6px;font-size:1.15rem}
.ak-gw__mid{display:flex;align-items:center;gap:12px}
.ak-gw__mid strong{font:500 2.3rem/1 'IBM Plex Sans',Arial,sans-serif;color:#202124}
.ak-gw__mid small{display:block;margin-top:4px;color:#5f6368;font:400 .85rem 'IBM Plex Sans',Arial,sans-serif}
.ak-st{display:inline-flex;gap:2px;color:#FBBC05}
.ak-st svg{width:18px;height:18px}
.ak-st .off{color:#dadce0}
/* nav + track */
.ak-rev__nav{display:flex;gap:10px;margin-top:34px;justify-content:flex-end}
.ak-rev__nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;display:grid;place-items:center;transition:background .25s,color .25s}
.ak-rev__nav button:hover{background:var(--navy);color:var(--beige)}
.ak-rev__nav svg{width:20px;height:20px}
.ak-rev__nav .next svg{transform:scaleX(-1)}[dir=rtl] .ak-rev__nav .prev svg{transform:scaleX(-1)}[dir=rtl] .ak-rev__nav .next svg{transform:none}
.ak-rev__track{display:flex;gap:20px;margin-top:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 20px;-webkit-overflow-scrolling:touch}
.ak-rev__track::-webkit-scrollbar{display:none}
.ak-rev__c{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:#fff;border:1px solid #dadce0;transition:transform .35s,box-shadow .35s,border-color .35s}
.ak-rev__c:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(15,42,83,.14);border-color:var(--taupe)}
.ak-rev__ct{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ak-rev__who b{display:block;color:#202124;font-size:1.02rem}
.ak-rev__who small{color:#5f6368;font-size:.85rem}
.ak-g{width:26px;height:26px;flex:none}
.ak-g svg{width:100%;height:100%;display:block}
.ak-rev__tx{line-height:2;color:#3c4043;font-size:1rem;flex:1}
.ak-rev__ft{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #ececec;color:#5f6368;font:400 .8rem 'IBM Plex Sans',Arial,sans-serif}
.ak-rev__ft .ak-g{width:16px;height:16px}
.ak-rev button:focus-visible,.ak-rev a:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media (max-width:1024px){.ak-rev__c{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:860px){.ak-rev__head{grid-template-columns:1fr}.ak-gw{min-width:0;width:100%}}
@media (max-width:640px){.ak-rev__in{padding-inline:16px}.ak-rev__nav{display:none}.ak-rev__c{flex-basis:100%;padding:20px}}
@media (prefers-reduced-motion:reduce){.ak-rev *{transition:none!important}}

/* ================= إضافة: زر التقييم ================= */
.ak-rv-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:0;border-radius:999px;background:var(--navy);color:var(--beige);font:800 1rem 'Cairo',sans-serif;cursor:pointer;box-shadow:0 12px 26px rgba(15,42,83,.25);transition:transform .25s,box-shadow .25s}
.ak-rv-add svg{width:18px;height:18px;color:#FBBC05;transition:transform .4s}
.ak-rv-add:hover{transform:translateY(-3px);box-shadow:0 18px 32px rgba(15,42,83,.32)}
.ak-rv-add:hover svg{transform:rotate(72deg) scale(1.15)}
@media (max-width:860px){.ak-rv-add{justify-self:start}}

/* ================= إضافة: بوب أب نموذج التقييم ================= */
.ak-rv-modal{--navy:#0F2A53;--grey:#C3C3C7;--beige:#EDE7E0;--taupe:#A29386;--tpd:#7A6C60;--char:#313236;--paper:#F5F2EE;
  position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Cairo','IBM Plex Sans',sans-serif;color:var(--char)}
.ak-rv-modal[hidden]{display:none}
.ak-rv-modal *{box-sizing:border-box;margin:0;padding:0}
.ak-rv-modal__bg{position:absolute;inset:0;background:rgba(7,15,34,.72);opacity:0;transition:opacity .3s}
.ak-rv-modal.is-open .ak-rv-modal__bg{opacity:1}
.ak-rv-modal__box{position:relative;width:min(560px,100%);max-height:min(92vh,100%);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:clamp(26px,3vw,38px);background:var(--paper);box-shadow:0 24px 64px rgba(0,0,0,.32);
  padding:clamp(24px,4vw,40px);opacity:0;transform:translateY(24px) scale(.98);backface-visibility:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);outline:none}
.ak-rv-modal.is-open .ak-rv-modal__box{opacity:1;transform:none}
.ak-rv-modal__x{position:absolute;top:16px;inset-inline-end:16px;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--navy);background:transparent;color:var(--navy);display:grid;place-items:center;cursor:pointer;z-index:2;transition:background .25s,color .25s,transform .35s}
.ak-rv-modal__x:hover{background:var(--navy);color:var(--beige);transform:rotate(90deg)}
.ak-rv-modal__x svg{width:20px;height:20px}
.ak-rv-form h3,.ak-rv-ok h3{font-weight:800;font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;color:var(--navy);padding-inline-end:52px}
.ak-rv-intro{margin-top:10px;line-height:1.9;opacity:.75}
.ak-rv-f{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.ak-rv-f label,.ak-rv-lb{font-weight:800;color:var(--navy);font-size:.98rem}
.ak-rv-f i{font-style:normal;color:var(--tpd);margin-inline-start:6px}
.ak-rv-f input[type=text],.ak-rv-f textarea{width:100%;padding:14px 22px;border:1.5px solid rgba(195,195,199,.95);border-radius:999px;background:#fff;color:var(--char);font:400 1rem 'Cairo','IBM Plex Sans',sans-serif;transition:border-color .25s,box-shadow .25s}
.ak-rv-f textarea{border-radius:26px;min-height:130px;resize:vertical;line-height:1.9}
.ak-rv-f input::placeholder,.ak-rv-f textarea::placeholder{color:#9a9ba0}
.ak-rv-f input:hover,.ak-rv-f textarea:hover{border-color:var(--taupe)}
.ak-rv-f input:focus,.ak-rv-f textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(162,147,134,.28)}
.ak-rv-f.has-err input[type=text],.ak-rv-f.has-err textarea{border-color:#8a3b3b;box-shadow:0 0 0 3px rgba(138,59,59,.14)}
.ak-rv-err{color:#8a3b3b;font-size:.86rem;line-height:1.6}
.ak-rv-err:empty{display:none}
.ak-rv-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:24px;padding:17px 32px;border:0;border-radius:999px;background:var(--navy);color:var(--beige);font:800 1.08rem 'Cairo',sans-serif;cursor:pointer;box-shadow:0 14px 30px rgba(15,42,83,.3);transition:transform .25s,opacity .25s}
.ak-rv-submit:hover{transform:translateY(-2px)}
.ak-rv-spin{display:none;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(237,231,224,.35);border-top-color:var(--beige);animation:akrv-spin .7s linear infinite}
@keyframes akrv-spin{to{transform:rotate(360deg)}}
.ak-rv-form.is-sending .ak-rv-submit{opacity:.85;pointer-events:none}
.ak-rv-form.is-sending .ak-rv-spin{display:block}
.ak-rv-msg{margin-top:14px;padding:12px 18px;border-radius:16px;background:rgba(138,59,59,.1);color:#7a2f2f;line-height:1.8}
.ak-rv-hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.ak-rv-ok{text-align:center;padding:20px 0}
.ak-rv-ok[hidden]{display:none}
.ak-rv-ok h3{padding:0}
.ak-rv-ok p{margin:10px auto 0;max-width:380px;line-height:2;opacity:.8}
.ak-rv-okc{display:inline-grid;place-items:center;width:78px;height:78px;margin-bottom:18px;border-radius:50%;background:var(--navy);color:var(--beige);animation:akrv-pop .5s cubic-bezier(.2,.8,.2,1)}
.ak-rv-okc svg{width:38px;height:38px;stroke-dasharray:30;stroke-dashoffset:30;animation:akrv-draw .6s .3s ease forwards}
@keyframes akrv-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes akrv-draw{to{stroke-dashoffset:0}}
html.ak-rv-lock,html.ak-rv-lock body{overflow:hidden;overscroll-behavior:none}
@media (max-width:640px){
  .ak-rv-modal{align-items:flex-end;padding:0}
  .ak-rv-modal__box{width:100%;max-height:92vh;border-radius:28px 28px 0 0;transform:translateY(60px)}
}
@media (prefers-reduced-motion:reduce){.ak-rv-modal *{animation:none!important;transition:none!important}.ak-rv-modal__box,.ak-rv-modal__bg{opacity:1;transform:none}.ak-rv-okc svg{stroke-dashoffset:0}}