/** Shopify CDN: Minification failed

Line 274:1 Expected "}" to go with "{"

**/
@property --gra { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
#gr30 { --rose:#F7E7E0; --rose2:#F1D9D0; --milk:#FFFAF6; --ink:#2B1018; --ink2:#79575F; --k:43,16,24; --line:rgba(var(--k),.13); --rasp:#C72B53; --rasp2:#9C1B3F; --plum:#220A12; --plum2:#33121E; --pearl:linear-gradient(115deg,#FFE9EF 0%,#FFD7E4 22%,#EAD9FF 45%,#D7EFFF 68%,#FFEDDB 88%,#FFE9EF 100%); --star:#E3A23C; --fd:'Gloock',Georgia,serif; --fi:'Instrument Serif',Georgia,serif; --fb:'Plus Jakarta Sans',system-ui,sans-serif; --ez:cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden; font-family:var(--fb); font-size:16px; line-height:1.5; color:var(--ink); background:var(--rose); -webkit-font-smoothing:antialiased; }
#gr30 *, #gr30 *::before, #gr30 *::after { margin:0; padding:0; box-sizing:border-box; }
#gr30 img { display:block; max-width:100%; }
#gr30 a { color:inherit; text-decoration:none; }
#gr30 button { font:inherit; border:0; background:none; cursor:pointer; }
#gr30 em { font-family:var(--fi); font-style:italic; font-weight:400; }
#gr30 .gw { width:min(100%, 520px); margin-inline:auto; padding-inline:18px; }
#gr30 .grain { position:absolute; inset:0; z-index:9; pointer-events:none; opacity:.05; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
#gr30 .orb { display:none; }
#gr30 .gr-bar { position:sticky; top:0; z-index:30; background:var(--plum); color:#FBEAE2; overflow:hidden; height:30px; display:flex; align-items:center; }
#gr30 .gr-bar div { display:flex; white-space:nowrap; animation:grSlide 18s linear infinite; }
#gr30 .gr-bar span { font-size:10px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; padding-inline:16px; }
#gr30 .gr-bar i { font-style:normal; color:#FFB7CB; }
@keyframes grSlide { to { transform:translateX(-50%); } }
@keyframes heUp { from { opacity:0; transform:translateY(14px); filter:blur(5px); } to { opacity:1; transform:none; filter:none; } }
#gr30 .he { animation:heUp .8s var(--ez) both; }
#gr30 .gr-hero { position:relative; z-index:1; padding:18px 0 26px; text-align:center; }
#gr30 .gr-hero .gw { display:flex; flex-direction:column; align-items:center; gap:11px; position:relative; z-index:2; }
#gr30 .kick { font-size:10px; font-weight:800; letter-spacing:.3em; text-transform:uppercase; color:var(--rasp); display:inline-flex; align-items:center; gap:9px; }
#gr30 .kick::before, #gr30 .kick::after { content:""; width:20px; height:1px; background:currentColor; opacity:.5; }
#gr30 h1 { font-family:var(--fd); font-weight:400; font-size:clamp(27px,7.4vw,37px); line-height:1.07; }
#gr30 h1 em { color:var(--rasp); }

#gr30 .eb3d-wrap { perspective:1400px; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; margin:6px 0 4px; min-height:338px; padding:28px 0 4px; cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none; position:relative; overflow:visible; }
#gr30 .eb3d-wrap:active, #gr30 .eb3d-wrap.is-drag { cursor:grabbing; }
#gr30 .eb3d-scene { position:relative; width:168px; height:248px; transform-style:preserve-3d; animation:ebFloat 6.4s ease-in-out infinite; transition:transform .55s var(--ez); overflow:visible; }
@keyframes ebFloat { 0%,100% { transform:rotateY(-10deg) rotateX(4deg) translateY(0); } 50% { transform:rotateY(-10deg) rotateX(4deg) translateY(-8px); } }
#gr30 .eb3d-wrap.is-drag .eb3d-scene, #gr30 .eb3d-wrap.is-hold .eb3d-scene { animation-play-state:paused; }
#gr30 .eb3d-page { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:8px; overflow:hidden; background:#FBF6F1; box-shadow:0 16px 34px rgba(43,16,24,.22), 0 0 0 1px rgba(199,43,83,.14), inset 0 0 0 1px rgba(255,255,255,.55); transition:transform .55s var(--ez), filter .55s var(--ez), opacity .5s var(--ez), box-shadow .55s var(--ez); backface-visibility:hidden; -webkit-backface-visibility:hidden; }
#gr30 .eb3d-page img { width:100%; height:100%; object-fit:contain; object-position:top center; pointer-events:none; -webkit-user-drag:none; display:block; max-width:none; background:#FBF6F1; }
#gr30 .eb3d-page.is-c { z-index:5; transform:translate3d(0,0,48px); filter:none; opacity:1; box-shadow:0 24px 50px rgba(43,16,24,.36), 0 0 0 1px rgba(199,43,83,.18), inset 0 0 0 1px rgba(255,255,255,.6); }
#gr30 .eb3d-page.is-l { z-index:3; transform:translate3d(-72%,0,-14px) rotateY(26deg) scale(.87); filter:blur(1.4px) brightness(.9); opacity:.94; cursor:pointer; }
#gr30 .eb3d-page.is-r { z-index:3; transform:translate3d(72%,0,-14px) rotateY(-26deg) scale(.87); filter:blur(1.4px) brightness(.9); opacity:.94; cursor:pointer; }
#gr30 .eb3d-page.is-back { z-index:1; transform:translate3d(0,8%,-90px) scale(.72); filter:blur(8px) brightness(.7); opacity:0; pointer-events:none; }
#gr30 .eb3d-page.is-pop { animation:ebPop .7s cubic-bezier(.34,1.45,.64,1) both; }
@keyframes ebPop { 0% { transform:translate3d(0,-12px,80px) scale(.84) rotateY(-18deg); opacity:0; } 100% { transform:translate3d(0,0,48px) scale(1); opacity:1; } }
#gr30 .eb3d-orn { position:absolute; inset:6px; border-radius:4px; pointer-events:none; z-index:4; border:1px solid rgba(199,43,83,.38); box-shadow:inset 0 0 0 3px rgba(255,250,246,.22), inset 0 0 0 4px rgba(227,162,60,.45); }
#gr30 .eb3d-orn span { position:absolute; width:16px; height:16px; border-color:#C72B53; border-style:solid; border-width:0; }
#gr30 .eb3d-orn .tl { top:-3px; left:-3px; border-top-width:1.6px; border-left-width:1.6px; border-radius:3px 0 0 0; box-shadow:-1px -1px 0 #E3A23C; }
#gr30 .eb3d-orn .tr { top:-3px; right:-3px; border-top-width:1.6px; border-right-width:1.6px; border-radius:0 3px 0 0; box-shadow:1px -1px 0 #E3A23C; }
#gr30 .eb3d-orn .bl { bottom:-3px; left:-3px; border-bottom-width:1.6px; border-left-width:1.6px; border-radius:0 0 0 3px; box-shadow:-1px 1px 0 #E3A23C; }
#gr30 .eb3d-orn .br { bottom:-3px; right:-3px; border-bottom-width:1.6px; border-right-width:1.6px; border-radius:0 0 3px 0; box-shadow:1px 1px 0 #E3A23C; }
#gr30 .eb3d-orn .star { left:50%; width:7px; height:7px; background:#C72B53; transform:translateX(-50%) rotate(45deg); box-shadow:0 0 0 1.5px rgba(227,162,60,.75); }
#gr30 .eb3d-orn .star.t { top:-4px; }
#gr30 .eb3d-orn .star.b { bottom:-4px; }
#gr30 .eb3d-lock { background:radial-gradient(120% 70% at 50% -10%, #5A1A2C 0%, #2B0C16 48%, #1A070D 100%); color:#FBEAE2; }
#gr30 .eb3d-lock-bg { position:absolute; inset:0; background:radial-gradient(circle at 50% 18%, rgba(199,43,83,.5), transparent 52%); pointer-events:none; }
#gr30 .eb3d-lock-inner { position:relative; z-index:2; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:22px 14px 16px; gap:7px; pointer-events:none; }
#gr30 .eb3d-lock.is-c .eb3d-lock-inner { pointer-events:auto; }
#gr30 .eb3d-lock-seal { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 35% 30%, #E0496F, #9C1B3F 62%, #6E1230); box-shadow:0 8px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.35), 0 0 0 3px rgba(227,162,60,.45); margin-bottom:2px; }
#gr30 .eb3d-lock-seal svg { width:18px; height:18px; fill:none; stroke:#FFF4F0; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#gr30 .eb3d-lock-k { font-size:8px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#E3A23C; }
#gr30 .eb3d-lock h3 { font-family:var(--fd); font-weight:400; font-size:17px; line-height:1.12; color:#FFF4EE; }
#gr30 .eb3d-lock-d { font-size:10px; line-height:1.4; color:#E8C4CC; max-width:88%; }
#gr30 .eb3d-lock-cta { display:inline-flex; align-items:center; justify-content:center; margin-top:4px; background:linear-gradient(180deg,#D63762,var(--rasp) 50%,var(--rasp2)); color:#FFF4F0; font-size:10.5px; font-weight:800; padding:8px 12px; border-radius:999px; box-shadow:0 8px 16px -8px rgba(199,43,83,.7), inset 0 1px 0 rgba(255,255,255,.28); }
#gr30 .eb3d-lock .eb3d-orn { border-color:rgba(227,162,60,.55); }
#gr30 .eb3d-ui { display:flex; align-items:center; justify-content:center; gap:10px; position:relative; z-index:6; }
#gr30 .eb3d-nav { width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,250,246,.8); box-shadow:0 6px 14px -8px rgba(43,16,24,.4), inset 0 0 0 1px var(--line); color:var(--plum); }
#gr30 .eb3d-nav svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
#gr30 .eb3d-nav:active { transform:scale(.94); }
#gr30 .eb3d-dots { display:flex; gap:5px; align-items:center; }
#gr30 .eb3d-dots b { width:6px; height:6px; border-radius:50%; background:rgba(43,16,24,.22); display:block; transition:transform .3s, background .3s, width .3s; }
#gr30 .eb3d-dots b.on { background:var(--rasp); transform:scale(1.15); width:14px; border-radius:99px; }
#gr30 .eb3d-dots b.lock { width:9px; height:9px; border-radius:3px; background:rgba(227,162,60,.35); }
#gr30 .eb3d-dots b.lock.on { background:#E3A23C; width:12px; }
#gr30 .eb3d-hint { font-size:9.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--ink2); opacity:.85; animation:grHint 2s ease-in-out infinite; transition:opacity .4s; }
#gr30 .eb3d-hint.off { opacity:0; animation:none; }

#gr30 .gr-ba { position:relative; z-index:1; aspect-ratio:4/5; width:min(100%, 352px); border-radius:24px; overflow:hidden; isolation:isolate; touch-action:pan-y; cursor:ew-resize; user-select:none; -webkit-user-select:none; --x:82%; --rx:0deg; transform:perspective(900px) rotateX(var(--rx)); will-change:transform; box-shadow:0 22px 54px -16px rgba(var(--k),.42), inset 0 0 0 1px rgba(255,255,255,.5); animation:grFloat 6s ease-in-out infinite; }
@keyframes grFloat { 50% { translate:0 -6px; } }
#gr30 .gr-ba img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none; -webkit-user-drag:none; }
#gr30 .gr-aw { position:absolute; inset:0; clip-path:inset(0 0 0 var(--x)); will-change:clip-path; }
#gr30 .gr-ln { position:absolute; top:0; bottom:0; left:var(--x); width:2px; transform:translateX(-1px); z-index:3; background:linear-gradient(to bottom, transparent, rgba(255,255,255,.95) 18%, rgba(255,255,255,.95) 82%, transparent); filter:drop-shadow(0 0 6px rgba(255,255,255,.6)); }
#gr30 .gr-kb { position:absolute; top:50%; left:var(--x); transform:translate(-50%,-50%); z-index:4; width:44px; height:44px; border-radius:50%; background:var(--pearl); background-size:260% 100%; animation:grPearl 5s linear infinite; box-shadow:0 8px 20px rgba(34,10,18,.45), inset 0 1px 0 rgba(255,255,255,.9); display:flex; align-items:center; justify-content:center; gap:5px; }
#gr30 .gr-kb svg { width:8px; height:11px; fill:none; stroke:var(--plum); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
#gr30 .gr-ch { position:absolute; top:11px; z-index:3; font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; padding:6px 11px; border-radius:999px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
#gr30 .gr-chl { left:11px; background:rgba(34,10,18,.42); color:#FFE3D8; }
#gr30 .gr-chr { right:11px; background:rgba(255,250,246,.75); color:var(--plum); }
#gr30 .gr-hint { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); z-index:4; font-size:9.5px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#fff; background:rgba(34,10,18,.5); backdrop-filter:blur(8px); padding:7px 13px; border-radius:999px; white-space:nowrap; animation:grHint 2s ease-in-out infinite; transition:opacity .4s; }
#gr30 .gr-hint.off { opacity:0; }
@keyframes grHint { 50% { transform:translateX(-50%) scale(1.06); } }
#gr30 .gl { position:absolute; inset:0; z-index:5; pointer-events:none; mix-blend-mode:soft-light; background:radial-gradient(300px circle at 50% 36%, rgba(255,255,255,.5), transparent 62%); }
#gr30 .gr-ba::after { content:""; position:absolute; inset:0; z-index:6; pointer-events:none; background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.5) 50%, transparent 62%); transform:translateX(-130%) skewX(-8deg); opacity:0; }
#gr30 .gr-ba.sh::after { animation:grShine 1.1s var(--ez) forwards; }
@keyframes grShine { 0% { transform:translateX(-130%) skewX(-8deg); opacity:1; } 100% { transform:translateX(130%) skewX(-8deg); opacity:0; } }
#gr30 .ba-center { display:flex; justify-content:center; margin:24px 0 10px; }
#gr30 .gr-buy { width:100%; display:flex; flex-direction:column; align-items:center; gap:9px; }
#gr30 .prow { display:flex; align-items:baseline; gap:11px; line-height:1; }
#gr30 .prow s { font-size:14px; font-weight:600; color:var(--ink2); text-decoration-color:var(--rasp); }
#gr30 .pbig { font-family:var(--fd); font-size:clamp(32px,8.6vw,42px); background:linear-gradient(115deg,#C72B53,#9C1B3F 40%,#C72B53 70%,#E0496F); background-size:280% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:grPearl 6s linear infinite; }
#gr30 .pearl { background:var(--pearl); background-size:300% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:grPearl 6s linear infinite; }
@keyframes grPearl { to { background-position:300% 0; } }
#gr30 .gr-btn { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; width:100%; background:linear-gradient(180deg,#D63762,var(--rasp) 45%,var(--rasp2)); color:#FFF4F0; font-size:16px; font-weight:800; padding:16px 20px; border-radius:17px; box-shadow:0 13px 28px -10px rgba(199,43,83,.55), inset 0 1px 0 rgba(255,255,255,.28), 0 2px 0 var(--rasp2); transition:transform .15s, box-shadow .2s; overflow:hidden; }
#gr30 .gr-btn::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.32) 50%, transparent 60%); transform:translateX(-130%); animation:grBsh 3.4s ease-in-out infinite; }
@keyframes grBsh { 0%,55% { transform:translateX(-130%); } 80%,100% { transform:translateX(130%); } }
#gr30 .gr-btn:active { transform:scale(.96) translateY(2px); }
#gr30 .pls { position:relative; }
#gr30 .pls::after { content:""; position:absolute; inset:-3px; border-radius:inherit; border:2px solid rgba(199,43,83,.65); animation:grPls 2.1s var(--ez) infinite; pointer-events:none; }
@keyframes grPls { 0% { transform:scale(1); opacity:1; } 70%,100% { transform:scale(1.09); opacity:0; } }
#gr30 .trust { font-size:11.5px; font-weight:600; color:var(--ink2); }
#gr30 .trust b { color:var(--star); }
#gr30 .trust i { font-style:normal; opacity:.45; padding-inline:5px; }
#gr30 .rv { opacity:0; transform:translateY(14px) scale(.985); filter:blur(5px); transition:opacity .8s var(--ez), transform .8s var(--ez), filter .8s var(--ez); transition-delay:var(--d,0s); }
#gr30 .rv.on { opacity:1; transform:none; filter:none; }
#gr30 .gsec { position:relative; z-index:1; padding:clamp(34px,7vw,50px) 0; }
#gr30 .gk { font-size:10px; font-weight:800; letter-spacing:.3em; text-transform:uppercase; color:var(--rasp); margin-bottom:8px; text-align:center; }
#gr30 h2 { font-family:var(--fd); font-weight:400; font-size:clamp(24px,6.4vw,31px); line-height:1.1; text-align:center; }
#gr30 .stx { display:flex; margin:18px 0; border-radius:18px; padding:15px 4px; position:relative; background:linear-gradient(135deg, rgba(255,250,246,.85), rgba(255,250,246,.55)); box-shadow:0 14px 32px -18px rgba(var(--k),.35), inset 0 0 0 1px rgba(255,255,255,.7); }
#gr30 .stat { flex:1; text-align:center; position:relative; }
#gr30 .stat + .stat::before { content:""; position:absolute; left:0; top:12%; bottom:12%; width:1px; background:var(--line); }
#gr30 .stat b { font-family:var(--fd); font-weight:400; font-size:clamp(24px,6.4vw,31px); display:block; line-height:1; background:linear-gradient(160deg,var(--rasp),#7E1638); -webkit-background-clip:text; background-clip:text; color:transparent; }
#gr30 .stat span { font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; color:var(--ink2); display:block; margin-top:6px; }
#gr30 .spk { position:absolute; top:-7px; right:14%; font-size:12px; color:var(--star); animation:grSpk 2.2s ease-in-out infinite; }
@keyframes grSpk { 0%,100% { transform:scale(.7); opacity:.4; } 50% { transform:scale(1.15) rotate(20deg); opacity:1; } }
#gr30 .chats { display:flex; flex-direction:column; gap:13px; }
#gr30 .chat { display:flex; gap:9px; align-items:flex-start; }
#gr30 .chat.hid { display:none; }
#gr30 .cav { flex:none; width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; color:#fff; box-shadow:inset 0 0 0 2px rgba(255,255,255,.55), 0 4px 10px -4px rgba(var(--k),.4); transform:scale(0); transition:transform .5s cubic-bezier(.34,1.56,.64,1); }
#gr30 .chat.av-in .cav { transform:scale(1); }
#gr30 .cbub { position:relative; background:linear-gradient(160deg,#E9FBD6,#D3F2BC); border-radius:4px 16px 16px 16px; padding:10px 13px 8px; box-shadow:0 6px 16px -8px rgba(43,76,30,.35), inset 0 1px 0 rgba(255,255,255,.7); min-width:64px; }
#gr30 .cbub::before { content:""; position:absolute; left:-7px; top:0; border:8px solid transparent; border-top-color:#E9FBD6; border-right-color:#E9FBD6; border-left:0; }
#gr30 .dots { display:none; gap:4px; padding:4px 2px 6px; }
#gr30 .chat.typing .dots { display:flex; }
#gr30 .dots i { width:7px; height:7px; border-radius:50%; background:#9DB58B; animation:grDot 1s ease-in-out infinite; }
#gr30 .dots i:nth-child(2) { animation-delay:.15s; }
#gr30 .dots i:nth-child(3) { animation-delay:.3s; }
@keyframes grDot { 50% { transform:translateY(-4px); opacity:1; } 0%,100% { opacity:.5; } }
#gr30 .cw { display:none; }
#gr30 .chat.show .cw { display:block; animation:grPop .55s cubic-bezier(.34,1.56,.64,1) both; }
@keyframes grPop { from { opacity:0; transform:scale(.88) translateY(5px); } }
#gr30 .cnm { font-size:10.5px; font-weight:800; color:#0A7D6C; margin-bottom:2px; }
#gr30 .ctx { font-size:13px; line-height:1.45; color:#1E2B22; }
#gr30 .cmt { display:flex; justify-content:flex-end; align-items:center; gap:4px; margin-top:3px; font-size:9.5px; color:#6E7B72; font-weight:600; }
#gr30 .ck { color:#53BDEB; letter-spacing:-.1em; font-size:11px; }
#gr30 .rxn { position:absolute; right:-6px; bottom:-12px; font-size:13px; background:#fff; border-radius:999px; padding:3px 7px; box-shadow:0 4px 12px -4px rgba(var(--k),.35), inset 0 0 0 1px var(--line); opacity:0; }
#gr30 .chat.show .rxn { animation:grRxn .6s .45s cubic-bezier(.34,1.56,.64,1) both; }
@keyframes grRxn { from { opacity:0; transform:scale(0) rotate(-30deg); } to { opacity:1; } }
#gr30 .wmore { display:flex; align-items:center; gap:9px; margin:16px auto 0; padding:8px 16px 8px 8px; border-radius:999px; background:var(--milk); box-shadow:0 10px 24px -12px rgba(var(--k),.35), inset 0 0 0 1px var(--line); font-size:12.5px; font-weight:800; color:var(--ink); transition:transform .2s, opacity .35s; }
#gr30 .wmore:active { transform:scale(.95); }
#gr30 .wmore i { font-style:normal; width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#D63762,var(--rasp2)); color:#FFF4F0; font-size:16px; }
#gr30 .wmore.gone { opacity:0; transform:scale(.9); pointer-events:none; }
#gr30 .fnote { font-size:10px; color:var(--ink2); text-align:center; margin-top:14px; opacity:.8; }
#gr30 .gr-get { background:linear-gradient(180deg,var(--rose),var(--rose2) 130%); }
#gr30 .ebadge { display:flex; justify-content:center; margin-top:10px; }
#gr30 .ebadge span { font-size:9.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; background:var(--plum); color:#FBEAE2; padding:7px 13px; border-radius:999px; }
#gr30 .stk { margin-top:18px; }
#gr30 .sc { position:sticky; top:calc(40px + var(--i)*13px); min-height:212px; border-radius:22px; padding:20px 18px 18px; margin-bottom:14px; background:linear-gradient(150deg,var(--g1),var(--g2)); overflow:hidden; box-shadow:0 18px 40px -16px rgba(var(--k),.4), inset 0 0 0 1px rgba(255,255,255,.65), inset 0 1.5px 0 rgba(255,255,255,.9); transform:scale(var(--s,1)); filter:blur(var(--b,0px)); will-change:transform,filter; }
#gr30 .sc:last-child { margin-bottom:0; }
#gr30 .sc::after { content:""; position:absolute; inset:0; background:var(--plum); opacity:var(--o,0); pointer-events:none; }
#gr30 .scn { position:absolute; top:-24px; right:0; font-family:var(--fd); font-size:122px; line-height:1; color:rgba(var(--k),.08); pointer-events:none; }
#gr30 .dew { position:absolute; right:18px; bottom:16px; width:52px; height:52px; border-radius:50%; background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.95), rgba(255,255,255,.3) 38%, rgba(255,255,255,.06) 62%, rgba(var(--k),.05)); box-shadow:inset 0 -8px 14px rgba(var(--k),.08), 0 12px 20px -10px rgba(var(--k),.3); animation:grBob 4.5s ease-in-out infinite; }
#gr30 .dew::after { content:""; position:absolute; top:9px; left:11px; width:11px; height:7px; border-radius:50%; background:#fff; filter:blur(1px); transform:rotate(-24deg); }
@keyframes grBob { 50% { transform:translateY(-7px); } }
#gr30 .sck { display:inline-flex; align-items:center; gap:7px; font-size:9px; font-weight:800; letter-spacing:.24em; color:var(--a); margin-bottom:8px; }
#gr30 .sck::before { content:""; width:18px; height:1.5px; background:var(--a); }
#gr30 .sc h3 { font-family:var(--fd); font-weight:400; font-size:22px; line-height:1.1; max-width:84%; }
#gr30 .scd { font-size:13px; line-height:1.6; color:rgba(var(--k),.72); margin-top:7px; max-width:88%; }
#gr30 .sct { display:inline-block; margin-top:12px; font-size:8.5px; font-weight:800; letter-spacing:.18em; background:var(--plum); color:#FBEAE2; border-radius:999px; padding:6px 11px; box-shadow:0 6px 14px -6px rgba(34,10,18,.5); }
#gr30 .sc .sw { position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.45) 50%, transparent 60%); transform:translateX(-130%) skewX(-8deg); }
#gr30 .sc.rv.on .sw { animation:grShine 1.2s .25s var(--ez) forwards; }
#gr30 .beam { position:relative; }
#gr30 .beam::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1.6px; background:conic-gradient(from var(--gra), transparent 0 70%, #FFD7E4 79%, #EAD9FF 85%, #D7EFFF 91%, #FFEDDB 96%, transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; animation:grBeam 4.5s linear infinite; pointer-events:none; z-index:2; }
@keyframes grBeam { to { --gra:360deg; } }
#gr30 .getcard { margin-top:16px; background:var(--milk); border-radius:22px; overflow:hidden; box-shadow:0 22px 46px -20px rgba(var(--k),.3), inset 0 0 0 1px rgba(var(--k),.07); }
#gr30 .gdiv { display:flex; align-items:center; gap:11px; padding:12px 16px; background:var(--plum); color:#FBEAE2; }
#gr30 .gdiv b { font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
#gr30 .gdiv .pearl { font-family:var(--fd); font-size:15px; }
#gr30 .gdiv::before, #gr30 .gdiv::after { content:""; flex:1; height:1px; background:rgba(255,234,226,.25); }
#gr30 .bx { display:flex; align-items:center; gap:10px; padding:11px 16px; border-top:1px solid var(--line); font-size:13px; }
#gr30 .bx:first-of-type { border-top:0; }
#gr30 .bx::before { content:"✓"; color:var(--rasp); font-weight:800; font-size:14px; }
#gr30 .bx span { flex:1; font-weight:700; line-height:1.25; }
#gr30 .bx s { font-size:11px; color:var(--ink2); font-weight:600; }
#gr30 .bx b { font-size:8.5px; font-weight:800; letter-spacing:.12em; color:var(--rasp); border:1.5px solid currentColor; border-radius:999px; padding:3px 7px; }
#gr30 .gtot { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 16px; background:var(--plum); color:#FBEAE2; }
#gr30 .gtot small { display:block; font-size:9px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; opacity:.7; margin-bottom:2px; }
#gr30 .gtot s { font-family:var(--fd); font-size:18px; text-decoration-color:var(--rasp); }
#gr30 .gtot .pearl { font-family:var(--fd); font-size:clamp(24px,6.4vw,29px); line-height:1; }
#gr30 .gtot div:last-child { text-align:right; }
#gr30 .gr-fin { background:radial-gradient(120% 90% at 50% 0%, var(--plum2), var(--plum) 70%); color:#FBEAE2; padding:clamp(40px,8vw,58px) 0 clamp(34px,6vw,46px); text-align:center; position:relative; z-index:1; overflow:hidden; }
#gr30 .gr-fin::before { content:""; position:absolute; inset:-40% -20% auto; height:80%; pointer-events:none; background:radial-gradient(50% 60% at 50% 30%, rgba(199,43,83,.32), transparent 70%); }
#gr30 .gr-fin .gw { position:relative; z-index:2; }
#gr30 .gr-fin h2 { color:#FFF4EE; }
#gr30 .gr-fin h2 em { color:#FFB7CB; }
#gr30 .gr-fin .gk { color:#FFB7CB; }
#gr30 .cdl { font-size:9px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#C99FA8; margin-top:14px; }
#gr30 .cd { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:7px; }
#gr30 .cdb { background:rgba(255,250,246,.07); border:1px solid rgba(255,234,226,.18); border-radius:11px; min-width:54px; padding:8px 5px 6px; }
#gr30 .cdb b { font-size:21px; font-weight:800; font-variant-numeric:tabular-nums; display:block; line-height:1; color:#FFF4EE; }
#gr30 .cdb span { font-size:8px; font-weight:800; letter-spacing:.18em; color:#C99FA8; display:block; margin-top:3px; }
#gr30 .cds { font-size:19px; font-weight:800; color:#7A4A57; line-height:1; padding-bottom:12px; }
#gr30 .pcard { display:inline-block; margin-top:16px; padding:14px 26px 16px; border-radius:20px; background:rgba(255,250,246,.05); }
#gr30 .pcard s { display:block; font-size:14px; font-weight:600; color:#C99FA8; text-decoration-color:var(--rasp); }
#gr30 .pcard .pearl { font-family:var(--fd); font-size:clamp(42px,12vw,56px); line-height:1.05; display:inline-block; }
#gr30 .arw { width:42px; margin:8px auto; animation:grBnc 1.6s ease-in-out infinite; }
#gr30 .arw svg { width:100%; fill:none; stroke:#FFB7CB; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
@keyframes grBnc { 50% { transform:translateY(7px); } }
#gr30 .gr-fin .gr-btn { max-width:420px; margin-inline:auto; }
#gr30 .micro { margin-top:12px; font-size:10.5px; font-weight:600; color:#C99FA8; }
#gr30 .micro i { font-style:normal; opacity:.4; padding-inline:6px; }
#gr30 .price-note { font-size:11px; color:#EAD9FF; background:rgba(255,255,255,0.06); padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.1); margin:18px auto 0; max-width:320px; line-height:1.45; text-align:left; }
#gr30 .price-note i { font-style:normal; margin-right:4px; font-size:13px; }
#gr30 .price-note strong { color:#FFF; font-weight:700; }
#gr30 .gfoot { background:var(--plum); color:#9A6E7A; text-align:center; font-size:10px; line-height:1.6; padding:14px 18px calc(84px + env(safe-area-inset-bottom)); position:relative; z-index:1; }
#gr30 .sbar { position:fixed; left:0; right:0; bottom:0; z-index:60; padding:9px 13px calc(9px + env(safe-area-inset-bottom)); background:rgba(255,250,246,.88); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-top:1px solid var(--line); display:flex; align-items:center; gap:11px; transform:translateY(110%); transition:transform .45s var(--ez); }
#gr30 .sbar.show { transform:none; }
#gr30 .sbar div { flex:none; line-height:1.05; }
#gr30 .sbar s { display:block; font-size:10px; color:var(--ink2); font-weight:600; text-decoration-color:var(--rasp); }
#gr30 .sbar b { font-family:var(--fd); font-weight:400; font-size:20px; color:var(--rasp); }
#gr30 .sbar .gr-btn { padding:12px 15px; font-size:14px; border-radius:13px; }
#gr30 .sbar .gr-btn::before { display:none; }
#gr30 .gr-silk { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; background:radial-gradient(120% 95% at 78% 6%, #FFD7E4 0%, rgba(255,215,228,0) 58%), radial-gradient(105% 85% at 10% 90%, #EAD9FF 0%, rgba(234,217,255,0) 55%), radial-gradient(95% 95% at 90% 78%, #FFEDDB 0%, rgba(255,237,219,0) 55%), linear-gradient(165deg,#FFE9EF,#F7E7E0); }
#gr30 .gr-silk-dark { background:radial-gradient(90% 70% at 50% 10%, rgba(199,43,83,.34), rgba(199,43,83,0) 65%), radial-gradient(70% 60% at 82% 72%, rgba(142,91,196,.12), transparent 60%), linear-gradient(180deg,var(--plum2),var(--plum)); }
#gr30 .gr-hero::before { content:""; position:absolute; left:0; right:0; top:0; height:32px; background:linear-gradient(to bottom, var(--rose), rgba(247,231,224,0)); z-index:1; pointer-events:none; }
#gr30 .gr-hero::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:96px; background:linear-gradient(to bottom, rgba(247,231,224,0), var(--rose)); z-index:1; pointer-events:none; }
#gr30 .gr-fin::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:78px; background:linear-gradient(to bottom, rgba(34,10,18,0), var(--plum)); z-index:1; pointer-events:none; }

@media (min-width: 860px) {
  #gr30 .gw { width:min(100%, 1020px); padding-inline:24px; }
  #gr30 .gr-hero { padding:48px 0 60px; text-align:left; }
  #gr30 .gr-hero .gw { display:grid; grid-template-columns:1.15fr 0.85fr; grid-template-areas:"kick eb3d" "title eb3d" "buy eb3d"; gap:18px 48px; align-items:center; }
  #gr30 .gr-hero .kick { grid-area:kick; justify-content:flex-start; }
  #gr30 .gr-hero h1 { grid-area:title; text-align:left; font-size:40px; line-height:1.1; }
  #gr30 .eb3d-wrap { grid-area:eb3d; width:100%; min-height:430px; height:auto; justify-self:center; margin:0; padding:12px 0 0; }
  #gr30 .eb3d-scene { width:220px; height:324px; }
  #gr30 .gr-hero .gr-buy { grid-area:buy; align-items:flex-start; }
  #gr30 .gr-hero .gr-btn { max-width:380px; }
  #gr30 .stx { max-width:680px; margin-inline:auto; padding:18px 12px; }
  #gr30 .chats { display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; max-width:900px; margin-inline:auto; }
  #gr30 .wmore { grid-column:1 / -1; }
  #gr30 .stk { max-width:640px; margin-inline:auto; }
  #gr30 .getcard { max-width:640px; margin-inline:auto; }
  #gr30 .gr-fin .gw { max-width:640px; }
  #gr30 .sbar { left:50%; right:auto; width:min(92%, 520px); border-radius:20px 20px 0 0; box-shadow:0 -8px 28px rgba(34,10,18,.16); transform:translate(-50%, 110%); }
  #gr30 .sbar.show { transform:translate(-50%, 0); }
}

@media (prefers-reduced-motion: reduce) {
  #gr30 *, #gr30 *::before, #gr30 *::after { animation:none !important; transition:none !important; }
  #gr30 .rv { opacity:1; transform:none; filter:none; }
  #gr30 .gr-ba { --x:50% !important; }
  #gr30 .gr-hint { display:none; }
  #gr30 .cav { transform:scale(1); }
  #gr30 .cw { display:block; }
  #gr30 .rxn { opacity:1; }
  #gr30 .dots { display:none !important; }
  #gr30 .sc { position:relative; top:0; --s:1; --b:0px; --o:0; }
  #gr30 .eb3d-scene { animation:none; transform:rotateY(0) rotateX(0); }
  #gr30 .eb3d-page.is-l { transform:translateX(-85%) scale(.88); filter:blur(1px); }
  #gr30 .eb3d-page.is-r { transform:translateX(85%) scale(.88); filter:blur(1px); }
  #gr30 .eb3d-page.is-pop { animation:none; }
  #gr30 .eb3d-hint { display:none; }
/* PLEINE LARGEUR — plus de bandes blanches */
.gr30-fullbleed,
.shopify-section.gr30-fullbleed {
  padding: 0 !important;
  padding-inline: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
#gr30 {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: clip;
}