/* Reuse the live homepage jps component and its existing theme cascade. */
#jr-main .jfs-native{padding-top:54px;padding-bottom:34px}
.jfs-native .jps-rail__header{gap:24px}
.jfs-native .jfs-timing{display:flex;align-items:center;gap:16px;color:#8a656b;font:400 12px/1.6 Tajawal,sans-serif}
.jfs-native .jfs-clock{display:flex;gap:12px;align-items:center}
.jfs-native .jfs-clock>div{min-width:35px;text-align:center}
.jfs-native .jfs-clock b{font:500 22px/1.2 'El Messiri',serif;display:block;color:#50172b;font-variant-numeric:tabular-nums}
.jfs-native .jfs-clock small{display:block;font:400 9px/1.4 Tajawal,sans-serif;color:#9b7678;margin-top:3px}
.jfs-native .jfs-note{font:400 11px/1.7 Tajawal,sans-serif;color:#9b7678;margin:12px 0 0}
.jfs-native[hidden],.jfs-coupon[hidden]{display:none!important}
.jfs-native :focus-visible,.jfs-coupon :focus-visible{outline:2px solid #b47984;outline-offset:4px}
.jfs-coupon{position:fixed;left:0;top:48%;z-index:9990;background:#50172b;color:#faf5ec;padding:15px 12px 12px;border-radius:0 12px 12px 0;width:114px;text-align:center;box-shadow:0 8px 24px #50172b22;font-family:'Tajawal',sans-serif;border:1px solid #d7aaa066;border-left:0}.jfs-coupon__label{font-size:12px;line-height:1.6;display:block}.jfs-coupon>strong{font:400 39px/1.2 Georgia,serif;display:block;margin:2px 0 9px}.jfs-coupon>strong>span{font-size:.7em}.jfs-coupon button.jfs-copy{display:block;width:100%;background:#f4e7d8;color:#50172b;border:0;border-radius:4px;min-height:38px;padding:7px 4px;font:700 12px/1.5 'Tajawal',sans-serif;cursor:pointer}.jfs-copy-status{display:block;font-size:11px;line-height:1.6}.jfs-copy-status:not(:empty){margin-top:9px}
@media(max-width:767px){
 #jr-main .jfs-native{padding-top:36px;padding-bottom:28px}
 #jr-main .jfs-native .jps-rail__header{display:flex;flex-wrap:wrap;gap:18px}
 .jfs-native .jps-rail__heading-wrap{flex:1;min-width:180px}
 .jfs-native .jfs-timing{order:3;width:100%;justify-content:space-between;gap:12px}
 .jfs-native .jfs-clock{gap:13px}.jfs-native .jfs-clock b{font-size:20px}
 .jfs-native .jfs-note{margin-inline:6vw}
 .jfs-coupon{width:79px;padding:10px 7px 8px;top:45%;border-radius:0 9px 9px 0}.jfs-coupon__label{font-size:10px}.jfs-coupon>strong{font-size:30px;margin-bottom:6px}.jfs-coupon button.jfs-copy{font-size:10px;min-height:36px}.jfs-copy-status{font-size:10px}
}

/* Preserve the complete original image inside the store’s native card frame. */
#jr-main .jfs-native .jps-card__image,#jr-main .jfs-native .jr-alt-image{object-fit:contain!important}


/* Let the fixed coupon badge pass pointer input to controls beneath it; keep the copy button active. */
.jfs-coupon{pointer-events:none}.jfs-coupon>button.jfs-copy{pointer-events:auto}

/* Preserve the original vertical badge shape and mobile width while removing its fixed overlap. */
@media (max-width: 767px) {
  .jfs-coupon.jfs-coupon--inline {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 79px !important;
    max-width: 79px !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    display: block !important;
    z-index: auto !important;
    pointer-events: auto !important;
  }
  .jfs-coupon--inline .jfs-inline-code {
    display: block !important;
    margin: 2px auto 6px !important;
    font-size: 10px !important;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .jfs-coupon.jfs-coupon--inline {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: 114px !important;
    max-width: 114px !important;
    height: auto !important;
    margin: 12px auto !important;
    display: block !important;
    z-index: auto !important;
    pointer-events: auto !important;
  }
  .jfs-coupon.jfs-coupon--inline .jfs-inline-code {
    display: block !important;
    margin: 2px auto 6px !important;
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
  }
}
@media (min-width: 1301px) {
  .jfs-coupon.jfs-coupon--avoid-controls {
    box-sizing: border-box !important;
    width: 72px !important;
    max-width: 72px !important;
    padding: 8px 4px !important;
  }
  .jfs-coupon.jfs-coupon--avoid-controls .jfs-coupon__label {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
  .jfs-coupon.jfs-coupon--avoid-controls > strong {
    font-size: 18px !important;
    letter-spacing: -1px !important;
    margin: 2px 0 5px !important;
  }
  .jfs-coupon.jfs-coupon--avoid-controls > .jfs-inline-code {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 10px !important;
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
  }
  .jfs-coupon.jfs-coupon--avoid-controls button.jfs-copy {
    box-sizing: border-box !important;
    width: 62px !important;
    max-width: 62px !important;
    min-height: 36px !important;
    padding: 5px 2px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

@media (min-width:768px){body.single-product .jfs-coupon .jfs-inline-code{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important}}