/* BY GILAWEBSITE.COM — https://gilawebsite.com/ */
/* Live Salespage — scoped under .lsp so it cannot leak into the theme. */

/* ---------- display states ----------
 * The room is one element in three shapes: full screen, a floating mini
 * player, and gone. The <video> is never moved or re-created, so playback
 * and the shopper's sound choice survive every transition.
 */
/* Dim + blur the page behind a full-screen room so attention lands on the
 * video. Blur is deliberately light: a heavy blur over a full viewport is
 * expensive on mid-range Android and can drop the video's frame rate.
 */
.lsp-backdrop{
  position:fixed;inset:0;z-index:99985;
  background:rgba(0,0,0,var(--lsp-dim-alpha,.55));
  -webkit-backdrop-filter:blur(var(--lsp-blur,6px));
  backdrop-filter:blur(var(--lsp-blur,6px));
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
.lsp-backdrop.is-on{opacity:1;pointer-events:auto}

.lsp.lsp--overlay:not(.is-ready){transition:none !important}
.lsp.lsp--overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;margin:0;
  max-width:none;max-height:none;height:100dvh;z-index:99990;
  transition:transform .42s cubic-bezier(.22,.9,.28,1),
             width .42s cubic-bezier(.22,.9,.28,1),
             height .42s cubic-bezier(.22,.9,.28,1),
             border-radius .42s ease, opacity .25s ease;
}
@media (min-width:520px){
  .lsp.lsp--overlay.is-full{left:50%;right:auto;width:430px;transform:translateX(-50%)}
}

/* mini player */
.lsp.lsp--overlay.is-mini{
  top:auto;bottom:16px;height:248px;width:140px;
  border-radius:14px;overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.42);
  cursor:pointer;
}
.lsp.lsp--overlay.lsp--bottom-left.is-mini{left:14px;right:auto;transform:none}
.lsp.lsp--overlay.lsp--bottom-right.is-mini{right:14px;left:auto;transform:none}
@media (min-width:520px){
  .lsp.lsp--overlay.lsp--bottom-left.is-mini{left:22px;transform:none}
  .lsp.lsp--overlay.lsp--bottom-right.is-mini{right:22px;transform:none}
}

/* In mini everything except the video is out of the way. */
.lsp.lsp--overlay.is-mini > *:not(.lsp-stage){display:none !important}
.lsp.lsp--overlay.is-mini .lsp-scrim,
.lsp.lsp--overlay.is-mini .lsp-unmute,
.lsp.lsp--overlay.is-mini .lsp-sound{display:none !important}
.lsp.lsp--overlay.is-mini .lsp-minitag,
.lsp.lsp--overlay.is-mini .lsp-miniclose,
.lsp.lsp--overlay.is-mini .lsp-miniopen{display:flex}

.lsp.lsp--overlay.is-hidden{opacity:0;pointer-events:none;transform:translateY(30px) scale(.9)}

/* mini chrome — hidden unless the room is in mini */
.lsp-minitag,.lsp-miniclose,.lsp-miniopen{display:none}
.lsp-minitag{position:absolute;top:6px;left:6px;z-index:9;align-items:center;gap:4px;
  background:var(--lsp-accent);color:#fff;border-radius:4px;padding:2px 6px;
  font-size:8.5px;font-weight:800;letter-spacing:.5px}
.lsp-minitag i{width:4px;height:4px;background:#fff;border-radius:50%;animation:lsp-blink 1.2s infinite}
.lsp-miniclose{position:absolute;top:5px;right:5px;z-index:11;width:26px;height:26px;
  align-items:center;justify-content:center;border:0;border-radius:50%;
  background:rgba(10,10,14,.62);backdrop-filter:blur(8px);color:#fff;font-size:11px;padding:0}
.lsp-miniopen{position:absolute;inset:0;z-index:10;border:0;background:transparent;padding:0}

/* launcher pill */
.lsp-launch{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;
  background:var(--lsp-accent);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.4px;
  padding:10px 18px;font-family:inherit;cursor:pointer;
  box-shadow:0 4px 16px rgba(254,44,85,.4);transition:transform .12s}
.lsp-launch:active{transform:scale(.95)}
.lsp-launch[hidden]{display:none}
.lsp-launch-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:lsp-blink 1.4s infinite}
.lsp-launch--float{position:fixed;bottom:18px;z-index:99989}
.lsp-launch--float.lsp--bottom-left{left:14px;right:auto}
.lsp-launch--float.lsp--bottom-right{right:14px;left:auto}

.lsp{
  --lsp-accent:#fe2c55;
  --lsp-mint:#25f4ee;
  --lsp-dim:rgba(255,255,255,.68);
  --lsp-glass:rgba(18,18,22,.55);
  --lsp-ok:#0aa06e;
  position:relative;width:100%;max-width:430px;margin:0 auto;
  height:100dvh;max-height:932px;overflow:hidden;background:#111;color:#fff;
  display:flex;flex-direction:column;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.lsp *,.lsp *::before,.lsp *::after{box-sizing:border-box}
.lsp p,.lsp h2{margin:0}
.lsp button{font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;
  margin:0;line-height:1.2;text-transform:none;letter-spacing:normal;min-width:0;min-height:0;
  text-shadow:none;box-shadow:none}
.lsp button:not([class*="lsp-"]){all:revert}
.lsp button:focus-visible,.lsp input:focus-visible{outline:2px solid var(--lsp-mint);outline-offset:2px}

/* video */
.lsp-stage{position:absolute;inset:0;overflow:hidden}
.lsp-video{width:100%;height:100%;object-fit:cover;display:block}
.lsp-novideo{position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,#3b2f2a,#1a1512 55%,#0a0908);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 40px}
.lsp-ring{width:74px;height:74px;border-radius:50%;border:2px dashed rgba(255,255,255,.28);display:grid;place-items:center;font-size:26px;animation:lsp-spin 18s linear infinite}
@keyframes lsp-spin{to{transform:rotate(360deg)}}
.lsp-novideo p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.45)}
.lsp-unmute{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;
  display:flex;align-items:center;gap:8px;border:0;border-radius:999px;
  background:rgba(10,10,14,.72);backdrop-filter:blur(14px);color:#fff;
  font-size:13px;font-weight:600;padding:11px 18px;font-family:inherit;
  box-shadow:0 6px 24px rgba(0,0,0,.4);animation:lsp-nudge 2.4s ease-in-out infinite}
.lsp-unmute:active{transform:translate(-50%,-50%) scale(.95)}
.lsp-unmute[hidden]{display:none}
.lsp-unmute-ic{font-size:15px}
@keyframes lsp-nudge{0%,100%{box-shadow:0 6px 24px rgba(0,0,0,.4)}50%{box-shadow:0 6px 30px rgba(254,44,85,.55)}}

.lsp-sound{position:absolute;right:12px;top:96px;z-index:8;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(10,10,14,.55);backdrop-filter:blur(12px);color:#fff;font-size:15px;
  display:grid;place-items:center;transition:transform .12s}
.lsp-sound:active{transform:scale(.9)}
.lsp-sound[hidden]{display:none}

.lsp-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,0) 24%,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 82%)}

/* top */
.lsp-top{position:relative;z-index:5;padding:14px 12px 0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.lsp-hostbar{display:flex;align-items:center;gap:8px;width:100%}
.lsp-host{display:flex;align-items:center;gap:8px;background:var(--lsp-glass);backdrop-filter:blur(14px);border-radius:999px;padding:4px}
.lsp-av{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}
.lsp-av-text{background:linear-gradient(135deg,#5a4632,#2a211a);display:grid;place-items:center;font-size:12px;font-weight:700}
.lsp-meta{display:flex;flex-direction:column;padding-right:6px;line-height:1.15}
.lsp-name{font-size:12.5px;font-weight:600;letter-spacing:-.2px}
.lsp-likes{font-size:10.5px;color:var(--lsp-dim)}
.lsp-follow{background:var(--lsp-accent);border:0;color:#fff;font-weight:700;font-size:12.5px;padding:7px 15px;border-radius:999px;transition:transform .12s}
.lsp-follow:active{transform:scale(.94)}
.lsp-follow.is-done{background:rgba(255,255,255,.16)}
.lsp-viewers{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--lsp-glass);backdrop-filter:blur(14px);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}
.lsp-dot{width:6px;height:6px;border-radius:50%;background:#3ee27a;animation:lsp-pulse 1.8s infinite}
@keyframes lsp-pulse{70%{box-shadow:0 0 0 7px rgba(62,226,122,0)}100%{box-shadow:0 0 0 0 rgba(62,226,122,0)}}
.lsp-min{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:0;padding:0;
  background:rgba(18,18,22,.55);backdrop-filter:blur(14px);
  color:#fff;font-size:15px;font-weight:400;line-height:1;
  display:grid;place-items:center;transition:transform .12s,background .2s}
.lsp-min:hover{background:rgba(18,18,22,.8)}
.lsp-min:active{transform:scale(.9)}

/* A one-off nudge so the shopper knows the room can be dismissed. */
.lsp-hint{position:absolute;top:56px;right:12px;z-index:9;
  background:rgba(10,10,14,.82);backdrop-filter:blur(12px);color:#fff;
  font-size:11px;line-height:1.35;padding:7px 11px;border-radius:9px;max-width:180px;
  box-shadow:0 6px 20px rgba(0,0,0,.4);animation:lsp-hintin .4s ease both}
.lsp-hint::after{content:"";position:absolute;top:-5px;right:14px;width:10px;height:10px;
  background:inherit;transform:rotate(45deg)}
.lsp-hint[hidden]{display:none}
@keyframes lsp-hintin{from{opacity:0;transform:translateY(-6px)}}

.lsp-livetag{display:inline-flex;align-items:center;gap:5px;background:var(--lsp-accent);border-radius:5px;padding:3px 8px;font-size:10.5px;font-weight:800;letter-spacing:.6px}
.lsp-livetag i{width:5px;height:5px;background:#fff;border-radius:50%;animation:lsp-blink 1.2s infinite}
@keyframes lsp-blink{50%{opacity:.25}}
.lsp-ribbon{background:linear-gradient(90deg,var(--lsp-accent),rgba(254,44,85,.15));border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600}

/* pinned + chat */
.lsp-pinned{position:relative;z-index:5;margin:auto 12px 0;max-width:78%;background:rgba(254,44,85,.18);backdrop-filter:blur(10px);border-left:3px solid var(--lsp-accent);border-radius:0 10px 10px 0;padding:8px 11px}
.lsp-pinlab{font-size:9.5px;font-weight:800;letter-spacing:.8px;color:#ff8fa5;margin-bottom:3px}
.lsp-pinned p{font-size:12.5px;line-height:1.4}
.lsp-chat{position:relative;z-index:5;height:165px;overflow:hidden;margin-top:8px;padding:0 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%);mask-image:linear-gradient(180deg,transparent,#000 22%)}
.lsp-msg{display:flex;gap:8px;align-items:flex-start;animation:lsp-rise .45s cubic-bezier(.2,.8,.2,1)}
@keyframes lsp-rise{from{opacity:0;transform:translateY(14px)}}
.lsp-av2{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700}
.lsp-bub{max-width:82%}
.lsp-who{font-size:11px;color:var(--lsp-dim);line-height:1.2}
.lsp-txt{font-size:13px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.lsp-msg.is-ai .lsp-bub{background:rgba(10,10,14,.72);backdrop-filter:blur(12px);border-radius:4px 12px 12px 12px;padding:7px 10px;max-width:88%;border:1px solid rgba(37,244,238,.22)}
.lsp-msg.is-ai .lsp-who{color:var(--lsp-mint);font-weight:700}
.lsp-typing span{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--lsp-mint);animation:lsp-bob 1s infinite}
.lsp-typing span:nth-child(2){animation-delay:.15s}
.lsp-typing span:nth-child(3){animation-delay:.3s}
@keyframes lsp-bob{0%,60%,100%{opacity:.3}30%{opacity:1;transform:translateY(-4px)}}
.lsp-hearts{position:absolute;right:14px;bottom:200px;width:60px;height:260px;z-index:4;pointer-events:none}
.lsp-heart{position:absolute;bottom:0;font-size:20px;animation:lsp-float 3.4s ease-out forwards}
@keyframes lsp-float{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:translateY(-16px) scale(1)}100%{opacity:0;transform:translate(var(--dx),-240px) scale(.75)}}

/* ---------- pinned product card ----------
 * Small on purpose. The old card was a full-width white slab that ate a
 * third of the video. This one sits like a chip above the composer and
 * opens the detail sheet on tap.
 */
.lsp-pincard{position:relative;z-index:6;margin:0 10px 8px;align-self:flex-start;max-width:calc(100% - 20px)}
.lsp-pincard:empty{display:none}

.lsp-nowtag{display:inline-flex;align-items:center;gap:4px;margin:0 0 5px 2px;
  background:var(--lsp-accent);color:#fff;border-radius:4px;padding:2px 7px;
  font-size:8.5px;font-weight:800;letter-spacing:.5px}
.lsp-nowtag i{width:4px;height:4px;border-radius:50%;background:#fff;animation:lsp-blink 1.2s infinite}

.lsp-card{position:relative;display:flex;align-items:center;gap:9px;
  background:#fff;color:#111;border-radius:12px;padding:7px 9px 7px 7px;
  box-shadow:0 8px 26px rgba(0,0,0,.45);cursor:pointer;
  transition:transform .12s ease;max-width:330px}
.lsp-card:active{transform:scale(.98)}

.lsp-thumb{flex:0 0 auto;width:46px;height:46px;border-radius:8px;object-fit:cover;background:#f2f2f4}
.lsp-pinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lsp-pname{font-size:12px;font-weight:600;line-height:1.25;letter-spacing:-.1px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.lsp-pricerow{display:flex;align-items:baseline;gap:5px}
.lsp-price{font-size:15px;font-weight:800;letter-spacing:-.4px;color:var(--lsp-accent)}
.lsp-was{font-size:10.5px;color:#b0b0b8;text-decoration:line-through}
.lsp-off{font-size:9px;font-weight:800;background:#fff0f3;color:var(--lsp-accent);
  border-radius:3px;padding:1px 4px}

.lsp-buy{flex:0 0 auto;background:var(--lsp-accent);color:#fff;border:0;
  font-size:12px;font-weight:800;padding:8px 15px;border-radius:8px;
  box-shadow:0 3px 10px rgba(254,44,85,.35);transition:transform .12s}
.lsp-buy:active{transform:scale(.94)}
.lsp-buy[disabled]{background:#d4d4d8;box-shadow:none}

.lsp-carddismiss{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border:0;padding:0;
  border-radius:50%;background:rgba(30,30,34,.9);color:#fff;font-size:10px;line-height:1;
  display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}

/* ---------- product detail sheet ---------- */
.lsp-detail{padding:0 !important}
.lsp-hero{position:relative;width:100%;aspect-ratio:1/1;background:#f4f4f6;display:block}
.lsp-hero img{width:100%;height:100%;object-fit:cover;display:block}
.lsp-band{display:flex;align-items:center;gap:9px;background:var(--lsp-accent);color:#fff;padding:10px 14px}
.lsp-band .b1{font-size:22px;font-weight:800;letter-spacing:-.6px;line-height:1}
.lsp-band .b2{font-size:12px;opacity:.85;text-decoration:line-through}
.lsp-band .b3{margin-left:auto;background:rgba(255,255,255,.22);border-radius:5px;
  padding:3px 8px;font-size:11px;font-weight:800}
.lsp-dbody{padding:13px 14px 4px}
.lsp-dname{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-.2px;margin-bottom:6px}
.lsp-ddesc{font-size:12px;color:#71717a;line-height:1.45;margin-bottom:10px}
.lsp-dperk{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;
  color:var(--lsp-ok);background:#eefaf4;border-radius:5px;padding:4px 9px;margin-bottom:4px}

.lsp-vlabel{font-size:11px;font-weight:700;color:#52525b;margin:12px 0 7px}
.lsp-chips{display:flex;flex-wrap:wrap;gap:7px}
.lsp-chip{border:1.5px solid #e4e4e8;background:#fff;color:#3f3f46;font-size:12px;font-weight:600;
  padding:7px 14px;border-radius:8px;transition:all .14s;font-family:inherit}
.lsp-chip.is-on{border-color:var(--lsp-accent);background:#fff0f3;color:var(--lsp-accent)}
.lsp-chip[disabled]{opacity:.38;text-decoration:line-through}

.lsp-qtyrow{display:flex;align-items:center;justify-content:space-between;margin:14px 0 4px}
.lsp-qtyrow span{font-size:11px;font-weight:700;color:#52525b}
.lsp-stepper{display:flex;align-items:center;border:1.5px solid #e4e4e8;border-radius:9px;overflow:hidden}
.lsp-stepper button{width:34px;height:32px;border:0;background:#fafafa;font-size:16px;color:#333;padding:0}
.lsp-stepper button[disabled]{color:#ccc}
.lsp-stepper b{min-width:40px;text-align:center;font-size:14px;font-weight:700}

.lsp-dactions{display:flex;gap:9px}
.lsp-dactions .lsp-cta{margin-top:0}
.lsp-cta.is-outline{background:#fff;color:var(--lsp-accent);border:1.5px solid var(--lsp-accent);box-shadow:none}

/* composer */
.lsp-composer{position:relative;z-index:6;padding:10px 12px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px}
.lsp-field{flex:1;display:flex;align-items:center;background:rgba(255,255,255,.13);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 6px 0 15px}
.lsp-field input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:13.5px;padding:11px 0;font-family:inherit;min-width:0}
.lsp-field input::placeholder{color:rgba(255,255,255,.5)}
.lsp-send{background:var(--lsp-accent);border:0;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.lsp-icon{position:relative;width:38px;height:38px;border-radius:50%;flex:0 0 auto;background:rgba(255,255,255,.13);backdrop-filter:blur(14px);border:0;color:#fff;font-size:17px}
.lsp-icon:active{transform:scale(.9)}
.lsp-badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;background:var(--lsp-accent);border-radius:999px;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid #111;transition:transform .2s}
.lsp-badge.is-pop{transform:scale(1.35)}
.lsp-badge[data-n="0"]{display:none}

/* sheets */
.lsp-veil{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .28s}
.lsp-veil.is-on{opacity:1;pointer-events:auto}
.lsp-sheet{position:absolute;left:0;right:0;bottom:0;z-index:31;background:#fff;color:#111;border-radius:18px 18px 0 0;transform:translateY(102%);transition:transform .34s cubic-bezier(.2,.85,.25,1);display:flex;flex-direction:column;max-height:92%}
.lsp-sheet.is-on{transform:translateY(0)}
.lsp-grab{width:38px;height:4px;background:#ddd;border-radius:2px;margin:9px auto 0;flex:0 0 auto}
.lsp-shead{padding:12px 16px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0f2;flex:0 0 auto}
.lsp-shead h2{font-size:16px;font-weight:800;letter-spacing:-.3px}
.lsp-x{margin-left:auto;background:#f2f2f4;border:0;width:28px;height:28px;border-radius:50%;font-size:15px;color:#666}
.lsp-sbody{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;flex:1}
.lsp-sfoot{flex:0 0 auto;border-top:1px solid #f0f0f2;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fff}

.lsp-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f4f4f6}
.lsp-row:last-child{border-bottom:0}
.lsp-rth{flex:0 0 auto;width:70px;height:70px;border-radius:10px;object-fit:cover;background:#f2f2f4}
.lsp-ri{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.lsp-rn{font-size:13.5px;font-weight:700;line-height:1.25}
.lsp-rd{font-size:11px;color:#8b8b93;line-height:1.35}
.lsp-rp{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.lsp-rp .p{font-size:15px;font-weight:800}
.lsp-rp .w{font-size:11px;color:#b8b8bf;text-decoration:line-through}
.lsp-select{border:1px solid #e4e4e8;border-radius:8px;padding:6px 8px;font-size:11.5px;font-family:inherit;color:#111;background:#fff;max-width:100%}
.lsp-add{align-self:flex-start;background:#111;color:#fff;border:0;font-size:11.5px;font-weight:700;padding:7px 14px;border-radius:8px;margin-top:4px}
.lsp-add:active{transform:scale(.95)}
.lsp-add[disabled]{background:#eee;color:#aaa}
.lsp-qty{display:flex;align-items:center;border:1px solid #e4e4e8;border-radius:8px;overflow:hidden;align-self:flex-start;margin-top:4px}
.lsp-qty button{width:28px;height:28px;border:0;background:#fafafa;font-size:15px;color:#333}
.lsp-qty span{min-width:32px;text-align:center;font-size:13px;font-weight:700}

.lsp-meter{background:#f7f7f9;border-radius:10px;padding:10px 12px;margin-bottom:6px}
.lsp-meter .t{font-size:11.5px;color:#555;margin-bottom:6px}
.lsp-meter .t b{color:var(--lsp-ok)}
.lsp-mtrack{height:5px;background:#e6e6ea;border-radius:3px;overflow:hidden}
.lsp-mfill{height:100%;background:var(--lsp-ok);border-radius:3px;transition:width .4s}
.lsp-tot{display:flex;justify-content:space-between;font-size:12.5px;color:#666;padding:3px 0}
.lsp-cta{width:100%;background:var(--lsp-accent);color:#fff;border:0;font-size:15px;font-weight:800;padding:14px;border-radius:11px;margin-top:10px;box-shadow:0 6px 18px rgba(254,44,85,.32)}
.lsp-cta:active{transform:scale(.985)}
.lsp-cta[disabled]{background:#e4e4e8;color:#a5a5ad;box-shadow:none}
.lsp-cta.is-ghost{background:#fff;color:#111;border:1.5px solid #e4e4e8;box-shadow:none;margin-top:8px}
.lsp-empty{text-align:center;padding:44px 20px;color:#a1a1aa}
.lsp-empty div{font-size:40px;margin-bottom:10px}
.lsp-empty p{font-size:13px;line-height:1.5}

.lsp-sheet--pay{height:94%;max-height:94%}
.lsp-pay{flex:1;min-height:0;position:relative;background:#fff}
.lsp-pay iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .3s}
.lsp-pay iframe.is-ready{opacity:1}
.lsp-payload{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8b8b93;font-size:13px;background:#fff;transition:opacity .3s}
.lsp-payload.is-gone{opacity:0;pointer-events:none}
.lsp-spin{width:26px;height:26px;border:3px solid #eee;border-top-color:var(--lsp-accent);border-radius:50%;animation:lsp-spin .8s linear infinite}
@keyframes lsp-spin{to{transform:rotate(360deg)}}
.lsp-popout{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#f2f2f4;color:#666;font-size:14px;display:grid;place-items:center;text-decoration:none}
.lsp-shead .lsp-popout + .lsp-x{margin-left:6px}
.lsp-secure{flex:0 0 auto;text-align:center;font-size:10px;color:#9a9aa2;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#fafafa;border-top:1px solid #f0f0f2}
.lsp-toast{position:absolute;left:50%;bottom:100px;transform:translate(-50%,20px);z-index:40;background:rgba(10,10,14,.93);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 16px;border-radius:11px;font-size:12.5px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:82%;text-align:center;line-height:1.4}
.lsp-toast.is-on{opacity:1;transform:translate(-50%,0)}
.lsp-disclaimer{position:absolute;bottom:13px;left:0;right:0;z-index:7;text-align:center;font-size:9.5px;color:rgba(255,255,255,.4);padding:2px 12px;pointer-events:none}
.lsp-credit{position:absolute;bottom:1px;left:0;right:0;z-index:7;text-align:center;font-size:9px;letter-spacing:.5px;color:rgba(255,255,255,.3);text-decoration:none;padding:2px 12px}
.lsp-credit:hover,.lsp-credit:focus{color:rgba(255,255,255,.6)}

.lsp .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.lsp-busy{opacity:.55;pointer-events:none}

body.lsp-locked{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .lsp,.lsp *{animation:none!important;transition:none!important}
}


/* ==========================================================
   UST OIL — PREMIUM DYNAMIC CHECKOUT
   ========================================================== */
body.woocommerce-checkout {
  --ust-green:#123B2E;
  --ust-green-2:#0A2A20;
  --ust-gold:#C8862B;
  --ust-gold-light:#E5B45D;
  --ust-cream:#FBF7EF;
  --ust-ink:#171511;
  --ust-muted:#6B675F;
  background:
    radial-gradient(circle at 8% 8%,rgba(200,134,43,.10),transparent 30%),
    linear-gradient(180deg,#F8F4EC 0%,#F2F6F2 100%) !important;
  color:var(--ust-ink);
  font-family:"Barlow",Arial,sans-serif;
}
body.woocommerce-checkout .elementor-element-de2035c {
  background:linear-gradient(135deg,var(--ust-green-2),var(--ust-green)) !important;
  border-bottom:3px solid var(--ust-gold);
  box-shadow:0 10px 30px rgba(5,31,23,.18);
  padding:18px 24px !important;
}
body.woocommerce-checkout .elementor-element-9350bba {
  max-width:1120px !important;
  margin:auto;
  align-items:center !important;
}
body.woocommerce-checkout .elementor-element-1b0740a img {display:none !important;}
body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container:before {
  content:"UST OIL";
  display:block;
  color:#fff;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif;
  font-size:32px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.5px;
}
body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container:after {
  content:"MINYAK URUT TRADISIONAL USTAZ LAH";
  display:block;
  color:var(--ust-gold-light);
  font-size:10px;
  font-weight:700;
  letter-spacing:1.4px;
  margin-top:5px;
}
body.woocommerce-checkout .elementor-element-2413984,
body.woocommerce-checkout .elementor-element-2413984 * {color:#fff !important;}
body.woocommerce-checkout .elementor-element-2413984 .elementor-icon-list-text {
  font-weight:700;
  letter-spacing:.2px;
}
body.woocommerce-checkout .elementor-element-f7c45f9 {
  background:transparent !important;
  padding:36px 22px 54px !important;
}
body.woocommerce-checkout .elementor-element-e949aaf {
  max-width:1120px !important;
  margin:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 310px !important;
  gap:24px !important;
  align-items:start !important;
}
body.woocommerce-checkout .elementor-element-98b6b2c,
body.woocommerce-checkout .elementor-element-c3f0292 {width:100% !important;}
body.woocommerce-checkout .elementor-element-98b6b2c {
  background:#fff;
  border:1px solid rgba(18,59,46,.12);
  border-radius:20px;
  box-shadow:0 22px 55px rgba(18,59,46,.10);
  overflow:hidden;
}
body.woocommerce-checkout .elementor-element-f031e79 {width:100% !important;}
body.woocommerce-checkout #wcf-embed-checkout-form {
  width:100% !important;
  max-width:none !important;
  padding:30px !important;
  background:#fff !important;
}
body.woocommerce-checkout .wcf-steps-wrap {
  background:#F4F7F4 !important;
  border:1px solid rgba(18,59,46,.10);
  border-radius:14px;
  padding:14px 18px !important;
  margin-bottom:24px !important;
}
body.woocommerce-checkout .wcf-steps-wrap .wcf-step {
  color:var(--ust-muted) !important;
  font-weight:700 !important;
}
body.woocommerce-checkout .wcf-steps-wrap .wcf-step.active,
body.woocommerce-checkout .wcf-steps-wrap .wcf-step.current {color:var(--ust-green) !important;}
body.woocommerce-checkout .wcf-steps-wrap .wcf-step.active:before,
body.woocommerce-checkout .wcf-steps-wrap .wcf-step.current:before {
  border-color:var(--ust-gold) !important;
  background:var(--ust-gold) !important;
}
body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #payment_heading {
  color:var(--ust-green) !important;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.2px;
}
body.woocommerce-checkout .woocommerce-billing-fields > h3 {font-size:0 !important;}
body.woocommerce-checkout .woocommerce-billing-fields > h3:after {
  content:"Maklumat Penghantaran";
  font-size:25px;
}
body.woocommerce-checkout #order_review_heading {font-size:0 !important;}
body.woocommerce-checkout #order_review_heading:after {
  content:"Ringkasan Pesanan";
  font-size:25px;
}
body.woocommerce-checkout .woocommerce-checkout-review-order > h3 {font-size:0 !important;}
body.woocommerce-checkout .woocommerce-checkout-review-order > h3:after {
  content:"Pembayaran";
  font-size:22px;
}
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-account-fields {border-radius:10px;}
body.woocommerce-checkout .form-row {margin-bottom:12px !important;}
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .select2-selection {
  min-height:54px !important;
  border:1.5px solid #D9DED9 !important;
  border-radius:10px !important;
  background:#FCFDFC !important;
  color:var(--ust-ink) !important;
  box-shadow:none !important;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-checkout .form-row select:focus {
  border-color:var(--ust-gold) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(200,134,43,.12) !important;
}
body.woocommerce-checkout table.shop_table {
  border:1px solid #E4E8E4 !important;
  border-radius:12px !important;
  overflow:hidden;
  background:#fff;
}
body.woocommerce-checkout table.shop_table th {
  color:var(--ust-green) !important;
  font-weight:800 !important;
}
body.woocommerce-checkout table.shop_table .order-total {
  background:#F5F8F5;
  color:var(--ust-green);
  font-size:18px;
}
body.woocommerce-checkout #payment {
  background:#F7F3EA !important;
  border:1px solid rgba(200,134,43,.25) !important;
  border-radius:14px !important;
}
body.woocommerce-checkout #payment .payment_box {
  background:#fff !important;
  border-radius:10px !important;
  color:var(--ust-muted) !important;
}
body.woocommerce-checkout #place_order {
  min-height:58px !important;
  width:100% !important;
  border:0 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#D99A38,var(--ust-gold)) !important;
  color:#171109 !important;
  font-size:17px !important;
  font-weight:900 !important;
  letter-spacing:.4px;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(200,134,43,.30) !important;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
body.woocommerce-checkout #place_order:hover {
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 16px 32px rgba(200,134,43,.38) !important;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text {
  color:var(--ust-muted);
  font-size:12px;
  line-height:1.55;
}
body.woocommerce-checkout .elementor-element-c3f0292 {
  position:sticky !important;
  top:24px;
  background:linear-gradient(155deg,var(--ust-green-2),var(--ust-green)) !important;
  border:1px solid rgba(229,180,93,.35);
  border-radius:20px;
  padding:26px 22px !important;
  box-shadow:0 22px 50px rgba(10,42,32,.22);
  color:#fff;
}
body.woocommerce-checkout .elementor-element-908c569 figure,
body.woocommerce-checkout .elementor-element-908c569 img {display:none !important;}
body.woocommerce-checkout .elementor-element-908c569 .elementor-image-box-content:before {
  content:"✓";
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin:0 0 16px;
  border-radius:50%;
  background:var(--ust-gold);
  color:var(--ust-green-2);
  font-size:25px;
  font-weight:900;
}
body.woocommerce-checkout .elementor-element-908c569 .elementor-image-box-title {
  font-size:0 !important;
  margin:0 0 12px !important;
}
body.woocommerce-checkout .elementor-element-908c569 .elementor-image-box-title:after {
  content:"Pesanan Anda Dilindungi";
  font-size:23px;
  color:#fff;
  font-weight:800;
}
body.woocommerce-checkout .elementor-element-908c569 .elementor-image-box-description {
  font-size:0 !important;
  margin:0 !important;
}
body.woocommerce-checkout .elementor-element-908c569 .elementor-image-box-description:after {
  content:"Checkout SSL selamat. Maklumat anda digunakan untuk penghantaran pesanan sahaja. Barang sampai dahulu, kemudian baru bayar melalui COD.";
  display:block;
  color:#DCE9E2;
  font-size:14px;
  line-height:1.7;
}
body.woocommerce-checkout .elementor-element-17426b2 {
  background:var(--ust-green-2) !important;
  border-top:1px solid rgba(229,180,93,.25);
  padding:22px !important;
}
body.woocommerce-checkout .elementor-element-2c79a7c .elementor-heading-title {
  font-size:0 !important;
}
body.woocommerce-checkout .elementor-element-2c79a7c .elementor-heading-title:after {
  content:"© 2026 UST OIL · Pembayaran Selamat & COD Seluruh Malaysia";
  font-size:12px;
  color:#DCE9E2;
  font-weight:600;
}
body.woocommerce-checkout .elementor-element-5c8c615 {display:none !important;}

@media (max-width: 900px) {
  body.woocommerce-checkout .elementor-element-e949aaf {
    grid-template-columns:1fr !important;
    max-width:680px !important;
  }
  body.woocommerce-checkout .elementor-element-c3f0292 {
    position:static !important;
    order:2;
  }
}
@media (max-width: 600px) {
  body.woocommerce-checkout .elementor-element-de2035c {padding:14px 16px !important;}
  body.woocommerce-checkout .elementor-element-9350bba {display:flex !important;flex-direction:row !important;}
  body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container:before {font-size:25px;}
  body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container:after {font-size:8px;letter-spacing:.8px;}
  body.woocommerce-checkout .elementor-element-2413984 .elementor-icon-list-text {font-size:11px !important;}
  body.woocommerce-checkout .elementor-element-f7c45f9 {padding:18px 10px 34px !important;}
  body.woocommerce-checkout .elementor-element-98b6b2c,
  body.woocommerce-checkout .elementor-element-c3f0292 {border-radius:14px;}
  body.woocommerce-checkout #wcf-embed-checkout-form {padding:18px 14px !important;}
  body.woocommerce-checkout .wcf-steps-wrap {padding:11px 8px !important;}
  body.woocommerce-checkout .wcf-steps-wrap .wcf-step {font-size:11px !important;}
  body.woocommerce-checkout .woocommerce-billing-fields > h3:after,
  body.woocommerce-checkout #order_review_heading:after {font-size:22px;}
  body.woocommerce-checkout #place_order {position:relative;font-size:15px !important;}
}


/* UST OIL checkout layout correction */
body.woocommerce-checkout .elementor-element-de2035c > .e-con-inner {
  width:100% !important;
  max-width:1120px !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:center !important;
}
body.woocommerce-checkout .elementor-element-9350bba,
body.woocommerce-checkout .elementor-element-1b0740a {
  width:auto !important;
  min-width:245px !important;
}
body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container {
  display:block !important;
  min-width:245px;
  min-height:48px;
}
body.woocommerce-checkout .elementor-element-f7c45f9 > .e-con-inner {
  width:100% !important;
  max-width:1120px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 310px !important;
  gap:24px !important;
  align-items:start !important;
}
body.woocommerce-checkout .elementor-element-e949aaf {
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 auto 2px !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
}
body.woocommerce-checkout .elementor-element-98b6b2c {
  grid-column:1 !important;
  grid-row:2 !important;
  max-width:none !important;
}
body.woocommerce-checkout .elementor-element-c3f0292 {
  grid-column:2 !important;
  grid-row:2 !important;
  max-width:none !important;
}
@media (max-width:900px) {
  body.woocommerce-checkout .elementor-element-f7c45f9 > .e-con-inner {
    max-width:680px !important;
    grid-template-columns:1fr !important;
  }
  body.woocommerce-checkout .elementor-element-e949aaf,
  body.woocommerce-checkout .elementor-element-98b6b2c,
  body.woocommerce-checkout .elementor-element-c3f0292 {
    grid-column:1 !important;
  }
  body.woocommerce-checkout .elementor-element-e949aaf {grid-row:1 !important;}
  body.woocommerce-checkout .elementor-element-98b6b2c {grid-row:2 !important;}
  body.woocommerce-checkout .elementor-element-c3f0292 {grid-row:3 !important;}
}
@media (max-width:600px) {
  body.woocommerce-checkout .elementor-element-de2035c > .e-con-inner {
    flex-direction:row !important;
    flex-wrap:nowrap !important;
  }
  body.woocommerce-checkout .elementor-element-9350bba,
  body.woocommerce-checkout .elementor-element-1b0740a {
    min-width:155px !important;
  }
  body.woocommerce-checkout .elementor-element-1b0740a .elementor-widget-container {
    min-width:155px;
  }
  body.woocommerce-checkout .elementor-element-e949aaf {
    gap:6px !important;
    justify-content:space-between !important;
  }
}