/* Codelith Offer Studio -- all styles isolated from the existing Sales Pulse toast. */
.cspo-root,.cspo-root *,.cspo-admin .cspo-card,.cspo-admin .cspo-card *{box-sizing:border-box}
.cspo-root{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));pointer-events:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#1b2540}
.cspo-root .cspo-shade{position:absolute;inset:0;background:rgba(13,18,39,.53);backdrop-filter:blur(5px);opacity:0;transition:opacity .32s ease;pointer-events:auto}
.cspo-root.cspo-no-overlay .cspo-shade{display:none}
.cspo-root.cspo-open .cspo-shade{opacity:1}
.cspo-position-left{justify-content:flex-start}.cspo-position-right{justify-content:flex-end}.cspo-position-top-center{align-items:flex-start}.cspo-position-bottom-left{align-items:flex-end;justify-content:flex-start}.cspo-position-bottom-right{align-items:flex-end;justify-content:flex-end}
.cspo-card{--cspo-accent:#7545ee;--cspo-custom-bg:#fff;--cspo-custom-text:#1b2540;--cspo-radius:22px;--cspo-photo-size:45%;--cspo-desk-width:650px;--cspo-tablet-width:540px;--cspo-phone-width:345px;position:relative;display:flex;isolation:isolate;overflow:hidden;max-width:100%;width:min(var(--cspo-desk-width),calc(100vw - 36px));min-height:280px;background:var(--cspo-custom-bg);border-radius:var(--cspo-radius);box-shadow:0 28px 90px rgba(12,17,39,.2);color:var(--cspo-custom-text);text-align:left;line-height:1.45;flex-shrink:0}
.cspo-root .cspo-card{pointer-events:auto;transition:opacity .32s ease,transform .44s cubic-bezier(.2,.88,.26,1);opacity:0;transform:translateY(24px) scale(.96)}
.cspo-open .cspo-card{opacity:1;transform:none}
.cspo-root.cspo-anim-fade .cspo-card{transform:none}.cspo-root.cspo-anim-slide-up .cspo-card{transform:translateY(90px)}.cspo-root.cspo-anim-slide-side .cspo-card{transform:translateX(-85px)}.cspo-root.cspo-anim-flip .cspo-card{transform:perspective(1000px) rotateY(-18deg) scale(.94)}
.cspo-root.cspo-open .cspo-card{transform:none}.cspo-root.cspo-out .cspo-card{opacity:0!important;transform:translateY(14px) scale(.97)!important}.cspo-root.cspo-out .cspo-shade{opacity:0}
.cspo-card .cspo-art{position:relative;width:var(--cspo-photo-size);min-width:0;min-height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#ddd6ff,#a7bcff)}
.cspo-card .cspo-art:after{content:'';position:absolute;inset:0;background-image:var(--cspo-artwork,none);background-size:cover;background-position:center;opacity:.7;pointer-events:none}
.cspo-card .cspo-art-deco{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.42);box-shadow:0 0 0 35px rgba(255,255,255,.1);transform:translate(-3%,6%)}
.cspo-card .cspo-art-symbol{position:relative;font-size:112px;font-weight:900;color:rgba(255,255,255,.74);z-index:1}
.cspo-card .cspo-photo{position:relative;z-index:2;display:block;object-fit:contain;max-width:88%;width:88%;max-height:260px;height:auto;border-radius:14px;filter:drop-shadow(0 15px 20px rgba(18,19,40,.14))}
.cspo-card .cspo-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px 43px 30px 34px;gap:11px;position:relative;z-index:2}
.cspo-card .cspo-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;opacity:.7}
.cspo-card .cspo-discount{color:var(--cspo-accent);font-size:21px;font-weight:850;line-height:1.15}
.cspo-card .cspo-headline{font-size:clamp(23px,2.9vw,35px);font-weight:830;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;padding:0;color:inherit}
.cspo-card .cspo-description{font-size:13px;line-height:1.58;color:inherit;opacity:.75;margin:0;overflow-wrap:anywhere}
.cspo-card .cspo-coupon{display:inline-flex;align-items:center;max-width:100%;font-size:12px;font-weight:800;padding:6px 10px;border:1.5px dashed currentColor;border-radius:8px;letter-spacing:.055em;overflow-wrap:anywhere}
.cspo-card .cspo-actions{width:100%;display:flex;align-items:center;margin-top:2px;gap:10px}
.cspo-card .cspo-cta{appearance:none;position:relative;background:var(--cspo-accent);border:0;border-radius:10px;padding:12px 18px;min-height:43px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(20,12,40,.14);font-family:inherit;font-size:13px;line-height:1.15;white-space:normal;transition:transform .15s,filter .15s}
.cspo-card .cspo-cta:hover{filter:brightness(1.07);transform:translateY(-2px)}.cspo-card .cspo-cta:focus-visible,.cspo-card .cspo-close:focus-visible{outline:3px solid #22c5e8;outline-offset:3px}
.cspo-card .cspo-fineprint{font-size:10px;line-height:1.4;opacity:.57;overflow-wrap:anywhere}
.cspo-card .cspo-close{position:absolute;z-index:9;top:10px;right:10px;width:31px;height:31px;border-radius:9px;border:1px solid rgba(15,20,34,.09);background:rgba(255,255,255,.86);color:#252c40;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 4px 16px rgba(14,18,30,.1);transition:transform .15s,background .15s}
.cspo-card .cspo-close:hover{transform:scale(1.08);background:#fff}
.cspo-card .cspo-countdown{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:inherit;font-size:12px}
.cspo-card .cspo-countdown-label{opacity:.65;font-size:11px}.cspo-card .cspo-countdown-time{font-variant-numeric:tabular-nums;letter-spacing:.07em}
.cspo-shine:after{position:absolute;z-index:4;content:'';top:-100%;bottom:-100%;left:-70%;width:40%;transform:rotate(24deg) translateX(-190%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);pointer-events:none;animation:cspo-shine 7s ease-in-out 1.3s infinite}
@keyframes cspo-shine{0%,65%{transform:rotate(24deg) translateX(-190%)}100%{transform:rotate(24deg) translateX(1150%)}}
/* Eight distinct structures and art directions. */
.cspo-design-split{background:linear-gradient(130deg,#fafaff 0%,var(--cspo-custom-bg) 80%)}
.cspo-design-split .cspo-art{order:2;background:linear-gradient(143deg,var(--cspo-accent),#ffd1a0);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);margin-left:-5%}
.cspo-design-split .cspo-copy{order:1;padding-left:40px}.cspo-design-split .cspo-discount{font-size:28px}.cspo-design-split .cspo-headline{font-size:clamp(24px,3.1vw,36px)}
.cspo-design-coupon{background:var(--cspo-custom-bg);border:1px solid #eceef7}
.cspo-design-coupon .cspo-art{background:linear-gradient(160deg,#164d9a,var(--cspo-accent));width:35%}
.cspo-design-coupon .cspo-art-deco{border:3px dashed rgba(255,255,255,.27)}
.cspo-design-coupon .cspo-copy{padding:32px 43px 30px 36px}.cspo-design-coupon .cspo-discount{font-size:32px}
.cspo-design-coupon:before,.cspo-design-coupon:after{content:'';position:absolute;width:24px;height:24px;border-radius:50%;background:#eef0f7;top:calc(50% - 12px);z-index:3}
.cspo-design-coupon:before{left:-13px}.cspo-design-coupon:after{left:calc(35% - 12px)}
.cspo-design-luxury{background:linear-gradient(125deg,#090f18 0%,#1c2532 65%,#0c111c 100%);color:#f5e9d3}
.cspo-design-luxury .cspo-art{order:2;background:radial-gradient(circle at 50% 50%,#837049 0%,#201a15 55%,#080d15 100%)}
.cspo-design-luxury .cspo-copy{order:1;padding-left:42px}
.cspo-design-luxury .cspo-discount{color:#f2cb80}.cspo-design-luxury .cspo-eyebrow{color:#dfc498}.cspo-design-luxury .cspo-cta{background:linear-gradient(105deg,#e8bd67,#a27734);color:#1e140c}
.cspo-design-spotlight{background:var(--cspo-custom-bg)}
.cspo-design-spotlight .cspo-art{background:radial-gradient(circle,#edf0ff,#b1c8ed);width:53%}.cspo-design-spotlight .cspo-photo{max-height:310px}
.cspo-design-spotlight .cspo-copy{background:linear-gradient(165deg,#fff,rgba(221,229,255,.35));padding-left:28px}
.cspo-design-spotlight .cspo-discount{border-radius:40px;background:var(--cspo-accent);color:#fff;padding:7px 12px;font-size:15px}
.cspo-design-minimal{background:var(--cspo-custom-bg);border:1px solid #dddfe7;box-shadow:0 18px 56px rgba(12,21,32,.12)}
.cspo-design-minimal .cspo-art{width:29%;min-height:230px;background:#f3f5f6;margin:20px 0 20px 20px;border-radius:9px}
.cspo-design-minimal .cspo-art-deco{border:1px solid #cdd0d5;background:#fff}
.cspo-design-minimal .cspo-copy{padding:30px 42px 25px 28px;gap:9px}
.cspo-design-minimal .cspo-discount{font-size:18px}.cspo-design-minimal .cspo-headline{font-weight:650;font-family:Georgia,serif;letter-spacing:-.035em}
.cspo-design-minimal .cspo-cta{background:#202a36;border-radius:3px;box-shadow:none}
.cspo-design-aurora{background:linear-gradient(145deg,#602cd9 0%,#b537bd 55%,#f87b89 100%);color:#fff}
.cspo-design-aurora .cspo-art{order:2;background:radial-gradient(ellipse at center,rgba(255,255,255,.28),transparent 72%)}
.cspo-design-aurora .cspo-art-deco{background:rgba(255,255,255,.15);box-shadow:0 0 0 38px rgba(255,255,255,.07)}
.cspo-design-aurora .cspo-copy{order:1;padding-left:42px}.cspo-design-aurora .cspo-discount{color:#ffe488;font-size:28px}
.cspo-design-aurora .cspo-cta{background:#fff;color:#6330c1}.cspo-design-aurora .cspo-close{background:rgba(0,0,0,.17);color:#fff;border-color:rgba(255,255,255,.32)}
.cspo-design-editorial{background:linear-gradient(130deg,#fff9ed,#ffe6ce);color:#332923}
.cspo-design-editorial .cspo-art{order:2;background:linear-gradient(130deg,#f1c5a7,#f5aab0);width:43%;margin:18px 18px 18px 0;border-radius:10px;min-height:230px}
.cspo-design-editorial .cspo-copy{order:1;padding-left:44px}.cspo-design-editorial .cspo-headline{font-family:Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(25px,3.2vw,40px)}
.cspo-design-editorial .cspo-discount{font-size:19px;color:#ba4d3e}.cspo-design-editorial .cspo-cta{background:#b94f46}
.cspo-design-floating{min-height:220px;background:linear-gradient(130deg,#f8fcff,#dfe9ff);border:1px solid #cadcff;border-radius:calc(var(--cspo-radius) + 14px)}
.cspo-design-floating .cspo-art{min-height:180px;width:32%;margin:18px;border-radius:100%;background:linear-gradient(130deg,#c1d2ff,#efd8fc)}
.cspo-design-floating .cspo-copy{padding:32px 48px 24px 6px;gap:7px}
.cspo-design-floating .cspo-discount{font-size:19px}.cspo-design-floating .cspo-headline{font-size:clamp(23px,2.7vw,32px)}
.cspo-design-floating .cspo-cta{border-radius:40px}
@media (min-width:641px) and (max-width:1024px){.cspo-card{width:min(var(--cspo-tablet-width),calc(100vw - 44px))}.cspo-card .cspo-copy{padding:26px 40px 26px 25px}.cspo-card .cspo-headline{font-size:27px}.cspo-card .cspo-art{min-height:230px}}
@media(max-width:640px){
  .cspo-root{padding:16px max(10px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .cspo-card{width:min(var(--cspo-phone-width),calc(100vw - 20px));min-height:0;max-height:min(85dvh,740px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;flex-direction:column}
  .cspo-card .cspo-art{width:100%!important;order:0!important;min-height:130px;max-height:200px;height:160px;flex-shrink:0;margin:0!important;border-radius:0!important;clip-path:none!important}
  .cspo-card .cspo-art-deco{width:160px}.cspo-card .cspo-photo{width:auto;max-height:148px;max-width:66%;object-fit:contain}
  .cspo-card .cspo-copy{order:1!important;padding:19px 21px 22px!important;gap:8px;min-height:0}
  .cspo-card .cspo-headline{font-size:25px!important;line-height:1.15}
  .cspo-card .cspo-discount{font-size:22px!important}
  .cspo-card .cspo-description{font-size:12.5px}.cspo-card .cspo-cta{min-height:40px;font-size:12px;padding:10px 15px}
  .cspo-card .cspo-close{position:absolute;float:none;top:9px;right:9px;margin:0;align-self:auto;flex-shrink:0;z-index:10}
  .cspo-card.cspo-design-minimal .cspo-art{min-height:125px}.cspo-card.cspo-design-floating .cspo-art{max-height:132px;min-height:132px}
  .cspo-position-left,.cspo-position-right{justify-content:center}
}
@media(max-height:640px) and (min-width:641px){.cspo-card{min-height:190px;max-height:85vh;overflow-y:auto}.cspo-card .cspo-art{min-height:190px}.cspo-card .cspo-copy{padding-top:22px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.cspo-root .cspo-card,.cspo-root .cspo-shade,.cspo-card *{animation:none!important;transition:none!important}.cspo-shine:after{display:none}}

body.cspo-offer-visible #csp-sales-pulse{opacity:0!important;pointer-events:none!important}

.cspo-card .cspo-bg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;pointer-events:none;z-index:0}.cspo-card .cspo-art,.cspo-card .cspo-copy{z-index:1}
/* v0.9.1: Full-bleed responsive imagery and premium corner control. */
.cspo-root{padding:max(12px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}
.cspo-card{--cspo-desk-width:720px;--cspo-tablet-width:590px;--cspo-phone-width:380px}
.cspo-card .cspo-art{isolation:isolate;flex-shrink:0}
.cspo-card .cspo-photo-backdrop{display:block;position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;object-position:center;z-index:0;filter:blur(13px) saturate(1.25);opacity:.44;pointer-events:none;max-width:none;max-height:none}
.cspo-card .cspo-art.cspo-has-image .cspo-art-deco{opacity:.17;z-index:1}
.cspo-card .cspo-art.cspo-has-image .cspo-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:6%;object-fit:contain;object-position:center;filter:drop-shadow(0 9px 14px rgba(15,19,40,.21));border-radius:0;z-index:3}
.cspo-card[data-image-fit=contain] .cspo-art .cspo-photo-backdrop{opacity:0}
.cspo-card[data-image-fit=cover] .cspo-art .cspo-photo-backdrop{opacity:0}
.cspo-card[data-image-fit=cover] .cspo-art.cspo-has-image .cspo-photo{object-fit:cover;padding:0;filter:none}
.cspo-card .cspo-close,
.cspo-root .cspo-card .cspo-close{position:absolute;top:0;right:0;z-index:11;border:0;outline-offset:3px;box-shadow:none;width:61px;height:61px;border-radius:0 var(--cspo-radius) 0 100%;background:linear-gradient(140deg,#ffb44d,#ff613c);color:white;display:grid;place-items:center;padding:0 0 15px 15px;transition:filter .18s ease;line-height:1;cursor:pointer;float:none;margin:0}
.cspo-card .cspo-close svg{height:18px;width:18px;stroke:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.cspo-card .cspo-close:hover,.cspo-root .cspo-card .cspo-close:hover{background:linear-gradient(140deg,#ffb44d,#ff613c);filter:brightness(1.09);transform:none}
.cspo-design-aurora .cspo-close{background:linear-gradient(135deg,#ffb44d,#ff613c);border:0}
.cspo-card .cspo-copy{padding-right:57px}
@media (min-width:641px) and (max-width:1024px){.cspo-card{width:min(var(--cspo-tablet-width),calc(100vw - 22px))}}
@media(max-width:640px){
  .cspo-root{padding:max(10px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .cspo-card{width:min(var(--cspo-phone-width),calc(100vw - 12px));max-height:min(88dvh,840px)}
  .cspo-card .cspo-art{height:clamp(170px,47vw,255px);min-height:170px;max-height:none}
  .cspo-card .cspo-art.cspo-has-image .cspo-photo{height:100%;width:100%;max-width:none;max-height:none;padding:5% 9%}
  .cspo-card[data-image-fit=cover] .cspo-art.cspo-has-image .cspo-photo{padding:0}
  .cspo-card .cspo-close,.cspo-root .cspo-card .cspo-close{top:0;right:0;width:56px;height:56px;border-radius:0 var(--cspo-radius) 0 100%;padding:0 0 13px 13px}
  .cspo-card .cspo-copy{padding:20px 24px 22px!important}
}

/* v0.9.2: genuine edge-to-edge image fill, responsive across all template layouts. */
.cspo-card .cspo-art.cspo-has-image .cspo-photo {
  box-sizing:border-box; object-fit:cover; object-position:center; padding:0;
  transform:scale(var(--cspo-image-zoom,1.12)); transform-origin:center;
  border-radius:0; width:100%; height:100%;
}
.cspo-card[data-image-fit=contain] .cspo-art.cspo-has-image .cspo-photo {
  object-fit:contain; padding:4%; transform:none;
}
.cspo-card[data-image-fit=cover] .cspo-art.cspo-has-image .cspo-photo {object-fit:cover;padding:0;transform:none}
@media(max-width:640px){
  .cspo-card .cspo-art.cspo-has-image .cspo-photo {width:100%;height:100%;padding:0;object-fit:cover}
  .cspo-card[data-image-fit=contain] .cspo-art.cspo-has-image .cspo-photo{object-fit:contain;padding:4%;transform:none}
}
/* Draggable, single-tap restorable offer bubble; deliberately independent of Sales Pulse toast. */
.cspo-floating-bubble {
  position:fixed!important;left:auto;top:52%;z-index:2147483005!important;
  display:grid!important;place-items:center!important;
  width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;
  padding:4px!important;margin:0!important;box-sizing:border-box!important;
  border:3px solid #fff!important;border-radius:50%!important;
  background:linear-gradient(135deg,#7448e9,#ee73a6)!important;
  color:#fff!important;cursor:grab!important;touch-action:none!important;
  box-shadow:0 7px 24px rgba(36,18,85,.34),0 0 0 2px rgba(134,70,245,.25)!important;
  user-select:none!important;-webkit-user-select:none!important;
  transition:box-shadow .2s ease,filter .2s ease!important;
  overflow:visible!important;line-height:1!important;font-family:system-ui,sans-serif!important;
}
.cspo-floating-bubble:active{cursor:grabbing!important;filter:brightness(1.05)!important}
.cspo-floating-bubble:hover{box-shadow:0 9px 30px rgba(36,18,85,.45),0 0 0 3px rgba(134,70,245,.32)!important}
.cspo-floating-bubble:focus-visible{outline:3px solid #19c8e5!important;outline-offset:4px!important}
.cspo-floating-bubble .cspo-bubble-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;pointer-events:none!important;background:#fff!important}
.cspo-floating-bubble .cspo-bubble-gift{font-size:30px!important;pointer-events:none!important;line-height:1!important;color:white!important}
.cspo-floating-bubble .cspo-bubble-dot{position:absolute!important;width:12px!important;height:12px!important;right:-1px!important;top:2px!important;background:#25cc9e!important;border:2px solid #fff!important;border-radius:50%!important;pointer-events:none!important;box-sizing:border-box!important}
@media(max-width:640px){.cspo-floating-bubble{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}}
@media(prefers-reduced-motion:reduce){.cspo-floating-bubble{transition:none!important}}

.cspo-floating-bubble .cspo-bubble-timer{position:absolute!important;left:50%!important;bottom:-14px!important;transform:translateX(-50%)!important;background:#26164e!important;color:#fff!important;border-radius:20px!important;padding:3px 7px!important;font-size:9px!important;line-height:1.25!important;font-weight:700!important;white-space:nowrap!important;letter-spacing:0!important;pointer-events:none!important;box-shadow:0 2px 7px #0003!important}

/* v0.9.3: Smart Safe Fit. Complete, legible product packaging; never zoom thumbnails. */
.cspo-card[data-image-fit=smart] .cspo-art.cspo-has-image .cspo-photo {
  position:absolute!important;inset:0!important;margin:auto!important;
  width:100%!important;height:100%!important;padding:5%!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;filter:drop-shadow(0 8px 13px rgba(16,23,52,.16))!important;
  max-width:min(100%,var(--cspo-source-width,100%))!important;
  max-height:min(100%,var(--cspo-source-height,100%))!important;
}
.cspo-card[data-image-fit=smart] .cspo-art.cspo-has-image .cspo-photo-backdrop {
  opacity:.36!important;filter:blur(24px) saturate(1.04)!important;
  transform:scale(1.07);object-fit:cover!important;
}
/* In Full Cover the operator consciously chooses cropping and optional zoom. */
.cspo-card[data-image-fit=cover] .cspo-art.cspo-has-image .cspo-photo {
  max-width:100%!important;max-height:100%!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;transform:scale(var(--cspo-image-zoom,1))!important;padding:0!important;
}
@media(max-width:640px){
  .cspo-card[data-image-fit=smart] .cspo-art.cspo-has-image .cspo-photo {
    object-fit:contain!important;transform:none!important;padding:4%!important;
  }
}

/* One premium, draggable bubble: an OFFER label slides to a product image. */
.cspo-floating-bubble,
.cspo-root .cspo-floating-bubble {
  appearance:none!important;-webkit-appearance:none!important;
  position:fixed!important;display:block!important;isolation:isolate!important;
  box-sizing:border-box!important;overflow:hidden!important;
  width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;
  border:2px solid rgba(255,255,255,.96)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;
  background:linear-gradient(145deg,#4924ad 4%,#934cfa 54%,#ec75bc 100%)!important;
  box-shadow:0 9px 28px rgba(31,17,79,.32)!important;
  text-decoration:none!important;line-height:1!important;
  color:#fff!important;font-family:system-ui,sans-serif!important;
  text-align:center!important;letter-spacing:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
.cspo-floating-bubble::before,.cspo-floating-bubble::after{content:none!important;display:none!important}
.cspo-floating-bubble .cspo-bubble-slide{
  position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;inset:0!important;
  height:100%!important;width:100%!important;
  margin:0!important;padding:6px!important;border:0!important;
  border-radius:50%!important;pointer-events:none!important;
  transform:translateX(0);opacity:1;will-change:transform,opacity;
}
.cspo-floating-bubble .cspo-bubble-label {
  z-index:2!important;color:#fff!important;background:transparent!important;
  font-weight:900!important;font-size:11px!important;letter-spacing:.045em!important;
  text-transform:uppercase!important;text-shadow:0 1px 4px rgba(0,0,0,.22)!important;
  overflow-wrap:anywhere;word-break:break-word;
}
.cspo-floating-bubble .cspo-bubble-image.cspo-bubble-slide {
  z-index:1!important;display:block!important;inset:6px!important;
  width:calc(100% - 12px)!important;height:calc(100% - 12px)!important;
  padding:2px!important;background:rgba(255,255,255,.98)!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:50%!important;
  opacity:0;
}
.cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-label {
  animation:cspo-bubble-label-cycle 8s ease-in-out infinite!important;
}
.cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-image {
  animation:cspo-bubble-image-cycle 8s ease-in-out infinite!important;
}
@keyframes cspo-bubble-label-cycle {
  0%,40%{opacity:1;transform:translateX(0)}
  48%,91%{opacity:0;transform:translateX(-110%)}
  98%,100%{opacity:1;transform:translateX(0)}
}
@keyframes cspo-bubble-image-cycle {
  0%,40%{opacity:0;transform:translateX(100%)}
  48%,91%{opacity:1;transform:translateX(0)}
  98%,100%{opacity:0;transform:translateX(100%)}
}
.cspo-floating-bubble[data-bubble-motion=static] .cspo-bubble-image,
.cspo-floating-bubble[data-bubble-has-photo='0'] .cspo-bubble-image{display:none!important}
.cspo-floating-bubble[data-bubble-motion=static] .cspo-bubble-label{animation:none!important;opacity:1!important}
.cspo-floating-bubble:focus-visible{outline:3px solid #26e7f1!important;outline-offset:4px!important}
.cspo-floating-bubble:active{cursor:grabbing!important}
@media(max-width:640px){
  .cspo-floating-bubble{width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important}
  .cspo-floating-bubble .cspo-bubble-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .cspo-floating-bubble .cspo-bubble-slide{animation:none!important;transition:none!important}
  .cspo-floating-bubble .cspo-bubble-image{opacity:0!important;display:none!important}
  .cspo-floating-bubble .cspo-bubble-label{opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-label{
    animation:none!important;opacity:1!important;transform:none!important;
  }
  .cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-image{
    animation:none!important;display:none!important;opacity:0!important;
  }
}


/* v0.9.4 - truly edge-to-edge circular image, with independent optional bubble motion.
   Intentionally scoped to Offer Studio bubbles; the sales notification styles are untouched. */
.cspo-floating-bubble,
.cspo-root .cspo-floating-bubble {
  --cspo-bubble-fx-duration:3.8s;
  padding:0!important;border:0!important;overflow:hidden!important;isolation:isolate!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#5829c7,#9b4bec 58%,#e574bd)!important;
  box-shadow:0 7px 20px rgba(30,18,76,.30)!important;
  transform:none!important;
}
.cspo-floating-bubble[data-bubble-speed=slow]{--cspo-bubble-fx-duration:5.8s}
.cspo-floating-bubble[data-bubble-speed=normal]{--cspo-bubble-fx-duration:3.8s}
.cspo-floating-bubble[data-bubble-speed=fast]{--cspo-bubble-fx-duration:2.3s}
.cspo-floating-bubble .cspo-bubble-stage{
  position:absolute!important;inset:0!important;display:block!important;
  overflow:hidden!important;border-radius:50%!important;pointer-events:none!important;
}
.cspo-floating-bubble .cspo-bubble-slide{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  border-radius:50%!important;overflow:hidden!important;
}
.cspo-floating-bubble .cspo-bubble-label{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:8px!important;background:transparent!important;z-index:2!important;
}
.cspo-floating-bubble .cspo-bubble-photo-slide{
  display:block!important;z-index:1!important;opacity:0;
}
.cspo-floating-bubble .cspo-bubble-photo-slide .cspo-bubble-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;border:0!important;
  display:block!important;border-radius:50%!important;background:transparent!important;
  object-fit:cover!important;object-position:center!important;
  transform:scale(var(--cspo-bubble-photo-zoom,1.35))!important;
  transform-origin:center!important;pointer-events:none!important;
}
.cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-label{animation:cspo-bubble-label-cycle 8s ease-in-out infinite!important}
.cspo-floating-bubble[data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-photo-slide{animation:cspo-bubble-image-cycle 8s ease-in-out infinite!important}
.cspo-floating-bubble[data-bubble-motion=static] .cspo-bubble-photo-slide,
.cspo-floating-bubble[data-bubble-has-photo='0'] .cspo-bubble-photo-slide{display:none!important}
.cspo-floating-bubble .cspo-bubble-fx{
  position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important;
  border-radius:50%!important;overflow:hidden!important;display:block!important;
}
.cspo-floating-bubble .cspo-bubble-fx::before,
.cspo-floating-bubble .cspo-bubble-fx::after{
  content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;
}
/* Effect animations avoid moving the draggable button's own bounding box. */
.cspo-floating-bubble[data-bubble-effect=pulse]{animation:cspo-bubble-pulse var(--cspo-bubble-fx-duration) ease-in-out infinite!important}
@keyframes cspo-bubble-pulse{
  0%,100%{box-shadow:0 7px 20px #1e124c4d,0 0 0 0 #a66af654}
  55%{box-shadow:0 9px 26px #1e124c55,0 0 0 9px #a66af600}
}
.cspo-floating-bubble[data-bubble-effect=glow]{animation:cspo-bubble-glow var(--cspo-bubble-fx-duration) ease-in-out infinite!important}
@keyframes cspo-bubble-glow{
  0%,100%{box-shadow:0 7px 22px #1e124c55,0 0 10px 1px #b081ff55}
  50%{box-shadow:0 10px 30px #1e124c63,0 0 22px 5px #c684ffa3}
}
.cspo-floating-bubble[data-bubble-effect=float] .cspo-bubble-stage{
  animation:cspo-bubble-float var(--cspo-bubble-fx-duration) ease-in-out infinite!important;
}
@keyframes cspo-bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.cspo-floating-bubble[data-bubble-effect=shine] .cspo-bubble-fx::before{
  border-radius:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.42) 51%,transparent 68%);
  width:80%;inset:-15% auto -15% -90%;transform:skewX(-18deg);
  animation:cspo-bubble-sheen var(--cspo-bubble-fx-duration) ease-in-out infinite;
}
@keyframes cspo-bubble-sheen{0%,18%{left:-90%}68%,100%{left:125%}}
.cspo-floating-bubble[data-bubble-effect=orbit] .cspo-bubble-fx::after{
  inset:2px;border:2px solid transparent;border-top-color:#fff9;border-right-color:#fff6;
  animation:cspo-bubble-orbit var(--cspo-bubble-fx-duration) linear infinite;
}
@keyframes cspo-bubble-orbit{to{transform:rotate(360deg)}}
.cspo-floating-bubble[data-bubble-effect=none],
.cspo-floating-bubble[data-bubble-effect=none] .cspo-bubble-fx,
.cspo-floating-bubble[data-bubble-effect=none] .cspo-bubble-stage{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .cspo-floating-bubble,
  .cspo-floating-bubble *,
  .cspo-floating-bubble .cspo-bubble-stage,
  .cspo-floating-bubble .cspo-bubble-fx::before,
  .cspo-floating-bubble .cspo-bubble-fx::after{animation:none!important;transition:none!important}
  .cspo-floating-bubble .cspo-bubble-photo-slide{display:none!important;opacity:0!important}
  .cspo-floating-bubble .cspo-bubble-label{opacity:1!important;transform:none!important}
}
/* Specific enough to override selectable effects when a visitor requests reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .cspo-floating-bubble[data-bubble-effect],
  .cspo-floating-bubble[data-bubble-effect] .cspo-bubble-stage,
  .cspo-floating-bubble[data-bubble-effect] .cspo-bubble-fx::before,
  .cspo-floating-bubble[data-bubble-effect] .cspo-bubble-fx::after {
    animation:none!important;
    transition:none!important;
  }
}
/* Animation belongs to the photo shell only. Do not also animate its nested image. */
.cspo-floating-bubble .cspo-bubble-photo-slide .cspo-bubble-image {
  animation:none!important;opacity:1!important;display:block!important;
}

/* Seasonal Library v0.9.8: distinct artwork with the existing trusted offer renderer. */
.cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter){--cspo-season-overlay:rgba(255,255,255,.12);min-height:300px;}
.cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-art{order:2;width:44%;min-height:280px;margin-left:0;clip-path:none;overflow:hidden;}
.cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-copy{order:1;padding:38px 38px 33px 38px;gap:10px}
.cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-eyebrow{opacity:.86}
.cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-art-deco{width:70%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 30px rgba(255,255,255,.05)}
.cspo-design-eid{background:linear-gradient(130deg,#073d36,#147d6e);color:#fff}.cspo-design-eid .cspo-art{background:radial-gradient(circle at 60% 32%,#d9cc96,#157d72 69%,#064b42)}.cspo-design-eid .cspo-discount{color:#fbe9b2}.cspo-design-eid .cspo-cta{background:#f5d68a;color:#15493f}
.cspo-design-eid .cspo-art-deco:before{content:'✦';position:absolute;top:-25px;right:8%;font-size:45px;color:#ffe2a3}
.cspo-design-ramadan{background:linear-gradient(135deg,#121d49,#41356f);color:#fff}.cspo-design-ramadan .cspo-art{background:radial-gradient(circle,#a88bc6,#27305f 65%,#141e46)}.cspo-design-ramadan .cspo-discount{color:#efd5a4}.cspo-design-ramadan .cspo-cta{background:#f0cd93;color:#25244a}.cspo-design-ramadan .cspo-art-deco:before{content:'☾';position:absolute;top:-45px;left:-20px;font-size:80px;color:#fff1ca}
.cspo-design-black-friday{background:linear-gradient(118deg,#090c10,#252a35);color:#fff}.cspo-design-black-friday .cspo-art{background:linear-gradient(150deg,#424653,#08090c)}.cspo-design-black-friday .cspo-discount{color:#f8d789;font-size:27px}.cspo-design-black-friday .cspo-cta{background:linear-gradient(100deg,#e7c57c,#ba8743);color:#16171b}.cspo-design-black-friday .cspo-art-deco{border:2px solid #d0ac60;border-radius:20%;transform:rotate(25deg);}
.cspo-design-new-year{background:linear-gradient(130deg,#21163e,#7248a4);color:#fff}.cspo-design-new-year .cspo-art{background:radial-gradient(circle at 30% 20%,#f5c7eb,#7952b8,#25204b)}.cspo-design-new-year .cspo-discount{color:#ffe2bd}.cspo-design-new-year .cspo-cta{background:#ffe1c4;color:#3a2058}.cspo-design-new-year .cspo-art-deco{border-style:dotted;border-width:5px}
.cspo-design-summer{background:linear-gradient(120deg,#fffaf0,#fff0c9);color:#254554}.cspo-design-summer .cspo-art{background:linear-gradient(155deg,#93dfef,#4cbaca 60%,#fae18d)}.cspo-design-summer .cspo-discount{color:#ed7d3d}.cspo-design-summer .cspo-cta{background:#ef8347;color:#fff}.cspo-design-summer .cspo-art-deco{border-radius:46% 54% 70% 30%;transform:rotate(-15deg);background:rgba(255,255,255,.24)}
.cspo-design-anniversary{background:linear-gradient(135deg,#fff9ef,#f8dfdf);color:#4f3034}.cspo-design-anniversary .cspo-art{background:radial-gradient(circle,#ffd6ca,#de858a)}.cspo-design-anniversary .cspo-discount{color:#bd4268}.cspo-design-anniversary .cspo-headline{font-family:Georgia,serif}.cspo-design-anniversary .cspo-cta{background:#b83b68;color:#fff}.cspo-design-anniversary .cspo-art-deco{border:3px dotted rgba(255,255,255,.7)}
.cspo-design-launch{background:linear-gradient(135deg,#f1f8ff,#d8eafd);color:#152c51}.cspo-design-launch .cspo-art{background:radial-gradient(circle at 30% 30%,#9ae5ff,#3978cb,#142751)}.cspo-design-launch .cspo-discount{color:#1368c7}.cspo-design-launch .cspo-cta{background:#1455b9}.cspo-design-launch .cspo-art-deco{border-radius:18%;transform:rotate(25deg);border:2px solid #9de4fa}
.cspo-design-winter{background:linear-gradient(125deg,#effaff,#cbe8f4);color:#193b4c}.cspo-design-winter .cspo-art{background:radial-gradient(circle,#fff,#a1d7ec,#467d9d)}.cspo-design-winter .cspo-discount{color:#266fa1}.cspo-design-winter .cspo-cta{background:#2a789d}.cspo-design-winter .cspo-art-deco{border:5px dotted rgba(255,255,255,.9)}
@media(max-width:650px){.cspo-root .cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter){flex-direction:column}.cspo-root .cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-art{order:0;width:100%;min-height:125px;max-height:38vh}.cspo-root .cspo-card:is(.cspo-design-eid,.cspo-design-ramadan,.cspo-design-black-friday,.cspo-design-new-year,.cspo-design-summer,.cspo-design-anniversary,.cspo-design-launch,.cspo-design-winter) .cspo-copy{order:1;padding:21px 24px}}
/* v0.9.9 - optional two-offer carousel, preserving existing single-offer styles. */
.cspo-dual-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;width:100%;margin-top:5px;position:relative;z-index:9}
.cspo-slide-arrow{appearance:none;width:32px;height:32px;min-width:32px;border-radius:50%;border:1px solid currentColor;background:rgba(255,255,255,.17);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:24px;line-height:1;transition:background .2s,transform .2s}
.cspo-slide-arrow:hover{background:rgba(255,255,255,.32);transform:scale(1.05)}
.cspo-slide-arrow:focus-visible{outline:3px solid #25d5ed;outline-offset:2px}
.cspo-slide-counter{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.08em;font-size:11px;font-weight:800;opacity:.85}
.cspo-card.cspo-slide-switch-out{animation:cspo-dual-exit .175s ease-in both!important}
.cspo-card.cspo-slide-switch-in{animation:cspo-dual-entrance .32s cubic-bezier(.21,.9,.3,1) both!important}
@keyframes cspo-dual-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-45px)}}
@keyframes cspo-dual-entrance{from{opacity:0;transform:translateX(48px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:640px){.cspo-dual-nav{margin-top:0;gap:8px}.cspo-slide-arrow{width:30px;height:30px;min-width:30px}}
/* 3-stage animated circle: OFFER, first image and second image; one actual draggable button. */
.cspo-floating-bubble[data-bubble-dual='1'][data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-label{animation:cspo-dual-bubble-label 12s ease-in-out infinite!important}
.cspo-floating-bubble[data-bubble-dual='1'][data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-photo-1{animation:cspo-dual-bubble-first 12s ease-in-out infinite!important}
.cspo-floating-bubble[data-bubble-dual='1'][data-bubble-motion=slide][data-bubble-has-photo='1'] .cspo-bubble-photo-2{animation:cspo-dual-bubble-second 12s ease-in-out infinite!important}
@keyframes cspo-dual-bubble-label{0%,27%{opacity:1;transform:translateX(0)}33%,94%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}
@keyframes cspo-dual-bubble-first{0%,27%{opacity:0;transform:translateX(100%)}33%,58%{opacity:1;transform:translateX(0)}66%,100%{opacity:0;transform:translateX(-100%)}}
@keyframes cspo-dual-bubble-second{0%,58%{opacity:0;transform:translateX(100%)}66%,94%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100%)}}
.cspo-floating-bubble[data-bubble-dual='1'][data-bubble-motion=static] .cspo-bubble-label{display:none!important}
.cspo-floating-bubble[data-bubble-dual='1'][data-bubble-motion=static] .cspo-bubble-photo-1{display:block!important;opacity:1!important;animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 .cspo-card.cspo-slide-switch-out,.cspo-card.cspo-slide-switch-in{animation:none!important;transition:none!important}
 .cspo-floating-bubble[data-bubble-dual='1'] .cspo-bubble-label{display:flex!important;opacity:1!important;animation:none!important}
 .cspo-floating-bubble[data-bubble-dual='1'] .cspo-bubble-photo-slide{display:none!important;opacity:0!important;animation:none!important}
}

/* v0.10.1: a single two-design modal with compact, accessible three-dot indicator. */
.cspo-root .cspo-dual-panel{touch-action:pan-y;pointer-events:auto;}
.cspo-root .cspo-dual-panel .cspo-copy{padding-bottom:max(46px,env(safe-area-inset-bottom))!important;}
.cspo-root .cspo-dual-panel.cspr-card{padding-bottom:53px!important;overflow-y:auto;overscroll-behavior:contain;max-height:min(92dvh,780px);}
.cspo-root .cspr-card.cspo-embedded-reward{pointer-events:auto;animation:none;opacity:1;transform:none;}
.cspo-root .cspo-dual-nav{position:absolute!important;bottom:12px!important;left:50%!important;transform:translateX(-50%)!important;width:max-content!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:0!important;padding:5px 10px!important;border-radius:100px!important;background:rgba(14,13,35,.14)!important;z-index:12!important;}
.cspo-root .cspo-slide-dot{appearance:none!important;display:block!important;width:7px!important;min-width:7px!important;height:7px!important;min-height:7px!important;border:0!important;border-radius:100%!important;background:currentColor!important;opacity:.37!important;padding:0!important;box-shadow:none!important;cursor:pointer!important;transition:width .2s,opacity .2s,background .2s!important;}
.cspo-root .cspo-slide-dot.is-active{width:20px!important;min-width:20px!important;opacity:1!important;background:#ffc371!important;}
.cspo-root .cspo-slide-dot-center{width:4px!important;min-width:4px!important;height:4px!important;min-height:4px!important;opacity:.28!important;pointer-events:none!important;}
.cspo-root .cspo-slide-dot:focus-visible{outline:2px solid #12add7!important;outline-offset:4px!important;}
.cspo-root .cspo-slide-switch-out{animation:cspo-dual-exit .175s ease-in both!important;}
.cspo-root .cspo-slide-switch-in{animation:cspo-dual-entrance .32s cubic-bezier(.21,.9,.3,1) both!important;}
@media(max-width:640px){.cspo-root .cspr-card.cspo-embedded-reward{max-height:calc(100dvh - 28px);padding-bottom:48px!important;}.cspo-root .cspo-dual-nav{bottom:10px!important;}}
@media(prefers-reduced-motion:reduce){.cspo-root .cspo-dual-panel,.cspo-root .cspo-dual-panel *{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}