/* Spike Day 10/10, versao 2 "max" da pagina de produto (09/10). So carrega com
   ?spike=max (pages/product/components/spike + scripts/spike-produto.js).
   Linha Armor: palco escuro com 10/10 gigante em metal, lasers e simbolos de
   conta subindo; cabecalho do site intacto; conteudo em placa clara chanfrada;
   botao de impacto e efeito de tela cheia ao ativar os 10% OFF.
   1a tentativa (faixa acima do cabecalho + fundo colmeia/carbono) foi recusada:
   "nao esta legal esse background e ta ruim com cabecalho". */
.gs-skx{--x-l:#ffa300;--x-l2:#ff7a00;--x-mu:#9b9294;
  --x-metal:linear-gradient(180deg,#fff 0%,#dcd7d8 36%,#7d7477 52%,#b9b2b4 70%,#f4f1f1 100%);
  --x-ch:polygon(var(--c,12px) 0,100% 0,100% calc(100% - var(--c,12px)),calc(100% - var(--c,12px)) 100%,0 100%,0 var(--c,12px));
  background:#070606}
.gs-skx body{background:transparent}
.gs-skx .gs-spike,.gs-skx .gs-camp{display:none!important}
.gs-skx-treme main,.gs-skx-treme .gs-skx-topo,.gs-skx-treme .gs-skx-ov-1010{animation:gs-skx-treme .42s cubic-bezier(.36,.07,.19,.97)}
@keyframes gs-skx-treme{10%,90%{transform:translate(-1px,0)}20%,80%{transform:translate(3px,1px)}30%,50%,70%{transform:translate(-6px,-1px)}40%,60%{transform:translate(6px,1px)}}

/* ---------- palco: fundo fixo atras de tudo ---------- */
.gs-skx-palco{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background:radial-gradient(55% 45% at 50% 42%,rgba(255,140,0,.20),transparent 70%),
  radial-gradient(90% 60% at 50% 115%,rgba(255,100,0,.22),transparent 65%),linear-gradient(180deg,#100c0d,#050404)}
.gs-skx-palco:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.75))}
.gs-skx-palco-1010{position:absolute;left:50%;top:46%;display:flex;align-items:center;gap:.05em;transform:translate(-50%,-50%);
  font:900 clamp(220px,44vw,680px)/1 Montserrat,sans-serif;letter-spacing:-.05em;animation:gs-skx-respira 9s ease-in-out infinite}
.gs-skx-palco-1010 b{background:var(--x-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.10}
.gs-skx-palco-1010 i{width:.07em;height:.8em;transform:skewX(-20deg);background:linear-gradient(180deg,#ffd27a,var(--x-l) 40%,var(--x-l2));
  opacity:.55;box-shadow:0 0 40px rgba(255,163,0,.9),0 0 140px rgba(255,120,0,.6)}
@keyframes gs-skx-respira{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}
.gs-skx-laser{position:absolute;left:-20%;width:140%;height:2px;opacity:.35;
  background:linear-gradient(90deg,transparent,rgba(255,163,0,.15) 25%,#ffa300 50%,rgba(255,163,0,.15) 75%,transparent);
  box-shadow:0 0 18px #ffa300,0 0 40px rgba(255,120,0,.6);animation:gs-skx-laser 10s ease-in-out infinite}
.gs-skx-laser.l1{top:24%;transform:rotate(-13deg)}
.gs-skx-laser.l2{top:74%;transform:rotate(11deg);animation-duration:13s;animation-delay:-6s}
@keyframes gs-skx-laser{0%,100%{translate:-12% 0;opacity:.12}50%{translate:12% 0;opacity:.5}}
.gs-skx-simbolos span{position:absolute;bottom:-80px;font:900 var(--t,28px)/1 Montserrat,sans-serif;color:var(--cor);opacity:0;
  text-shadow:0 0 18px currentColor;animation:gs-skx-sim var(--d,18s) linear infinite;animation-delay:var(--dl,0s)}
@keyframes gs-skx-sim{0%{transform:translateY(0) rotate(0);opacity:0}10%,85%{opacity:var(--o,.25)}100%{transform:translateY(-118vh) rotate(var(--r,180deg));opacity:0}}

/* conteudo do produto em placa clara chanfrada sobre o palco */
.gs-skx main{position:relative;background:transparent;padding-bottom:36px}
.gs-skx main>.container,.gs-skx main>div>.container{--c:20px;position:relative;background:#fff;clip-path:var(--x-ch);
  box-shadow:inset 0 3px 0 var(--x-l),inset 0 0 0 1px rgba(255,163,0,.45)}
.gs-skx main>.container{margin-top:18px;padding:18px 22px 26px}
.gs-skx main>div>.container{margin-top:18px;padding-inline:18px}
@media (max-width:767px){.gs-skx main>.container,.gs-skx main>div>.container{--c:12px;width:auto;margin-inline:8px;padding-inline:12px}}
.gs-skx main .gs-vistos h2:after,.gs-skx main carousel-embla h2:after{content:"10/10";--c:5px;margin-left:10px;padding:3px 8px;vertical-align:middle;
  background:#0b0a0a;color:var(--x-l);font:900 11px/1.4 Montserrat,system-ui,sans-serif;letter-spacing:.08em;clip-path:var(--x-ch)}

/* ---------- faixa da campanha, abaixo do cabecalho, sem caixa ---------- */
.gs-skx-topo{position:relative;color:#f4f1f1;font-family:Montserrat,system-ui,sans-serif}
.gs-skx-topo:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--x-l) 20%,#fff 50%,var(--x-l) 80%,transparent) 0 0/200% 100%;animation:gs-skx-filete 2.6s linear infinite;
  box-shadow:0 0 14px rgba(255,163,0,.8)}
@keyframes gs-skx-filete{to{background-position:-200% 0}}
.gs-skx-topo-in{display:flex;align-items:center;gap:22px;max-width:1240px;margin:0 auto;padding:18px 16px 6px}
.gs-skx-logo{position:relative;display:flex;align-items:center;gap:.06em;flex:0 0 auto;font:900 66px/1 Montserrat,sans-serif;letter-spacing:-.04em;
  animation:gs-skx-tranco 3.2s ease-out infinite}
.gs-skx-logo b{display:inline-block;padding:0 .08em 0 .02em;background:var(--x-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #000)}
.gs-skx-corte{width:9px;height:.84em;background:linear-gradient(180deg,#ffd27a,var(--x-l) 40%,var(--x-l2));transform:skewX(-20deg);
  box-shadow:0 0 16px rgba(255,163,0,.9),0 0 46px rgba(255,120,0,.6);animation:gs-skx-lamina 3.2s ease-out infinite}
.gs-skx-ondas{position:absolute;left:50%;top:50%;z-index:-1;width:0;height:0}
.gs-skx-ondas i{position:absolute;left:-.5em;top:-.5em;width:1em;height:1em;border:2px solid var(--x-l);border-radius:50%;opacity:0;animation:gs-skx-onda 3.2s cubic-bezier(.1,.7,.3,1) infinite}
.gs-skx-ondas i+i{animation-delay:.14s}
@keyframes gs-skx-onda{0%,1%{transform:scale(.2);opacity:0}2%{opacity:.9}30%,100%{transform:scale(3.2);opacity:0}}
@keyframes gs-skx-tranco{0%,1%{transform:none}2%{transform:translateY(3px) scale(.98)}4%{transform:translate(-2px,-1px)}6%{transform:translate(2px,1px)}8%,100%{transform:none}}
@keyframes gs-skx-lamina{0%,1%,12%,100%{filter:none}2%,6%{filter:brightness(1.8)}}
.gs-skx-topo-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.gs-skx-topo-t small{font-weight:800;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--x-l)}
.gs-skx-topo-t strong{font-weight:900;font-size:22px;line-height:1.08;text-transform:uppercase;letter-spacing:.02em}
.gs-skx-topo-t strong span{color:var(--x-l)}
.gs-skx-rel{display:flex;gap:5px;margin-left:auto}
.gs-skx-rel i{--c:7px;min-width:54px;padding:7px 4px 6px;text-align:center;font-style:normal;background:rgba(0,0,0,.7);box-shadow:inset 0 2px 0 var(--x-l);clip-path:var(--x-ch)}
.gs-skx-rel b{display:block;font:800 23px/1 Montserrat,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.gs-skx-rel small{display:block;margin-top:3px;font-size:8.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--x-mu)}
.gs-skx-topo-cta{--c:10px;position:relative;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 10px;border:0;cursor:pointer;
  color:#000;background:linear-gradient(180deg,#ffc04a,var(--x-l) 50%,var(--x-l2));clip-path:var(--x-ch);
  font:900 13px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;animation:gs-skx-chama 1.6s ease-in-out infinite}
.gs-skx-topo-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%) 0 0/300% 100% no-repeat;animation:gs-skx-varre 2.2s ease-in-out infinite}
.gs-skx-topo-cta-pct{--c:6px;padding:6px 7px;background:#0b0a0a;color:var(--x-l);letter-spacing:0;clip-path:var(--x-ch)}
@keyframes gs-skx-chama{50%{filter:brightness(1.15)}}
@keyframes gs-skx-varre{0%,50%{background-position:0 0}100%{background-position:100% 0}}
.gs-skx-ativo .gs-skx-topo-cta{background:#0b0a0a;color:var(--x-l);box-shadow:inset 0 0 0 2px var(--x-l);animation:none}
.gs-skx-ativo .gs-skx-topo-cta-pct{background:var(--x-l);color:#000}
@media (max-width:899px){
  .gs-skx-topo-in{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:14px 12px 4px}
  .gs-skx-logo{font-size:44px}
  .gs-skx-topo-t strong{font-size:15px}
  .gs-skx-rel{grid-column:1/-1;margin:0}
  .gs-skx-rel i{flex:1 1 0;min-width:0}
  .gs-skx-topo-cta{grid-column:1/-1;justify-content:center;padding:15px 12px;font-size:14px}
}

/* ---------- placa na foto ---------- */
.gs-skx-foto{--c:16px;position:absolute;right:12px;top:12px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;
  padding:10px 20px 12px 20px;color:#000;font-family:Montserrat,sans-serif;pointer-events:none;
  background:linear-gradient(180deg,#ffcb5e,var(--x-l) 46%,var(--x-l2));box-shadow:inset 0 2px 0 rgba(255,255,255,.5);clip-path:var(--x-ch);
  transform:rotate(-4deg);animation:gs-skx-bate-foto 3.2s cubic-bezier(.2,1.4,.4,1) infinite}
.gs-skx-foto small{font-weight:900;font-size:13px;letter-spacing:.04em}
.gs-skx-foto b{display:flex;align-items:flex-start;font:900 58px/.9 Montserrat,sans-serif;letter-spacing:-.04em}
.gs-skx-foto sup{font-size:.32em;margin:.2em .06em 0 0;letter-spacing:0}
@keyframes gs-skx-bate-foto{0%{transform:rotate(-4deg) scale(1)}6%{transform:rotate(-8deg) scale(1.16)}12%{transform:rotate(-3deg) scale(.96)}18%,100%{transform:rotate(-4deg) scale(1)}}
@media (max-width:767px){.gs-skx-foto{right:8px;top:8px;padding:8px 10px 6px 14px}.gs-skx-foto b{font-size:42px}.gs-skx-foto small{font-size:11px}}

/* ---------- bloco do preco, versao max ---------- */
.gs-skp--max{padding:16px 16px 14px}
.gs-skp--max .gs-skp-cupom{display:none}
.gs-skp--max:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,163,0,.18) 50%,transparent 60%) 0 0/300% 100% no-repeat;
  animation:gs-skx-varre 3.2s ease-in-out infinite}
.gs-skp--max .gs-skp-eq{font-size:62px;margin-top:6px}
@media (max-width:420px){.gs-skp--max .gs-skp-eq{font-size:50px}}
.gs-skx-precocorte{position:relative;display:flex;align-items:center;gap:12px;margin:14px 0 4px}
.gs-skx-precocorte em{font-style:normal;font-weight:800;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--x-mu)}
.gs-skx-hoje{position:relative;display:inline-block;font:900 32px/1 Montserrat,sans-serif;color:transparent}
.gs-skx-hoje:before,.gs-skx-hoje:after{content:attr(data-t);position:absolute;left:0;top:0;color:#8a8184}
.gs-skx-hoje:before{clip-path:inset(0 0 52% 0);animation:gs-skx-meia-a 3.2s cubic-bezier(.3,0,.3,1) infinite}
.gs-skx-hoje:after{clip-path:inset(48% 0 0 0);animation:gs-skx-meia-b 3.2s cubic-bezier(.3,0,.3,1) infinite}
@keyframes gs-skx-meia-a{0%,13%{transform:none;opacity:1}22%{transform:translate(-6px,-5px) rotate(-4deg);opacity:.9}40%,88%{transform:translate(-12px,-9px) rotate(-7deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes gs-skx-meia-b{0%,13%{transform:none;opacity:1}22%{transform:translate(8px,5px) rotate(4deg);opacity:.9}40%,88%{transform:translate(14px,9px) rotate(7deg);opacity:0}100%{transform:none;opacity:1}}
.gs-skx-lamina{position:absolute;z-index:2;left:-8px;top:50%;width:calc(100% + 16px);height:4px;margin-top:-2px;transform-origin:left center;transform:scaleX(0) rotate(-6deg);
  background:linear-gradient(90deg,transparent,#fff 20%,var(--x-l) 60%,var(--x-l2));box-shadow:0 0 14px var(--x-l),0 0 30px rgba(255,120,0,.8);
  animation:gs-skx-corta 3.2s cubic-bezier(.7,0,.3,1) infinite}
@keyframes gs-skx-corta{0%,4%{transform:scaleX(0) rotate(-6deg);opacity:1}13%{transform:scaleX(1) rotate(-6deg);opacity:1}22%,100%{transform:scaleX(1) rotate(-6deg);opacity:0}}
.gs-skp--max .gs-skp-placa{animation:gs-skx-bate 3.2s cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes gs-skx-bate{0%,18%{transform:none}24%{transform:scale(1.18) rotate(-3deg);filter:brightness(1.15)}30%{transform:scale(.96)}36%,100%{transform:none}}
.gs-skp--max .o-igual{animation:gs-skx-igual 3.2s ease-out infinite}
@keyframes gs-skx-igual{0%,16%,30%,100%{transform:none}21%{transform:scale(1.4);text-shadow:0 0 26px #ffa300,0 0 50px rgba(255,140,0,.8)}}

/* ---------- botao de impacto ---------- */
.gs-skx-tap-w{position:relative;margin:4px 0 14px}
.gs-skx-sonar i{position:absolute;inset:0;border:2px solid var(--x-l);border-radius:6px;opacity:0;pointer-events:none;animation:gs-skx-sonar 2s ease-out infinite}
.gs-skx-sonar i+i{animation-delay:1s}
@keyframes gs-skx-sonar{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.08,1.55);opacity:0}}
.gs-skx-tap{--c:14px;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px 12px 12px;border:0;cursor:pointer;
  text-align:left;color:#000;font-family:Montserrat,sans-serif;clip-path:var(--x-ch);
  background:linear-gradient(180deg,#ffc04a,var(--x-l) 50%,var(--x-l2));box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -4px 0 rgba(0,0,0,.2);
  animation:gs-skx-tranco-btn 2.6s ease-in-out infinite}
@keyframes gs-skx-tranco-btn{0%,80%,100%{transform:none}83%{transform:translateX(-5px) rotate(-1deg)}86%{transform:translateX(5px) rotate(1deg)}89%{transform:translateX(-3px)}92%{transform:translateX(2px)}}
.gs-skx-tap:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%) 0 0/300% 100% no-repeat;
  animation:gs-skx-varre 2.2s ease-in-out infinite}
.gs-skx-tap:active{transform:scale(.97)}
.gs-skx-tap-pct{--c:10px;flex:0 0 auto;display:grid;place-items:center;align-content:center;width:68px;height:68px;background:#0b0a0a;color:var(--x-l);
  font:900 24px/1 Montserrat,sans-serif;letter-spacing:-.03em;clip-path:var(--x-ch)}
.gs-skx-tap-pct small{font-size:11px;letter-spacing:.16em;margin-top:2px}
.gs-skx-tap-t{flex:1;min-width:0}
.gs-skx-tap-t b{display:block;font-weight:900;font-size:21px;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.gs-skx-tap-t small{display:block;margin-top:4px;font-weight:700;font-size:12.5px;line-height:1.25}
.gs-skx-dedo{flex:0 0 auto;width:38px;height:38px;fill:#fff;stroke:#000;stroke-width:1.5;stroke-linejoin:round;animation:gs-skx-dedo 1.3s ease-in-out infinite}
@keyframes gs-skx-dedo{0%,100%{transform:translate(0,0)}40%{transform:translate(-4px,6px) scale(.9)}55%{transform:translate(0,0)}}
.gs-skx-ativo .gs-skx-tap{background:#0b0a0a;color:#fff;box-shadow:inset 0 0 0 2px var(--x-l);animation:none}
.gs-skx-ativo .gs-skx-tap-pct{background:var(--x-l);color:#000}
.gs-skx-ativo .gs-skx-dedo{fill:var(--x-l)}
@media (max-width:420px){.gs-skx-tap{gap:10px}.gs-skx-tap-pct{width:58px;height:58px;font-size:20px}.gs-skx-tap-t b{font-size:17px}.gs-skx-dedo{width:30px;height:30px}}

/* ---------- efeito de tela cheia ---------- */
.gs-skx-ov{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;
  color:#fff;text-align:center;font-family:Montserrat,system-ui,sans-serif;cursor:pointer;
  background:radial-gradient(60% 45% at 50% 38%,rgba(255,140,0,.35),transparent 70%),rgba(5,4,4,.94);animation:gs-skx-ov-in .25s ease-out both}
.gs-skx-ov.sai{animation:gs-skx-ov-out .35s ease-in both}
@keyframes gs-skx-ov-in{from{opacity:0}}
@keyframes gs-skx-ov-out{to{opacity:0;transform:scale(1.04)}}
.gs-skx-ov-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;animation:gs-skx-flash .45s ease-out .5s}
@keyframes gs-skx-flash{0%{opacity:.85}100%{opacity:0}}
.gs-skx-ov-1010{position:relative;display:flex;align-items:center;gap:.06em;font:900 clamp(96px,26vw,230px)/1 Montserrat,sans-serif;letter-spacing:-.05em}
.gs-skx-ov-1010 b{display:inline-block;padding:0 .06em;background:var(--x-metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 #000)}
.gs-skx-ov-1010 .e{animation:gs-skx-vem-e .42s cubic-bezier(.55,0,1,.45) .08s backwards,gs-skx-choque .3s ease-out .5s}
.gs-skx-ov-1010 .d{animation:gs-skx-vem-d .42s cubic-bezier(.55,0,1,.45) .08s backwards,gs-skx-choque .3s ease-out .5s}
@keyframes gs-skx-vem-e{from{transform:translateX(-110vw) skewX(-12deg)}}
@keyframes gs-skx-vem-d{from{transform:translateX(110vw) skewX(12deg)}}
@keyframes gs-skx-choque{0%{transform:scale(1.12)}40%{transform:scale(.94)}100%{transform:none}}
.gs-skx-ov-1010 .c{width:.08em;height:.84em;transform:skewX(-20deg) scaleY(0);background:linear-gradient(180deg,#ffd27a,var(--x-l) 40%,var(--x-l2));
  box-shadow:0 0 30px #ffa300,0 0 120px rgba(255,120,0,.9);animation:gs-skx-risca .22s ease-out .5s forwards}
@keyframes gs-skx-risca{to{transform:skewX(-20deg) scaleY(1)}}
.gs-skx-ov-ondas{position:absolute;left:50%;top:50%;width:0;height:0}
.gs-skx-ov-ondas i{position:absolute;left:-.5em;top:-.5em;width:1em;height:1em;border:3px solid var(--x-l);border-radius:50%;opacity:0;animation:gs-skx-ov-onda .9s cubic-bezier(.1,.7,.3,1) .5s}
.gs-skx-ov-ondas i:nth-child(2){animation-delay:.62s}.gs-skx-ov-ondas i:nth-child(3){animation-delay:.74s}
@keyframes gs-skx-ov-onda{0%{transform:scale(.2);opacity:1}100%{transform:scale(4);opacity:0}}
.gs-skx-ov-off{font:900 clamp(64px,17vw,150px)/.9 Montserrat,sans-serif;letter-spacing:-.04em;
  background:linear-gradient(180deg,#ffe08a,var(--x-l) 50%,var(--x-l2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 30px rgba(255,140,0,.7));animation:gs-skx-bate-tela .5s cubic-bezier(.2,1.5,.4,1) .78s backwards}
.gs-skx-ov-off span{font-size:.55em}
@keyframes gs-skx-bate-tela{from{transform:scale(3.2);opacity:0}}
.gs-skx-ov-conta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;font:800 clamp(18px,4.6vw,30px)/1.2 Montserrat,sans-serif;
  animation:gs-skx-sobe .4s ease-out 1.05s backwards}
.gs-skx-ov-conta i{font-style:normal;color:var(--x-l)}
.gs-skx-ov-conta .p{color:var(--x-l)}
.gs-skx-ov-conta b{--c:8px;padding:6px 12px;background:#fff;color:#000;font-weight:900;clip-path:var(--x-ch);font-variant-numeric:tabular-nums;transition:background .2s}
.gs-skx-ov-conta b.ok{background:var(--x-l)}
@keyframes gs-skx-sobe{from{transform:translateY(20px);opacity:0}}
.gs-skx-ov-selo{--c:10px;margin-top:6px;padding:12px 20px;color:var(--x-l);box-shadow:inset 0 0 0 2px var(--x-l);clip-path:var(--x-ch);
  font:900 clamp(14px,3.6vw,20px)/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-3deg);
  animation:gs-skx-carimbo .45s cubic-bezier(.2,1.6,.4,1) 1.9s backwards}
@keyframes gs-skx-carimbo{from{transform:scale(2.4) rotate(-12deg);opacity:0}}
.gs-skx-ov-dica{margin-top:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--x-mu);animation:gs-skx-sobe .4s ease-out 2.4s backwards}

.gs-skx-ov-cupom{--c:14px;display:flex;flex-direction:column;align-items:center;margin-top:8px;padding:12px 26px 14px;background:#fff;color:#000;clip-path:var(--x-ch);
  box-shadow:inset 0 0 0 3px var(--x-l);transform:rotate(-3deg);animation:gs-skx-carimbo .45s cubic-bezier(.2,1.6,.4,1) 1.7s backwards;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 10px,#000 11px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 10px,#000 11px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,transparent 10px,#000 11px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 10px,#000 11px) right/51% 100% no-repeat}
.gs-skx-ov-cupom small{font-weight:800;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#6b6365}
.gs-skx-ov-cupom b{font:900 clamp(44px,12vw,72px)/1 Montserrat,sans-serif;letter-spacing:.06em}
.gs-skx-ov-cupom em{font-style:normal;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--x-l2)}
.gs-skx-tap-t u{text-decoration:none;padding:0 6px;background:#0b0a0a;color:var(--x-l);letter-spacing:.06em}
.gs-skx-tap--aviso .gs-skx-tap-t small{color:#b3000f;font-weight:900}

.gs-skx-ov-x{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:52px;height:52px;padding:0;border:2px solid #fff;border-radius:50%;
  background:rgba(0,0,0,.6);color:#fff;font:400 40px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 0 0 4px rgba(255,163,0,.5)}
.gs-skx-ov-x:hover{background:var(--x-l);color:#000;border-color:var(--x-l)}
@media (max-width:767px){.gs-skx-ov-x{top:10px;right:10px;width:46px;height:46px;font-size:34px}}

/* ---------- estilhacos e onda ---------- */
.gs-skx-imp{position:fixed;z-index:10001;width:60px;height:60px;margin:-30px 0 0 -30px;border:3px solid var(--x-l);border-radius:50%;pointer-events:none;
  animation:gs-skx-imp .85s cubic-bezier(.1,.7,.3,1) backwards}
@keyframes gs-skx-imp{from{transform:scale(.15);opacity:1}to{transform:scale(var(--s,6));opacity:0;border-width:1px}}
.gs-skx-lasca{position:fixed;z-index:10001;width:3px;height:16px;margin:-8px 0 0 -1.5px;background:linear-gradient(#fff,var(--x-l));pointer-events:none;
  transform:rotate(var(--r));animation:gs-skx-lasca .7s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes gs-skx-lasca{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}

@media (prefers-reduced-motion:reduce){
  .gs-skx-palco *,.gs-skx-topo *,.gs-skx-topo:before,.gs-skx-foto,.gs-skp--max *,.gs-skp--max:before,.gs-skx-tap,.gs-skx-tap:after,.gs-skx-sonar i,.gs-skx-dedo{animation:none!important}
  .gs-skx-lamina{transform:scaleX(1) rotate(-6deg)}
  .gs-skx-ov *{animation-duration:.01s!important;animation-delay:0s!important}
  .gs-skx-ov-1010 .c{transform:skewX(-20deg)}
}


/* placa da foto em produto fora das faixas (09/10: "-10%" saia truncado) */
.gs-skx-foto--pct{align-items:center;gap:4px}
.gs-skx-foto--pct small{white-space:nowrap}
.gs-skx-foto--pct b{display:block;font-size:40px;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.gs-skx-foto--pct b span{font-size:.5em;letter-spacing:.04em}
@media (max-width:767px){.gs-skx-foto--pct b{font-size:30px}}


/* 09/10, Joao: "os botoes nao mostram que ele deve clicar". Botao sempre laranja e
   pulsando (inclusive depois de ativado), selo "CLIQUE AQUI" pulando com seta e
   dedo maior com onda a cada toque. */
.gs-skx-tap-w{margin-top:30px}
.gs-skx-tap-w:before{content:attr(data-chamada) " \2193";--c:7px;position:absolute;right:18px;top:-28px;z-index:3;padding:7px 12px;
  background:#e3262f;color:#fff;font:900 12px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  clip-path:var(--x-ch);box-shadow:0 0 0 2px #fff;animation:gs-skx-pula .9s ease-in-out infinite}
@keyframes gs-skx-pula{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.gs-skx-tap{animation:gs-skx-tranco-btn 2.6s ease-in-out infinite,gs-skx-respira-btn 1.3s ease-in-out infinite}
@keyframes gs-skx-respira-btn{50%{filter:brightness(1.18) saturate(1.1)}}
.gs-skx-ativo .gs-skx-tap{background:linear-gradient(180deg,#ffc04a,var(--x-l) 50%,var(--x-l2));color:#000;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -4px 0 rgba(0,0,0,.2);animation:gs-skx-tranco-btn 2.6s ease-in-out infinite,gs-skx-respira-btn 1.3s ease-in-out infinite}
.gs-skx-ativo .gs-skx-tap-pct{background:#0b0a0a;color:var(--x-l)}
.gs-skx-ativo .gs-skx-dedo{fill:#fff}
.gs-skx-dedo{width:46px;height:46px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));animation:gs-skx-dedo2 1.1s ease-in-out infinite}
@keyframes gs-skx-dedo2{0%,100%{transform:translate(0,0) rotate(-8deg)}35%{transform:translate(-5px,8px) rotate(-8deg) scale(.86)}50%{transform:translate(-5px,8px) rotate(-8deg) scale(.86)}70%{transform:translate(0,0) rotate(-8deg)}}
.gs-skx-tap:before{content:"";position:absolute;right:22px;top:50%;width:26px;height:26px;margin-top:-6px;border:3px solid #fff;border-radius:50%;opacity:0;
  animation:gs-skx-clique 1.1s ease-out infinite}
@keyframes gs-skx-clique{0%,38%{transform:scale(.3);opacity:0}42%{opacity:.95}80%,100%{transform:scale(1.9);opacity:0}}
.gs-skx-ativo .gs-skx-topo-cta{background:linear-gradient(180deg,#ffc04a,var(--x-l) 50%,var(--x-l2));color:#000;box-shadow:none;animation:gs-skx-chama 1.6s ease-in-out infinite}
.gs-skx-ativo .gs-skx-topo-cta-pct{background:#0b0a0a;color:var(--x-l)}
@media (max-width:420px){.gs-skx-dedo{width:36px;height:36px}.gs-skx-tap-w:before{right:10px;font-size:11px}}
@media (prefers-reduced-motion:reduce){.gs-skx-tap-w:before,.gs-skx-tap:before{animation:none!important}}