/** Shopify CDN: Minification failed

Line 90:18 Unexpected ".6s"

**/
/* Live shopping page — from the approved design (live.html). Mobile overrides last. */
.live-wrap{padding:4vh 5vw 10vh; background:var(--cream);}
.live-top{max-width:980px; margin:0 auto 22px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.live-dot{display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase; padding:8px 15px; border-radius:999px;
  background:#FF3B6B; color:#fff;}
.live-dot i{width:8px; height:8px; border-radius:50%; background:#fff; animation:pulse 1.4s infinite;}
@keyframes pulse{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.35; transform:scale(.75);}}
.live-watching{font-size:13px; color:var(--ink-soft);}
.live-watching b{color:var(--ink);}

/* phone-shot vertical video: the stage IS 9:16, and the layout is built around it */
.live-grid{max-width:980px; margin:0 auto; display:grid;
  grid-template-columns:minmax(0, 430px) minmax(0, 1fr);
  gap:26px; align-items:start; justify-content:center;}
.stage{position:relative; border-radius:28px; overflow:hidden; background:#241626;
  aspect-ratio:9/16; width:100%; box-shadow:0 34px 70px -30px rgba(36,22,38,.55);}
.stage img{width:100%; height:100%; object-fit:cover; display:block; opacity:.92;}
.stage-veil{position:absolute; inset:0; background:linear-gradient(180deg, rgba(36,22,38,.45) 0%, transparent 28%, transparent 52%, rgba(36,22,38,.85) 100%);}
.stage-head{position:absolute; top:16px; left:16px; right:16px; display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
.host{display:flex; align-items:center; gap:10px; background:rgba(36,22,38,.5); backdrop-filter:blur(10px);
  border-radius:999px; padding:6px 14px 6px 6px;}
.host img{width:34px; height:34px; border-radius:50%; object-fit:cover;}
.host span{color:#fff; font-size:13.5px; font-weight:600;}
.stage-mute{border:0; cursor:pointer; width:38px; height:38px; border-radius:50%; color:#fff;
  background:rgba(36,22,38,.5); backdrop-filter:blur(10px); font-size:15px;}

/* the live-only offer, pinned over the video */
.pinned{position:absolute; left:16px; right:16px; bottom:16px; display:grid;
  grid-template-columns:64px 1fr auto; gap:13px; align-items:center;
  background:rgba(255,252,251,.96); backdrop-filter:blur(14px); border-radius:20px; padding:12px 14px;}
.pinned img{width:64px; height:64px; object-fit:cover; border-radius:14px;}
.pinned .pin-flag{display:inline-block; font-size:9.5px; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; background:#FF3B6B; color:#fff; padding:4px 9px; border-radius:999px; margin-bottom:5px;}
.pinned b{display:block; font-size:14.5px; font-weight:600; line-height:1.25;}
.pinned .pin-price{display:flex; align-items:baseline; gap:7px; margin-top:3px;}
.pinned .pin-price em{font-style:normal; font-size:17px; font-weight:700;}
.pinned .pin-price s{font-size:13px; color:var(--ink-soft);}
.pin-add{border:0; cursor:pointer; border-radius:999px; padding:12px 17px; font-family:'Poppins',sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  background:var(--ink); color:#fff; white-space:nowrap;}
.pin-add:hover{background:var(--pink-hot); color:var(--ink);}
.pin-timer{display:block; font-size:11px; color:#FF3B6B; font-weight:700; margin-top:4px;}

/* chat rail */
.rail{display:flex; flex-direction:column; gap:16px; height:100%;}
.live-grid > .rail{align-self:stretch;}
.chat{background:#fff; border-radius:24px; padding:18px; box-shadow:0 18px 44px -30px rgba(70,30,60,.45);
  display:flex; flex-direction:column; flex:1 1 auto; min-height:300px;}
.chat h3{font-family:'Big Shoulders Display',sans-serif; font-weight:800; text-transform:uppercase;
  font-size:19px; margin-bottom:12px;}
.chat-feed{flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:11px; scrollbar-width:thin;}
.msg{font-size:13.5px; line-height:1.5;}
.msg b{color:var(--pink-hot); font-weight:600;}
.msg.host-msg{background:linear-gradient(100deg,#F3E9FF,#FFF0F9); border-radius:14px; padding:10px 12px;}
.msg.host-msg b{color:var(--ink);}
.chat-in{display:flex; gap:8px; margin-top:12px;}
.chat-in input{flex:1; border:1px solid rgba(36,22,38,.16); border-radius:999px; padding:11px 15px;
  font:inherit; font-size:14px; background:#fff; color:var(--ink);}
.chat-in button{border:0; border-radius:999px; padding:11px 17px; cursor:pointer; font:inherit;
  font-size:12px; font-weight:600; background:var(--ink); color:#fff;}

.shoplist{background:#fff; border-radius:24px; padding:18px; box-shadow:0 18px 44px -30px rgba(70,30,60,.45);}
.shoplist h3{font-family:'Big Shoulders Display',sans-serif; font-weight:800; text-transform:uppercase; font-size:19px; margin-bottom:12px;}
.sl-row{display:grid; grid-template-columns:46px 1fr auto; gap:11px; align-items:center; padding:9px 0;
  border-top:1px solid rgba(36,22,38,.07);}
.sl-row:first-of-type{border-top:0;}
.sl-row img{width:46px; height:46px; object-fit:cover; border-radius:11px;}
.sl-row b{display:block; font-size:13.5px; font-weight:600;}
.sl-row span{font-size:12px; color:var(--ink-soft);}
.sl-add{border:0; cursor:pointer; border-radius:999px; padding:8px 12px; font-family:'Poppins',sans-serif;
  font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  background:linear-gradient(100deg,#E4D3FB,#FFD4EE); color:var(--ink);}

/* ---------- OFFLINE STATE ---------- */
#offlineState .stage{height:auto !important; aspect-ratio:auto !important; min-height:0;}
#offlineState .live-grid{grid-template-columns:1fr !important; max-width:980px;}
.off-card{position:relative; display:grid; place-items:center; text-align:center;
  padding:clamp(34px,6vh,70px) clamp(22px,6vw,60px);
  background:linear-gradient(160deg, rgba(228,211,251,.96), rgba(255,212,238,.96));}
.off-card h2{font-size:clamp(30px,4.4vw,54px); margin-bottom:10px; color:var(--ink);}
.off-card p{max-width:44ch; margin:0 auto 20px; color:var(--ink); opacity:.8; font-weight:300;}
.next-live{display:inline-flex; align-items:center; gap:9px; background:#fff; border-radius:999px;
  padding:11px 20px; font-size:13.5px; font-weight:600; margin-bottom:18px;}
  animation:fabIn .6s var(--ease) both;}
@keyframes fabIn{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}
.live-fab .fab-im{position:relative; width:44px; height:44px; border-radius:50%; overflow:hidden; flex:none;}
.live-fab .fab-im img{width:100%; height:100%; object-fit:cover;}
.state-toggle{position:fixed; right:16px; bottom:80px; z-index:330; display:flex; align-items:center; gap:7px; background:rgba(36,22,38,.9); backdrop-filter:blur(10px); border-radius:999px; padding:7px 9px 7px 15px; font-size:11.5px; color:rgba(255,255,255,.6); font-family:"Poppins",sans-serif;}
.st-btn{border:0; cursor:pointer; border-radius:999px; padding:8px 14px; font:inherit; font-size:11.5px; font-weight:600; background:rgba(255,255,255,.14); color:#fff;} .st-btn.on{background:#fff; color:var(--ink);}
.stage video, .stage iframe{width:100%; height:100%; object-fit:cover; display:block; border:0;}
.stage .stage-embed{position:absolute; inset:0;}
.chat-embed{flex:1; min-height:260px;} .chat-embed iframe{width:100%; height:100%; min-height:260px; border:0;}
.remind input{min-width:0;}

/* ---------- mobile overrides (kept last) ---------- */
.remind{display:flex; gap:8px; max-width:420px; margin:0 auto; width:100%;}
.remind input{flex:1 1 0; min-width:0; border:0; border-radius:999px; padding:13px 18px; font:inherit; font-size:14.5px;}
.replays{max-width:980px; margin:7vh auto 0;}
.replay-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:3vh;}
.replay{background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 16px 40px -28px rgba(70,30,60,.45);
  cursor:pointer; transition:transform .3s var(--ease);}
.replay:hover{transform:translateY(-5px);}
.replay .rp-im{position:relative; aspect-ratio:4/5; overflow:hidden; background:var(--lav-soft);}
.replay .rp-im img{width:100%; height:100%; object-fit:cover;}
.rp-play{position:absolute; inset:0; display:grid; place-items:center;}
.rp-play span{width:46px; height:46px; border-radius:50%; background:rgba(255,252,251,.92);
  display:grid; place-items:center; font-size:14px; color:var(--ink); padding-left:3px;}
.rp-len{position:absolute; right:9px; bottom:9px; background:rgba(36,22,38,.72); color:#fff;
.live-wrap{padding:3vh 5vw 9vh;}
@media(min-width:1001px){ .live-wrap{padding:4vh 5vw 10vh;} }
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;}
.totop.on{opacity:1; visibility:visible; transform:none;}
.totop:hover{background:var(--pink-hot); color:var(--ink);}
@media(max-width:1000px){ .totop{right:14px; bottom:14px; width:46px; height:46px;} }
.cta-short{display:none;}
@media(max-width:600px){
  .cta-full{display:none;} .cta-short{display:inline;}
  .nav-cta{padding:8px 13px; font-size:10.5px; letter-spacing:.06em;}
  .nav-icons{gap:6px;}
  .logo{font-size:14px;} .logo small{display:none;}
}
@media(max-width:380px){ .nav-cta{padding:7px 11px; font-size:10px;} .nav-icons{gap:5px;} }

.nav-sale{color:#C4356B !important; font-weight:700 !important;}

a.logo{text-decoration:none; color:inherit; display:block;}

/* live page — padding and centring at every width (was desktop-only) */

#offlineState .live-grid{grid-template-columns:1fr !important; max-width:980px; margin-inline:auto;}
@media(max-width:1000px){
  #offlineState .live-grid{max-width:100%;}
  #offlineState .stage{border-radius:22px;}
  .off-card{padding:clamp(28px,7vw,48px) clamp(18px,5vw,34px);}
  .off-card h2{font-size:clamp(30px,8.5vw,46px);}
  .remind{flex-direction:column; max-width:100%;}
  .remind input, .remind .btn{width:100%;}
  .next-live{font-size:12.5px; padding:10px 16px;}
  .replays{margin-top:6vh;}
}
@media(max-width:560px){
  .mm-m-swipe .replay-grid{display:flex; grid-template-columns:none; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin-inline:-5vw; padding:0 5vw 6px;}
  .mm-m-swipe .replay-grid::-webkit-scrollbar{display:none;}
  .mm-m-swipe .replay{flex:0 0 66%; max-width:230px; scroll-snap-align:start;}
  .mm-m-swipe .swipe{display:flex;}
}
@media(min-width:561px){ .replays .swipe{display:none !important;} }