.commerce-page{overflow:hidden;background:#f7fafb;color:#112f3e}.commerce-page .container{width:min(1120px,calc(100% - 40px));margin:auto}.commerce-crumb{display:flex;gap:9px;align-items:center;padding:25px 0;color:#708591;font-size:13px}.commerce-crumb a{color:#45606d}.commerce-crumb i{font-size:18px}.commerce-hero{position:relative;padding:66px 0 90px;background:radial-gradient(circle at 75% 36%,#13a8a52b,transparent 23%),linear-gradient(125deg,#073c55,#086e75);color:#fff}.commerce-hero:after{position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#f7fafb);content:""}.commerce-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.commerce-kicker{display:flex;gap:8px;align-items:center;margin:0 0 14px;color:#148d91;font-size:12px;font-weight:800;letter-spacing:.04em}.commerce-hero .commerce-kicker{color:#83e7db}.commerce-kicker i{font-size:17px}.commerce-hero h1,.commerce-intro h2,.commerce-features h2,.commerce-process h2,.commerce-cta h2{margin:0;font-size:clamp(36px,5vw,67px);line-height:1.08;letter-spacing:-.045em}.commerce-hero h1 em,.commerce-intro h2 em,.commerce-features h2 em,.commerce-process h2 em,.commerce-cta h2 em{color:#67e1d6;font-style:normal}.commerce-hero__copy>p:not(.commerce-kicker){max-width:540px;margin:22px 0;color:#d0e4e7;font-size:17px;line-height:2}.commerce-actions{display:flex;gap:13px;margin-top:28px}.commerce-actions a,.commerce-process a,.commerce-cta a{display:inline-flex;gap:10px;align-items:center;padding:14px 21px;border-radius:11px;background:#fff;color:#087278;font-weight:800}.commerce-actions a+ a{border:1px solid #bce6e355;background:transparent;color:#fff}.commerce-signals{display:flex;gap:28px;margin-top:30px;color:#d8f1ef;font-size:12px}.commerce-signals b{display:block;color:#fff;font-size:18px}.commerce-showcase{position:relative;min-height:410px}.commerce-window{position:absolute;top:8px;right:7%;width:min(340px,87%);padding:14px;border:9px solid #e9f4f4;border-radius:24px;background:#fff;color:#153741;box-shadow:0 32px 55px #001f2f5c;transform:rotate(3deg)}.commerce-window header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 14px;font-size:18px}.commerce-window header b{font-size:14px;letter-spacing:.16em}.commerce-product{display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:#d9e5df;border-radius:14px}.commerce-product__image{display:grid;place-items:center;align-self:stretch;height:160px;margin-bottom:17px;border-radius:10px;background:#f2d5c5;color:#784d3b;font-size:75px}.commerce-product small{font-size:11px}.commerce-product b{margin:5px 0 13px;font-size:21px}.commerce-product button{padding:9px 14px;border:0;border-radius:7px;background:#153741;color:#fff}.commerce-window footer{display:flex;justify-content:center;gap:5px;padding:15px}.commerce-window footer span{width:5px;height:5px;border-radius:50%;background:#ccd9dc}.commerce-window footer .is-active{width:20px;border-radius:5px;background:#159598}.commerce-float{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid #ffffff80;border-radius:12px;background:#ffffffeb;color:#163844;box-shadow:0 13px 28px #00202d35}.commerce-float i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#dff5f1;color:#058584;font-size:18px}.commerce-float small,.commerce-float b{display:block}.commerce-float small{color:#78909a;font-size:10px}.commerce-float b{margin-top:3px;font-size:13px}.commerce-float--sale{top:20px;left:0}.commerce-float--order{bottom:30px;right:0}.commerce-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:95px 0}.commerce-intro>div{display:grid;grid-template-columns:1fr .75fr;gap:42px}.commerce-intro h2,.commerce-features h2,.commerce-process h2{font-size:41px}.commerce-intro h2 em,.commerce-features h2 em,.commerce-process h2 em{color:#078588}.commerce-intro>div>p{margin:8px 0;color:#607781;line-height:2}.commerce-features{padding:80px 0;background:#e9f3f3}.commerce-features header{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.commerce-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.commerce-feature-grid article{position:relative;min-height:188px;padding:24px;border:1px solid #d3e4e4;border-radius:15px;background:#fff;overflow:hidden}.commerce-feature-grid article>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e2f4f1;color:#07878a;font-size:21px}.commerce-feature-grid b{display:block;margin-top:16px;font-size:16px}.commerce-feature-grid p{margin:8px 0;color:#6c838b;font-size:13px;line-height:1.8}.commerce-feature-grid span{position:absolute;left:18px;bottom:13px;color:#b8cecf;font:800 26px/1 Arial}.commerce-process{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:100px 0}.commerce-process>div>p:not(.commerce-kicker){max-width:380px;color:#647b85;line-height:2}.commerce-process a{margin-top:17px;background:#087b80;color:#fff}.commerce-process ol{margin:0;padding:0;list-style:none}.commerce-process li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #d8e5e6}.commerce-process li b{color:#0c8b8e;font-size:18px}.commerce-process li strong,.commerce-process li small{display:block}.commerce-process li small{margin-top:5px;color:#748a91}.commerce-cta{padding:65px 0;background:#083e56;color:#fff}.commerce-cta .container{display:flex;justify-content:space-between;align-items:center}.commerce-cta p{margin:0 0 10px;color:#8de3da}.commerce-cta h2{font-size:46px}.commerce-cta a{background:#77e0d5;color:#06464c}@media(max-width:760px){.commerce-hero{padding:45px 0 70px}.commerce-hero__grid,.commerce-intro,.commerce-intro>div,.commerce-process{grid-template-columns:1fr;gap:28px}.commerce-showcase{min-height:360px}.commerce-intro{padding:65px 0}.commerce-features{padding:60px 0}.commerce-features header,.commerce-cta .container{display:block}.commerce-feature-grid{grid-template-columns:1fr}.commerce-process{padding:70px 0}.commerce-cta .container a{margin-top:25px}.commerce-hero h1{font-size:46px}.commerce-intro h2,.commerce-features h2,.commerce-process h2{font-size:34px}.commerce-actions{flex-wrap:wrap}.commerce-float--sale{left:auto;right:0}.commerce-float--order{right:auto;left:0}}

/* منظومة المتجر تستخدم نفس لغة Gate Gold ERP: كحلي عملي، ذهبي دافئ، وبطاقات تعليمية واضحة. */
.commerce-page{background:#fffdf9;color:#172a43}.commerce-crumb{color:#7c8791}.commerce-crumb a{color:#667381}.commerce-hero{background:radial-gradient(circle at 78% 38%,#fff3d5,#f8e6bb 38%,#fffdf9 76%);color:#172a43}.commerce-hero:after{background:linear-gradient(transparent,#fffdf9)}.commerce-kicker,.commerce-hero .commerce-kicker{color:#ae781d;font-size:10px;letter-spacing:0}.commerce-kicker i{color:#d99a20}.commerce-hero h1 em,.commerce-intro h2 em,.commerce-features h2 em,.commerce-process h2 em,.commerce-cta h2 em{color:#d99a20}.commerce-hero__copy>p:not(.commerce-kicker){color:#667381;font-size:13px;line-height:2.1}.commerce-actions a,.commerce-process a,.commerce-cta a{border-radius:0;background:#172a43;color:#fff;font-size:10px}.commerce-actions a:first-child,.commerce-cta a{background:#dd9a1f;color:#fff}.commerce-actions a+a{border-color:#172a4340;color:#172a43}.commerce-signals{color:#667381}.commerce-signals b{color:#172a43}.commerce-window{border:1px solid #e7c989;border-radius:0;background:#fffdf8;color:#172a43;box-shadow:0 24px 48px #76531b1b;transform:none}.commerce-window header{border-bottom:1px solid #eee1c8}.commerce-product{border-radius:0;background:#fff8e9}.commerce-product__image{border-radius:0;background:#f4e3ba;color:#b2771b}.commerce-product button{border-radius:0;background:#172a43}.commerce-window footer .is-active{background:#d99a20}.commerce-float{border-color:#e7c989;border-radius:0;background:#fffdf8;box-shadow:0 16px 32px #76531b19}.commerce-float i{border-radius:0;background:#fff3d5;color:#c98919}.commerce-float small{color:#7c8791}.commerce-intro>div>p,.commerce-process>div>p:not(.commerce-kicker){color:#667381}.commerce-features{background:#f8f1e3}.commerce-feature-grid article{border-color:#eadbc3;border-radius:0;background:#fffdf9}.commerce-feature-grid article>i{border-radius:0;background:transparent;color:#c98919;font-size:27px}.commerce-feature-grid p,.commerce-process li small{color:#75818d;font-size:11px}.commerce-feature-grid span{color:#eadbc3}.commerce-process li{border-color:#eadbc3}.commerce-process li b{color:#d99a20}.commerce-cta{background:#172a43}.commerce-cta p{color:#e4ab3c}

/* اتجاه ومقاسات مستقلة: لا تعتمد على إزاحات يمين/يسار ثابتة. */
html[dir="ltr"] .commerce-page{font-family:"DM Sans",Arial,sans-serif}html[dir="ltr"] .commerce-hero h1,html[dir="ltr"] .commerce-intro h2,html[dir="ltr"] .commerce-features h2,html[dir="ltr"] .commerce-process h2,html[dir="ltr"] .commerce-cta h2{letter-spacing:-.055em}html[dir="ltr"] .commerce-float--sale{right:auto;left:0}html[dir="ltr"] .commerce-float--order{right:0;left:auto}html[dir="ltr"] .commerce-window{right:7%;left:auto}html[dir="ltr"] .commerce-crumb i,html[dir="ltr"] .commerce-actions i,html[dir="ltr"] .commerce-process a i,html[dir="ltr"] .commerce-cta a i{transform:rotate(180deg)}
@media(max-width:760px){.commerce-page .container{width:min(100% - 28px,1120px)}.commerce-crumb{padding:16px 0;overflow-x:auto;white-space:nowrap}.commerce-hero__grid{gap:35px}.commerce-hero__copy{text-align:start}.commerce-showcase{min-height:330px;width:100%;max-width:400px;margin-inline:auto}.commerce-window{top:0;right:50%;width:min(310px,88%);transform:translateX(50%)}.commerce-float{padding:10px 11px}.commerce-float--sale{top:auto;bottom:2px;left:0}.commerce-float--order{right:0;bottom:42px}.commerce-intro,.commerce-process{gap:25px}.commerce-intro>div{gap:14px}.commerce-features header{margin-bottom:25px}.commerce-feature-grid article{min-height:0}.commerce-cta{padding:52px 0}.commerce-cta h2{font-size:38px}html[dir="ltr"] .commerce-window{right:50%;left:auto;transform:translateX(50%)}html[dir="ltr"] .commerce-float--sale{right:auto;left:0}html[dir="ltr"] .commerce-float--order{right:0;left:auto}}