:root{--mp-dark: #0d1a0d;--mp-gold: #c9a84c}.mp-floating-promo{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:999;font-family:Tajawal,Playfair Display,sans-serif;direction:ltr}.mp-promo-tab{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 9px 16px;background:linear-gradient(180deg,#c9a84c,#b3933f);color:#0d1a0d;border:none;border-radius:0 10px 10px 0;cursor:pointer;box-shadow:0 4px 30px #c9a84c59;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:2;writing-mode:vertical-rl;text-orientation:mixed;min-width:40px;overflow:hidden}.mp-promo-tab:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 60%);animation:mpShine 4s ease-in-out infinite}@keyframes mpShine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.mp-promo-tab:hover{padding-right:16px;box-shadow:0 6px 36px #c9a84c80;transform:scale(1.04) translateY(-1px)}.mp-promo-tab.mp--active{padding-right:6px;background:var(--mp-dark);box-shadow:0 2px 16px #00000040}.mp-promo-tab.mp--active:before{display:none}.mp-tab-icon{font-size:20px;line-height:1;animation:mpFloat 2.5s ease-in-out infinite}@keyframes mpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mp-tab-text{font-size:12px;font-weight:800;letter-spacing:3px;line-height:1.3;text-transform:uppercase;font-family:Tajawal,sans-serif;color:#0d1a0d}.mp-promo-tab.mp--active .mp-tab-icon,.mp-promo-tab.mp--active .mp-tab-text{color:#c9a84c;animation:none}.mp-promo-card{position:absolute;left:58px;top:50%;transform:translateY(-50%) translate(-12px);width:300px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a,0 0 0 1px #c9a84c14;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s ease;overflow:hidden}.mp-promo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c9a84c,transparent)}.mp-promo-card:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}.mp-floating-promo.mp--open .mp-promo-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translate(0)}.mp-promo-close{position:absolute;top:14px;right:14px;background:#00000008;border:1px solid rgba(0,0,0,.06);color:#999;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;line-height:1;z-index:3;transition:all .25s ease}.mp-promo-close:hover{background:#00000014;color:#333;transform:rotate(90deg)}.mp-promo-body{padding:32px 24px 24px;text-align:center;direction:rtl}.mp-promo-badge-wrap{margin-bottom:16px}.mp-promo-badge{display:inline-flex;align-items:center;gap:6px;font-family:Tajawal,sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#c9a84c;background:#c9a84c0f;padding:6px 16px;border-radius:50px;border:1px solid rgba(201,168,76,.12)}.mp-delivery-visual{font-size:48px;line-height:1;margin-bottom:14px;animation:mpBounce 2s ease-in-out infinite}@keyframes mpBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mp-promo-title{margin:0 0 4px;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:800;color:#0d1a0d;line-height:1.15;letter-spacing:-.01em}.mp-promo-title-ar{margin:0 0 12px;font-family:Tajawal,sans-serif;font-size:.92rem;color:#c9a84c;font-weight:700}.mp-promo-desc{margin:0 0 16px;font-family:Tajawal,sans-serif;font-size:.82rem;color:#6a7a6a;line-height:1.9}.mp-urgency-box{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#b43c280a,#b43c2803);border:1px solid rgba(180,60,40,.1);padding:7px 18px;border-radius:50px;margin-bottom:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-urgency-dot{width:7px;height:7px;background:#b44430;border-radius:50%;box-shadow:0 0 6px #b4443066;animation:mpDotPulse 1.6s ease-in-out infinite;flex-shrink:0}@keyframes mpDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #b4443066}50%{opacity:.4;transform:scale(1.6);box-shadow:0 0 12px #b4443026}}.mp-urgency-text{font-family:Tajawal,sans-serif;font-size:.72rem;color:#8b3a2a;font-weight:600}.mp-promo-cta{display:block;width:100%;text-align:center;padding:13px;background:linear-gradient(135deg,#c9a84c,#b3933f);color:#0d1a0d;font-family:Playfair Display,Tajawal,serif;font-size:.95rem;font-weight:800;letter-spacing:.04em;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #c9a84c33}.mp-promo-cta:hover{background:#0d1a0d;color:#c9a84c;text-decoration:none;box-shadow:0 6px 24px #0d1a0d4d;transform:translateY(-1px)}@media screen and (max-width:749px){.mp-floating-promo{top:auto;bottom:50%;transform:translateY(50%)}.mp-promo-card{width:260px;left:46px}.mp-promo-tab{padding:14px 6px 12px;min-width:30px;border-radius:0 8px 8px 0}.mp-tab-text{font-size:9px;letter-spacing:2px}.mp-tab-icon{font-size:15px}.mp-promo-body{padding:26px 18px 18px}.mp-promo-title{font-size:1.35rem}.mp-delivery-visual{font-size:38px}}@media screen and (max-width:380px){.mp-promo-card{width:225px;left:40px}.mp-promo-tab{padding:10px 4px 8px;min-width:24px}.mp-tab-text{font-size:8px;letter-spacing:1px}.mp-tab-icon{font-size:12px}.mp-promo-body{padding:20px 14px 14px}.mp-promo-title{font-size:1.15rem}.mp-promo-title-ar{font-size:.8rem}.mp-promo-desc{font-size:.74rem}}body:has(#Details-menu-drawer-container[open]) .mp-floating-promo,body:has(details[open]#Details-menu-drawer-container) .mp-floating-promo{opacity:0;visibility:hidden;pointer-events:none;z-index:99}cart-drawer.mp--open~.mp-floating-promo,body:has(cart-drawer[open]) .mp-floating-promo{opacity:.3;pointer-events:none}@media(prefers-reduced-motion:reduce){.mp-floating-promo *,.mp-floating-promo *:before,.mp-floating-promo *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-coupon-floating.css.map */