/* ID Masa countdown — scoped only to this campaign */
.idmasa-countdown{position:relative;width:calc(100% - 32px);max-width:1080px;min-height:150px;margin:14px auto 26px;padding:20px 34px 18px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:linear-gradient(120deg,#100c38 0%,#21135a 58%,#f28b24 150%);box-shadow:0 14px 34px rgba(18,10,55,.22);isolation:isolate}
.idmasa-countdown::before{content:"الوقت المتبقي على عرض ID Masa";display:block;position:relative;z-index:2;margin:0 auto 13px;color:#fff;font-size:clamp(17px,2vw,22px);line-height:1.4;font-weight:800;text-align:center}
.idmasa-countdown::after{content:"";position:absolute;width:220px;height:220px;inset:-125px -55px auto auto;border-radius:50%;background:radial-gradient(circle,rgba(255,195,71,.4),transparent 68%);z-index:-1;animation:idMasaGlow 3.2s ease-in-out infinite}
.idmasa-countdown ul,.idmasa-countdown .countdown,.idmasa-countdown [class*="countdown"]{position:relative;z-index:2}
.idmasa-countdown ul{display:flex;justify-content:center;align-items:stretch;gap:10px;margin:0 auto}
.idmasa-countdown li,.idmasa-countdown ul>*{flex:0 1 118px;min-width:82px;padding:11px 9px;margin:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.22);border-radius:15px;color:#fff!important;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 16px rgba(0,0,0,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:800;text-align:center}
@keyframes idMasaGlow{0%,100%{transform:scale(.94);opacity:.68}50%{transform:scale(1.1);opacity:1}}
@media(max-width:640px){.idmasa-countdown{width:calc(100% - 20px);min-height:128px;margin:10px auto 20px;padding:16px 8px 14px;border-radius:17px}.idmasa-countdown::before{font-size:16px;margin-bottom:10px}.idmasa-countdown ul{gap:5px}.idmasa-countdown li,.idmasa-countdown ul>*{flex:1 1 0;min-width:0;padding:8px 3px;border-radius:11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.idmasa-countdown::after{animation:none}}

/* Mobile floating support controls — keep purchase actions unobstructed */
@media (max-width: 767px) {
  body { padding-bottom: env(safe-area-inset-bottom); }
  .karzoun-widget-send-button {position:fixed!important;inset-inline-start:14px!important;inset-inline-end:auto!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important;min-width:52px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:45!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
  .karzoun-widget-send-button > :not(img),.karzoun-widget-send-button span{display:none!important}
  .karzoun-widget-send-button img{width:28px!important;height:28px!important;margin:0!important}
  button[aria-label="Question Mark Icon"]{position:fixed!important;inset-inline-end:14px!important;inset-inline-start:auto!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:50%!important;z-index:45!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}
  button[aria-label="Question Mark Icon"] img{width:24px!important;height:24px!important}
  .mobile-nav{z-index:50!important}
  salla-add-product-button,.product-form,.product-form salla-button{position:relative;z-index:51}
}
@media (max-width: 767px) {
  .karzoun-widget-send-button {bottom:calc(156px + env(safe-area-inset-bottom))!important;font-size:0!important;line-height:0!important;overflow:hidden!important;white-space:nowrap!important}
  button[aria-label="Question Mark Icon"] {bottom:calc(156px + env(safe-area-inset-bottom))!important}
}