/* الغربي: ختم التوثيق العائم. يعتمد رموز الهوية في tokens.css مع قيم احتياطية. */
.gpt-seal,.gpt-embed{position:fixed;inset-inline-start:88px;bottom:26px;z-index:545;direction:rtl;font-family:var(--font,'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif);line-height:1.4;color:var(--c-black,#1D1D1F);text-align:right}
.gpt-seal{animation:gpt-in .6s var(--ease,cubic-bezier(.2,.8,.2,1)) .45s both}
.gpt-seal--solo{inset-inline-start:20px}
.gpt-seal.is-open{z-index:10000}
@keyframes gpt-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* الكبسولة */
.gpt-pill{display:inline-flex;align-items:center;gap:10px;min-height:52px;margin:0;padding-block:6px;padding-inline:6px 18px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:var(--r-pill,999px);box-shadow:0 0 0 1px rgba(0,0,0,.06),var(--sh-2,0 12px 40px rgba(0,0,0,.08));color:var(--c-black,#1D1D1F)!important;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1)),box-shadow var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1))}
.gpt-pill:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,0,0,.08),var(--sh-3,0 24px 60px rgba(0,0,0,.14))}
.gpt-pill:focus-visible{outline:2px solid var(--c-black,#1D1D1F);outline-offset:3px}
.gpt-seal.is-open .gpt-pill{transform:none;box-shadow:0 0 0 1px rgba(0,0,0,.12),var(--sh-2,0 12px 40px rgba(0,0,0,.08))}
.gpt-ico{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--c-yellow,#FFC800);display:grid;place-items:center;overflow:hidden}
.gpt-ico svg{position:relative;z-index:1;display:block;width:22px;height:22px}
.gpt-ico::after{content:"";position:absolute;inset:-30% -70%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);transform:translateX(-120%);animation:gpt-glint 6s var(--ease,cubic-bezier(.2,.8,.2,1)) 1.8s infinite}
@keyframes gpt-glint{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
.gpt-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.gpt-lbl{font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}
.gpt-sub{font-size:11px;font-weight:500;line-height:1.2;color:var(--c-gray-500,#6E6E73);white-space:nowrap}

/* البطاقة */
.gpt-card{position:absolute;inset-inline-start:0;bottom:calc(100% + 12px);box-sizing:border-box;width:min(344px,calc(100vw - 28px));max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;padding:24px 20px 18px;margin:0;background:var(--c-white,#fff);border-radius:24px;box-shadow:0 0 0 1px rgba(0,0,0,.06),var(--sh-3,0 24px 60px rgba(0,0,0,.14));transform-origin:bottom right;opacity:0;transform:translateY(8px) scale(.97);transition:opacity var(--t-med,320ms) var(--ease,cubic-bezier(.2,.8,.2,1)),transform var(--t-med,320ms) var(--ease,cubic-bezier(.2,.8,.2,1))}
.gpt-card[hidden]{display:none!important}
.gpt-card.is-on{opacity:1;transform:none}
.gpt-stripe{position:absolute;inset-inline:0;top:0;height:6px;background:repeating-linear-gradient(-45deg,var(--c-yellow,#FFC800) 0 10px,var(--c-black,#1D1D1F) 10px 20px)}
.gpt-x{position:absolute;top:18px;inset-inline-end:14px;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:var(--c-gray-50,#F5F5F7);color:var(--c-gray-500,#6E6E73);cursor:pointer;transition:background-color var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1)),color var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1))}
.gpt-x:hover{background:var(--c-gray-100,#EDEDF0);color:var(--c-black,#1D1D1F)}
.gpt-x:focus-visible{outline:2px solid var(--c-black,#1D1D1F);outline-offset:2px}
.gpt-x svg{display:block;width:16px;height:16px}
.gpt-brand{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding-inline-end:44px;font-size:13px;font-weight:600;color:var(--c-gray-500,#6E6E73)}
.gpt-brand img,.gpt-brand svg{display:block;width:auto;height:28px;border-radius:8px}
.gpt-tag{display:inline-flex;align-items:center;margin:0 0 6px;padding:3px 10px;border-radius:var(--r-pill,999px);background:var(--c-yellow-tint,#FFF8DB);color:var(--c-amber-text,#8A6100);font-size:12px;font-weight:600;line-height:1.5}
.gpt-h{margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.45;color:var(--c-black,#1D1D1F)}
.gpt-rows{display:flex;flex-direction:column;gap:9px;margin:0;padding:12px 14px;background:var(--c-gray-50,#F5F5F7);border-radius:16px}
.gpt-row{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;font-size:13.5px;opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .3s var(--ease,cubic-bezier(.2,.8,.2,1));transition-delay:calc(var(--i,0) * 45ms + 80ms)}
.gpt-card.is-on .gpt-row{opacity:1;transform:none}
.gpt-row dt{margin:0;font-weight:500;color:var(--c-gray-500,#6E6E73)}
.gpt-row dd{margin:0;font-weight:600;color:var(--c-black,#1D1D1F);overflow-wrap:anywhere}
.gpt-row dd[dir=ltr]{text-align:right;font-variant-numeric:tabular-nums}
.gpt-ok{display:inline-flex;align-items:center;gap:8px}
.gpt-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c-yellow,#FFC800);box-shadow:0 0 0 0 rgba(255,200,0,.55);animation:gpt-pulse 1.8s ease-out infinite}
.gpt-dot--idle{background:var(--c-gray-400,#A1A1A6);box-shadow:none;animation:none}
.gpt-pill{font:inherit;border:0;appearance:none;-webkit-appearance:none;text-align:right}
@keyframes gpt-pulse{0%{box-shadow:0 0 0 0 rgba(255,200,0,.55)}100%{box-shadow:0 0 0 9px rgba(255,200,0,0)}}
.gpt-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:14px 0 0;border-radius:var(--r-pill,999px);background:var(--c-yellow,#FFC800);color:var(--c-black,#1D1D1F)!important;font-size:15px;font-weight:700;text-decoration:none!important;transition:background-color var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1)),transform var(--t-fast,200ms) var(--ease,cubic-bezier(.2,.8,.2,1))}
.gpt-cta:hover{background:var(--c-yellow-press,#F0B400)}
.gpt-cta:active{transform:scale(.98)}
.gpt-cta:focus-visible{outline:2px solid var(--c-black,#1D1D1F);outline-offset:3px}
.gpt-cta svg{display:block;width:16px;height:16px}
.gpt-note{margin:10px 2px 0;font-size:12px;line-height:1.7;color:var(--c-gray-500,#6E6E73)}

/* الجوال: فوق زر واتساب في نفس العمود، بعيدًا عن زر «سيارتي» على الطرف الآخر */
@media(max-width:900px){
  .gpt-seal,.gpt-embed{inset-inline-start:14px;bottom:calc(132px + env(safe-area-inset-bottom))}
  body.single-product .gpt-seal,body.single-product .gpt-embed{bottom:calc(148px + env(safe-area-inset-bottom))}
  .gpt-seal--solo{bottom:calc(72px + env(safe-area-inset-bottom))}
  body.single-product .gpt-seal--solo{bottom:calc(88px + env(safe-area-inset-bottom))}
  .gpt-pill{min-height:44px;gap:8px;padding-block:5px;padding-inline:5px 14px}
  .gpt-ico{flex-basis:34px;width:34px;height:34px}
  .gpt-ico svg{width:19px;height:19px}
  .gpt-lbl{font-size:13px}
  .gpt-sub{display:none}
  .gpt-card{max-height:calc(100vh - 230px)}
}
@media (prefers-reduced-motion:reduce){
  .gpt-seal,.gpt-pill,.gpt-card,.gpt-row,.gpt-cta,.gpt-x{animation:none;transition:none}
  .gpt-ico::after,.gpt-dot{animation:none}
  .gpt-row{opacity:1;transform:none}
}
@media print{.gpt-seal,.gpt-embed{display:none!important}}
