/* توقيتات الحركة موحدة؛ جميع القيم قابلة للضبط من هذه المتغيرات. */
:root{--motion-fast:190ms;--motion-card:480ms;--motion-scene:620ms;--motion-ease:cubic-bezier(.22,1,.36,1);--motion-line:#d4c3e2;--motion-glow:rgba(201,182,224,.23)}
/* المحتوى ظاهر افتراضيًا، والحركة تحسين إضافي لا شرط للقراءة. */
.motion-word-mask{display:inline-block;overflow:clip;vertical-align:bottom;padding-block:2px;line-height:inherit}.motion-word{display:inline-block}.motion-card{position:relative;isolation:isolate;transform-origin:center;transition:box-shadow var(--motion-card) var(--motion-ease),border-color var(--motion-fast);border-color:var(--motion-line)}.motion-card:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;background:radial-gradient(340px circle at var(--spot-x,50%) var(--spot-y,50%),var(--motion-glow),transparent 72%);transition:opacity var(--motion-fast)}.motion-card:hover:before,.motion-card:focus-within:before{opacity:1}.motion-card:hover,.motion-card:focus-within{border-color:#ac8dc3!important;box-shadow:0 15px 35px #35254410!important}.motion-card:focus-within{outline:2px solid #c9b6e0;outline-offset:3px}.motion-card img{transition:transform var(--motion-card) var(--motion-ease)}.motion-card:hover .product-top img{transform:translateY(-4px) scale(1.025)}button,a{ -webkit-tap-highlight-color:rgba(155,121,182,.18)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a985c3;outline-offset:4px}.practice-option:has(input:checked),.review-question label:has(input:checked){background:#eee3f6;border-color:#805999;box-shadow:inset -3px 0 #805999;color:#352544}.practice-option:has(input:checked):after{content:'✓';margin-inline-start:auto;color:#654080;font-weight:bold}.motion-result-ring{display:flex;align-items:center;gap:14px;border:1px solid var(--motion-line);border-radius:20px;padding:16px 20px;margin:16px 0;background:var(--r-card,#fff);color:var(--r-text,#352544)}.motion-result-ring svg{width:72px;height:72px;flex:none;transform:rotate(-90deg)}.motion-result-ring circle{fill:none;stroke:#e8dfef;stroke-width:5}.motion-result-ring .ring-value{stroke:#82609e;stroke-linecap:round;stroke-dasharray:201.06;stroke-dashoffset:201.06}.motion-result-ring strong{display:block;font-size:22px;font-variant-numeric:tabular-nums}.motion-result-ring small{display:block;color:var(--r-muted,#716278)}.motion-flight{position:fixed;pointer-events:none;z-index:9998;display:grid;place-items:center;border-radius:16px;background:#f3ecf8;box-shadow:0 6px 30px #35254424;width:62px;height:70px;overflow:hidden;color:#684484}.motion-flight img,.motion-flight svg{width:48px;height:62px;object-fit:contain}.motion-celebration{position:fixed;inset:0;pointer-events:none;z-index:9997;overflow:hidden}.motion-celebration i{position:absolute;width:9px;height:16px;border-radius:80% 20% 70% 30%;background:#ceb9df;top:22%;left:50%}.motion-celebration i:nth-child(3n){background:#ecd2e1}.motion-celebration i:nth-child(3n + 1){background:#9674b0}.motion-preview-note{font-size:12px;text-align:center;background:#352544;color:#fff;padding:8px 14px}.motion-preview-note a{color:#ecd2e1;text-decoration:underline}.motion-controls-note{font-size:12px;color:#796887}.motion-current-step{color:#724b91;border-color:#a27cbe!important;background:#eee4f6!important}
/* تعطيل الرسوم القديمة التي استبدلها النظام المشترك. */
.review-in,.review-step-enter,.review-result-pulse,.bl-reveal,.ui-arrive,.bubble,.receipt-line{animation:none!important}.ui-pressed{animation:none!important}.review-journey-rail path{animation:none!important}.review-destination:hover{transform:none}.motion-filter-empty{width:100%;grid-column:1/-1}.motion-story-active .controls{position:relative!important;top:auto!important;background:transparent}.motion-story-active .journey-layout{min-height:0;align-items:center;grid-template-columns:1fr 1fr;padding:10px 5%;gap:30px}.motion-story-active .visual{position:relative!important;top:auto!important;height:420px;min-height:0;max-height:55vh}.motion-story-active #bottle{max-height:350px}.motion-story-active .chapters{display:grid;min-height:390px;align-items:center}.motion-story-active .chapter{grid-area:1/1;min-height:0;padding:20px 0;opacity:0;pointer-events:none;visibility:hidden}.motion-story-active .chapter.is-stage{opacity:1;pointer-events:auto;visibility:visible}.motion-story-active .chapter h2{margin-block:12px}.motion-story-active{background:var(--bg,#fbf8fc);border-block:1px solid #e1d4ea;max-height:calc(100svh - 90px);padding-bottom:15px}.motion-layer-map{display:flex;align-items:center;gap:9px;padding:10px 0;font-size:12px;color:#654d77}.motion-layer-map span{padding:7px 12px;border:1px solid #d4c2e1;border-radius:999px}.motion-layer-map span[aria-current=true]{background:#5b3f73;color:#fff;border-color:#5b3f73}.motion-stage-svg{width:88px;height:75px;flex:none}.motion-stage-svg path{fill:#eadff1;stroke:#fff;stroke-width:3;transition:fill var(--motion-card)}.motion-stage-svg path.is-stage{fill:var(--accent,#9870b5)}
body.motion-paused .motion-card{transform:none!important}.motion-offscreen *,.motion-document-hidden *{animation-play-state:paused!important}.motion-quiet *{animation:none!important;transition:none!important}
@media(max-width:760px){.motion-card:hover{box-shadow:none!important}.motion-result-ring{padding:13px}.motion-flight{width:44px;height:50px}.motion-flight img,.motion-flight svg{height:44px;width:36px}.motion-layer-map{justify-content:center;flex-wrap:wrap}.motion-stage-svg{width:66px;height:55px}.motion-story-active{max-height:none}.motion-result-ring strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.motion-card{transform:none!important}.motion-flight,.motion-celebration{display:none}.motion-word{opacity:1!important;transform:none!important}.ring-value{transition:none!important}}

.motion-result-ring[hidden]{display:none!important}

/* GSAP يقود السائل أثناء التثبيت دون انتقال CSS متزامن. */
.motion-story-active #liquid{transition:none}
#dust i{width:7px;height:7px;box-shadow:0 0 9px var(--accent);animation-duration:4.8s}
body.motion-paused #dust{display:none}

/* استجابات مشتركة للأزرار والتبويبات، لا تحرّك حقول الإدخال. */
:where(button,.portal-primary,.portal-secondary,.review-control,.start){transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
:where(button,.portal-primary,.portal-secondary,.review-control):active:not(:disabled){transform:scale(.975)}
:where([role=tab],[data-step],.journey-tabs button)[aria-selected=true],.journey-tabs .active{box-shadow:0 0 0 2px #c9b6e044}
.home-film{position:relative;isolation:isolate;background:linear-gradient(135deg,#f5eef8,#eee4f4);border:1px solid #dcd0e5;box-shadow:0 10px 35px #35254408}
.home-film video{max-width:100%;width:100%;object-fit:contain;background:#20142c;border:1px solid #e3d7ec;box-shadow:0 12px 35px #35254416;transition:box-shadow .35s}
.home-film.film-playing video{box-shadow:0 12px 36px #79549333}
.home-film a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #b79bc9;border-radius:999px;background:#ffffff85;color:#352544}
.motion-marquee{animation:bl-marquee 38s linear infinite;animation-play-state:paused}
@media(hover:hover) and (pointer:fine){:where(button,.review-control,.portal-primary,.portal-secondary):hover:not(:disabled){box-shadow:0 5px 15px #35254415}.home-film a:hover{background:#e4d5ee}.motion-card{transition:transform .22s ease,box-shadow var(--motion-card),border-color var(--motion-fast)}}
@media(max-width:760px){.home-film{padding:20px!important;gap:22px!important}.home-film video{min-width:0;max-height:65svh}}
@media(prefers-reduced-motion:reduce){.motion-marquee{animation:none!important}:where(button,.portal-primary,.portal-secondary,.review-control,.start,.home-film video){transition:none!important;transform:none!important}}
body.motion-paused .motion-marquee{animation:none!important}

/* تباين موحّد للجولة وبطاقات المناطق عند تبديل المظهر. */
html.bl-dark .interactive-tour .tour-copy :is(h2,p),html.bl-dark .reference-grid :is(h3,p,span),html.bl-dark .tour-panel :is(h3,.tour-label){color:#f3ecf8!important}
html.bl-dark .tour-panel,html.bl-dark .reference-grid>a,html.bl-dark .tour-steps li{background:#281d33!important;border-color:#614b71!important;color:#f3ecf8!important}
html.bl-dark .tour-tabs button{background:#362641!important;border-color:#765d89!important;color:#f3ecf8!important}
html.bl-dark .tour-tabs button[aria-selected=true]{background:#e7d1f3!important;color:#291a37!important}
html.bl-dark .tour-steps b,html.bl-dark .calculator-shortcut{background:#493657!important;color:#f3ecf8!important}
html.bl-dark .tour-action{color:#e7d1f3!important}
html.bl-dark .employee-door{background:#f7f0fb!important;color:#352544!important}
html.bl-dark .employee-door :is(h2,p,.door-number,strong){color:#352544!important}
html.bl-dark .employee-door:hover{background:#fff!important}
html.bl-dark .site-nav :is(.site-links a,.site-brand,.site-brand small){color:#f3ecf8!important}
html.bl-dark main :is(button,.p-button):disabled{background:#493657!important;color:#e1d1ec!important;border-color:#7e6590!important;opacity:1}
@media(max-width:700px){.region-card>div a{white-space:normal;text-align:center}.tour-tabs button{min-height:44px}}