/* MJ layout — full-width hero, compact height, original video preserved. */ @media (min-width:768px){ #app .mj-hero-motion{ width:100%!important;max-width:none!important;margin:16px 0 24px!important; border-radius:0;overflow:hidden; background:linear-gradient(105deg,#fafcfb 0%,#fafcfb 43%,#4115a8 58%,#36118f 100%); } #app .mj-hero-motion .swiper-slide{ height:min(630px,64svh,calc((100vw - 48px) * .5625))!important;min-height:0!important;aspect-ratio:auto!important; } #app .mj-hero-motion picture img, #app .mj-hero-motion .mj-motion-video{ position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);width:min(1120px,113.7778svh,calc(100vw - 48px))!important;height:100%!important;object-fit:contain!important;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent); } #app .mj-hero-motion .mj-motion-toggle{left:24px;bottom:16px} } /* Telecom category banners: shared layout, original company colors. */ #app .mj-telecom-banners{ max-width:1240px;margin:48px auto;padding:28px 24px; border:1px solid #eee8fb;border-radius:24px; background:linear-gradient(135deg,#fbfaff,#ffffff 55%,#f5f0ff); } #app .mj-telecom-banners .banner-square{ min-width:0;height:100%;padding:14px 14px 20px!important;border:1px solid #e5def3; border-radius:18px;background:#fff;box-shadow:0 8px 22px #2f0c6310; } #app .mj-telecom-banners .text-wrapper{padding:16px 0 0!important;} #app .mj-telecom-banners .text-wrapper>p{font-size:18px;font-weight:800;color:#29123f;} #app .mj-telecom-banners .btn{margin-top:12px;padding:9px 20px!important;border-radius:9px;} #app .mj-telecom-banners .box-img{border-radius:12px;overflow:hidden;} #app .mj-telecom-banners .box-img img{ display:block;width:100%;aspect-ratio:307/179;object-fit:contain; filter:none!important;transform:none!important; } #app .mj-telecom-banners a:focus-visible{outline:3px solid #6c2bea;outline-offset:4px;} #app .mj-telecom-banners h2{color:#35106e;font-weight:800;} #app .mj-telecom-banners h3{color:#29123f;font-weight:800;} @media (max-width:767px){ #app .mj-telecom-banners{margin:28px 12px;padding:22px 16px;border-radius:20px;} #app .mj-telecom-banners .banner-square{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;padding:12px!important;} #app .mj-telecom-banners .text-wrapper{padding:0!important;text-align:right;} #app .mj-telecom-banners .text-wrapper>p{font-size:16px;} #app .mj-telecom-banners .square-grid{gap:12px;} } @media (hover:hover) and (prefers-reduced-motion:no-preference){ #app .mj-telecom-banners .banner-square{transition:transform .2s ease,box-shadow .2s ease;} #app .mj-telecom-banners .banner-square:hover{transform:translateY(-4px);box-shadow:0 12px 26px #4518911c;} } /* STC section heading: one-section review. */ #app .mj-stc-heading{margin-top:40px;margin-bottom:22px;} #app .mj-stc-heading .divider-container{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#7130d7 0%,#49139c 40%,#280958 100%);padding:24px 32px!important;isolation:isolate;} #app .mj-stc-heading .divider-container:before{content:"";position:absolute;inset:-65px auto -65px 7%;width:115px;transform:skewX(-24deg);background:#ffffff0d;border-inline:1px solid #ffffff21;box-shadow:50px 0 0 #ffffff08,100px 0 0 #ffffff05;z-index:-1;} #app .mj-stc-heading .s-block__title{margin:0!important;} #app .mj-stc-heading h2{color:#fff!important;font-size:30px!important;font-weight:800;line-height:1.5;} #app .mj-stc-heading p{color:#e9dcff!important;font-size:15px!important;margin-top:6px;} #app .mj-stc-heading .vertical-lines{display:none;} @media(max-width:767px){#app .mj-stc-heading{margin:28px 12px 18px;}#app .mj-stc-heading .divider-container{padding:20px!important;border-radius:14px;}#app .mj-stc-heading h2{font-size:24px!important;}#app .mj-stc-heading p{font-size:13px!important;}} /* Zain heading: match the approved STC divider. */ #app salla-slider[block-title="شرائح زين"]>.s-slider-block__title{position:relative;isolation:isolate;overflow:hidden;min-height:116px;margin:0 0 28px!important;padding:24px 32px!important;border-radius:18px;background:linear-gradient(110deg,#7130d7 0%,#49139c 40%,#280958 100%);} #app salla-slider[block-title="شرائح زين"]>.s-slider-block__title:before{content:"";position:absolute;inset:-65px auto -65px 7%;width:115px;transform:skewX(-24deg);background:#ffffff0d;border-inline:1px solid #ffffff21;box-shadow:50px 0 0 #ffffff08,100px 0 0 #ffffff05;z-index:-1;} #app salla-slider[block-title="شرائح زين"] .s-slider-block__title-right{display:block;} #app salla-slider[block-title="شرائح زين"] .s-slider-block__title-right h2{color:#fff!important;font-size:30px!important;font-weight:800;line-height:1.5;margin:0;} #app salla-slider[block-title="شرائح زين"] .s-slider-block__title-right:after{content:"باقات نت على قد احتياجك";display:block;color:#e9dcff;font-size:15px;line-height:1.5;margin-top:6px;} #app salla-slider[block-title="شرائح زين"] .s-slider-nav-arrow{color:#fff;border-color:#ffffff55;background:#ffffff14;} @media(max-width:767px){#app salla-slider[block-title="شرائح زين"]>.s-slider-block__title{min-height:102px;margin:0 0 18px!important;padding:20px!important;border-radius:14px;}#app salla-slider[block-title="شرائح زين"] .s-slider-block__title-right h2{font-size:24px!important;}#app salla-slider[block-title="شرائح زين"] .s-slider-block__title-right:after{font-size:13px;}} /* Mobily section heading: match the approved telecom dividers. */ #app .mj-mobily-heading{margin-top:40px;margin-bottom:22px;} #app .mj-mobily-heading .divider-container{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#7130d7 0%,#49139c 40%,#280958 100%);padding:24px 32px!important;isolation:isolate;} #app .mj-mobily-heading .divider-container:before{content:"";position:absolute;inset:-65px auto -65px 7%;width:115px;transform:skewX(-24deg);background:#ffffff0d;border-inline:1px solid #ffffff21;box-shadow:50px 0 0 #ffffff08,100px 0 0 #ffffff05;z-index:-1;} #app .mj-mobily-heading .s-block__title{margin:0!important;} #app .mj-mobily-heading h2{color:#fff!important;font-size:30px!important;font-weight:800;line-height:1.5;} #app .mj-mobily-heading p{color:#e9dcff!important;font-size:15px!important;margin-top:6px;} #app .mj-mobily-heading .vertical-lines{display:none;} @media(max-width:767px){#app .mj-mobily-heading{margin:28px 12px 18px;}#app .mj-mobily-heading .divider-container{padding:20px!important;border-radius:14px;}#app .mj-mobily-heading h2{font-size:24px!important;}#app .mj-mobily-heading p{font-size:13px!important;}} /* Sawa section heading: match approved telecom dividers. */ #app .mj-sawa-heading{margin-top:40px;margin-bottom:22px;} #app .mj-sawa-heading .divider-container{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#7130d7 0%,#49139c 40%,#280958 100%);padding:24px 32px!important;isolation:isolate;} #app .mj-sawa-heading .divider-container:before{content:"";position:absolute;inset:-65px auto -65px 7%;width:115px;transform:skewX(-24deg);background:#ffffff0d;border-inline:1px solid #ffffff21;box-shadow:50px 0 0 #ffffff08,100px 0 0 #ffffff05;z-index:-1;} #app .mj-sawa-heading .s-block__title{margin:0!important;} #app .mj-sawa-heading h2{color:#fff!important;font-size:30px!important;font-weight:800;line-height:1.5;} #app .mj-sawa-heading p{color:#e9dcff!important;font-size:15px!important;margin-top:6px;} #app .mj-sawa-heading .vertical-lines{display:none;} @media(max-width:767px){#app .mj-sawa-heading{margin:28px 12px 18px;}#app .mj-sawa-heading .divider-container{padding:20px!important;border-radius:14px;}#app .mj-sawa-heading h2{font-size:24px!important;}#app .mj-sawa-heading p{font-size:13px!important;}} #app .mj-sawa-heading h2{white-space:normal;} /* Homepage completion: aligned sections, readable cards, clear header and footer. */ /* beIN section headings. */ #app .mj-bein-heading{margin-top:40px;margin-bottom:22px;} #app .mj-bein-heading .divider-container{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#7130d7 0%,#49139c 40%,#280958 100%);padding:24px 32px!important;isolation:isolate;} #app .mj-bein-heading .divider-container:before{content:"";position:absolute;inset:-65px auto -65px 7%;width:115px;transform:skewX(-24deg);background:#ffffff0d;border-inline:1px solid #ffffff21;box-shadow:50px 0 0 #ffffff08,100px 0 0 #ffffff05;z-index:-1;} #app .mj-bein-heading .s-block__title{margin:0!important;} #app .mj-bein-heading h2{color:#fff!important;font-size:30px!important;font-weight:800;line-height:1.5;} #app .mj-bein-heading p{color:#e9dcff!important;font-size:15px!important;margin-top:6px;} #app .mj-bein-heading .vertical-lines{display:none;} @media(max-width:767px){#app .mj-bein-heading{margin:28px 12px 18px;}#app .mj-bein-heading .divider-container{padding:20px!important;border-radius:14px;}#app .mj-bein-heading h2{font-size:24px!important;}#app .mj-bein-heading p{font-size:13px!important;}} #app .mj-bein-heading h2{white-space:normal;} #app .s-block:not(.mj-hero-motion){max-width:1240px;width:calc(100% - 32px);margin-inline:auto!important;} #app :is(.mj-stc-heading,.mj-mobily-heading,.mj-sawa-heading,.mj-bein-heading) .divider-container{width:100%;max-width:none;} #app .s-block--best-offers{margin-top:20px!important;} #app .mj-telecom-banners{margin-top:40px;margin-bottom:36px;} #app .s-product-card-content-title{line-height:1.65;} #app .mj-review-heading{margin-top:40px;margin-bottom:20px;} #app .mj-review-heading .s-block__title{display:flex!important;margin:0!important;} #app .mj-review-heading h2{display:block!important;color:#35106e;font-weight:800;font-size:26px;} #app .mj-review-heading p{color:#6d607e;margin-top:8px;} #app .angel-features{padding:28px 20px;background:#faf8ff;border:1px solid #eee6fa;border-radius:20px;} #app .angel-features .angel-feature{padding:20px 12px;border:1px solid #e9e1f4;border-radius:16px;background:#fff;} #app .angel-features .s-block__title{margin-bottom:24px;} #app section[component-id="2082411282"] .divider-container{padding:20px;background:#faf8ff;border-radius:16px;} #app section[component-id="2082411282"] h2{font-size:17px;font-weight:700;} #app section[component-id="2082411282"] .vertical-lines{display:none;} #app .store-header .header-inner{background:#fff!important;border-bottom:1px solid #eee7f6;box-shadow:0 3px 14px #2e0c5710;opacity:1!important;} #app .store-header .header-container{max-width:1240px;width:calc(100% - 32px);margin-inline:auto;} #app .store-header .header-btn{min-width:40px;min-height:40px;border-radius:12px;} #app .store-header a:focus-visible,#app .store-header button:focus-visible,#app .store-footer a:focus-visible{outline:2px solid #6c2bea;outline-offset:4px;} #app .store-footer{margin-top:48px;border-top:1px solid #e5dcf1;background:#f7f4fc;} #app .store-footer__inner{background:#f7f4fc!important;} #app .store-footer__inner>.container{max-width:1240px;width:calc(100% - 40px);margin-inline:auto;} #app .store-footer .footer-middle{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:32px;padding:32px 0;border-color:#e6def0;} #app .store-footer .footer-top{padding:16px 0;border-color:#e6def0;} #app .store-footer .footer-description{font-size:14px;line-height:1.9;color:#61536f;margin-top:16px;} #app .store-footer :is(.footer-title,.s-contacts-title){font-size:17px;color:#35106e;font-weight:800;margin-bottom:18px;} #app .store-footer .footer-list a{line-height:1.6;margin-bottom:12px;} #app .store-footer .footer-vat{padding:16px;background:#fff;border:1px solid #e7dff1;border-radius:14px;} #app .store-footer .to-top{border-bottom:1px solid #e6def0;} #app .store-footer .footer-bottom{padding:22px 0;} @media(min-width:768px){#app :is(section[component-id="1025244185"],section[component-id="1239691795"],section[component-id="465654044"]) .swiper-wrapper{justify-content:center;}} @media(max-width:1023px){#app .store-footer .footer-middle{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}} @media(max-width:767px){#app .s-block:not(.mj-hero-motion){width:calc(100% - 24px);}#app .store-header .header-container{width:calc(100% - 24px);}#app .store-header .header-btn{min-width:36px;min-height:40px;}#app .mj-bein-heading h2{font-size:23px!important;}#app .angel-features{padding:24px 12px;}#app .angel-features .angel-feature{padding:14px 6px;}#app .mj-review-heading h2{font-size:23px;}#app .store-footer .footer-middle{grid-template-columns:1fr;gap:28px;padding:26px 0;}#app .store-footer .footer-profile{max-width:none;}#app .store-footer{margin-top:32px;}} #app .store-footer .s-contacts-item .unicode{display:inline-block!important;font-size:14px;color:#35106e;} #app .store-footer .s-contacts-item{display:flex;align-items:center;gap:10px;min-height:44px;} #app .store-footer .copyrights{opacity:1;color:#655a70;} #app .store-footer .copyrights p{color:#655a70;} #app .angel-features .grid{align-items:stretch;} #app .angel-features .angel-feature{height:100%;} /* MJ FAQ — existing Twilight home.faqs; content stays server-rendered. */ #app .mj-faq{ --mj-faq-accent:var(--color-primary); --mj-faq-ink:var(--main-text-color-dark); --mj-faq-paper:var(--bg-color); --mj-faq-line:color-mix(in srgb,var(--mj-faq-accent) 14%,var(--mj-faq-paper)); margin-block:48px 32px;padding:36px 32px;border:1px solid var(--mj-faq-line); border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--mj-faq-accent) 4%,var(--mj-faq-paper)),var(--mj-faq-paper) 70%); font-family:var(--font-main);color:var(--mj-faq-ink); } #app .mj-faq>.container{width:100%;max-width:none;padding:0;} #app .mj-faq .s-block__title{display:block!important;margin:0 0 24px!important;} #app .mj-faq .s-block__title h2{display:block!important;color:var(--mj-faq-accent)!important;font-size:clamp(26px,2.5vw,34px);font-weight:800;line-height:1.6;text-align:start;} #app .mj-faq .s-block__title h2::after{content:"";display:block;width:48px;height:4px;margin-block-start:12px;border-radius:4px;background:var(--mj-faq-accent);} #app .mj-faq .s-block__title p{color:var(--mj-faq-ink)!important;opacity:.8;font-size:14px;line-height:1.9;text-align:start;margin-block-start:14px;} #app .mj-faq .faqs-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;} #app .mj-faq .faq-container{position:relative;min-width:0;} /* Keep the theme's native checkbox accessible to keyboard and assistive tech. */ #app .mj-faq .faq-container>input[type="checkbox"]{display:block!important;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;} #app .mj-faq .faqs-list__item{background:var(--mj-faq-paper)!important;border:1px solid var(--mj-faq-line);border-radius:14px;overflow:hidden;box-shadow:0 3px 10px color-mix(in srgb,var(--mj-faq-accent) 3%,transparent);transition:border-color .16s ease,box-shadow .16s ease;} #app .mj-faq .faqs-list__item>label{position:relative;display:flex;align-items:center;min-height:72px;margin:0;padding:18px 22px;padding-inline-end:70px;color:var(--mj-faq-ink);font-family:inherit;font-size:16px;font-weight:700;line-height:1.8;text-align:start;overflow-wrap:break-word;cursor:pointer;} #app .mj-faq .open-badge{inset:50% auto auto 20px;transform:translateY(-50%);width:32px;height:32px;border:1px solid var(--mj-faq-line);background:color-mix(in srgb,var(--mj-faq-accent) 5%,var(--mj-faq-paper))!important;color:var(--mj-faq-accent);font-family:var(--font-main);font-size:24px;font-weight:500;pointer-events:none;} #app .mj-faq .open-badge::before{content:"+";} #app .mj-faq .faq-answer{max-height:0;opacity:0;visibility:hidden;transform:none;padding:0 22px;overflow:hidden;transition:opacity .16s ease;} #app .mj-faq .faq-answer p{margin:0 0 22px;color:var(--mj-faq-ink)!important;font-size:15px;font-weight:400;line-height:2;overflow-wrap:break-word;} #app .mj-faq .faq-container>input:checked~.faqs-list__item{border-color:var(--mj-faq-accent);} #app .mj-faq .faq-container>input:checked~.faqs-list__item .faq-answer{max-height:none;opacity:1;visibility:visible;transform:none;} #app .mj-faq .faq-container>input:checked~.faqs-list__item .open-badge{transform:translateY(-50%);color:var(--mj-faq-paper);background:var(--mj-faq-accent)!important;border-color:var(--mj-faq-accent);} #app .mj-faq .faq-container>input:checked~.faqs-list__item .open-badge::before{content:"−";} #app .mj-faq .faq-container>input:focus-visible~.faqs-list__item{outline:3px solid var(--mj-faq-accent);outline-offset:3px;} @media(hover:hover){#app .mj-faq .faqs-list__item:hover{border-color:var(--mj-faq-accent);box-shadow:0 4px 14px color-mix(in srgb,var(--mj-faq-accent) 7%,transparent);}} @media(min-width:1024px){#app .mj-faq>.container{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.8fr);align-items:start;gap:48px;}#app .mj-faq .s-block__title{margin:12px 0 0!important;}} @media(max-width:767px){#app .mj-faq{margin-block:32px 24px;padding:26px 16px;border-radius:20px;}#app .mj-faq .faqs-list__item>label{min-height:72px;padding:16px;padding-inline-end:58px;font-size:15px;}#app .mj-faq .open-badge{left:14px;width:30px;height:30px;}#app .mj-faq .faq-answer{padding-inline:16px;}#app .mj-faq .faq-answer p{font-size:14px;margin-block-end:18px;}#app .mj-faq .faqs-list{gap:12px;}} @media(prefers-reduced-motion:reduce){#app .mj-faq .faqs-list__item,#app .mj-faq .faq-answer,#app .mj-faq .open-badge{transition:none!important;}} /* MJ trust sections — style the existing Salla slider and Malak features only. */ #app :is(section[component-id="109622807"],section[component-id="573764625"],.mj-review-heading){ --mj-trust-accent:var(--color-primary); --mj-trust-ink:var(--main-text-color-dark); --mj-trust-paper:var(--bg-color); --mj-trust-tint:color-mix(in srgb,var(--mj-trust-accent) 4%,var(--mj-trust-paper)); --mj-trust-line:color-mix(in srgb,var(--mj-trust-accent) 12%,var(--mj-trust-paper)); font-family:var(--font-main); } #app .mj-review-heading{margin-block:40px 18px;} #app .mj-review-heading .divider-container{padding-block:0;background:transparent;} #app .mj-review-heading .divider-title{visibility:visible!important;} #app .mj-review-heading h2{color:var(--mj-trust-accent);font-size:clamp(24px,2.2vw,30px);line-height:1.6;white-space:normal;} #app .mj-review-heading p{color:var(--mj-trust-ink);opacity:.72;font-size:14px;line-height:1.8;white-space:normal;} #app section[component-id="109622807"]{ margin-block:0 20px;padding:18px 24px 24px;border:1px solid var(--mj-trust-line);border-radius:24px; background:linear-gradient(145deg,var(--mj-trust-tint),var(--mj-trust-paper) 72%); } #app section[component-id="109622807"]>.container{width:100%;max-width:none;padding:0;} #app section[component-id="109622807"] .s-slider-block__title{display:flex!important;visibility:visible!important;margin:0 0 4px;min-height:44px;} #app section[component-id="109622807"] .s-slider-block__title-right{display:none;} #app section[component-id="109622807"] .s-slider-block__title-left{display:flex;align-items:center;justify-content:flex-end;gap:16px;width:100%;margin:0;} #app section[component-id="109622807"] .s-slider-block__display-all{color:var(--mj-trust-accent);font-size:13px;font-weight:700;text-decoration:none;} #app section[component-id="109622807"] .s-slider-block__title-nav{display:flex;gap:8px;margin:0;} #app section[component-id="109622807"] .s-slider-nav-arrow{width:44px;height:44px;border:1px solid var(--mj-trust-line)!important;border-radius:50%!important;background:var(--mj-trust-paper)!important;color:var(--mj-trust-accent);} #app section[component-id="109622807"] .s-slider-nav-arrow:disabled{opacity:.35;cursor:default;} #app section[component-id="109622807"] :is(button,a):focus-visible{outline:3px solid var(--mj-trust-accent);outline-offset:3px;} #app section[component-id="109622807"] .s-slider-container{padding-block:4px 28px;} #app section[component-id="109622807"] .swiper-wrapper{align-items:stretch;} #app section[component-id="109622807"] .swiper-slide{height:auto!important;margin-top:0!important;padding:14px 8px 20px;box-sizing:border-box;} #app section[component-id="109622807"] .swiper-slide>div{ min-height:244px;height:100%;padding:24px 22px;border:1px solid var(--mj-trust-line);border-radius:20px; background:var(--mj-trust-paper)!important;box-shadow:0 4px 18px color-mix(in srgb,var(--mj-trust-accent) 4%,transparent); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,opacity .24s ease; } #app section[component-id="109622807"] .swiper-slide>div>div{margin:0;padding:0;width:100%;height:100%;} #app section[component-id="109622807"] .s-testimonials--slider--img{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:7px;align-items:center;text-align:start;} #app section[component-id="109622807"] .testimonial__avatar{grid-column:1;grid-row:1/3;position:relative;width:64px;height:64px;border:3px solid var(--mj-trust-paper);box-shadow:0 0 0 1px var(--mj-trust-line);flex-shrink:0;} #app section[component-id="109622807"] .s-testimonials--slider--img>p{grid-column:2;grid-row:1;margin:0;color:var(--mj-trust-ink);font-size:16px;font-weight:800;line-height:1.7;overflow-wrap:anywhere;} #app section[component-id="109622807"] .testimonial__rating{grid-column:2;grid-row:2;} #app section[component-id="109622807"] .s-rating-stars-wrapper{justify-content:flex-start;gap:3px;} #app section[component-id="109622807"] .s-rating-stars-btn-star{width:17px;height:18px;} #app section[component-id="109622807"] .s-rating-stars-btn-star svg{width:17px;height:18px;} #app section[component-id="109622807"] .swiper-slide p.text-base{margin:20px 0 0!important;text-align:start;min-height:84px;color:var(--mj-trust-ink);font-size:15px;line-height:1.9;overflow-wrap:break-word;} #app section[component-id="109622807"] .testimonial__icon{inset:18px auto auto 18px;color:var(--mj-trust-accent);font-size:24px;opacity:.12;pointer-events:none;} /* Replace only Salla's generic avatar artwork; preserve real photos and alt text. */ #app section[component-id="109622807"] .testimonial__avatar:has(img[data-src*="/assets/images/avatar_"]){background:var(--mj-trust-tint);} #app section[component-id="109622807"] .testimonial__avatar:has(img[data-src*="/assets/images/avatar_"]) img{opacity:0;} #app section[component-id="109622807"] .testimonial__avatar:has(img[data-src*="/assets/images/avatar_"])::before{content:"";position:absolute;inset:12px auto auto 50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:var(--mj-trust-accent);opacity:.8;} #app section[component-id="109622807"] .testimonial__avatar:has(img[data-src*="/assets/images/avatar_"])::after{content:"";position:absolute;inset:auto auto 9px 50%;transform:translateX(-50%);width:32px;height:17px;border-radius:18px 18px 8px 8px;background:var(--mj-trust-accent);opacity:.8;} #app section[component-id="109622807"] .swiper-scrollbar{height:6px;border-radius:6px;background:color-mix(in srgb,var(--mj-trust-accent) 9%,var(--mj-trust-paper));} #app section[component-id="109622807"] .swiper-scrollbar-drag{border-radius:6px;background:var(--mj-trust-accent);} /* The existing slider starts at the leading card; its next card occupies the middle on desktop. */ @media(min-width:768px){ #app section[component-id="109622807"] .swiper-slide>div{opacity:.88;} #app section[component-id="109622807"] .swiper-slide-next>div{opacity:1;transform:translateY(-3px);border-color:color-mix(in srgb,var(--mj-trust-accent) 30%,var(--mj-trust-paper));box-shadow:0 9px 25px color-mix(in srgb,var(--mj-trust-accent) 9%,transparent);} } #app section[component-id="573764625"]{ margin-block:20px 32px;padding:28px 24px;border:1px solid var(--mj-trust-line);border-radius:24px; background:linear-gradient(145deg,var(--mj-trust-tint),var(--mj-trust-paper) 72%); mask-image:none;-webkit-mask-image:none; } #app section[component-id="573764625"]>.container{width:100%;max-width:none;padding:0;} #app section[component-id="573764625"] .s-block__title{margin-bottom:24px;} #app section[component-id="573764625"] h2{color:var(--mj-trust-accent);font-size:clamp(24px,2.2vw,30px);font-weight:800;line-height:1.6;} #app section[component-id="573764625"] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #app section[component-id="573764625"] .angel-feature{ display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:18px;min-width:0;min-height:140px;height:100%;padding:24px; border:1px solid var(--mj-trust-line);border-radius:20px;background:var(--mj-trust-paper);box-shadow:0 4px 16px color-mix(in srgb,var(--mj-trust-accent) 3%,transparent); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } #app section[component-id="573764625"] .angel-feature>div:first-child{width:56px;height:56px;border-radius:18px;background:var(--mj-trust-tint);color:var(--mj-trust-accent);} #app section[component-id="573764625"] .angel-feature i{font-size:30px!important;color:var(--mj-trust-accent);transition:transform .22s ease;} #app section[component-id="573764625"] .angel-feature>div:last-child{align-items:flex-start;min-width:0;margin:0;} #app section[component-id="573764625"] .angel-feature p:first-child{margin:0;color:var(--mj-trust-ink);font-size:clamp(32px,3.3vw,44px);font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;text-align:start;} #app section[component-id="573764625"] .angel-feature p:last-child{margin-block-start:8px;color:var(--mj-trust-ink);opacity:.75;font-size:14px;line-height:1.7;text-align:start;} #app section[component-id="573764625"] .angel-feature p:first-child:empty{display:none;} #app section[component-id="573764625"] .angel-feature>div:last-child:has(>p:first-child:empty)>p:last-child{margin:0;color:var(--mj-trust-accent);opacity:1;font-size:26px;font-weight:800;} @media(hover:hover) and (prefers-reduced-motion:no-preference){ #app section[component-id="109622807"] .swiper-slide>div:hover{transform:translateY(-4px);opacity:1;border-color:color-mix(in srgb,var(--mj-trust-accent) 30%,var(--mj-trust-paper));box-shadow:0 10px 28px color-mix(in srgb,var(--mj-trust-accent) 10%,transparent);} #app section[component-id="109622807"] .s-slider-nav-arrow:not(:disabled):hover{background:var(--mj-trust-accent)!important;color:var(--mj-trust-paper);border-color:var(--mj-trust-accent)!important;} #app section[component-id="573764625"] .angel-feature:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--mj-trust-accent) 30%,var(--mj-trust-paper));box-shadow:0 10px 24px color-mix(in srgb,var(--mj-trust-accent) 8%,transparent);} #app section[component-id="573764625"] .angel-feature:hover i{transform:translateY(-2px);} } @media(max-width:1023px){#app section[component-id="573764625"] .angel-feature{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px 16px;}#app section[component-id="573764625"] .angel-feature>div:first-child{width:48px;height:48px;}} @media(max-width:767px){ #app section[component-id="109622807"]{padding:14px 12px 18px;border-radius:20px;} #app section[component-id="109622807"] .swiper-slide{padding-inline:4px;} #app section[component-id="109622807"] .swiper-slide>div{min-height:240px;padding:22px 18px;border-radius:16px;opacity:1;transform:none;} #app section[component-id="109622807"] .s-slider-block__title-left{gap:12px;} #app section[component-id="573764625"]{padding:24px 16px;border-radius:20px;} #app section[component-id="573764625"] .grid{grid-template-columns:minmax(0,1fr);gap:12px;} #app section[component-id="573764625"] .angel-feature{min-height:112px;padding:20px;grid-template-columns:56px minmax(0,1fr);gap:20px;border-radius:16px;} #app section[component-id="573764625"] .angel-feature>div:first-child{width:56px;height:56px;} #app section[component-id="573764625"] .angel-feature p:first-child{font-size:36px;} } /* A static, readable list prevents the native autoplay from creating visual motion for this preference. */ @media(prefers-reduced-motion:reduce){ #app section[component-id="109622807"] .swiper-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transform:none!important;transition:none!important;} #app section[component-id="109622807"] .swiper-slide{width:100%!important;margin:0!important;padding:0;} #app section[component-id="109622807"] .swiper-slide>div{transform:none!important;opacity:1;transition:none!important;} #app section[component-id="109622807"] :is(.s-slider-block__title-nav,.swiper-scrollbar){display:none!important;} #app section[component-id="573764625"] :is(.angel-feature,.angel-feature i){transform:none!important;transition:none!important;} } @media(prefers-reduced-motion:reduce) and (max-width:1023px){#app section[component-id="109622807"] .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(prefers-reduced-motion:reduce) and (max-width:767px){#app section[component-id="109622807"] .swiper-wrapper{grid-template-columns:minmax(0,1fr);}} /* MJ premium footer — native Malak/Salla content, scoped CSS only. */ #app .store-footer{ --mj-footer-primary:var(--color-primary); --mj-footer-deep:var(--color-primary-dark); --mj-footer-light:var(--color-primary-light); --mj-footer-text:#fff; --mj-footer-muted:rgba(255,255,255,.82); --mj-footer-line:rgba(255,255,255,.16); --footer-bg:var(--mj-footer-deep); position:relative;isolation:isolate; margin-top:48px;border:0;border-radius:28px 28px 0 0; background:var(--mj-footer-deep);color:var(--mj-footer-text); } #app .store-footer::after{ content:"";position:absolute;inset-block-start:0;inset-inline:24px;height:2px; background:linear-gradient(90deg,transparent,var(--mj-footer-light),#ffffff99,var(--mj-footer-light),transparent); pointer-events:none;z-index:2; } #app .store-footer .store-footer__inner{ position:relative;isolation:isolate;overflow:clip;border-radius:inherit; background:linear-gradient(118deg,var(--mj-footer-deep) 12%,var(--mj-footer-primary) 100%)!important; color:var(--mj-footer-text); } #app .store-footer .store-footer__inner::before{ content:"";position:absolute;inset:-15%;z-index:-1;pointer-events:none; background:radial-gradient(ellipse at 18% 30%,#ffffff16 0%,transparent 46%),radial-gradient(ellipse at 80% 85%,var(--mj-footer-light) 0%,transparent 55%); opacity:.58;transform:translate3d(-1%,0,0) scale(1.02); animation:mj-footer-light-drift 28s ease-in-out infinite alternate; } @keyframes mj-footer-light-drift{ from{transform:translate3d(-1%,0,0) scale(1.02);opacity:.48;} to{transform:translate3d(2%,1%,0) scale(1.05);opacity:.65;} } #app .store-footer .store-footer__inner>.container{ position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto; width:calc(100% - 64px);max-width:1240px;margin-inline:auto; padding:0;text-align:start; } #app .store-footer .to-top{ grid-column:2;grid-row:1;border:0!important;overflow:visible; justify-content:flex-end;align-items:center; } #app .store-footer .to-top>a{ min-height:44px;height:auto;padding:10px 16px;margin:0;gap:10px; color:var(--mj-footer-text);border:1px solid var(--mj-footer-line); border-radius:12px;background:#ffffff08;font-size:13px; transition:background-color .2s ease,border-color .2s ease; } #app .store-footer .to-top .icon{font-size:16px;transition:transform .2s ease;} #app .store-footer .footer-top{ grid-column:1;grid-row:1;padding:18px 0;border:0!important; justify-content:flex-start!important;align-items:center; } #app .store-footer .s-social-list{gap:10px;flex-wrap:wrap;justify-content:flex-start;} #app .store-footer .s-social-link a{ width:44px;height:44px;min-width:44px;padding:0; color:var(--mj-footer-text);background:#ffffff0c; border:1px solid var(--mj-footer-line)!important;border-radius:13px; transition:transform .2s ease,background-color .2s ease,border-color .2s ease; } #app .store-footer .s-social-icon{display:flex;align-items:center;justify-content:center;color:inherit;} #app .store-footer .s-social-icon svg{width:19px;height:19px;fill:currentColor;} #app .store-footer .footer-middle{ grid-column:1 / -1;display:grid; grid-template-columns:1.25fr 1.1fr 1fr 1.05fr;gap:28px; padding:34px 0;align-items:start!important; border-top:1px solid var(--mj-footer-line);border-bottom:1px solid var(--mj-footer-line); text-align:start; } #app .store-footer .footer-middle>div{min-width:0;align-items:flex-start;text-align:start;} #app .store-footer .footer-profile{ width:100%;max-width:none!important;padding:22px; border:1px solid var(--mj-footer-line);border-radius:20px;background:#ffffff08; } #app .store-footer .logo-footer{ width:fit-content;max-width:100%;justify-content:center;align-self:flex-start; padding:13px 18px;background:#fff;border:1px solid #ffffffb3;border-radius:14px; transition:box-shadow .2s ease; } #app .store-footer .logo-footer img{max-width:100%;object-fit:contain;} #app .store-footer .footer-description{ margin:16px 0 0;font-size:14px;line-height:1.95; color:var(--mj-footer-muted);text-align:start;overflow-wrap:anywhere; } #app .store-footer :is(.footer-title,.s-contacts-title){ color:var(--mj-footer-text);font-size:17px;font-weight:800;line-height:1.5; text-align:start;margin:4px 0 15px; } #app .store-footer .menu-list{width:100%;} #app .store-footer .footer-list{display:flex;flex-direction:column;align-items:flex-start;gap:3px;} #app .store-footer .footer-list a{ position:relative;display:flex;align-items:center;min-height:44px;max-width:100%; margin:0;padding:6px 0;color:var(--mj-footer-muted);font-size:14px;line-height:1.6; text-align:start;overflow-wrap:anywhere;transition:color .2s ease; } #app .store-footer .footer-list a::after{ content:"";position:absolute;inset-inline:0;inset-block-end:5px;height:1px; background:currentColor;transform:scaleX(0);transform-origin:right center; transition:transform .2s ease;pointer-events:none; } #app .store-footer :is(.s-contacts,.s-contacts-list,#contact-slot){width:100%;} #app .store-footer .s-contacts-list{justify-content:flex-start;} #app .store-footer .s-contacts-item{ display:flex;gap:10px;align-items:center;justify-content:flex-start; width:fit-content;max-width:100%;min-height:48px;padding:10px 12px; border:1px solid var(--mj-footer-line);border-radius:13px; color:var(--mj-footer-text);background:#ffffff0c; transition:background-color .2s ease,border-color .2s ease; } #app .store-footer .s-contacts-icon{width:24px;height:24px;flex:0 0 24px;color:inherit;} #app .store-footer .s-contacts-icon svg{width:24px;height:24px;fill:currentColor;} #app .store-footer .s-contacts-item .unicode{ display:inline-block!important;direction:ltr;unicode-bidi:isolate; color:var(--mj-footer-text);font-size:14px;line-height:1.4; } #app .store-footer .footer-vat{ width:100%;padding:18px 16px;gap:12px;border:1px solid #ffffffb3; border-radius:18px;background:#fff;color:var(--main-text-color-dark); } #app .store-footer .s-trust-badges-wrapper{gap:12px;min-width:0;text-align:start;color:var(--main-text-color-dark);} #app .store-footer .s-trust-badges-image{width:48px;height:48px;object-fit:contain;flex:0 0 48px;} #app .store-footer .s-trust-badges-label{color:var(--main-text-color-dark);font-size:13px;line-height:1.6;} #app .store-footer .s-trust-badges-number{ display:inline-block;color:var(--mj-footer-deep);direction:ltr;unicode-bidi:isolate; font-size:13px;font-weight:700;line-height:1.8;overflow-wrap:anywhere; } #app .store-footer .footer-bottom{ grid-column:1 / -1;display:flex;flex-direction:row;justify-content:space-between;align-items:center; gap:20px;padding:22px 0 26px; } #app .store-footer .s-payments-list{gap:8px;flex-wrap:wrap;align-items:center;} #app .store-footer .s-payments-list-item{ width:58px;height:38px;padding:5px 7px;margin:0;border-radius:8px; border:1px solid #ffffffb3;background:#fff; transition:transform .2s ease,box-shadow .2s ease; } #app .store-footer .s-payments-list-item img{width:100%;height:100%;object-fit:contain;} #app .store-footer .copyrights{opacity:1;color:var(--mj-footer-muted);font-size:13px;line-height:1.8;} #app .store-footer .copyrights p{margin:0;color:var(--mj-footer-muted);} #app .store-footer .copyrights a{color:#fff;text-decoration:underline;text-underline-offset:4px;} #app .store-footer a:focus-visible{ outline:3px solid #fff;outline-offset:4px;border-radius:7px; } #app .store-footer .logo-footer:focus-visible{outline-color:var(--mj-footer-light);box-shadow:0 0 0 7px #fff;} #app .store-footer .footer-list a:focus-visible{color:#fff;} #app .store-footer .footer-list a:focus-visible::after{transform:scaleX(1);} @media(hover:hover){ #app .store-footer .footer-list a:hover{color:#fff;} #app .store-footer .footer-list a:hover::after{transform:scaleX(1);} #app .store-footer :is(.s-social-link a,.s-contacts-item,.to-top>a):hover{background:#ffffff1c;border-color:#ffffff66;} #app .store-footer .s-social-link a:hover{transform:translateY(-2px);} #app .store-footer .to-top>a:hover .icon{transform:translateY(-2px);} #app .store-footer .logo-footer:hover{box-shadow:0 4px 18px #ffffff18;} #app .store-footer .s-payments-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000012;} } @media(max-width:1023px){ #app .store-footer .footer-middle{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;} #app .store-footer .footer-profile{max-width:none;} } @media(max-width:767px){ #app .store-footer{margin-top:32px;border-radius:22px 22px 0 0;} #app .store-footer .store-footer__inner>.container{width:calc(100% - 40px);} #app .store-footer .footer-top{padding:18px 0;} #app .store-footer .to-top>a{padding:10px 12px;gap:7px;font-size:12px;} #app .store-footer .s-social-list{gap:8px;} #app .store-footer .s-social-link a{width:42px;height:44px;min-width:42px;} #app .store-footer .footer-middle{grid-template-columns:minmax(0,1fr);gap:26px;padding:26px 0;} #app .store-footer .footer-profile{padding:20px;} #app .store-footer .footer-description{max-width:36ch;} #app .store-footer .footer-list a{min-height:44px;} #app .store-footer .footer-vat{width:fit-content;max-width:100%;} #app .store-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 0;} #app .store-footer .s-payments-list{justify-content:flex-start;} } @media(max-width:359px){ #app .store-footer .store-footer__inner>.container{width:calc(100% - 32px);} #app .store-footer .s-social-list{gap:5px;} #app .store-footer .to-top>a{padding-inline:8px;gap:4px;} } @media(prefers-reduced-motion:reduce){ #app .store-footer .store-footer__inner::before{animation:none;transform:none;opacity:.55;} #app .store-footer :is(a,.icon,.s-payments-list-item), #app .store-footer .footer-list a::after{transition:none!important;} #app .store-footer :is(.s-social-link a,.to-top .icon,.s-payments-list-item){transform:none!important;} } /* MJ purchase UI — native Salla components, mobile first. */ #app .store-header .header-inner{ background:linear-gradient(115deg,#fff 65%,#faf8ff)!important; border-bottom:1px solid #e9e2f3;box-shadow:0 3px 14px #2e0c570a; } #app .store-header .fixed-header>.header-inner{box-shadow:0 6px 22px #2e0c5714;} #app .store-header .header-btn,#app .store-header .mburger{ min-width:44px;min-height:44px;align-items:center;justify-content:center; border-radius:13px;transition:background-color .18s ease,transform .15s ease; } #app .store-header .mburger{display:inline-flex;} #app .store-header .navbar-brand{animation:none!important;} #app .store-header .navbar-brand img{ animation:mj-logo-in .55s ease-out both;transition:transform .2s ease; } #app .store-header .header-cart .s-cart-summary-wrapper{ position:relative;display:flex;align-items:center;justify-content:center; width:44px;height:44px;margin:0;border:1px solid #e8dff4;border-radius:14px; background:#f7f3fc;transition:background-color .18s ease,transform .15s ease,box-shadow .18s ease; } #app .store-header .header-cart [slot="icon"]{ background:transparent;border:0;width:42px;height:42px;min-width:0;min-height:0;padding:0; } #app .store-header .header-cart [slot="icon"] i{font-size:21px;color:var(--color-primary)!important;} #app .store-header .s-cart-summary-count{ position:absolute;inset:-5px -5px auto auto;min-width:19px;height:19px;padding:0 4px; display:flex;align-items:center;justify-content:center;line-height:1;font-size:11px;font-weight:800; color:#fff;background:var(--color-primary);border:2px solid #fff;border-radius:99px; } #app .store-header .header-btn:active,#app .store-header .mburger:active, #app .store-header .s-cart-summary-wrapper:active{transform:scale(.97);background:#f1eafa;} #app .store-header :is(a,button):focus-visible{ outline:3px solid var(--color-primary-light);outline-offset:3px; } /* Style only the main native add button; checkout widgets keep their native behavior. */ #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element{ position:relative;min-height:44px;border:1px solid var(--color-primary);border-radius:12px; padding:10px 16px;font-family:var(--font-main);font-size:14px;font-weight:700;line-height:1.4; color:#fff;background:linear-gradient(115deg,var(--color-primary-light),var(--color-primary) 64%); box-shadow:0 4px 10px #3e14981a; transition:transform .15s ease,box-shadow .18s ease,background-color .18s ease; } #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element .s-button-text{ display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap; } #app .product-form salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element{min-height:48px;font-size:15px;} #app custom-salla-product-card.s-product-card-entry salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element{padding-inline:6px;font-size:13px;} #app custom-salla-product-card salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element .s-button-text>i{display:none;} #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element:not(:disabled):not([loading]):active{transform:scale(.97);box-shadow:0 2px 5px #3e149818;} #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px;} #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element:disabled{box-shadow:none;} #app .product-form .sticky-product-bar{ border-top:1px solid #e8dff4;box-shadow:0 -5px 20px #3212670d; padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)); } #app .product-form .sticky-product-bar salla-mini-checkout-widget{ --salla-fast-checkout-button-height:48px; --salla-fast-checkout-button-width:100%; --salla-fast-checkout-button-border-radius:12px!important; } #app .product-form .sticky-product-bar .s-quantity-input-container{height:44px;border-radius:12px;} #app .product-form .sticky-product-bar .s-quantity-input-container button{min-height:44px;min-width:44px;} body.product-single.is-sticky-product-bar{padding-bottom:calc(128px + env(safe-area-inset-bottom,0px));} body.product-single.is-sticky-product-bar.is-bottom-header{padding-bottom:calc(192px + env(safe-area-inset-bottom,0px));} /* Official item-added event toggles these presentation-only classes. */ #app .mj-cart-added .s-cart-summary-wrapper{animation:mj-cart-confirm .36s ease-out;} #app .mj-cart-added .s-cart-summary-count{animation:mj-badge-confirm .3s ease-out;} #app :is(custom-salla-product-card,.product-form) salla-add-product-button.mj-added>div>salla-button>.s-button-element:not([loading]) .s-button-text{opacity:0;} #app :is(custom-salla-product-card,.product-form) salla-add-product-button.mj-added>div>salla-button>.s-button-element:not([loading])::after{ content:"✓ تمت الإضافة";position:absolute;inset:0;display:flex;align-items:center;justify-content:center; font-size:12px;white-space:nowrap;pointer-events:none; } .mj-purchase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} @media(max-width:767px){ #app .store-header .header-container{width:calc(100% - 24px);padding-inline:0;} #app .store-header .header-container>.flex{ display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;min-height:64px; } #app .store-header .header-container>.flex>div{width:auto;min-width:0;} #app .store-header .header-container>.flex>div:first-child, #app .store-header .header-container>.flex>div:last-child{gap:0;} #app .store-header .header-btn,#app .store-header .mburger{width:44px;height:44px;margin:0;padding:8px;} #app .store-header .navbar-brand{max-width:112px;width:100%;padding:4px;margin-block:0;display:flex;justify-content:center;} #app .store-header .navbar-brand img{width:auto!important;height:auto!important;max-width:100%;max-height:40px;object-fit:contain;} #app .product-form .sticky-product-bar>.container{padding-inline:0;gap:8px;} #app .product-form .sticky-product-bar salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element{padding:10px 7px;font-size:13px;} /* Salla's mobile button already has an Arabic label; reveal its native text. */ #app .product-form .sticky-product-bar .s-button-text>.s-add-product-button-sr-only{ position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important; clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:nowrap!important; } #app .product-form .sticky-product-bar salla-add-product-button>div>salla-button .s-button-text>svg{display:none;} } @media(max-width:359px){ #app .store-header .header-btn,#app .store-header .mburger{width:40px;min-width:40px;padding:7px;} #app .store-header .header-cart [slot="icon"]{width:42px;min-width:0;} #app .product-form .sticky-product-bar salla-add-product-button.mj-added>div>salla-button>.s-button-element:not([loading])::after{content:"✓ أضيف";} } @media(hover:hover){ #app .store-header .header-btn:hover,#app .store-header .mburger:hover{background:#f7f3fc;} #app .store-header .s-cart-summary-wrapper:hover{background:#f0e8fa;box-shadow:0 3px 9px #3e149812;} #app .store-header .navbar-brand:hover img{transform:scale(1.02);} #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element:not(:disabled):not([loading]):hover{box-shadow:0 6px 15px #3e14982a;} } @keyframes mj-logo-in{from{opacity:0;transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes mj-cart-confirm{0%,100%{transform:scale(1)}45%{transform:scale(1.08)}} @keyframes mj-badge-confirm{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}} @media(prefers-reduced-motion:reduce){ #app .store-header .navbar-brand img,#app .mj-cart-added .s-cart-summary-wrapper,#app .mj-cart-added .s-cart-summary-count{animation:none!important;} #app .store-header :is(.header-btn,.mburger,.navbar-brand img,.s-cart-summary-wrapper), #app :is(custom-salla-product-card,.product-form) salla-add-product-button[product-status="sale"]>div>salla-button>.s-button-element{transition:none!important;transform:none!important;} #app .product-form .sticky-product-bar{transition:none!important;} }