.matjrah-wheel{--mw-c1:#f2d487;--mw-c2:#0f8057;--mw-c3:#d0ae55;--mw-c4:#0a6847;--mw-c5:#efd993;--mw-c6:#12825a;--mw-t1:#10271f;--mw-t2:#fff;--mw-t3:#10271f;--mw-t4:#fff;--mw-t5:#10271f;--mw-t6:#fff;--mw-spoke:rgba(255,249,232,.9);--mw-ink:#10271f;--mw-green:#075c3b;--mw-green-2:#0b7650;--mw-gold:#d4b461;--mw-sand:#f7efd9;--mw-paper:#fffdf7;--mw-line:#dccb9c;font-family:inherit;position:relative;z-index:9998}
.matjrah-wheel *{box-sizing:border-box}.matjrah-wheel [hidden]{display:none!important}.matjrah-wheel[dir=rtl]{text-align:right}
.matjrah-wheel__launcher{align-items:center;background:var(--mw-green);border:1px solid rgba(255,255,255,.18);border-radius:999px;bottom:24px;box-shadow:0 16px 42px rgba(7,92,59,.35);color:#fff;cursor:pointer;display:flex;font:850 15px/1 inherit;gap:9px;inset-inline-end:24px;padding:15px 21px;position:fixed;transition:transform .2s ease,box-shadow .2s ease,opacity .18s ease,visibility .18s ease;z-index:2}.matjrah-wheel__launcher:hover{box-shadow:0 18px 48px rgba(7,92,59,.45);transform:translateY(-2px)}.matjrah-wheel.has-popup-open .matjrah-wheel__launcher{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}
.matjrah-wheel__autoapply{align-items:center;background:rgba(11,118,80,.08);border:1px solid rgba(11,118,80,.18);border-radius:12px;color:#0a5c3e;display:flex;font-size:13.5px;font-weight:850;gap:9px;line-height:1.5;margin:16px 0 0;max-width:390px;padding:11px 13px}.matjrah-wheel__autoapply i{flex:0 0 auto;font-size:15px;font-style:normal;line-height:1}@media(max-width:680px){.matjrah-wheel__autoapply{font-size:12.5px;margin-top:13px;padding:10px 12px}}.matjrah-wheel__launcher span{color:#f1d27f;font-size:19px}
.matjrah-wheel__backdrop{backdrop-filter:blur(5px);background:rgba(6,20,15,.68);inset:0;opacity:0;position:fixed;transition:opacity .25s ease;z-index:3}.matjrah-wheel.is-open .matjrah-wheel__backdrop{opacity:1}
.matjrah-wheel__dialog{align-items:stretch;background:var(--mw-paper);border:1px solid rgba(212,180,97,.68);border-radius:30px;box-shadow:0 40px 120px rgba(0,22,14,.42);display:grid;grid-template-columns:minmax(470px,1.12fr) minmax(350px,.88fr);inset:50% auto auto 50%;max-height:calc(100svh - 48px);max-width:1040px;min-height:min(600px,calc(100svh - 48px));overflow:auto;opacity:0;overflow:hidden;position:fixed;transform:translate(-50%,-46%) scale(.96);transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1);width:calc(100% - 48px);z-index:4}.matjrah-wheel.is-open .matjrah-wheel__dialog{opacity:1;transform:translate(-50%,-50%) scale(1)}
.matjrah-wheel__dialog:before{background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 38%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.035) 22px 23px);content:"";inset:0 50% 0 0;pointer-events:none;position:absolute}.matjrah-wheel[dir=rtl] .matjrah-wheel__dialog:before{inset:0 0 0 50%}
.matjrah-wheel__close{align-items:center;background:rgba(16,39,31,.07);border:0;border-radius:50%;color:#455c53;cursor:pointer;display:flex;font-size:25px;height:42px;inset-inline-end:20px;justify-content:center;line-height:1;padding:0;position:absolute;top:20px;transition:background .15s ease,transform .15s ease;width:42px;z-index:8}.matjrah-wheel__close:hover{background:rgba(16,39,31,.13);transform:rotate(5deg)}
.matjrah-wheel__visual{align-items:center;background:linear-gradient(145deg,#064b34,#08714a);display:flex;justify-content:center;min-height:min(600px,calc(100svh - 48px));overflow:hidden;padding:94px 54px 48px;position:relative}.matjrah-wheel__visual:before,.matjrah-wheel__visual:after{border:1px solid rgba(241,210,127,.25);content:"";height:360px;position:absolute;transform:rotate(45deg);width:360px}.matjrah-wheel__visual:before{left:-230px;top:-210px}.matjrah-wheel__visual:after{bottom:-250px;right:-190px}
.matjrah-wheel__national-mark{align-items:flex-start;color:#fff;display:flex;gap:10px;inset-inline-start:32px;position:absolute;top:27px;z-index:4}.matjrah-wheel__national-mark small{font-size:10px;font-weight:900;letter-spacing:.13em;max-width:90px;text-transform:uppercase}.matjrah-wheel__national-mark b{color:#f2d487;direction:ltr;font-size:44px;font-weight:950;line-height:.82}.matjrah-wheel__national-mark em{border-inline-start:1px solid rgba(255,255,255,.3);color:#f5e6ba;font-size:9px;font-style:normal;margin-inline-start:2px;padding-inline-start:11px}
.matjrah-wheel__wheel{max-width:410px;position:relative;width:100%;z-index:2}.matjrah-wheel__wheel:after{border:2px solid rgba(243,215,126,.78);border-radius:50%;content:"";inset:-20px;opacity:0;pointer-events:none;position:absolute;transform:scale(.88);z-index:-1}.matjrah-wheel__disc{--mw-n:6;--mw-r:148px;aspect-ratio:1;background:repeating-conic-gradient(from calc(-180deg/var(--mw-n) - .7deg),var(--mw-spoke,transparent) 0 1.4deg,transparent 1.4deg calc(360deg/var(--mw-n))),conic-gradient(from calc(-180deg/var(--mw-n)),var(--mw-c1) 0 calc(360deg/var(--mw-n)),var(--mw-c2) 0 calc(720deg/var(--mw-n)),var(--mw-c3) 0 calc(1080deg/var(--mw-n)),var(--mw-c4) 0 calc(1440deg/var(--mw-n)),var(--mw-c5) 0 calc(1800deg/var(--mw-n)),var(--mw-c6) 0 calc(2160deg/var(--mw-n)));border:13px solid #fff9e8;border-radius:50%;box-shadow:0 0 0 5px #b8953e,0 0 0 12px rgba(255,249,232,.19),0 28px 60px rgba(0,24,15,.35);position:relative;transition:filter .25s ease;width:100%;z-index:2;will-change:transform}.matjrah-wheel__disc:before{border:5px dotted #f8e9b7;border-radius:50%;content:"";inset:-11px;position:absolute;transform:rotate(7deg)}
.matjrah-wheel__pointer{background:#fff5d2;clip-path:polygon(7% 0,93% 0,78% 56%,50% 100%,22% 56%);filter:drop-shadow(0 4px 2px rgba(0,0,0,.22));height:42px;left:50%;position:absolute;top:-35px;transform:translateX(-50%);transform-origin:50% 8px;width:36px;z-index:9}.matjrah-wheel__pointer.is-ticking{animation:matjrah-wheel-pointer-tick .11s ease-out}
.matjrah-wheel__hub b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matjrah-wheel__hub{transform:rotate(var(--mw-label-spin,0deg));align-items:center;background:#fffaf0;border:5px solid rgba(184,149,62,.42);border-radius:50%;box-shadow:0 10px 28px rgba(0,30,18,.2);display:flex;flex-direction:column;height:24%;justify-content:center;left:38%;line-height:1.15;overflow:hidden;padding:4px;position:absolute;text-align:center;top:38%;width:24%;z-index:5}.matjrah-wheel__hub small{color:#8d7335;font-size:10px;font-weight:950;letter-spacing:.04em}.matjrah-wheel__hub b{color:var(--mw-green);direction:ltr;font-size:19px;font-weight:950;line-height:1.3;margin-top:1px}
.matjrah-wheel__segment{align-items:center;color:#fff;display:flex;flex-direction:column;font-style:normal;left:50%;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.18);top:50%;transform-origin:50% 50%;z-index:3}.matjrah-wheel__segment--1{color:var(--mw-t1,#fff)}.matjrah-wheel__segment--2{color:var(--mw-t2,#fff)}.matjrah-wheel__segment--3{color:var(--mw-t3,#fff)}.matjrah-wheel__segment--4{color:var(--mw-t4,#fff)}.matjrah-wheel__segment--5{color:var(--mw-t5,#fff)}.matjrah-wheel__segment--6{color:var(--mw-t6,#fff)}.matjrah-wheel__segment{--mw-a:calc(360deg/var(--mw-n,6)*var(--mw-i,0));transform:translate(-50%,-50%) rotate(var(--mw-a)) translate(0,calc(-1*var(--mw-r,148px))) rotate(calc(-1*var(--mw-a))) rotate(var(--mw-label-spin,0deg))}.matjrah-wheel__segment b{direction:ltr;font-size:17px;font-weight:950;line-height:1}.matjrah-wheel__segment small{font-size:11px;font-weight:900;letter-spacing:.04em;margin-top:2px}
.matjrah-wheel__segment--shipping b{direction:inherit;font-size:14px}.matjrah-wheel__segment--shipping small{font-size:11px}
.matjrah-wheel__sparkles i{background:#f3d77e;border-radius:2px;height:7px;position:absolute;transform:rotate(45deg);width:7px}.matjrah-wheel__sparkles i:nth-child(1){left:9%;top:29%}.matjrah-wheel__sparkles i:nth-child(2){left:15%;top:65%}.matjrah-wheel__sparkles i:nth-child(3){right:12%;top:23%}.matjrah-wheel__sparkles i:nth-child(4){right:8%;top:68%}.matjrah-wheel__sparkles i:nth-child(5){left:26%;top:17%}.matjrah-wheel__sparkles i:nth-child(6){bottom:12%;left:31%}.matjrah-wheel__sparkles i:nth-child(7){right:26%;top:14%}.matjrah-wheel__sparkles i:nth-child(8){bottom:15%;right:27%}.matjrah-wheel__sparkles i:nth-child(9){height:4px;left:7%;top:49%;width:4px}
.matjrah-wheel__content{align-self:center;padding:72px 52px 52px;position:relative;z-index:2}.matjrah-wheel__eyebrow{color:#9a792d;display:block;font-size:11px;font-weight:950;letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.matjrah-wheel__content h2{color:var(--mw-ink);font-size:46px;font-weight:950;letter-spacing:-.045em;line-height:1.02;margin:0 0 18px;max-width:390px}.matjrah-wheel[dir=rtl] .matjrah-wheel__content h2{letter-spacing:0;line-height:1.15}.matjrah-wheel__content>p,.matjrah-wheel__result>p{color:#64736d;font-size:16px;line-height:1.65;margin:0 0 25px;max-width:390px}
.matjrah-wheel form label{display:block;width:100%}.matjrah-wheel form label>span{color:var(--mw-ink);display:block;font-size:12px;font-weight:850;margin-bottom:8px}.matjrah-wheel input{background:#fff;border:1px solid #d7d9d3;border-radius:13px;direction:ltr;font:700 16px inherit;min-height:54px;outline:0;padding:12px 15px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.matjrah-wheel input:focus{border-color:var(--mw-green-2);box-shadow:0 0 0 4px rgba(11,118,80,.1)}
.matjrah-wheel form button,.matjrah-wheel__action{align-items:center;background:var(--mw-green);border:0;border-radius:13px;box-shadow:0 10px 24px rgba(7,92,59,.2);color:#fff;cursor:pointer;display:flex;font:900 15px/1 inherit;justify-content:center;margin-top:11px;min-height:54px;padding:16px;text-align:center;text-decoration:none;transition:background .16s ease,transform .16s ease;width:100%}.matjrah-wheel form button:hover,.matjrah-wheel__action:hover{background:#06482f;transform:translateY(-1px)}.matjrah-wheel form button:disabled{cursor:wait;opacity:.65;transform:none}.matjrah-wheel form>small{color:#87928d;display:block;font-size:10px;font-weight:650;margin-top:12px;text-align:center}
.matjrah-wheel__privacy{align-items:center;color:#78857f;display:flex;font-size:10px;gap:6px;justify-content:center;margin-top:17px}.matjrah-wheel__privacy i{align-items:center;background:#e6f2ec;border-radius:50%;color:var(--mw-green);display:flex;font-style:normal;height:17px;justify-content:center;width:17px}
.matjrah-wheel__urgency{align-items:center;background:#f8f3e6;border:1px solid rgba(185,156,82,.52);border-radius:12px;display:flex;justify-content:space-between;margin:17px 0 7px;padding:12px 14px}.matjrah-wheel__urgency span{color:#6f735e;font-size:11px;font-weight:800}.matjrah-wheel__urgency strong{color:#a51d3d;direction:ltr;font-size:19px;font-variant-numeric:tabular-nums;font-weight:950;letter-spacing:.035em}.matjrah-wheel__result h3{color:var(--mw-green);font-size:29px;font-weight:950;margin:0 0 10px}
.matjrah-wheel--national_day_96 .matjrah-wheel__dialog{background:#fffdf4;direction:ltr;grid-template-columns:minmax(500px,1.08fr) minmax(380px,.92fr)}
.matjrah-wheel--national_day_96 .matjrah-wheel__dialog:before,.matjrah-wheel--national_day_96[dir=rtl] .matjrah-wheel__dialog:before{background:linear-gradient(180deg,#0a8b58,#d4b461);height:auto;inset:0 auto 0 0;inset-inline-start:0;inset-inline-end:auto;opacity:.85;transform:none;width:4px;z-index:6}
.matjrah-wheel--national_day_96 .matjrah-wheel__visual{background:radial-gradient(circle at 50% 46%,#0b6b45 0,#075c3b 58%,#04412b 100%);border-inline-end:0;min-height:min(620px,calc(100svh - 48px));padding:104px 48px 52px}
.matjrah-wheel--national_day_96 .matjrah-wheel__visual:before,.matjrah-wheel--national_day_96 .matjrah-wheel__visual:after{display:none}
.matjrah-wheel--national_day_96 .matjrah-wheel__visual:before{background:linear-gradient(90deg,#0a8b58 0 25%,transparent 25% 50%,#d4b461 50% 75%,transparent 75%) 0 0/32px 32px;left:18px;top:28px}
.matjrah-wheel--national_day_96 .matjrah-wheel__visual:after{background:linear-gradient(90deg,#d4b461 0 25%,transparent 25% 50%,#0a8b58 50% 75%,transparent 75%) 0 0/32px 32px;bottom:24px;right:18px}
.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark{align-items:center;color:#075c3b;direction:rtl;gap:12px;inset:auto;left:50%;top:27px;transform:translateX(-50%);white-space:nowrap}
.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark small{background:#075c3b;border-radius:999px;color:#fff;font-size:10px;letter-spacing:0;max-width:none;padding:7px 12px}
.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark b{color:#a51d3d;font-size:47px;text-shadow:0 2px 0 #fff}
.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark em{border-inline-start-color:rgba(7,92,59,.3);color:#075c3b;font-size:12px;font-weight:900;padding-inline-start:12px}
.matjrah-wheel--national_day_96 .matjrah-wheel__disc{--mw-r:131px;--mw-t1:#fffdf4;--mw-t2:#0a3c28;--mw-t3:#fffdf4;--mw-t4:#0a3c28;--mw-t5:#fffdf4;--mw-t6:#0a3c28;--mw-c1:#075c3b;--mw-c2:#fffdf4;--mw-c3:#a51d3d;--mw-c4:#e8cc84;--mw-c5:#0a8b58;--mw-c6:#f7efd9;--mw-spoke:#d9bd6e;border:15px solid #f7efd7;box-shadow:0 0 0 6px #a88436,0 0 0 15px #ead79c,0 26px 45px rgba(5,74,45,.23)}
.matjrah-wheel--national_day_96 .matjrah-wheel__disc:before{border:6px dotted #fff;border-radius:50%;inset:-14px;transform:rotate(4deg)}
.matjrah-wheel--national_day_96 .matjrah-wheel__pointer{background:#a51d3d;filter:drop-shadow(0 4px 2px rgba(85,11,28,.2))}
.matjrah-wheel--national_day_96 .matjrah-wheel__segment{background:none;border:0;border-radius:0;box-shadow:none;min-width:0;padding:0;text-shadow:none;transform-origin:50% 50%}

.matjrah-wheel--national_day_96 .matjrah-wheel__segment b{font-size:22px}
.matjrah-wheel--national_day_96 .matjrah-wheel__segment small{font-size:12px;font-weight:800;letter-spacing:0;margin-top:2px;opacity:.92}

.matjrah-wheel--national_day_96 .matjrah-wheel__hub{background:#fffdf4;border:5px solid #a51d3d;box-shadow:0 0 0 3px #fff,0 8px 20px rgba(61,12,24,.25);height:24%;left:38%;top:38%;width:24%}
.matjrah-wheel--national_day_96 .matjrah-wheel__hub small{color:#997a31;font-size:10px;letter-spacing:0;line-height:1.3}
.matjrah-wheel--national_day_96 .matjrah-wheel__hub b{font-size:15px;line-height:1.35;margin-top:0}
.matjrah-wheel--national_day_96 .matjrah-wheel__content{align-self:center;background:#fffdf4;padding:76px 58px 54px}.matjrah-wheel--national_day_96[dir=rtl] .matjrah-wheel__content{direction:rtl;text-align:right}.matjrah-wheel--national_day_96[dir=ltr] .matjrah-wheel__content{direction:ltr;text-align:left}
.matjrah-wheel--national_day_96 .matjrah-wheel__eyebrow{align-items:center;color:#a51d3d;display:flex;font-size:12px;gap:9px;letter-spacing:0;margin-bottom:17px}
.matjrah-wheel--national_day_96 .matjrah-wheel__eyebrow:before{background:#a51d3d;content:"";height:3px;width:25px}
.matjrah-wheel--national_day_96 .matjrah-wheel__content h2{color:#078653;font-size:54px;line-height:1.2;margin-bottom:16px}
.matjrah-wheel--national_day_96 .matjrah-wheel__content>p,.matjrah-wheel--national_day_96 .matjrah-wheel__result>p{color:#395c4d;font-size:17px;line-height:1.8}
.matjrah-wheel--national_day_96 form button,.matjrah-wheel--national_day_96 .matjrah-wheel__action{background:#08764d;border-radius:14px;box-shadow:0 8px 20px rgba(7,92,59,.22);font-size:17px;margin-bottom:10px}
.matjrah-wheel--national_day_96 form button:hover,.matjrah-wheel--national_day_96 .matjrah-wheel__action:hover{background:#06482f;box-shadow:0 10px 24px rgba(7,92,59,.28);transform:translateY(-1px)}
.matjrah-wheel--midnight_gold{--mw-ink:#111c37;--mw-green:#0b1732;--mw-green-2:#172b52;--mw-gold:#d9b85d;--mw-paper:#f9f4e7}.matjrah-wheel--midnight_gold .matjrah-wheel__dialog{background:#f9f4e7;border-color:#d0ae55}.matjrah-wheel--midnight_gold .matjrah-wheel__visual{background:radial-gradient(circle at 50% 45%,#203764 0,#0b1732 62%,#060d1d 100%)}.matjrah-wheel--midnight_gold .matjrah-wheel__visual:before,.matjrah-wheel--midnight_gold .matjrah-wheel__visual:after{border-color:rgba(232,199,111,.2);border-radius:50%}.matjrah-wheel--midnight_gold .matjrah-wheel__national-mark b{display:none}.matjrah-wheel--midnight_gold .matjrah-wheel__national-mark small{color:#f2d683;font-size:11px;max-width:160px}.matjrah-wheel--midnight_gold .matjrah-wheel__national-mark em{display:none}.matjrah-wheel--midnight_gold .matjrah-wheel__disc{--mw-t1:#fff;--mw-t2:#0b1732;--mw-t3:#fff;--mw-t4:#0b1732;--mw-t5:#fff;--mw-t6:#fff;--mw-c1:#0b1732;--mw-c2:#d8b451;--mw-c3:#1a315c;--mw-c4:#f0dc9c;--mw-c5:#b9882c;--mw-c6:#203764;--mw-spoke:rgba(255,248,229,.85);border-color:#fff8e5;box-shadow:0 0 0 5px #a97f2e,0 0 0 12px rgba(238,210,132,.19),0 28px 60px rgba(0,0,0,.38)}.matjrah-wheel--midnight_gold .matjrah-wheel__hub{background:#0b1732;border-color:#d9b85d}.matjrah-wheel--midnight_gold .matjrah-wheel__hub small{color:#d9b85d}.matjrah-wheel--midnight_gold .matjrah-wheel__hub b{color:#fff5d1}.matjrah-wheel--midnight_gold .matjrah-wheel__eyebrow{color:#a47b25}.matjrah-wheel--midnight_gold form button,.matjrah-wheel--midnight_gold .matjrah-wheel__action{background:#0b1732;box-shadow:0 10px 24px rgba(11,23,50,.25)}
.matjrah-wheel--confetti_pop{--mw-ink:#2d2041;--mw-green:#5e2bd5;--mw-green-2:#7448de;--mw-gold:#ffbd3e;--mw-paper:#fff7eb}.matjrah-wheel--confetti_pop .matjrah-wheel__dialog{background:#fff7eb;border-color:#ffc8ba}.matjrah-wheel--confetti_pop .matjrah-wheel__visual{background:radial-gradient(circle at 20% 18%,#fff 0 4px,transparent 5px),radial-gradient(circle at 82% 28%,#ffbe3d 0 5px,transparent 6px),radial-gradient(circle at 75% 78%,#15a7a0 0 5px,transparent 6px),#ffe9d4;background-size:58px 58px,80px 80px,73px 73px,auto}.matjrah-wheel--confetti_pop .matjrah-wheel__visual:before,.matjrah-wheel--confetti_pop .matjrah-wheel__visual:after{border-color:rgba(94,43,213,.17);border-radius:50%}.matjrah-wheel--confetti_pop .matjrah-wheel__national-mark b{display:none}.matjrah-wheel--confetti_pop .matjrah-wheel__national-mark small{background:#5e2bd5;border-radius:999px;color:#fff;font-size:10px;max-width:180px;padding:7px 11px}.matjrah-wheel--confetti_pop .matjrah-wheel__national-mark em{display:none}.matjrah-wheel--confetti_pop .matjrah-wheel__disc{--mw-t1:#fff;--mw-t2:#2d2041;--mw-t3:#fff;--mw-t4:#fff;--mw-t5:#fff;--mw-t6:#fff;--mw-c1:#5e2bd5;--mw-c2:#ffbd3e;--mw-c3:#ff5b70;--mw-c4:#15a7a0;--mw-c5:#ff8f3d;--mw-c6:#3e79dd;--mw-spoke:rgba(255,255,255,.92);border-color:#fff;box-shadow:0 0 0 5px #ffbaa9,0 0 0 12px rgba(255,255,255,.42),0 28px 55px rgba(83,38,179,.25)}.matjrah-wheel--confetti_pop .matjrah-wheel__hub{background:#fff9ee;border-color:#ffbaa9}.matjrah-wheel--confetti_pop .matjrah-wheel__hub small{color:#ff5b70}.matjrah-wheel--confetti_pop .matjrah-wheel__hub b{color:#5e2bd5}.matjrah-wheel--confetti_pop .matjrah-wheel__eyebrow{color:#5e2bd5}.matjrah-wheel--confetti_pop form button,.matjrah-wheel--confetti_pop .matjrah-wheel__action{background:#5e2bd5;box-shadow:0 10px 24px rgba(94,43,213,.24)}
.matjrah-wheel--classic{--mw-green:#17202b;--mw-green-2:#315b82;--mw-gold:#ffbd2e}.matjrah-wheel--classic .matjrah-wheel__visual{background:linear-gradient(145deg,#17202b,#29445f)}.matjrah-wheel--classic .matjrah-wheel__disc{--mw-t1:#fff;--mw-t2:#17202b;--mw-t3:#fff;--mw-t4:#fff;--mw-t5:#fff;--mw-t6:#fff;--mw-c1:#ff6b4a;--mw-c2:#ffbd2e;--mw-c3:#4d8eff;--mw-c4:#35ad83;--mw-c5:#ef5274;--mw-c6:#17202b;--mw-spoke:rgba(255,255,255,.9);box-shadow:0 0 0 5px #fff,0 0 0 12px rgba(255,255,255,.16),0 28px 60px rgba(0,0,0,.3)}.matjrah-wheel--classic .matjrah-wheel__national-mark small{max-width:none}.matjrah-wheel--classic .matjrah-wheel__eyebrow{color:#315b82}
.matjrah-wheel.has-new-result .matjrah-wheel__content>.matjrah-wheel__eyebrow,.matjrah-wheel.has-new-result .matjrah-wheel__content>h2,.matjrah-wheel.has-new-result .matjrah-wheel__content>p{display:none}.matjrah-wheel.has-new-result .matjrah-wheel__result{animation:matjrah-wheel-result-in .42s cubic-bezier(.2,.8,.2,1) .22s both}.matjrah-wheel.has-new-result .matjrah-wheel__result h3{font-size:38px;line-height:1.2;margin-bottom:13px}.matjrah-wheel.has-new-result .matjrah-wheel__result>p{font-size:15px;margin-bottom:18px}
.matjrah-wheel.is-spinning .matjrah-wheel__disc{animation:matjrah-wheel-spin-glow .7s ease-in-out infinite alternate}.matjrah-wheel:not(.is-revealed):not(.is-spinning) .matjrah-wheel__disc{animation:matjrah-wheel-breathe 2.8s ease-in-out infinite}.matjrah-wheel.is-revealed .matjrah-wheel__wheel:after{animation:matjrah-wheel-win-ring .72s cubic-bezier(.2,.8,.2,1)}.matjrah-wheel.is-revealed .matjrah-wheel__hub{animation:matjrah-wheel-hub-win .52s cubic-bezier(.18,.89,.32,1.28)}.matjrah-wheel.is-revealed .matjrah-wheel__sparkles i{animation:matjrah-wheel-pop .78s ease-out .1s both}.matjrah-wheel.is-revealed .matjrah-wheel__sparkles i:nth-child(2n){animation-delay:.09s}.matjrah-wheel.is-revealed .matjrah-wheel__sparkles i:nth-child(3n){animation-delay:.16s}
@keyframes matjrah-wheel-pointer-tick{0%{transform:translateX(-50%) rotate(0)}40%{transform:translateX(-50%) rotate(11deg)}100%{transform:translateX(-50%) rotate(0)}}@keyframes matjrah-wheel-spin-glow{to{filter:brightness(1.08) saturate(1.08)}}@keyframes matjrah-wheel-breathe{50%{filter:brightness(1.06);transform:scale(1.018)}}@keyframes matjrah-wheel-win-ring{0%{opacity:.9;transform:scale(.88)}100%{opacity:0;transform:scale(1.12)}}@keyframes matjrah-wheel-hub-win{0%{transform:rotate(var(--mw-label-spin,0deg)) scale(1)}55%{transform:rotate(var(--mw-label-spin,0deg)) scale(1.12)}100%{transform:rotate(var(--mw-label-spin,0deg)) scale(1)}}@keyframes matjrah-wheel-pop{0%{opacity:0;transform:scale(.2) rotate(0)}55%{opacity:1}100%{opacity:.8;transform:scale(1.8) rotate(135deg)}}@keyframes matjrah-wheel-result-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.matjrah-wheel__disc{--mw-r:125px}.matjrah-wheel--national_day_96 .matjrah-wheel__disc{--mw-r:112px}.matjrah-wheel__dialog{grid-template-columns:minmax(350px,1fr) minmax(310px,.9fr);min-height:540px}.matjrah-wheel__visual{min-height:540px;padding:88px 38px 40px}.matjrah-wheel__disc{max-width:350px}.matjrah-wheel__content{padding:65px 36px 42px}.matjrah-wheel__content h2{font-size:38px}.matjrah-wheel--national_day_96 .matjrah-wheel__dialog{grid-template-columns:minmax(390px,1fr) minmax(320px,.85fr)}.matjrah-wheel--national_day_96 .matjrah-wheel__visual{min-height:560px;padding-inline:32px}.matjrah-wheel--national_day_96 .matjrah-wheel__content{padding-inline:38px}.matjrah-wheel--national_day_96 .matjrah-wheel__content h2{font-size:42px}}
@media(max-width:680px){.matjrah-wheel__disc{--mw-r:97px}.matjrah-wheel--national_day_96 .matjrah-wheel__disc{--mw-r:90px}.matjrah-wheel__launcher{bottom:14px;inset-inline-end:14px}.matjrah-wheel__dialog{display:block;max-height:calc(100svh - 20px);overflow:auto;width:calc(100% - 20px)}.matjrah-wheel__visual{min-height:370px;padding:78px 28px 28px}.matjrah-wheel__disc{max-width:270px}.matjrah-wheel__national-mark{inset-inline-start:20px;top:20px}.matjrah-wheel__national-mark b{font-size:34px}.matjrah-wheel__national-mark em{display:none}.matjrah-wheel__segment b{font-size:14px}.matjrah-wheel__hub small{display:none}.matjrah-wheel__hub b{font-size:16px}.matjrah-wheel__content{padding:32px 24px 28px}.matjrah-wheel__content h2{font-size:35px}.matjrah-wheel__content>p,.matjrah-wheel__result>p{font-size:14px;margin-bottom:20px}.matjrah-wheel--national_day_96 .matjrah-wheel__dialog{background:#fffdf4}.matjrah-wheel--national_day_96 .matjrah-wheel__visual{min-height:410px;padding:92px 30px 36px}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark{top:20px}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark small{font-size:8px;padding:6px 9px}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark b{font-size:35px}.matjrah-wheel--national_day_96 .matjrah-wheel__disc{max-width:282px}.matjrah-wheel--national_day_96 .matjrah-wheel__segment{min-width:45px;padding:5px 6px}.matjrah-wheel--national_day_96 .matjrah-wheel__segment b{font-size:15px}.matjrah-wheel--national_day_96 .matjrah-wheel__segment small{font-size:7px}.matjrah-wheel--national_day_96 .matjrah-wheel__hub small{display:none}.matjrah-wheel--national_day_96 .matjrah-wheel__hub b{font-size:15px}.matjrah-wheel--national_day_96 .matjrah-wheel__content{padding:34px 25px 30px}.matjrah-wheel--national_day_96 .matjrah-wheel__content h2{font-size:39px}.matjrah-wheel.has-new-result .matjrah-wheel__result h3{font-size:31px}}
@media(max-width:900px){.matjrah-wheel__wheel{max-width:350px}.matjrah-wheel--national_day_96 .matjrah-wheel__wheel{max-width:410px}.matjrah-wheel__disc{max-width:none!important}}@media(max-width:680px){.matjrah-wheel__wheel{max-width:270px}.matjrah-wheel--national_day_96 .matjrah-wheel__wheel{max-width:282px}}
@media(prefers-reduced-motion:reduce){.matjrah-wheel__result,.matjrah-wheel__dialog,.matjrah-wheel__backdrop,.matjrah-wheel__launcher,.matjrah-wheel__disc,.matjrah-wheel__pointer,.matjrah-wheel__wheel:after,.matjrah-wheel__hub,.matjrah-wheel__sparkles i{animation:none!important;transition:none!important}}

.matjrah-wheel--national_day_96 .matjrah-wheel__sparkles i{background:#f3d77e;opacity:.5}.matjrah-wheel--national_day_96 .matjrah-wheel__sparkles i:nth-child(n+5){display:none}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark{color:#fffdf4}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark small{background:#fffdf4;color:#075c3b}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark b{color:#f2d487;text-shadow:none}.matjrah-wheel--national_day_96 .matjrah-wheel__national-mark em{border-inline-start-color:rgba(255,255,255,.35);color:#e8f3ea}
.matjrah-wheel[data-segment-count="5"] .matjrah-wheel__disc{--mw-c5:#f7efd9;--mw-t5:#0a3c28}
/* Merchant preview: the same wheel, outside the shopper's modal. */
.matjrah-wheel--preview{position:relative;z-index:0}.matjrah-wheel--preview .matjrah-wheel__visual{border-radius:18px;min-height:0;padding:34px 24px}.matjrah-wheel--preview .matjrah-wheel__wheel{margin:0 auto;max-width:250px}.matjrah-wheel--preview .matjrah-wheel__disc{--mw-r:80px}.matjrah-wheel--preview .matjrah-wheel__segment b{font-size:14px}.matjrah-wheel--preview .matjrah-wheel__segment small{font-size:9px}.matjrah-wheel--preview .matjrah-wheel__hub small{display:none}.matjrah-wheel--preview .matjrah-wheel__hub b{font-size:12px}.matjrah-wheel--preview-lg .matjrah-wheel__wheel{max-width:300px}.matjrah-wheel--preview-lg .matjrah-wheel__disc{--mw-r:97px}.matjrah-wheel--preview-lg .matjrah-wheel__segment b{font-size:16px}

/* Country selector on the phone field. The widget ships left-to-right only,
   and the wheel's dialog clips its own overflow, so both have to be handled
   here rather than by pulling in the whole checkout stylesheet. */
.matjrah-wheel .intl-tel-input{display:block;width:100%}
/* "+966" is a number followed by a sign in RTL unless it is isolated, which
   is why the chip read "966+". */
.matjrah-wheel .intl-tel-input .selected-dial-code{direction:ltr;unicode-bidi:isolate}
/* The dial code is a filled segment inside the field, matching the register
   and checkout phone inputs rather than floating beside the box. Its
   radius follows the wheel input's own 13px, inset by the 1px border. */
/* Flush with the field on its leading edge and the full 13px radius, so
   there is no white sliver between the chip and the input's corner. The
   divider is what separates it from the number. */
/* z-index is load-bearing: the container is absolutely positioned and sits
   BEFORE the input in the DOM, so with z-index auto the input's white
   background painted straight over this fill. */
/* The container centres its child rather than relying on the child filling
   it: the library resolves .selected-flag to 41px against a 52px field and
   pins it to the top, which sat the dial code 6px above the placeholder. */
.matjrah-wheel .intl-tel-input .flag-container{left:0;right:auto;top:0;height:100%;z-index:1;display:flex;align-items:center;background:#f3f4f6;border-radius:13px 0 0 13px;border-right:1px solid rgba(16,39,31,.12);padding:0;outline:none}
/* The bundled intlTelInput.css hides the flag in the chip outright
   (.intl-tel-input .selected-flag .iti-flag{display:none}). The checkout
   re-enables it in custom_xtensions.css, which the wheel does not load,
   so those rules are mirrored here rather than restated differently --
   including the sdc-4 padding, which is the variant this field renders as. */
/* The chip is laid out here rather than by borrowing the checkout's
   absolute offsets: its left:20px only works with the rest of that
   field's geometry, and here it put the flag on top of the digits.
   Three children in a row, each taken out of absolute positioning. */
/* Both boxes size to the row's real content. The library leaves the chip
   at the flag's width, so the code and caret overflowed the grey fill. */
.matjrah-wheel .intl-tel-input .flag-container{width:auto}
.matjrah-wheel .intl-tel-input .selected-flag{display:flex;align-items:center;gap:7px;width:max-content;height:100%;padding:0 12px}
/* The library tints .selected-flag through four-class selectors, which
   outrank a three-class override - that square 39px block was what the
   field actually showed while the rounded full-height container below it
   stayed invisible. Matched here class for class; this sheet loads after
   the widget's, so the tie falls this way. */
.matjrah-wheel .intl-tel-input.allow-dropdown .flag-container .selected-flag,
.matjrah-wheel .intl-tel-input.separate-dial-code .selected-flag{background:transparent;height:100%}
.matjrah-wheel .intl-tel-input .selected-flag .iti-flag{display:block;position:static;left:auto;top:auto;margin:0;flex:0 0 auto}
.matjrah-wheel .intl-tel-input .selected-flag .selected-dial-code{position:static;padding:0}
.matjrah-wheel .intl-tel-input .selected-flag .iti-arrow{position:static;margin:0;flex:0 0 auto}
.matjrah-wheel .intl-tel-input.allow-dropdown .flag-container,
.matjrah-wheel .intl-tel-input.separate-dial-code .flag-container{direction:ltr}
/* Matches the library's own per-dial-code selectors on specificity; the
   phone stylesheet is loaded before this one so the tie falls here. */
/* Not keyed on .allow-dropdown: the merchant preview renders the same field
   with the dropdown disabled, and without this the number ran under the
   chip there. The content class carries the specificity the library's own
   per-dial-code rules have. */
.matjrah-wheel .matjrah-wheel__content .intl-tel-input.separate-dial-code input,
.matjrah-wheel .matjrah-wheel__content .intl-tel-input.separate-dial-code input[type=tel]{padding-left:100px;padding-right:15px}
/* The dial code stays on the left in both directions, which is where the
   approved design puts it. Mirroring it to the RTL start edge was the
   library convention, not this design's. */
/* The list is rendered inside a dialog with overflow:hidden, so it is bound to
   the field's own width and height instead of the library's 500px default. */
/* The list is a child of the 52px flag container, so left/right:0 sized it
   to the flag rather than the field. It gets an explicit width and is
   anchored to the edge the flag sits on, so it opens inward in both
   directions and stays inside a dialog that clips its overflow. */
.matjrah-wheel .intl-tel-input .country-list{direction:ltr;text-align:left;width:280px;max-width:78vw;min-width:0;max-height:190px;z-index:6;left:0;right:auto}
/* One line per country: wrapping put the Arabic name and the dial code on
   separate lines and doubled the row height. */
.matjrah-wheel .intl-tel-input .country-list .country{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 10px}

/* Validation failures sit under the field in the theme's own error red, not
   in place of the dialog's subtitle. */
.matjrah-wheel__error{color:#b3261e;font-size:13px;line-height:1.5;margin:-6px 0 14px;font-weight:600}
.matjrah-wheel__error[hidden]{display:none}
.matjrah-wheel--national_day_96 .matjrah-wheel__error{color:#a61b1b}

/* Every theme lays the dialog out the same way: wheel column first, copy
   second. Only national_day_96 pinned the dialog to LTR, so in a right-to-left
   store the other themes had their grid reversed and rendered the wheel on the
   right with the copy on the left. The copy itself is flipped back, exactly as
   that theme already does it. */
.matjrah-wheel__dialog{direction:ltr}
.matjrah-wheel[dir=rtl] .matjrah-wheel__content{direction:rtl;text-align:right}
.matjrah-wheel[dir=ltr] .matjrah-wheel__content{direction:ltr;text-align:left}

/* The close button is already flex-centred, but flex centres the LINE BOX and
   the multiplication sign sits high inside it - so the mark read off-centre in
   its circle, by however much the theme's font happens to offset that glyph.
   Drawing the cross makes it exact regardless of the font. */
.matjrah-wheel__close{font-size:0}
.matjrah-wheel__close:before,.matjrah-wheel__close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1.7px;border-radius:2px;background:currentColor}
.matjrah-wheel__close:before{transform:translate(-50%,-50%) rotate(45deg)}
.matjrah-wheel__close:after{transform:translate(-50%,-50%) rotate(-45deg)}

/* Mobile overlap fix: launcher stands above the bottom bar lucky-wheel.js measures (--mw-launcher-lift); open wheel is the top layer (WhatsApp float is 99999); close stays pinned while the dialog scrolls. */
.matjrah-wheel__launcher{bottom:calc(24px + var(--mw-launcher-lift,0px))}.matjrah-wheel.is-open{z-index:2147483000}
@media(max-width:680px){.matjrah-wheel__launcher{bottom:calc(14px + var(--mw-launcher-lift,0px) + env(safe-area-inset-bottom,0px));font-size:13px;padding:11px 15px}.matjrah-wheel__close{background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,22,14,.22);color:#10271f;margin:12px 12px -54px auto;position:sticky;top:12px}.matjrah-wheel__close:hover{background:#fff}}