/* izTeaM Clean Full Background V1 - CSS feito do zero */

:root{
  --red:#ff243e;
  --blue:#2f83ff;
  --text:#07111f;
  --black:#050608;
  --container:1540px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#050608;color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 72px));margin-inline:auto}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:104px;display:flex;align-items:center;background:transparent;transition:.25s ease}
body.is-scrolled .site-header{height:82px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(0,0,0,.38)}
.header-inner{width:min(1540px,calc(100% - 110px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:190px;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.25))}
.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}
.main-nav a{display:flex;align-items:center;gap:7px;color:#0a1422;font-weight:850;font-size:15px;text-shadow:0 1px 8px rgba(255,255,255,.88);transition:.2s ease}
body.is-scrolled .main-nav a{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.28)}
.main-nav a:hover,.main-nav a.active{color:var(--red);text-shadow:0 0 8px rgba(255,255,255,.42),0 0 15px rgba(255,36,62,.62),0 0 26px rgba(255,36,62,.26)}
.header-actions{display:flex;align-items:center;gap:12px}
.cart-link,.account-link{color:#fff;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.10);border-radius:999px;min-height:46px;padding:9px 14px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(6px);box-shadow:0 10px 24px rgba(0,0,0,.16);transition:.22s ease}
.cart-link:hover,.account-link:hover{border-color:rgba(255,36,62,.38);box-shadow:0 0 16px rgba(255,36,62,.30),0 0 30px rgba(255,36,62,.14)}
.cart-link{position:relative}.cart-badge{position:absolute;top:-9px;left:16px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:50px;background:#1c98ff;color:#fff;font-size:12px;font-weight:900}
.account-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(120,160,255,.35)}
.account-link strong{display:block;font-size:15px}.account-link small{display:block;font-size:12px;color:#d7dbe4;margin-top:2px}.mobile-toggle{display:none}

/* Todas as seções usam o mesmo background completo 1920x2700 */
.hero,.products-section,.benefits-section{background-image:url('../img/background-main2.png');background-repeat:no-repeat;background-size:1920px auto}

/* HERO */
.hero{min-height:1080px;padding:160px 0 120px;display:flex;align-items:flex-start;position:relative;background-color:#eff4f8;background-position:center top}
.hero-copy{max-width:690px;padding-top:245px}
.hero-kicker{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid rgba(255,36,62,.44);border-radius:10px;color:var(--red);background:rgba(255,255,255,.88);font-size:14px;font-weight:950;letter-spacing:.04em;box-shadow:0 0 22px rgba(255,36,62,.12),inset 0 0 14px rgba(255,255,255,.75)}
.hero h1{margin:28px 0 18px;font-size:clamp(46px,5vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:950;color:#06111f}
.hero h1 span{background:linear-gradient(90deg,#ff2540,#a442ff,#2d75ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{margin:0;font-size:21px;line-height:1.55;max-width:650px;color:#101b2c}
.hero-flags{display:flex;flex-wrap:wrap;gap:26px;margin:34px 0}
.hero-flags span{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.15;color:#18263a;font-weight:750}
.hero-flags i{color:var(--red);margin-top:1px;text-shadow:0 0 13px rgba(255,36,62,.35)}
.hero-buttons{display:flex;flex-wrap:wrap;gap:18px}.btn{min-width:190px;height:60px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:900;transition:.22s ease}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#ff3049,#ee2039);color:#fff;box-shadow:0 18px 35px rgba(255,36,62,.25)}.btn-dark{background:#09101b;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.24)}

/* PRODUCTS */
.products-section{min-height:910px;padding:110px 0 130px;background-color:#08121e;background-position:center -1080px;color:#fff}
.section-title{text-align:center;margin-bottom:46px}.section-title span{display:inline-block;font-size:15px;font-weight:900;letter-spacing:.28em;color:#d8bf94;font-family:Georgia,serif}.section-title h2{margin:14px 0 0;font-size:clamp(30px,3vw,48px);line-height:1.1;font-weight:920}.section-title-dark h2{color:#fff}
.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.product-card{overflow:hidden;border-radius:18px;background:rgba(5,8,14,.76);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.38);backdrop-filter:blur(6px);transition:.24s ease}
.product-card:hover{transform:translateY(-5px);border-color:rgba(255,36,62,.38);box-shadow:0 0 28px rgba(255,36,62,.12),0 22px 45px rgba(0,0,0,.45)}
.product-image-slot{height:190px;background:radial-gradient(circle at center,rgba(45,131,255,.18),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.10);display:grid;place-items:center}
.image-placeholder{text-align:center;color:#dce8ff}.image-placeholder i{font-size:52px;color:#70aaff;text-shadow:0 0 22px rgba(47,131,255,.55);margin-bottom:12px}.image-placeholder small{display:block;font-weight:900;letter-spacing:.14em;color:#9fb4d6}
.product-content{padding:22px}.product-tag{display:inline-block;color:#ff4058;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.product-card h3{margin:10px 0 8px;font-size:25px;color:#fff}.product-card p{margin:0;color:#cbd5e7;line-height:1.55}
.details-link{margin-top:22px;height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.15);border-radius:10px;display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:850}.details-link:hover{border-color:rgba(255,36,62,.55);box-shadow:0 0 18px rgba(255,36,62,.18)}

/* BENEFITS */
.benefits-section{min-height:710px;padding:110px 0 115px;background-color:#030406;background-position:center -1990px;color:#fff}
.section-title-light span{color:#ff4058}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:56px}
.benefit-card{min-height:230px;text-align:center;padding:36px 26px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:18px;backdrop-filter:blur(4px)}
.benefit-card i{font-size:44px;color:#ff4058;text-shadow:0 0 18px rgba(255,36,62,.58),0 0 38px rgba(255,36,62,.20)}.benefit-card h3{margin:22px 0 12px;font-size:20px}.benefit-card p{margin:0;line-height:1.55;color:#cbd5e7}

/* FOOTER */
.site-footer{background:#030406;color:#cdd6e7;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:52px;padding:62px 0}.footer-logo{width:185px;margin-bottom:18px}.site-footer p{color:#aeb9cc;line-height:1.6;max-width:340px}.site-footer h4{color:#fff;margin:0 0 18px}.site-footer a{display:block;margin:10px 0;color:#cdd6e7}.site-footer a:hover{color:#fff;text-shadow:0 0 14px rgba(255,36,62,.45)}.footer-bottom{padding:18px;text-align:center;color:#8895aa;border-top:1px solid rgba(255,255,255,.08)}

/* RESPONSIVE */
@media(max-width:1320px){.header-inner{width:calc(100% - 44px)}.main-nav{gap:14px}.main-nav a{font-size:13px}.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.site-header{height:auto;padding:14px 0;background:rgba(0,0,0,.66);backdrop-filter:blur(8px)}.header-inner{flex-wrap:wrap}.brand img{width:155px}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding:10px 0 2px}.main-nav a{color:#fff;white-space:nowrap}.header-actions{display:none}.mobile-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;color:#fff;background:#111827}.container{width:calc(100% - 34px)}.hero{min-height:auto;padding:165px 0 90px;background-size:auto 1150px;background-position:65% top}.hero-copy{padding-top:160px}.hero h1{font-size:42px}.hero p{font-size:17px}.products-section{background-size:auto 2700px;background-position:center -980px}.benefits-section{background-size:auto 2700px;background-position:center -1880px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-copy{padding-top:120px}.products-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.btn{width:100%}}


/* ============================================================
   V2 - REMOVE ESPAÇO ENTRE PRODUTOS E BENEFÍCIOS
   O espaço vinha do min-height alto da seção de produtos.
   Agora a seção fecha logo após os cards e a próxima começa limpa.
   ============================================================ */

.products-section{
  min-height: auto !important;
  padding-bottom: 70px !important;
}

.benefits-section{
  margin-top: 0 !important;
  padding-top: 90px !important;
}

.products-grid{
  margin-bottom: 0 !important;
}

@media(max-width:980px){
  .products-section{
    min-height: auto !important;
    padding-bottom: 55px !important;
  }

  .benefits-section{
    padding-top: 70px !important;
  }
}


/* ============================================================
   V3 - REMOVE ESPAÇO REAL ENTRE CARDS E BENEFÍCIOS
   O vão ainda aparecia por causa do padding alto no início
   da seção "Porque escolher a izTeaM".
   ============================================================ */

/* Fecha a seção de produtos logo abaixo dos cards */
.products-section{
  min-height: 0 !important;
  padding-bottom: 12px !important;
}

/* Sobe o título "Porque escolher a izTeaM?" */
.benefits-section{
  margin-top: 0 !important;
  padding-top: 28px !important;
  min-height: auto !important;
}

/* Remove margens extras dos blocos internos */
.products-grid{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.benefits-section .section-title{
  margin-top: 0 !important;
  margin-bottom: 34px !important;
}

/* Mantém os cards de benefícios próximos do título */
.benefits-grid{
  margin-top: 34px !important;
}

/* Caso o background gere sensação de faixa, reduz altura visual da transição */
.products-section + .benefits-section{
  padding-top: 28px !important;
}

/* Ajuste responsivo */
@media(max-width:980px){
  .products-section{
    padding-bottom: 10px !important;
  }

  .benefits-section,
  .products-section + .benefits-section{
    padding-top: 24px !important;
  }

  .benefits-grid{
    margin-top: 28px !important;
  }
}


/* ============================================================
   V4 - FUNDO BRANCO APÓS BENEFÍCIOS + RODAPÉ BRANCO
   Remove a barra preta do rodapé e deixa o restante do site claro.
   ============================================================ */

/* Fecha a imagem preta na seção de benefícios e libera o restante branco */
.benefits-section{
  margin-bottom: 0 !important;
  padding-bottom: 95px !important;
}

/* Rodapé inteiro branco */
.site-footer{
  background: #ffffff !important;
  color: #101827 !important;
  border-top: 1px solid rgba(10, 20, 35, .10) !important;
  box-shadow: none !important;
}

/* Remove qualquer imagem/fundo escuro herdado no rodapé */
.site-footer,
.site-footer *{
  background-image: none !important;
}

/* Área principal do rodapé */
.footer-grid{
  background: #ffffff !important;
  color: #101827 !important;
  padding-top: 70px !important;
  padding-bottom: 58px !important;
}

/* Textos do rodapé */
.site-footer h4{
  color: #07111f !important;
}

.site-footer p,
.site-footer a{
  color: #1b2535 !important;
}

.site-footer a:hover{
  color: #ff243e !important;
  text-shadow: 0 0 12px rgba(255,36,62,.18) !important;
}

/* Logo do rodapé com sombra leve para aparecer no fundo branco */
.footer-logo{
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.18)) !important;
}

/* Barra final do copyright também branca */
.footer-bottom{
  background: #ffffff !important;
  color: #1b2535 !important;
  border-top: 1px solid rgba(10, 20, 35, .10) !important;
}

/* Garante que o body abaixo das seções seja branco */
body{
  background: #ffffff !important;
}


/* ============================================================
   V5 - AJUSTES SOLICITADOS
   1) Remove faixa preta/azul atrás do site: tudo fora do background fica branco.
   2) Background principal aparece inteiro, centralizado e sem repetir.
   3) Remove faixa/espaço abaixo dos últimos cards.
   4) Produtos com 5 cards mais finos lado a lado.
   5) Remove texto "Produtos em Destaque".
   6) Título dos produtos desce para não pegar na divisória.
   ============================================================ */

/* Fundo geral branco */
html,
body{
  background:#ffffff !important;
}

/* O background completo fica no MAIN inteiro, uma vez só */
main{
  background:
    url('../img/background-main2.png') center top / 1456px auto no-repeat,
    #ffffff !important;
  max-width:1456px !important;
  margin:0 auto !important;
  overflow:hidden !important;
}

/* Remove fundos independentes das seções para não criar faixas laterais/pretas/azuis */
.hero,
.products-section,
.benefits-section{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
}

/* Mantém a primeira parte do background inteira no topo */
.hero{
  min-height:760px !important;
  padding-top:150px !important;
  padding-bottom:0 !important;
}

/* Conteúdo do hero fica dentro do desenho do background */
.hero-copy{
  padding-top:190px !important;
}

/* Produtos começam depois da divisória, sem encostar nela */
.products-section{
  min-height:0 !important;
  padding-top:105px !important;
  padding-bottom:22px !important;
  color:#ffffff !important;
}

/* Título desce e remove a legenda pequena */
.products-section .section-title{
  margin-top:0 !important;
  margin-bottom:34px !important;
}

.products-section .section-title span{
  display:none !important;
}

.products-section .section-title h2{
  margin-top:0 !important;
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.55) !important;
}

/* 5 cards finos lado a lado */
.products-grid{
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:18px !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.product-card{
  min-height:300px !important;
  border-radius:14px !important;
}

.product-image-slot{
  height:112px !important;
}

.image-placeholder i{
  font-size:34px !important;
  margin-bottom:8px !important;
}

.image-placeholder small{
  font-size:8px !important;
  letter-spacing:.18em !important;
}

.product-content{
  padding:16px !important;
}

.product-tag{
  font-size:10px !important;
}

.product-card h3{
  font-size:20px !important;
  margin:8px 0 8px !important;
}

.product-card p{
  font-size:13px !important;
  line-height:1.45 !important;
}

.details-link{
  height:38px !important;
  margin-top:16px !important;
  padding:0 13px !important;
  font-size:13px !important;
}

/* Benefícios sobem de verdade e sem faixa sobrando entre produtos e benefícios */
.benefits-section,
.products-section + .benefits-section{
  min-height:0 !important;
  margin-top:0 !important;
  padding-top:34px !important;
  padding-bottom:78px !important;
  color:#ffffff !important;
}

.benefits-section .section-title{
  margin-top:0 !important;
  margin-bottom:34px !important;
}

.benefits-grid{
  margin-top:28px !important;
}

/* Remove qualquer "bloco" lateral escuro que poderia aparecer fora do main */
.site-footer{
  margin-top:0 !important;
  background:#ffffff !important;
}

/* Responsivo */
@media(max-width:1320px){
  main{
    background-size:100% auto !important;
  }

  .products-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  main{
    max-width:100% !important;
    background-size:auto 2048px !important;
    background-position:center top !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:165px !important;
    padding-bottom:70px !important;
  }

  .hero-copy{
    padding-top:120px !important;
  }

  .products-section{
    padding-top:70px !important;
  }

  .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .products-grid{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   V6 - CORREÇÃO PELO VÍDEO
   1) Background ocupa 100% da tela.
   2) Imagem inteira aparece antes do rodapé.
   3) Título dos produtos desce e não encosta na divisória.
   ============================================================ */

/* Fundo externo branco, sem faixa azul/preta lateral */
html,
body{
  width:100% !important;
  min-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#ffffff !important;
  overflow-x:hidden !important;
}

/* A imagem principal passa a ocupar a tela toda.
   A imagem enviada está em proporção 1456x2048, equivalente a 1920x2700 quando esticada em 100%.
*/
main{
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  margin:0 !important;
  padding:0 !important;

  background-image:url('../img/background-main2.png') !important;
  background-repeat:no-repeat !important;
  background-position:center top !important;
  background-size:100% auto !important;
  background-color:#ffffff !important;

  /* força o site a mostrar a imagem inteira antes do rodapé */
  min-height:calc(100vw * 2048 / 1456) !important;
  overflow:hidden !important;
}

/* As seções não criam fundo próprio, só deixam aparecer o background principal */
.hero,
.products-section,
.benefits-section{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
}

/* Hero ajustado para a primeira parte da imagem */
.hero{
  min-height:820px !important;
  padding-top:150px !important;
  padding-bottom:0 !important;
}

.hero-copy{
  padding-top:210px !important;
}

/* Produtos: título mais para baixo, longe da divisória branca/azul */
.products-section{
  min-height:0 !important;
  padding-top:165px !important;
  padding-bottom:16px !important;
  margin-top:0 !important;
}

.products-section .section-title{
  margin-top:0 !important;
  margin-bottom:34px !important;
}

.products-section .section-title span{
  display:none !important;
}

.products-section .section-title h2{
  margin-top:0 !important;
  color:#ffffff !important;
  text-shadow:
    0 3px 12px rgba(0,0,0,.72),
    0 0 16px rgba(255,255,255,.12) !important;
}

/* Mantém 5 cards finos lado a lado */
.products-grid{
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:18px !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* Fecha o vão abaixo dos cards */
.product-card{
  min-height:300px !important;
}

.product-image-slot{
  height:112px !important;
}

/* Benefícios sobem, mas o MAIN continua exibindo a imagem inteira até o final */
.benefits-section,
.products-section + .benefits-section{
  min-height:0 !important;
  padding-top:30px !important;
  padding-bottom:80px !important;
  margin-top:0 !important;
}

.benefits-section .section-title{
  margin-top:0 !important;
  margin-bottom:32px !important;
}

.benefits-grid{
  margin-top:28px !important;
}

/* Rodapé começa somente depois do background completo */
.site-footer{
  margin-top:0 !important;
  background:#ffffff !important;
  color:#101827 !important;
  border-top:1px solid rgba(10,20,35,.10) !important;
}

/* Responsivo */
@media(max-width:1320px){
  main{
    background-size:100% auto !important;
    min-height:calc(100vw * 2048 / 1456) !important;
  }

  .products-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  main{
    background-size:auto 100% !important;
    background-position:center top !important;
    min-height:2200px !important;
  }

  .hero{
    min-height:auto !important;
    padding-top:165px !important;
    padding-bottom:70px !important;
  }

  .hero-copy{
    padding-top:120px !important;
  }

  .products-section{
    padding-top:100px !important;
  }

  .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .products-grid{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   V7 - POSICIONAMENTO PELO VÍDEO
   - Desce o título "Escolha a solução ideal..." para não pegar na divisória.
   - Desce os cards de produtos junto com o título.
   - Mantém os cards de "Porque escolher" na área manchada preta/cinza.
   ============================================================ */

/* Produtos descem para sair da divisória entre branco/azul */
.products-section{
  padding-top: 285px !important;
  padding-bottom: 22px !important;
}

/* Título dos produtos mais baixo e com respiro */
.products-section .section-title{
  margin-top: 0 !important;
  margin-bottom: 40px !important;
}

.products-section .section-title h2{
  margin-top: 0 !important;
  line-height: 1.08 !important;
}

/* Cards acompanham o título, sem subir na divisória */
.products-grid{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Seção dos benefícios fica na parte manchada preto/cinza */
.benefits-section,
.products-section + .benefits-section{
  padding-top: 92px !important;
  padding-bottom: 95px !important;
  margin-top: 0 !important;
}

/* Título e cards dos benefícios centralizados na mancha */
.benefits-section .section-title{
  margin-top: 0 !important;
  margin-bottom: 42px !important;
}

.benefits-grid{
  margin-top: 34px !important;
}

/* Garante altura suficiente do background inteiro antes do rodapé */
main{
  min-height: calc(100vw * 2048 / 1456) !important;
}

/* Ajuste para telas menores */
@media(max-width:1320px){
  .products-section{
    padding-top: 245px !important;
  }

  .benefits-section,
  .products-section + .benefits-section{
    padding-top: 80px !important;
  }
}

@media(max-width:980px){
  .products-section{
    padding-top: 135px !important;
  }

  .benefits-section,
  .products-section + .benefits-section{
    padding-top: 70px !important;
  }
}


/* ============================================================
   V8 - DESCER MAIS PRODUTOS E AJUSTAR BENEFÍCIOS
   Pelo vídeo: o título e os cards ainda estavam muito em cima da divisória.
   Agora produtos descem bem mais e benefícios ficam na mancha preta/cinza.
   ============================================================ */

/* Desce bem mais o bloco dos produtos para sair da divisória branco/azul */
.products-section{
  padding-top: 435px !important;
  padding-bottom: 18px !important;
}

/* Título de produtos fica abaixo da divisória, com respiro */
.products-section .section-title{
  margin-top: 0 !important;
  margin-bottom: 42px !important;
}

.products-section .section-title h2{
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

/* Cards acompanham o título */
.products-grid{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Benefícios posicionados dentro da área manchada preto/cinza */
.benefits-section,
.products-section + .benefits-section{
  padding-top: 115px !important;
  padding-bottom: 120px !important;
}

.benefits-section .section-title{
  margin-top: 0 !important;
  margin-bottom: 42px !important;
}

.benefits-grid{
  margin-top: 36px !important;
}

/* Garante espaço de background suficiente depois de descer os blocos */
main{
  min-height: calc((100vw * 2048 / 1456) + 180px) !important;
}

/* Ajustes em resoluções menores */
@media(max-width:1320px){
  .products-section{
    padding-top: 380px !important;
  }

  .benefits-section,
  .products-section + .benefits-section{
    padding-top: 100px !important;
  }
}

@media(max-width:980px){
  .products-section{
    padding-top: 190px !important;
  }

  .benefits-section,
  .products-section + .benefits-section{
    padding-top: 85px !important;
  }
}


/* ============================================================
   V9 - IMAGENS NOS 5 CARDS + GLOW COLORIDA NO HOVER
   Cada card recebe sua imagem e acende na cor do produto.
   ============================================================ */

/* Cards com imagem vertical */
.products-grid{
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.product-card{
  min-height:520px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:rgba(5,8,14,.78) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  position:relative !important;
}

/* Cores por card */
.product-card--green{--card-color: #7cff32; --card-rgb: 124,255,50;}
.product-card--blue{--card-color: #27a8ff; --card-rgb: 39,168,255;}
.product-card--purple{--card-color: #a846ff; --card-rgb: 168,70,255;}
.product-card--orange{--card-color: #ff8a1f; --card-rgb: 255,138,31;}
.product-card--red{--card-color: #ff243e; --card-rgb: 255,36,62;}

/* Imagem ocupa o topo do card */
.product-image-slot{
  height:340px !important;
  min-height:340px !important;
  padding:0 !important;
  border-bottom:1px solid rgba(var(--card-rgb),.22) !important;
  background:#05070b !important;
  overflow:hidden !important;
}

.product-image-slot img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  transition:transform .32s ease, filter .32s ease !important;
}

/* Conteúdo mais fino e limpo */
.product-content{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  padding:15px 15px 16px !important;
}

.product-tag{
  color:var(--card-color) !important;
  text-shadow:0 0 10px rgba(var(--card-rgb),.32) !important;
}

.product-card h3{
  font-size:20px !important;
  margin:8px 0 7px !important;
}

.product-card p{
  font-size:12.8px !important;
  line-height:1.42 !important;
}

.details-link{
  margin-top:auto !important;
  border-color:rgba(var(--card-rgb),.28) !important;
}

.details-link:hover{
  color:#fff !important;
  border-color:rgba(var(--card-rgb),.70) !important;
  box-shadow:0 0 16px rgba(var(--card-rgb),.32) !important;
}

/* Glow colorido ao passar o mouse */
.product-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(var(--card-rgb),.72) !important;
  box-shadow:
    0 0 18px rgba(var(--card-rgb),.36),
    0 0 42px rgba(var(--card-rgb),.22),
    0 24px 48px rgba(0,0,0,.50) !important;
}

.product-card:hover .product-image-slot img{
  transform:scale(1.045) !important;
  filter:brightness(1.08) contrast(1.08) saturate(1.08) !important;
}

.product-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  opacity:0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--card-rgb),.20), transparent 34%),
    linear-gradient(180deg, transparent 55%, rgba(var(--card-rgb),.08) 100%) !important;
  transition:opacity .32s ease !important;
}

.product-card:hover::after{
  opacity:1 !important;
}

/* Como os cards agora ficaram mais altos, desce um pouco a seção para testar encaixe visual */
.products-section{
  padding-top:455px !important;
  padding-bottom:28px !important;
}

/* Mantém benefícios dentro da mancha preto/cinza após cards maiores */
.benefits-section,
.products-section + .benefits-section{
  padding-top:85px !important;
}

/* Responsivo */
@media(max-width:1320px){
  .products-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .product-card{
    min-height:500px !important;
  }

  .product-image-slot{
    height:320px !important;
    min-height:320px !important;
  }
}

@media(max-width:980px){
  .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .product-image-slot{
    height:300px !important;
    min-height:300px !important;
  }
}

@media(max-width:620px){
  .products-grid{
    grid-template-columns:1fr !important;
  }

  .product-image-slot{
    height:360px !important;
    min-height:360px !important;
  }
}


/* ============================================================
   V11 - CARDS TAMANHO V9 + IMAGEM AJUSTADA
   Mantém o tamanho/estrutura da V9, mas ajusta a imagem dentro do card
   sem aumentar a altura dos cards como aconteceu na V10.
   ============================================================ */

/* Mantém 5 cards lado a lado no mesmo padrão da V9 */
.products-grid{
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* Tamanho do card igual ao padrão V9 */
.product-card{
  min-height:520px !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Área da imagem permanece no tamanho da V9 */
.product-image-slot{
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#05070b !important;
}

/* A imagem se ajusta dentro do espaço, sem aumentar o card */
.product-image-slot img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}

/* Hover mantém glow e só aproxima levemente a imagem */
.product-card:hover .product-image-slot img{
  transform:scale(1.015) !important;
  filter:brightness(1.08) contrast(1.08) saturate(1.08) !important;
}

/* Conteúdo mantém tamanho compacto da V9 */
.product-content{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  padding:15px 15px 16px !important;
}

.product-card h3{
  font-size:20px !important;
  margin:8px 0 7px !important;
}

.product-card p{
  font-size:12.8px !important;
  line-height:1.42 !important;
}

.details-link{
  margin-top:auto !important;
  height:38px !important;
}

/* Responsivo preservando altura da V9 */
@media(max-width:1320px){
  .products-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .product-card{
    min-height:500px !important;
  }

  .product-image-slot{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    aspect-ratio:auto !important;
  }
}

@media(max-width:980px){
  .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .product-image-slot{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    aspect-ratio:auto !important;
  }
}

@media(max-width:620px){
  .products-grid{
    grid-template-columns:1fr !important;
  }

  .product-image-slot{
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    aspect-ratio:auto !important;
  }
}


/* ============================================================
   BENEFÍCIOS COM ÍCONES PERSONALIZADOS + GLOW VERMELHA
   ============================================================ */
.benefits-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:26px !important;
}

.benefit-card{
  min-height:240px !important;
  text-align:center !important;
  padding:34px 22px 28px !important;
  background:rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  backdrop-filter:blur(4px) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.benefit-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(255,36,62,.38) !important;
  box-shadow:0 0 18px rgba(255,36,62,.14), 0 16px 32px rgba(0,0,0,.28) !important;
}

.benefit-icon-wrap{
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 22px !important;
}

.benefit-icon{
  width:60px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:
    drop-shadow(0 0 10px rgba(255,36,62,.58))
    drop-shadow(0 0 24px rgba(255,36,62,.44))
    drop-shadow(0 0 42px rgba(255,36,62,.20)) !important;
  transition:transform .25s ease, filter .25s ease !important;
}

.benefit-card:hover .benefit-icon{
  transform:scale(1.06) !important;
  filter:
    drop-shadow(0 0 14px rgba(255,36,62,.75))
    drop-shadow(0 0 28px rgba(255,36,62,.58))
    drop-shadow(0 0 52px rgba(255,36,62,.28)) !important;
}

.benefit-card h3{
  margin:0 0 12px !important;
  font-size:22px !important;
  line-height:1.1 !important;
  color:#fff !important;
  font-weight:900 !important;
}

.benefit-card p{
  margin:0 !important;
  line-height:1.58 !important;
  color:#cbd5e7 !important;
  font-size:15px !important;
}

@media(max-width:980px){
  .benefits-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .benefits-grid{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   HOVER FORTE NOS BENEFÍCIOS
   ============================================================ */
.benefit-card{
  position:relative !important;
  overflow:visible !important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
}

.benefit-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:20px;
  pointer-events:none;
  opacity:0;
  box-shadow:0 0 0 rgba(255,36,62,0);
  transition:opacity .28s ease, box-shadow .28s ease;
}

.benefit-card:hover{
  transform:translateY(-6px) scale(1.01) !important;
  background:rgba(10,0,4,.52) !important;
  border-color:rgba(255,36,62,.72) !important;
  box-shadow:
    0 0 0 1px rgba(255,36,62,.24),
    0 0 22px rgba(255,36,62,.28),
    0 0 46px rgba(255,36,62,.18),
    0 18px 42px rgba(0,0,0,.42) !important;
}

.benefit-card:hover::after{
  opacity:1;
  box-shadow:
    0 0 22px rgba(255,36,62,.34),
    0 0 54px rgba(255,36,62,.22),
    inset 0 0 18px rgba(255,36,62,.08) !important;
}

.benefit-icon-wrap{
  border-radius:16px !important;
  transition:background .28s ease, box-shadow .28s ease, transform .28s ease !important;
}

.benefit-card:hover .benefit-icon-wrap{
  background:radial-gradient(circle, rgba(255,36,62,.14) 0%, rgba(255,36,62,.05) 45%, rgba(255,36,62,0) 75%) !important;
  box-shadow:0 0 26px rgba(255,36,62,.24) !important;
  transform:scale(1.05) !important;
}

.benefit-card:hover .benefit-icon{
  transform:scale(1.12) !important;
  filter:
    drop-shadow(0 0 16px rgba(255,36,62,.92))
    drop-shadow(0 0 34px rgba(255,36,62,.78))
    drop-shadow(0 0 64px rgba(255,36,62,.46)) !important;
}

.benefit-card:hover h3{
  text-shadow:0 0 14px rgba(255,255,255,.08) !important;
}


/* ============================================================
   BOTÕES CLAROS - CARRINHO / ÁREA DO CLIENTE
   Ícones vermelhos + sem subtítulo no botão de cliente
   ============================================================ */

.header-actions{
  gap:14px !important;
}

.cart-link,
.account-link{
  position:relative !important;
  overflow:visible !important;
  min-height:52px !important;
  height:52px !important;
  padding:0 24px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;

  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(10,20,35,.10) !important;
  color:#0b1422 !important;

  box-shadow:
    0 10px 26px rgba(20,35,55,.12),
    inset 0 1px 0 rgba(255,255,255,.82) !important;

  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;

  text-shadow:none !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.cart-link:hover,
.account-link:hover{
  transform:translateY(-2px) !important;
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(255,36,62,.32) !important;
  box-shadow:
    0 0 0 1px rgba(255,36,62,.08),
    0 0 18px rgba(255,36,62,.16),
    0 14px 32px rgba(20,35,55,.16),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.cart-link::before,
.account-link::before,
.cart-link::after,
.account-link::after{
  display:none !important;
  content:none !important;
}

/* Ícones vermelhos */
.cart-link i,
.account-link i,
.account-icon i{
  color:#ff243e !important;
  text-shadow:
    0 0 8px rgba(255,36,62,.22),
    0 0 16px rgba(255,36,62,.12) !important;
}

.cart-link strong,
.account-link strong{
  color:#0b1422 !important;
  font-weight:950 !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

/* Remove o Entrar / Registrar visualmente caso exista no HTML */
.account-link small{
  display:none !important;
}

/* Ícone de usuário sem círculo pesado */
.account-icon{
  width:auto !important;
  height:auto !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Badge do carrinho no estilo claro */
.cart-badge{
  position:absolute !important;
  top:-10px !important;
  right:-6px !important;
  left:auto !important;
  z-index:4 !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#ff243e,#ff6b7c) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:
    0 0 12px rgba(255,36,62,.50),
    0 5px 12px rgba(255,36,62,.25) !important;
}

/* ============================================================
   POPUP LOGIN
   ============================================================ */

.itz-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .25s ease, visibility .25s ease !important;
}

.itz-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.itz-modal__overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.62) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.itz-modal__box{
  position:relative !important;
  z-index:2 !important;
  width:min(460px,100%) !important;
  border-radius:22px !important;
  padding:34px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,36,62,.22),transparent 42%),
    linear-gradient(180deg,rgba(12,16,26,.96),rgba(3,5,10,.96)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,36,62,.12),
    0 0 32px rgba(255,36,62,.18),
    0 30px 90px rgba(0,0,0,.65) !important;
  transform:translateY(18px) scale(.98) !important;
  transition:transform .25s ease !important;
}

.itz-modal.is-open .itz-modal__box{
  transform:translateY(0) scale(1) !important;
}

.itz-modal__close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  cursor:pointer !important;
}

.itz-modal__header{
  text-align:center !important;
  margin-bottom:26px !important;
}

.itz-modal__header img{
  width:150px !important;
  margin:0 auto 16px !important;
  filter:drop-shadow(0 0 16px rgba(0,0,0,.38)) !important;
}

.itz-modal__header span{
  display:inline-block !important;
  color:#ff3049 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}

.itz-modal__header h3{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.1 !important;
}

.itz-modal__header p{
  margin:12px auto 0 !important;
  color:#b9c3d6 !important;
  max-width:350px !important;
  line-height:1.5 !important;
}

.itz-login-form label{
  display:block !important;
  margin-bottom:16px !important;
}

.itz-login-form label > span{
  display:block !important;
  margin-bottom:8px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.input-icon{
  position:relative !important;
}

.input-icon i{
  position:absolute !important;
  left:15px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#ff3049 !important;
}

.input-icon input{
  width:100% !important;
  height:52px !important;
  padding:0 16px 0 44px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(0,0,0,.32) !important;
  color:#fff !important;
  outline:none !important;
}

.input-icon input:focus{
  border-color:rgba(255,36,62,.58) !important;
  box-shadow:0 0 18px rgba(255,36,62,.16) !important;
}

.login-options{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:8px 0 22px !important;
  font-size:13px !important;
}

.remember{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#cfd8e7 !important;
}

.login-options a,
.login-register a{
  color:#ff4a61 !important;
  font-weight:800 !important;
}

.login-submit{
  width:100% !important;
  height:54px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ff3049,#cf1028) !important;
  color:#fff !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 0 22px rgba(255,36,62,.26) !important;
}

.login-register{
  margin-top:18px !important;
  text-align:center !important;
  color:#cfd8e7 !important;
  font-size:14px !important;
}

body.modal-open{
  overflow:hidden !important;
}


/* ============================================================
   POPUP CLARO - LOGIN / REGISTRO
   ============================================================ */

.itz-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .25s ease, visibility .25s ease !important;
}

.itz-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.itz-modal__overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(235,240,247,.55) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.itz-modal__box--light{
  position:relative !important;
  z-index:2 !important;
  width:min(470px,100%) !important;
  border-radius:28px !important;
  padding:34px !important;
  color:#0b1422 !important;
  background:
    radial-gradient(circle at 50% -25%, rgba(255,36,62,.11), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,253,.92)) !important;
  border:1px solid rgba(10,20,35,.10) !important;
  box-shadow:
    0 18px 60px rgba(20,35,55,.22),
    inset 0 1px 0 rgba(255,255,255,.85) !important;
  transform:translateY(18px) scale(.98) !important;
  transition:transform .25s ease !important;
}

.itz-modal.is-open .itz-modal__box--light{
  transform:translateY(0) scale(1) !important;
}

.itz-modal__box--light .itz-modal__close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  border:1px solid rgba(10,20,35,.10) !important;
  background:rgba(255,255,255,.72) !important;
  color:#0b1422 !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(20,35,55,.10) !important;
}

.itz-modal__box--light .itz-modal__close:hover{
  color:#ff243e !important;
  border-color:rgba(255,36,62,.28) !important;
  box-shadow:0 0 18px rgba(255,36,62,.14),0 8px 18px rgba(20,35,55,.12) !important;
}

.itz-auth-head{
  text-align:center !important;
  margin-bottom:24px !important;
}

.itz-auth-head img{
  width:170px !important;
  margin:0 auto 15px !important;
  filter:drop-shadow(0 10px 15px rgba(20,35,55,.15)) !important;
}

.itz-auth-head span{
  display:inline-block !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:rgba(255,36,62,.08) !important;
  color:#ff243e !important;
  border:1px solid rgba(255,36,62,.18) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
}

.itz-auth-head h3{
  margin:0 !important;
  font-size:31px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  color:#0b1422 !important;
}

.itz-auth-head p{
  margin:12px auto 0 !important;
  color:#5c6574 !important;
  max-width:370px !important;
  line-height:1.5 !important;
}

.itz-auth-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  padding:6px !important;
  border-radius:17px !important;
  background:rgba(10,20,35,.055) !important;
  border:1px solid rgba(10,20,35,.08) !important;
  margin-bottom:22px !important;
}

.itz-auth-tab{
  height:45px !important;
  border:0 !important;
  border-radius:13px !important;
  background:transparent !important;
  color:#344054 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.itz-auth-tab i{
  color:#ff243e !important;
}

.itz-auth-tab.is-active{
  background:#ffffff !important;
  color:#0b1422 !important;
  box-shadow:0 10px 22px rgba(20,35,55,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.itz-auth-panel{
  display:none !important;
}

.itz-auth-panel.is-active{
  display:block !important;
}

.itz-auth-panel label{
  display:block !important;
  margin-bottom:15px !important;
}

.itz-auth-panel label > span{
  display:block !important;
  margin-bottom:8px !important;
  color:#0b1422 !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.input-icon--light{
  position:relative !important;
}

.input-icon--light i{
  position:absolute !important;
  left:15px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#ff243e !important;
  text-shadow:0 0 10px rgba(255,36,62,.18) !important;
}

.input-icon--light input{
  width:100% !important;
  height:52px !important;
  padding:0 16px 0 44px !important;
  border-radius:15px !important;
  border:1px solid rgba(10,20,35,.12) !important;
  background:rgba(255,255,255,.86) !important;
  color:#0b1422 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.input-icon--light input:focus{
  border-color:rgba(255,36,62,.42) !important;
  box-shadow:0 0 18px rgba(255,36,62,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.login-options--light{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:8px 0 20px !important;
  font-size:13px !important;
}

.login-options--light .remember{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  color:#344054 !important;
}

.login-options--light a{
  color:#ff243e !important;
  font-weight:900 !important;
}

.login-submit--light{
  width:100% !important;
  height:54px !important;
  border:0 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#ff3049,#d9152e) !important;
  color:#fff !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(255,36,62,.24) !important;
}

.login-submit--light:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 0 22px rgba(255,36,62,.22),0 16px 32px rgba(255,36,62,.20) !important;
}

body.modal-open{
  overflow:hidden !important;
}

@media(max-width:620px){
  .itz-modal__box--light{
    padding:28px 22px !important;
    border-radius:22px !important;
  }

  .login-options--light{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}


/* ============================================================
   REGISTRO COMPLETO - CAMPOS EXTRAS
   ============================================================ */

.itz-modal__box--light{
  max-height:92vh !important;
  overflow-y:auto !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(255,36,62,.45) rgba(10,20,35,.08) !important;
}

.itz-modal__box--light::-webkit-scrollbar{
  width:8px !important;
}

.itz-modal__box--light::-webkit-scrollbar-track{
  background:rgba(10,20,35,.06) !important;
  border-radius:999px !important;
}

.itz-modal__box--light::-webkit-scrollbar-thumb{
  background:rgba(255,36,62,.45) !important;
  border-radius:999px !important;
}

.itz-register-panel{
  display:none !important;
}

.itz-register-panel.is-active{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.itz-register-panel label{
  margin-bottom:0 !important;
}

.itz-register-panel label:first-child,
.itz-register-panel label:nth-child(6),
.itz-register-panel .terms-check,
.itz-register-panel .login-submit{
  grid-column:1 / -1 !important;
}

.terms-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin:4px 0 2px !important;
  color:#344054 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  cursor:pointer !important;
}

.terms-check input{
  width:16px !important;
  height:16px !important;
  margin-top:2px !important;
  accent-color:#ff243e !important;
  flex:0 0 auto !important;
}

.terms-check span{
  display:block !important;
  margin:0 !important;
  color:#344054 !important;
  font-weight:700 !important;
}

.terms-check a{
  color:#ff243e !important;
  font-weight:900 !important;
}

.itz-register-panel .login-submit{
  margin-top:4px !important;
}

@media(max-width:620px){
  .itz-register-panel.is-active{
    grid-template-columns:1fr !important;
  }

  .itz-register-panel label,
  .itz-register-panel label:first-child,
  .itz-register-panel label:nth-child(6),
  .itz-register-panel .terms-check,
  .itz-register-panel .login-submit{
    grid-column:1 !important;
  }
}


/* ============================================================
   FIX FINAL - Exibir painel correto Login/Registro
   ============================================================ */
.itz-auth-panel{
  display:none !important;
}

.itz-auth-panel.is-active{
  display:block !important;
}

.itz-register-panel.is-active{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.itz-auth-tab{
  outline:none !important;
}

.itz-auth-tab.is-active{
  background:#ffffff !important;
  color:#0b1422 !important;
  box-shadow:
    0 0 0 2px rgba(10,20,35,.85),
    0 10px 22px rgba(20,35,55,.12),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

@media(max-width:620px){
  .itz-register-panel.is-active{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   POPUP REGISTRO LARGO - CAMPOS COMPLETOS
   ============================================================ */

/* Popup maior somente quando a aba Registro estiver ativa */
.itz-modal__box--light:has(.itz-register-panel.is-active){
  width:min(760px, calc(100vw - 32px)) !important;
}

/* Fallback: classe aplicada via JS */
.itz-modal__box--light.register-mode{
  width:min(760px, calc(100vw - 32px)) !important;
}

.itz-register-panel--wide.is-active{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px 18px !important;
}

.itz-register-panel--wide .register-section-title{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:12px !important;
  margin:4px 0 2px !important;
}

.register-section-title span{
  height:1px !important;
  background:rgba(10,20,35,.13) !important;
}

.register-section-title strong{
  color:#0d48a8 !important;
  font-size:13px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.itz-register-panel--wide label{
  margin-bottom:0 !important;
}

.itz-register-panel--wide .field-full{
  grid-column:1 / -1 !important;
}

.itz-register-panel--wide .input-icon--light input,
.itz-register-panel--wide .input-icon--light select{
  height:44px !important;
  border-radius:22px !important;
  font-size:13px !important;
}

.itz-register-panel--wide .input-icon--light select{
  width:100% !important;
  padding:0 16px 0 44px !important;
  border:1px solid rgba(10,20,35,.12) !important;
  background:rgba(255,255,255,.86) !important;
  color:#0b1422 !important;
  outline:none !important;
  appearance:auto !important;
}

.itz-register-panel--wide label > span{
  font-size:12px !important;
  margin-bottom:6px !important;
}

.password-strength{
  margin:0 0 2px !important;
}

.strength-bar{
  height:8px !important;
  border-radius:999px !important;
  background:rgba(10,20,35,.08) !important;
  overflow:hidden !important;
  border:1px solid rgba(10,20,35,.06) !important;
}

.strength-bar span{
  display:block !important;
  width:0% !important;
  height:100% !important;
  background:linear-gradient(90deg,#ff243e,#ffb020,#22c55e) !important;
  transition:width .25s ease !important;
}

.password-strength small{
  display:block !important;
  text-align:right !important;
  color:#667085 !important;
  font-size:11px !important;
  margin-top:5px !important;
}

.itz-register-panel--wide .terms-check{
  margin:2px 0 0 !important;
}

.itz-register-panel--wide .login-submit{
  margin-top:4px !important;
}

/* Modo login continua estreito */
.itz-modal__box--light:not(.register-mode){
  width:min(470px,100%) !important;
}

/* Responsivo */
@media(max-width:760px){
  .itz-modal__box--light,
  .itz-modal__box--light.register-mode{
    width:min(470px, calc(100vw - 28px)) !important;
  }

  .itz-register-panel--wide.is-active{
    grid-template-columns:1fr !important;
  }

  .itz-register-panel--wide .field-full,
  .itz-register-panel--wide .register-section-title{
    grid-column:1 !important;
  }
}


/* ============================================================
   SELECTS ESTADO / PAÍS NO REGISTRO
   ============================================================ */

.itz-register-panel--wide .input-icon--light select{
  width:100% !important;
  height:44px !important;
  padding:0 38px 0 44px !important;
  border-radius:22px !important;
  border:1px solid rgba(10,20,35,.12) !important;
  background:rgba(255,255,255,.86) !important;
  color:#667085 !important;
  outline:none !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

.itz-register-panel--wide .input-icon--light select:focus{
  border-color:rgba(34,197,94,.65) !important;
  box-shadow:0 0 0 1px rgba(34,197,94,.20), 0 0 18px rgba(34,197,94,.10) !important;
}

.itz-register-panel--wide .input-icon--light select option{
  color:#667085 !important;
  background:#ffffff !important;
}


/* ============================================================
   AJUSTES FINAIS - SELECTS / CPF-CNPJ / TERMOS
   ============================================================ */

.itz-register-panel--wide .input-icon--light select{
  width:100% !important;
  height:44px !important;
  padding:0 38px 0 44px !important;
  border-radius:22px !important;
  border:1px solid rgba(10,20,35,.12) !important;
  background:rgba(255,255,255,.90) !important;
  color:#667085 !important;
  outline:none !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}

.itz-register-panel--wide .input-icon--light select:focus{
  border-color:rgba(34,197,94,.65) !important;
  box-shadow:0 0 0 1px rgba(34,197,94,.20),0 0 18px rgba(34,197,94,.10) !important;
}

.itz-register-panel--wide .input-icon--light input:invalid,
.itz-register-panel--wide .input-icon--light select:invalid{
  border-color:rgba(255,36,62,.18) !important;
}

.itz-register-panel--wide .input-icon--light input:valid,
.itz-register-panel--wide .input-icon--light select:valid{
  border-color:rgba(34,197,94,.38) !important;
}

.terms-check.field-full{
  grid-column:1 / -1 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:6px 0 2px !important;
  width:100% !important;
  text-align:left !important;
}

.terms-check.field-full input[type="checkbox"]{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  margin:2px 0 0 0 !important;
  accent-color:#ff243e !important;
  flex:0 0 auto !important;
  cursor:pointer !important;
}

.terms-check.field-full span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#344054 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  text-align:left !important;
}

.terms-check.field-full a{
  color:#ff243e !important;
  font-weight:950 !important;
}

.login-submit--light:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter:grayscale(.15) !important;
  box-shadow:none !important;
}


/* ============================================================
   CARRINHO CLARO V1 - IDENTIDADE CLARA izTeaM
   ============================================================ */

.product-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:auto !important;
}

.product-actions .details-link{
  margin-top:0 !important;
}

.add-to-cart-btn--light{
  width:100% !important;
  height:40px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,36,62,.26) !important;
  background:rgba(255,255,255,.90) !important;
  color:#0b1422 !important;
  font-weight:950 !important;
  font-size:13px !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-shadow:0 10px 22px rgba(20,35,55,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.add-to-cart-btn--light i{
  color:#ff243e !important;
}

.add-to-cart-btn--light:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(255,36,62,.52) !important;
  box-shadow:0 0 18px rgba(255,36,62,.16), 0 14px 26px rgba(20,35,55,.16), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.cart-link{
  cursor:pointer !important;
}

.cart-link i{
  color:#ff243e !important;
}

.cart-badge[data-cart-count]{
  display:grid !important;
  place-items:center !important;
}

/* Modal carrinho claro */
.itz-cart-modal-light{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .25s ease, visibility .25s ease !important;
}

.itz-cart-modal-light.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.itz-cart-modal__overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(235,240,247,.58) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.itz-cart-modal__box{
  position:relative !important;
  z-index:2 !important;
  width:min(760px, calc(100vw - 32px)) !important;
  max-height:92vh !important;
  overflow:auto !important;
  border-radius:28px !important;
  padding:32px !important;
  color:#0b1422 !important;
  background:
    radial-gradient(circle at 50% -22%, rgba(255,36,62,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,249,253,.94)) !important;
  border:1px solid rgba(10,20,35,.10) !important;
  box-shadow:0 18px 60px rgba(20,35,55,.22), inset 0 1px 0 rgba(255,255,255,.90) !important;
  transform:translateY(18px) scale(.985) !important;
  transition:transform .25s ease !important;
}

.itz-cart-modal-light.is-open .itz-cart-modal__box{
  transform:translateY(0) scale(1) !important;
}

.itz-cart-modal__close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  border:1px solid rgba(10,20,35,.10) !important;
  background:rgba(255,255,255,.75) !important;
  color:#0b1422 !important;
  cursor:pointer !important;
  box-shadow:0 8px 18px rgba(20,35,55,.10) !important;
}

.itz-cart-modal__close:hover{
  color:#ff243e !important;
  border-color:rgba(255,36,62,.30) !important;
  box-shadow:0 0 18px rgba(255,36,62,.14),0 8px 18px rgba(20,35,55,.12) !important;
}

.itz-cart-modal__head{
  text-align:center !important;
  margin-bottom:24px !important;
}

.itz-cart-modal__head img{
  width:160px !important;
  margin:0 auto 14px !important;
  filter:drop-shadow(0 10px 15px rgba(20,35,55,.15)) !important;
}

.itz-cart-modal__head span{
  display:inline-block !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:rgba(255,36,62,.08) !important;
  color:#ff243e !important;
  border:1px solid rgba(255,36,62,.18) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
}

.itz-cart-modal__head h3{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

.itz-cart-modal__head p{
  margin:12px auto 0 !important;
  max-width:480px !important;
  color:#5c6574 !important;
  line-height:1.5 !important;
}

/* Empty */
.itz-cart-empty-light{
  text-align:center !important;
  padding:34px 14px 20px !important;
}

.itz-cart-empty-light[hidden]{
  display:none !important;
}

.itz-cart-empty-light i{
  font-size:52px !important;
  color:#ff243e !important;
  text-shadow:0 0 18px rgba(255,36,62,.26) !important;
  margin-bottom:16px !important;
}

.itz-cart-empty-light strong{
  display:block !important;
  font-size:23px !important;
  margin-bottom:9px !important;
}

.itz-cart-empty-light p{
  color:#667085 !important;
  margin:0 auto 20px !important;
}

.itz-cart-empty-light a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:46px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ff3049,#d9152e) !important;
  color:#fff !important;
  font-weight:950 !important;
}

/* Itens */
.itz-cart-items-light{
  display:grid !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.itz-cart-item-light{
  display:grid !important;
  grid-template-columns:74px 1fr auto !important;
  gap:14px !important;
  align-items:center !important;
  padding:13px !important;
  border-radius:18px !important;
  border:1px solid rgba(10,20,35,.10) !important;
  background:rgba(255,255,255,.70) !important;
  box-shadow:0 10px 24px rgba(20,35,55,.08), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.itz-cart-thumb-light{
  width:74px !important;
  height:96px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#edf1f7 !important;
  border:1px solid rgba(10,20,35,.08) !important;
}

.itz-cart-thumb-light img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.itz-cart-info-light strong{
  display:block !important;
  font-size:17px !important;
  color:#0b1422 !important;
  margin-bottom:2px !important;
}

.itz-cart-info-light small{
  display:block !important;
  color:#667085 !important;
  line-height:1.35 !important;
  margin-bottom:8px !important;
}

.itz-cart-price-light{
  font-size:13px !important;
  color:#344054 !important;
  line-height:1.45 !important;
}

.itz-cart-price-light b{
  color:#0b1422 !important;
}

.cart-qty-light{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:9px !important;
}

.cart-qty-light button,
.cart-remove-light{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  border:1px solid rgba(10,20,35,.10) !important;
  background:#fff !important;
  color:#0b1422 !important;
  cursor:pointer !important;
  box-shadow:0 7px 14px rgba(20,35,55,.08) !important;
}

.cart-qty-light button:hover,
.cart-remove-light:hover{
  color:#ff243e !important;
  border-color:rgba(255,36,62,.28) !important;
}

.cart-qty-light span{
  min-width:22px !important;
  text-align:center !important;
  font-weight:950 !important;
}

.cart-remove-light{
  align-self:start !important;
}

/* Resumo */
.itz-cart-summary-light{
  border-radius:18px !important;
  padding:16px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(10,20,35,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.itz-cart-summary-light[hidden],
.itz-cart-actions-light[hidden]{
  display:none !important;
}

.itz-cart-summary-light div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  color:#344054 !important;
  margin-bottom:9px !important;
}

.itz-cart-summary-light strong{
  color:#0b1422 !important;
}

.itz-cart-summary-light .cart-total-line{
  padding-top:12px !important;
  border-top:1px solid rgba(10,20,35,.10) !important;
  font-size:18px !important;
  margin-bottom:6px !important;
}

.itz-cart-summary-light small{
  display:block !important;
  color:#667085 !important;
  line-height:1.4 !important;
}

.itz-cart-actions-light{
  display:grid !important;
  grid-template-columns:1fr 1.4fr !important;
  gap:12px !important;
  margin-top:14px !important;
}

.cart-clear-light,
.cart-checkout-light{
  height:52px !important;
  border-radius:16px !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.cart-clear-light{
  border:1px solid rgba(10,20,35,.12) !important;
  background:rgba(255,255,255,.78) !important;
  color:#344054 !important;
}

.cart-checkout-light{
  border:0 !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff3049,#d9152e) !important;
  box-shadow:0 12px 28px rgba(255,36,62,.24) !important;
}

.cart-checkout-light:hover{
  box-shadow:0 0 22px rgba(255,36,62,.22),0 16px 32px rgba(255,36,62,.20) !important;
}

body.cart-open{
  overflow:hidden !important;
}

@media(max-width:720px){
  .itz-cart-modal__box{
    width:min(470px, calc(100vw - 28px)) !important;
    padding:26px 20px !important;
  }

  .itz-cart-item-light{
    grid-template-columns:64px 1fr auto !important;
  }

  .itz-cart-thumb-light{
    width:64px !important;
    height:84px !important;
  }

  .itz-cart-actions-light{
    grid-template-columns:1fr !important;
  }
}


/* ============================================================
   V2 FIX - Carrinho abre ao clicar
   ============================================================ */
.itz-cart-modal-light{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
}

.itz-cart-modal-light.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  display:flex !important;
}

.itz-cart-modal-light:not(.is-open){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

[data-open-cart]{
  cursor:pointer !important;
}


/* ============================================================
   CARRINHO LATERAL CLARO - estilo side drawer
   ============================================================ */
.itz-cart-modal-light{
  display:block !important;
}

.itz-cart-modal__overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(16, 22, 34, .38) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.itz-cart-modal__box{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:min(430px, 100vw) !important;
  max-height:100vh !important;
  height:100vh !important;
  overflow:hidden !important;
  border-radius:28px 0 0 28px !important;
  padding:28px 24px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,52,84,.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,252,.96)) !important;
  border:1px solid rgba(14, 23, 38, .08) !important;
  border-right:0 !important;
  box-shadow:-16px 0 40px rgba(15, 23, 38, .18), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transform:translateX(100%) !important;
  transition:transform .28s ease !important;
}

.itz-cart-modal-light.is-open .itz-cart-modal__box{
  transform:translateX(0) !important;
}

.itz-cart-modal__close{
  position:absolute !important;
  top:20px !important;
  right:20px !important;
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(10,20,35,.10) !important;
  color:#374151 !important;
  box-shadow:0 10px 24px rgba(17,24,39,.08) !important;
}

.itz-cart-modal__close:hover{
  color:#ff2b49 !important;
  border-color:rgba(255,43,73,.24) !important;
  box-shadow:0 0 18px rgba(255,43,73,.12),0 10px 24px rgba(17,24,39,.10) !important;
}

.itz-cart-modal__head{
  text-align:left !important;
  margin-bottom:18px !important;
  padding-right:56px !important;
}

.itz-cart-modal__head img{
  display:none !important;
}

.itz-cart-modal__head span{
  display:block !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 0 6px !important;
  color:#ff2b49 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}

.itz-cart-modal__head h3{
  font-size:28px !important;
  margin:0 0 12px !important;
  color:#0b1422 !important;
  padding-bottom:16px !important;
  border-bottom:1px solid rgba(10,20,35,.08) !important;
}

.itz-cart-modal__head p{
  display:none !important;
}

.itz-cart-empty-light{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  padding:20px 18px 36px !important;
}

.itz-cart-empty-light p{
  max-width:260px !important;
}

.itz-cart-items-light{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding-right:4px !important;
  margin-right:-6px !important;
  margin-bottom:14px !important;
}

.itz-cart-items-light::-webkit-scrollbar{
  width:8px !important;
}
.itz-cart-items-light::-webkit-scrollbar-thumb{
  background:rgba(55,65,81,.20) !important;
  border-radius:999px !important;
}

.itz-cart-item-light{
  position:relative !important;
  display:grid !important;
  grid-template-columns:64px 1fr auto !important;
  gap:12px !important;
  align-items:start !important;
  padding:14px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(246,248,252,.72)) !important;
  border:1px solid rgba(10,20,35,.08) !important;
  box-shadow:0 10px 24px rgba(17,24,39,.06), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.itz-cart-thumb-light{
  width:64px !important;
  height:84px !important;
  border-radius:14px !important;
}

.itz-cart-info-light strong{
  font-size:16px !important;
  margin-bottom:3px !important;
}

.itz-cart-info-light small{
  font-size:13px !important;
  margin-bottom:8px !important;
}

.itz-cart-price-light{
  font-size:12px !important;
  line-height:1.55 !important;
}

.cart-qty-light{
  margin-top:10px !important;
  gap:10px !important;
}

.cart-qty-light button,
.cart-remove-light{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(10,20,35,.10) !important;
}

.cart-qty-light span{
  font-size:15px !important;
}

.cart-remove-light{
  margin-left:2px !important;
}

.itz-cart-summary-light{
  margin-top:auto !important;
  border-radius:0 !important;
  padding:16px 0 0 !important;
  background:none !important;
  border:none !important;
  border-top:1px solid rgba(10,20,35,.08) !important;
  box-shadow:none !important;
}

.itz-cart-summary-light div{
  margin-bottom:8px !important;
  font-size:14px !important;
}

.itz-cart-summary-light .cart-total-line{
  margin-top:4px !important;
  padding-top:12px !important;
  font-size:16px !important;
}

.itz-cart-summary-light .cart-total-line strong{
  font-size:17px !important;
}

.itz-cart-summary-light small{
  font-size:12px !important;
  margin-top:6px !important;
}

.itz-cart-actions-light{
  grid-template-columns:1fr 1.2fr !important;
  gap:12px !important;
  margin-top:14px !important;
}

.cart-clear-light,
.cart-checkout-light{
  height:48px !important;
  border-radius:16px !important;
  font-size:15px !important;
}

.cart-clear-light{
  background:rgba(255,255,255,.86) !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.10) !important;
}

.cart-checkout-light{
  background:linear-gradient(135deg,#ff3555,#f0193d) !important;
  box-shadow:0 12px 26px rgba(255,41,74,.24) !important;
}

@media(max-width:640px){
  .itz-cart-modal__box{
    width:100vw !important;
    border-radius:0 !important;
    padding:24px 18px 18px !important;
  }
  .itz-cart-modal__head h3{
    font-size:26px !important;
  }
}


/* ============================================================
   AJUSTE FINAL - layout do carrinho lateral escuro em tema branco
   ============================================================ */
.itz-cart-modal__overlay{
  background:rgba(13,18,28,.34) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.itz-cart-modal__box{
  width:min(458px, 100vw) !important;
  padding:26px 18px 18px !important;
  background:
    radial-gradient(circle at top right, rgba(255,43,73,.10), transparent 28%),
    linear-gradient(180deg, rgba(255,249,250,.98) 0%, rgba(248,249,252,.98) 100%) !important;
  border-left:1px solid rgba(17,24,39,.10) !important;
  box-shadow:-18px 0 42px rgba(17,24,39,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.itz-cart-modal__head{
  margin-bottom:16px !important;
  padding:0 8px 0 10px !important;
}

.itz-cart-modal__head span{
  margin-bottom:4px !important;
}

.itz-cart-modal__head h3{
  font-size:30px !important;
  line-height:1.05 !important;
  margin-bottom:14px !important;
  padding-bottom:18px !important;
}

.itz-cart-modal__close{
  top:18px !important;
  right:18px !important;
  background:#f7f7f8 !important;
}

.itz-cart-empty-light i{
  color:#ff2b49 !important;
  text-shadow:0 0 20px rgba(255,43,73,.18) !important;
}

.itz-cart-empty-light strong,
.itz-cart-empty-light p{
  color:#111827 !important;
}

.itz-cart-empty-light a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:138px !important;
  height:44px !important;
  padding:0 20px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#ff3555,#f0193d) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(255,41,74,.20) !important;
}

.itz-cart-items-light{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  align-content:flex-start !important;
  margin-bottom:12px !important;
  padding:0 6px 0 2px !important;
  margin-right:-8px !important;
}

.itz-cart-item-light{
  grid-template-columns:64px minmax(0,1fr) 40px !important;
  gap:12px !important;
  align-items:start !important;
  padding:16px 14px !important;
  border-radius:20px !important;
  min-height:auto !important;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(246,247,250,.82)) !important;
  border:1px solid rgba(17,24,39,.08) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.05), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.itz-cart-thumb-light{
  width:64px !important;
  height:82px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  align-self:start !important;
  box-shadow:0 8px 18px rgba(17,24,39,.08) !important;
}

.itz-cart-thumb-light img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.itz-cart-info-light{
  min-width:0 !important;
  padding-top:1px !important;
}

.itz-cart-info-light strong{
  display:block !important;
  color:#111827 !important;
  font-size:16px !important;
  line-height:1.15 !important;
  margin-bottom:4px !important;
}

.itz-cart-info-light small{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:#5f6b7c !important;
  font-size:12px !important;
  line-height:1.4 !important;
  margin-bottom:10px !important;
}

.itz-cart-price-light{
  color:#202938 !important;
  font-size:12px !important;
  line-height:1.6 !important;
}

.cart-qty-light{
  margin-top:10px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.cart-qty-light button,
.cart-remove-light{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  color:#3c4556 !important;
  box-shadow:0 8px 16px rgba(17,24,39,.06) !important;
}

.cart-qty-light button:hover,
.cart-remove-light:hover{
  color:#ff2b49 !important;
  border-color:rgba(255,43,73,.24) !important;
  box-shadow:0 0 0 3px rgba(255,43,73,.08),0 10px 18px rgba(17,24,39,.08) !important;
}

.cart-qty-light span{
  min-width:18px !important;
  text-align:center !important;
  color:#111827 !important;
  font-size:15px !important;
  font-weight:800 !important;
}

.cart-remove-light{
  align-self:start !important;
}

.itz-cart-summary-light{
  padding:16px 8px 0 !important;
  margin-top:auto !important;
  border-top:1px solid rgba(17,24,39,.09) !important;
}

.itz-cart-summary-light div{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:14px !important;
  color:#374151 !important;
}

.itz-cart-summary-light strong,
.itz-cart-summary-light .cart-total-line,
.itz-cart-summary-light .cart-total-line strong{
  color:#111827 !important;
}

.itz-cart-summary-light .cart-total-line{
  margin-top:8px !important;
}

.itz-cart-summary-light small{
  color:#667085 !important;
}

.itz-cart-actions-light{
  margin-top:14px !important;
  padding:0 2px !important;
}

.cart-clear-light,
.cart-checkout-light{
  height:50px !important;
  border-radius:16px !important;
  font-weight:800 !important;
}

.cart-clear-light{
  background:#ffffff !important;
  color:#121826 !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 8px 18px rgba(17,24,39,.05) !important;
}

.cart-checkout-light{
  color:#fff !important;
}

@media (max-width: 640px){
  .itz-cart-modal__box{
    width:100vw !important;
    padding:22px 14px 16px !important;
  }
  .itz-cart-modal__head{
    padding:0 6px !important;
  }
  .itz-cart-modal__head h3{
    font-size:28px !important;
  }
  .itz-cart-item-light{
    grid-template-columns:58px minmax(0,1fr) 36px !important;
    padding:14px 12px !important;
  }
  .itz-cart-thumb-light{
    width:58px !important;
    height:76px !important;
  }
  .itz-cart-actions-light{
    grid-template-columns:1fr 1fr !important;
  }
}


/* ============================================================
   CHECKOUT CLARO V1
   ============================================================ */

.itz-checkout-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:1000000 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .24s ease, visibility .24s ease !important;
}

.itz-checkout-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.itz-checkout-overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(13,18,28,.38) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.itz-checkout-box{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -48%) scale(.985) !important;
  width:min(980px, calc(100vw - 34px)) !important;
  max-height:92vh !important;
  overflow:auto !important;
  border-radius:30px !important;
  padding:30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,43,73,.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,252,.98)) !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 22px 70px rgba(17,24,39,.24), inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition:transform .25s ease !important;
}

.itz-checkout-modal.is-open .itz-checkout-box{
  transform:translate(-50%, -50%) scale(1) !important;
}

.itz-checkout-close{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  border:1px solid rgba(17,24,39,.10) !important;
  background:rgba(255,255,255,.84) !important;
  color:#111827 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(17,24,39,.08) !important;
}

.itz-checkout-close:hover{
  color:#ff2b49 !important;
  border-color:rgba(255,43,73,.28) !important;
}

.itz-checkout-head{
  padding-right:52px !important;
  margin-bottom:22px !important;
}

.itz-checkout-head > span{
  display:block !important;
  color:#ff2b49 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  margin-bottom:6px !important;
}

.itz-checkout-head h3{
  margin:0 !important;
  color:#0b1422 !important;
  font-size:32px !important;
  line-height:1.08 !important;
  font-weight:950 !important;
}

.itz-checkout-head p{
  margin:10px 0 0 !important;
  color:#667085 !important;
  max-width:560px !important;
}

.itz-checkout-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.18fr) minmax(300px, .82fr) !important;
  gap:22px !important;
}

.itz-checkout-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  align-content:start !important;
}

.checkout-full,
.checkout-section-title{
  grid-column:1 / -1 !important;
}

.checkout-section-title{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:12px !important;
  margin:2px 0 0 !important;
}

.checkout-section-title span{
  height:1px !important;
  background:rgba(17,24,39,.10) !important;
}

.checkout-section-title strong{
  color:#0d48a8 !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

.itz-checkout-form label > span{
  display:block !important;
  color:#111827 !important;
  font-size:12px !important;
  font-weight:850 !important;
  margin:0 0 7px !important;
}

.checkout-input{
  position:relative !important;
}

.checkout-input i{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#ff2b49 !important;
  font-size:14px !important;
  z-index:2 !important;
}

.checkout-input input{
  width:100% !important;
  height:46px !important;
  border-radius:23px !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background:rgba(255,255,255,.86) !important;
  color:#0b1422 !important;
  outline:none !important;
  padding:0 16px 0 44px !important;
  font-size:13px !important;
  font-weight:650 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.checkout-input input:focus{
  border-color:rgba(34,197,94,.55) !important;
  box-shadow:0 0 0 1px rgba(34,197,94,.16), 0 0 18px rgba(34,197,94,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.checkout-payments{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}

.checkout-payment-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px 1fr !important;
  gap:8px 10px !important;
  align-items:center !important;
  padding:13px !important;
  border-radius:18px !important;
  border:1px solid rgba(17,24,39,.10) !important;
  background:rgba(255,255,255,.78) !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(17,24,39,.05), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.checkout-payment-card input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.checkout-payment-card i{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  color:#ff2b49 !important;
  background:rgba(255,43,73,.08) !important;
}

.checkout-payment-card strong{
  color:#111827 !important;
  font-size:14px !important;
  font-weight:950 !important;
}

.checkout-payment-card small{
  grid-column:2 !important;
  color:#667085 !important;
  font-size:12px !important;
  margin-top:-5px !important;
}

.checkout-payment-card.is-active{
  border-color:rgba(255,43,73,.42) !important;
  box-shadow:0 0 0 3px rgba(255,43,73,.08), 0 12px 24px rgba(17,24,39,.07) !important;
}

.checkout-terms{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin-top:2px !important;
  cursor:pointer !important;
}

.checkout-terms input{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  margin:2px 0 0 !important;
  accent-color:#ff2b49 !important;
}

.checkout-terms span{
  color:#344054 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}

.checkout-terms a{
  color:#ff2b49 !important;
  font-weight:950 !important;
}

.checkout-message{
  border-radius:16px !important;
  padding:12px 14px !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.checkout-message.success{
  background:rgba(34,197,94,.10) !important;
  border:1px solid rgba(34,197,94,.22) !important;
  color:#166534 !important;
}

.itz-checkout-summary{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  border-radius:24px !important;
  padding:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,247,251,.84)) !important;
  border:1px solid rgba(17,24,39,.09) !important;
  box-shadow:0 12px 30px rgba(17,24,39,.07), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.checkout-summary-head{
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(17,24,39,.08) !important;
  margin-bottom:14px !important;
}

.checkout-summary-head span{
  display:block !important;
  color:#ff2b49 !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  margin-bottom:4px !important;
}

.checkout-summary-head strong{
  color:#111827 !important;
  font-size:20px !important;
}

.checkout-summary-items{
  display:grid !important;
  gap:10px !important;
  max-height:260px !important;
  overflow:auto !important;
  padding-right:3px !important;
}

.checkout-summary-item{
  display:grid !important;
  grid-template-columns:50px 1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(17,24,39,.07) !important;
}

.checkout-summary-item img{
  width:50px !important;
  height:62px !important;
  object-fit:cover !important;
  border-radius:12px !important;
}

.checkout-summary-item strong{
  display:block !important;
  color:#111827 !important;
  font-size:13px !important;
}

.checkout-summary-item small{
  color:#667085 !important;
  font-weight:700 !important;
}

.checkout-summary-item b{
  color:#111827 !important;
  font-size:13px !important;
}

.checkout-summary-empty{
  flex:1 !important;
  min-height:180px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#667085 !important;
}

.checkout-summary-empty[hidden]{
  display:none !important;
}

.checkout-summary-empty i{
  color:#ff2b49 !important;
  font-size:42px !important;
  margin-bottom:12px !important;
}

.checkout-summary-empty strong{
  color:#111827 !important;
  margin-bottom:5px !important;
}

.checkout-summary-total{
  margin-top:auto !important;
  padding-top:16px !important;
  border-top:1px solid rgba(17,24,39,.09) !important;
}

.checkout-summary-total[hidden]{
  display:none !important;
}

.checkout-summary-total div{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  color:#344054 !important;
  margin-bottom:8px !important;
  font-size:14px !important;
}

.checkout-summary-total strong{
  color:#111827 !important;
}

.checkout-total-line{
  padding-top:12px !important;
  border-top:1px solid rgba(17,24,39,.09) !important;
  font-size:17px !important;
  font-weight:900 !important;
}

.checkout-summary-total small{
  display:block !important;
  color:#667085 !important;
  line-height:1.4 !important;
}

.checkout-finish-btn{
  width:100% !important;
  height:52px !important;
  border:0 !important;
  border-radius:17px !important;
  margin-top:14px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff3555,#f0193d) !important;
  font-size:15px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 14px 28px rgba(255,41,74,.24) !important;
}

.checkout-finish-btn:disabled{
  opacity:.52 !important;
  cursor:not-allowed !important;
  filter:grayscale(.18) !important;
  box-shadow:none !important;
}

body.checkout-open{
  overflow:hidden !important;
}

@media(max-width:860px){
  .itz-checkout-box{
    padding:26px 20px !important;
  }

  .itz-checkout-grid{
    grid-template-columns:1fr !important;
  }

  .itz-checkout-form{
    grid-template-columns:1fr !important;
  }

  .checkout-payments{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .itz-checkout-box{
    width:100vw !important;
    height:100vh !important;
    max-height:100vh !important;
    border-radius:0 !important;
    padding:24px 16px !important;
  }

  .itz-checkout-head h3{
    font-size:27px !important;
  }
}


/* ============================================================
   CHECKOUT V2 - LOGIN/CADASTRO ANTES DO PAGAMENTO
   ============================================================ */

.auth-checkout-note{
  margin:14px auto 0 !important;
  max-width:370px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,43,73,.08) !important;
  color:#ff2b49 !important;
  border:1px solid rgba(255,43,73,.18) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}

.auth-checkout-note[hidden]{
  display:none !important;
}

.checkout-account-warning{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:18px !important;
  background:rgba(34,197,94,.10) !important;
  border:1px solid rgba(34,197,94,.22) !important;
  color:#166534 !important;
}

.checkout-account-warning i{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(34,197,94,.13) !important;
  color:#16a34a !important;
  flex:0 0 auto !important;
}

.checkout-account-warning strong{
  display:block !important;
  font-size:14px !important;
  font-weight:950 !important;
  margin-bottom:2px !important;
}

.checkout-account-warning span{
  display:block !important;
  color:#166534 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

.checkout-client-box{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(17,24,39,.09) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.05), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.checkout-client-box div{
  padding:12px !important;
  border-radius:15px !important;
  background:rgba(245,248,253,.86) !important;
  border:1px solid rgba(17,24,39,.06) !important;
}

.checkout-client-box .client-full{
  grid-column:1 / -1 !important;
}

.checkout-client-box span{
  display:block !important;
  color:#667085 !important;
  font-size:11px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  margin-bottom:5px !important;
}

.checkout-client-box strong{
  display:block !important;
  color:#0b1422 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}

.checkout-message.info{
  background:rgba(13,72,168,.08) !important;
  border:1px solid rgba(13,72,168,.18) !important;
  color:#0d48a8 !important;
}

@media(max-width:560px){
  .checkout-client-box{
    grid-template-columns:1fr !important;
  }

  .checkout-client-box .client-full{
    grid-column:1 !important;
  }
}


/* Checkout bloqueado sem cliente válido */
.checkout-account-warning strong::after{
  content:'' !important;
}

.auth-checkout-note{
  animation:authNotePulse .28s ease !important;
}

@keyframes authNotePulse{
  from{ transform:translateY(-3px); opacity:.65; }
  to{ transform:translateY(0); opacity:1; }
}


/* ============================================================
   INTEGRAÇÃO REAL CLIENTE/PEDIDO
   ============================================================ */
.home-auth-message{
  margin:8px 0 12px !important;
  padding:11px 13px !important;
  border-radius:14px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}
.home-auth-message.is-error{
  background:rgba(255,36,62,.10) !important;
  border:1px solid rgba(255,36,62,.20) !important;
  color:#b42318 !important;
}
.home-auth-message.is-ok{
  background:rgba(34,197,94,.11) !important;
  border:1px solid rgba(34,197,94,.22) !important;
  color:#166534 !important;
}
.checkout-account-warning.is-pending{
  background:rgba(255,176,32,.11) !important;
  border-color:rgba(255,176,32,.28) !important;
  color:#92400e !important;
}
.checkout-account-warning.is-pending i{
  background:rgba(255,176,32,.16) !important;
  color:#d97706 !important;
}


/* ============================================================
   CHECKOUT COMPACTO SEM SCROLL + PIX TESTE
   ============================================================ */
.itz-checkout-box{
  width:min(930px, calc(100vw - 28px)) !important;
  max-height:calc(100vh - 34px) !important;
  padding:22px 24px !important;
  overflow:hidden !important;
}

.itz-checkout-head{
  margin-bottom:14px !important;
}

.itz-checkout-head > span{
  font-size:11px !important;
  margin-bottom:4px !important;
}

.itz-checkout-head h3{
  font-size:28px !important;
}

.itz-checkout-head p{
  font-size:14px !important;
  margin-top:6px !important;
}

.itz-checkout-grid{
  gap:18px !important;
  grid-template-columns:minmax(0, 1.12fr) minmax(285px, .88fr) !important;
}

.checkout-account-warning{
  padding:11px 13px !important;
  border-radius:16px !important;
}

.checkout-account-warning i{
  width:30px !important;
  height:30px !important;
}

.checkout-account-warning strong{
  font-size:13px !important;
}

.checkout-account-warning span{
  font-size:11px !important;
}

.checkout-section-title{
  margin:0 !important;
}

.checkout-client-box{
  gap:9px !important;
  padding:11px !important;
  border-radius:18px !important;
}

.checkout-client-box div{
  padding:10px 11px !important;
  border-radius:14px !important;
}

.checkout-client-box span{
  font-size:10px !important;
  margin-bottom:4px !important;
}

.checkout-client-box strong{
  font-size:12px !important;
  line-height:1.25 !important;
}

.checkout-payment-card{
  padding:11px 12px !important;
  border-radius:16px !important;
}

.checkout-payment-card i{
  width:30px !important;
  height:30px !important;
}

.checkout-payment-card strong{
  font-size:13px !important;
}

.checkout-payment-card small{
  font-size:11px !important;
}

.checkout-terms{
  margin-top:0 !important;
}

.checkout-terms span{
  font-size:12px !important;
}

.itz-checkout-summary{
  padding:16px !important;
  border-radius:22px !important;
  max-height:calc(100vh - 116px) !important;
}

.checkout-summary-head{
  padding-bottom:10px !important;
  margin-bottom:10px !important;
}

.checkout-summary-head strong{
  font-size:18px !important;
}

.checkout-summary-items{
  max-height:180px !important;
  gap:8px !important;
}

.checkout-summary-item{
  grid-template-columns:46px 1fr auto !important;
  padding:9px !important;
  border-radius:15px !important;
}

.checkout-summary-item img{
  width:46px !important;
  height:56px !important;
  border-radius:11px !important;
}

.checkout-summary-item strong{
  font-size:12px !important;
}

.checkout-summary-item small,
.checkout-summary-item b{
  font-size:11px !important;
}

.checkout-summary-total{
  padding-top:12px !important;
}

.checkout-summary-total div{
  margin-bottom:6px !important;
  font-size:13px !important;
}

.checkout-total-line{
  padding-top:10px !important;
  font-size:15px !important;
}

.checkout-summary-total small{
  font-size:12px !important;
}

.checkout-finish-btn{
  height:48px !important;
  border-radius:16px !important;
  margin-top:11px !important;
}

.checkout-message{
  padding:10px 12px !important;
  font-size:12px !important;
}

.checkout-test-actions{
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
  margin-top:10px !important;
}

.checkout-test-approve{
  width:100% !important;
  height:46px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 24px rgba(34,197,94,.22) !important;
}

.checkout-download-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  margin-top:10px !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.10) !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

@media(max-width:860px){
  .itz-checkout-box{
    overflow:auto !important;
    max-height:92vh !important;
  }
}

.checkout-message.is-error{
  background:rgba(255,36,62,.10) !important;
  border:1px solid rgba(255,36,62,.22) !important;
  color:#b42318 !important;
}


/* ============================================================
   V3 - TELA DE PAGAMENTO PIX APÓS CRIAR PEDIDO
   ============================================================ */

.itz-checkout-box.payment-step-active .itz-checkout-form{
  align-content:start !important;
}

.itz-checkout-box.payment-step-active .checkout-section-title,
.itz-checkout-box.payment-step-active .checkout-client-box,
.itz-checkout-box.payment-step-active .checkout-payments,
.itz-checkout-box.payment-step-active .checkout-terms,
.itz-checkout-box.payment-step-active .checkout-account-warning{
  display:none !important;
}

.checkout-pix-step{
  grid-column:1 / -1 !important;
  display:none !important;
  border-radius:24px !important;
  padding:26px !important;
  min-height:410px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,43,73,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,249,253,.92)) !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 14px 34px rgba(17,24,39,.07), inset 0 1px 0 rgba(255,255,255,.95) !important;
  text-align:center !important;
}

.itz-checkout-box.payment-step-active .checkout-pix-step{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.checkout-pix-step__icon{
  width:74px !important;
  height:74px !important;
  border-radius:24px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 18px !important;
  color:#ff2b49 !important;
  background:rgba(255,43,73,.09) !important;
  border:1px solid rgba(255,43,73,.16) !important;
  font-size:32px !important;
  box-shadow:0 12px 26px rgba(255,43,73,.10) !important;
}

.checkout-pix-step h4{
  margin:0 0 8px !important;
  color:#0b1422 !important;
  font-size:27px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

.checkout-pix-step p{
  max-width:430px !important;
  margin:0 auto 18px !important;
  color:#667085 !important;
  line-height:1.5 !important;
  font-size:14px !important;
}

.checkout-pix-code{
  width:100% !important;
  max-width:430px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  margin:4px auto 16px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 8px 20px rgba(17,24,39,.05) !important;
}

.checkout-pix-code span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#344054 !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-align:left !important;
}

.checkout-pix-code button{
  height:38px !important;
  border:0 !important;
  border-radius:12px !important;
  padding:0 14px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff3555,#f0193d) !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.checkout-pix-actions{
  width:100% !important;
  max-width:430px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

.checkout-pix-approve{
  width:100% !important;
  height:50px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 24px rgba(34,197,94,.22) !important;
}

.checkout-pix-download{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  height:48px !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.10) !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 8px 18px rgba(17,24,39,.05) !important;
}

.checkout-pix-step.is-approved .checkout-pix-download{
  display:flex !important;
}

.checkout-pix-step.is-approved .checkout-pix-approve,
.checkout-pix-step.is-approved .checkout-pix-code{
  display:none !important;
}

.checkout-pix-result{
  margin-top:14px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(34,197,94,.10) !important;
  border:1px solid rgba(34,197,94,.22) !important;
  color:#166534 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

.itz-checkout-box.payment-step-active [data-checkout-submit]{
  display:none !important;
}

@media(max-width:860px){
  .checkout-pix-step{
    min-height:auto !important;
    padding:22px 18px !important;
  }
}

[data-approve-pix-v4]{
  width:100% !important;
  height:50px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 24px rgba(34,197,94,.22) !important;
}


/* ============================================================
   V8 ajustes finais checkout sem loop
   ============================================================ */
.checkout-message.is-error,
.home-auth-message.is-error{
  background:rgba(255,36,62,.10) !important;
  border:1px solid rgba(255,36,62,.22) !important;
  color:#b42318 !important;
}

[data-approve-pix-v8]{
  width:100% !important;
  height:50px !important;
  border:0 !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 24px rgba(34,197,94,.22) !important;
}


/* ============================================================
   V9 PIX REAL + login normal
   ============================================================ */
.checkout-pix-qr{
  width:210px !important;
  height:210px !important;
  padding:12px !important;
  margin:0 auto 16px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 12px 26px rgba(17,24,39,.08) !important;
}

.checkout-pix-qr img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

.checkout-pix-ticket,
.checkout-pix-cancel{
  width:100% !important;
  height:46px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.checkout-pix-ticket{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 8px 18px rgba(17,24,39,.05) !important;
}

.checkout-pix-cancel{
  background:rgba(255,255,255,.85) !important;
  color:#b42318 !important;
  border:1px solid rgba(255,36,62,.22) !important;
}

.checkout-pix-result.is-error{
  background:rgba(255,36,62,.10) !important;
  border-color:rgba(255,36,62,.22) !important;
  color:#b42318 !important;
}


/* ============================================================
   V13 - Popup de aviso claro/profissional
   ============================================================ */
.itz-alert-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:1000005 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease, visibility .22s ease !important;
}

.itz-alert-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.itz-alert-overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(13,18,28,.36) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.itz-alert-box{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -47%) scale(.985) !important;
  width:min(430px, calc(100vw - 34px)) !important;
  border-radius:28px !important;
  padding:30px 26px 24px !important;
  text-align:center !important;
  color:#0b1422 !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(255,43,73,.13), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,253,.97)) !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 22px 70px rgba(17,24,39,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition:transform .22s ease !important;
}

.itz-alert-modal.is-open .itz-alert-box{
  transform:translate(-50%, -50%) scale(1) !important;
}

.itz-alert-close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  border:1px solid rgba(17,24,39,.10) !important;
  background:rgba(255,255,255,.84) !important;
  color:#111827 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(17,24,39,.08) !important;
}

.itz-alert-close:hover{
  color:#ff2b49 !important;
  border-color:rgba(255,43,73,.28) !important;
}


.itz-alert-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:2px auto 14px !important;
}

.itz-alert-logo{
  width:min(190px, 68%) !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.12)) !important;
}

.itz-alert-icon{
  margin:0 auto 14px !important;
}

.itz-alert-icon{
  width:70px !important;
  height:70px !important;
  margin:4px auto 14px !important;
  border-radius:24px !important;
  display:grid !important;
  place-items:center !important;
  color:#ff2b49 !important;
  background:rgba(255,43,73,.09) !important;
  border:1px solid rgba(255,43,73,.18) !important;
  box-shadow:0 12px 26px rgba(255,43,73,.12) !important;
  font-size:30px !important;
}

.itz-alert-tag{
  display:inline-block !important;
  padding:7px 12px !important;
  margin-bottom:10px !important;
  border-radius:999px !important;
  background:rgba(255,43,73,.08) !important;
  color:#ff2b49 !important;
  border:1px solid rgba(255,43,73,.18) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.itz-alert-box h3{
  margin:0 0 9px !important;
  font-size:25px !important;
  line-height:1.12 !important;
  color:#0b1422 !important;
  font-weight:950 !important;
}

.itz-alert-box p{
  margin:0 auto 20px !important;
  color:#5d6676 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  max-width:345px !important;
  font-weight:650 !important;
}

.itz-alert-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

.itz-alert-primary,
.itz-alert-secondary{
  height:48px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.itz-alert-primary{
  border:0 !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff3555,#f0193d) !important;
  box-shadow:0 14px 28px rgba(255,41,74,.22) !important;
}

.itz-alert-secondary{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.10) !important;
  box-shadow:0 8px 18px rgba(17,24,39,.05) !important;
}

.itz-alert-secondary[hidden]{
  display:none !important;
}


/* ============================================================
   V15 - Carrinho sem quantidade e alertas com logo
   ============================================================ */
.cart-qty-light{
  display:none !important;
}

.itz-alert-logo-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:2px auto 14px !important;
}

.itz-alert-logo{
  width:min(190px, 68%) !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.12)) !important;
}

.itz-alert-icon{
  margin:0 auto 14px !important;
}


/* V16 - esconder controles de quantidade definitivamente */
.cart-qty-light,
[data-cart-plus],
[data-cart-minus]{
  display:none !important;
}


/* IZTeam v30 - Home: 5 produtos na ordem do PHP */
.products-grid{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
}
@media(max-width:1500px){
  .products-grid{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media(max-width:900px){
  .products-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}
@media(max-width:620px){
  .products-grid{grid-template-columns:1fr !important;}
}

/* ============================================================
   V41 - Home MuServer 60 FPS com logo enviada pelo cliente
   ============================================================ */
.hero-copy-muserver{
  max-width:760px !important;
  padding-top:190px !important;
}
.hero-copy-muserver .hero-kicker{
  gap:10px !important;
  color:#ff132d !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,19,45,.28) !important;
  box-shadow:0 16px 34px rgba(255,19,45,.12), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.hero-title-muserver{
  margin:24px 0 0 !important;
  font-size:clamp(54px,5.1vw,86px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  color:#050608 !important;
  text-shadow:0 6px 18px rgba(255,255,255,.48) !important;
}
.hero-60fps-logo{
  width:min(760px, 100%) !important;
  max-width:none !important;
  margin:8px 0 -4px -26px !important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.24)) drop-shadow(0 0 20px rgba(255,25,38,.24)) !important;
  pointer-events:none !important;
  user-select:none !important;
}
.hero-subtitle-muserver{
  margin:-5px 0 12px !important;
  font-size:clamp(38px,4.2vw,66px) !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  color:#050608 !important;
  font-weight:950 !important;
  text-transform:none !important;
  text-shadow:0 5px 16px rgba(255,255,255,.52) !important;
}
.hero-copy-muserver p{
  max-width:690px !important;
  font-size:20px !important;
  line-height:1.48 !important;
  color:#151a23 !important;
}
.hero-flags-muserver{
  margin:26px 0 24px !important;
  gap:34px !important;
}
.hero-flags-muserver span{
  font-size:17px !important;
  color:#151a23 !important;
  font-weight:600 !important;
}
.hero-flags-muserver strong{
  color:#050608 !important;
  font-size:21px !important;
  font-weight:950 !important;
}
.hero-flags-muserver i{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:#ff132d !important;
  font-size:25px !important;
  text-shadow:0 0 14px rgba(255,19,45,.36) !important;
}
.hero-buttons-muserver{
  gap:18px !important;
}
.btn-light-red,
.btn-light-test{
  min-width:0 !important;
  height:56px !important;
  border-radius:15px !important;
  padding:0 30px !important;
  background:rgba(255,255,255,.94) !important;
  color:#050608 !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
  font-weight:950 !important;
}
.btn-light-red i,
.btn-light-test i{
  color:#ff132d !important;
}
.btn-light-red:hover,
.btn-light-test:hover{
  color:#ff132d !important;
  box-shadow:0 18px 34px rgba(255,19,45,.16), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

@media(max-width:980px){
  .hero-copy-muserver{
    padding-top:145px !important;
    max-width:620px !important;
  }
  .hero-60fps-logo{
    width:min(600px, 108%) !important;
    margin-left:-18px !important;
  }
  .hero-flags-muserver{
    gap:18px !important;
  }
  .hero-flags-muserver span{
    font-size:14px !important;
  }
}
@media(max-width:620px){
  .hero-title-muserver{
    font-size:42px !important;
  }
  .hero-subtitle-muserver{
    font-size:34px !important;
  }
  .hero-copy-muserver p{
    font-size:16px !important;
  }
  .hero-60fps-logo{
    width:112% !important;
    margin-left:-16px !important;
  }
  .hero-flags-muserver{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}

/* ============================================================
   V42 - Ajuste fino do banner 60 FPS
   Sobe somente o bloco do MuServer/60 FPS sem alterar o restante da home.
   ============================================================ */
.hero-copy-muserver{
  padding-top:115px !important;
}
.hero-title-muserver{
  margin-top:22px !important;
}
.hero-60fps-logo{
  margin-top:6px !important;
  margin-bottom:-6px !important;
}

@media(max-width:1500px){
  .hero-copy-muserver{
    padding-top:95px !important;
  }
  .hero-title-muserver{
    font-size:clamp(50px,4.7vw,76px) !important;
  }
  .hero-60fps-logo{
    width:min(700px, 100%) !important;
  }
}

@media(max-width:980px){
  .hero-copy-muserver{
    padding-top:105px !important;
  }
}


/* ============================================================
   V43 - Ajuste fino extra do banner 60 FPS
   - sobe mais o bloco principal
   - mantém "Servidor Profissional" em uma linha
   - alinha os 3 benefícios em colunas consistentes
   ============================================================ */
.hero-copy-muserver{
  max-width:820px !important;
  padding-top:82px !important;
}
.hero-title-muserver{
  margin:16px 0 0 !important;
  font-size:clamp(46px,4.15vw,70px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  white-space:nowrap !important;
}
.hero-60fps-logo{
  width:min(760px, 100%) !important;
  margin:4px 0 -2px -22px !important;
}
.hero-copy-muserver p{
  max-width:720px !important;
}
.hero-flags-muserver{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(160px, max-content)) !important;
  column-gap:34px !important;
  row-gap:12px !important;
  align-items:start !important;
  justify-content:flex-start !important;
  margin:28px 0 24px !important;
}
.hero-flags-muserver > span{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  min-width:0 !important;
}
.hero-flags-muserver i{
  margin-top:4px !important;
  flex:0 0 34px !important;
}
.hero-flag-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
}
.hero-flags-muserver strong{
  display:block !important;
  font-size:20px !important;
  line-height:1.02 !important;
  margin:0 !important;
}
.hero-flag-copy small{
  display:block !important;
  font-size:16px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  color:#151a23 !important;
}

@media(max-width:1500px){
  .hero-copy-muserver{
    padding-top:70px !important;
    max-width:760px !important;
  }
  .hero-title-muserver{
    font-size:clamp(44px,4vw,62px) !important;
  }
  .hero-60fps-logo{
    width:min(700px, 100%) !important;
  }
}

@media(max-width:1100px){
  .hero-copy-muserver{
    padding-top:88px !important;
    max-width:680px !important;
  }
  .hero-title-muserver{
    white-space:normal !important;
    font-size:clamp(40px,5.4vw,56px) !important;
  }
  .hero-flags-muserver{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    column-gap:18px !important;
  }
  .hero-flags-muserver strong{
    font-size:18px !important;
  }
  .hero-flag-copy small{
    font-size:15px !important;
  }
}

@media(max-width:700px){
  .hero-copy-muserver{
    padding-top:100px !important;
  }
  .hero-60fps-logo{
    width:110% !important;
    margin-left:-12px !important;
  }
  .hero-flags-muserver{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
  }
  .hero-title-muserver{
    font-size:42px !important;
    white-space:normal !important;
  }
}


/* ============================================================
   V45 - Raio vermelho PNG saindo da arma e atravessando o 60 FPS
   Base: v43 sem o raio CSS anterior.
   ============================================================ */
.hero{
  position:relative !important;
  overflow:hidden !important;
}
.hero .container{
  position:relative !important;
  z-index:2 !important;
}
.hero-copy-muserver{
  position:relative !important;
  z-index:3 !important;
}
.hero-60fps-logo{
  position:relative !important;
  z-index:4 !important;
}
.hero-energy-ray{
  position:absolute !important;
  left:60px !important;
  top:185px !important;
  width:1015px !important;
  height:200px !important;
  display:block !important;
  pointer-events:none !important;
  user-select:none !important;
  z-index:5 !important;
  background:url('../img/raio-vermelho-60fps.png') center center / 100% 100% no-repeat !important;
  opacity:.75 !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 10px rgba(255,0,0,.55)) drop-shadow(0 0 22px rgba(255,32,48,.45)) !important;
  transform:rotate(-1.2deg) !important;
}
.hero-copy-muserver p,
.hero-flags-muserver,
.hero-buttons-muserver{
  position:relative !important;
  z-index:6 !important;
}

@media(max-width:1500px){
  .hero-energy-ray{
    left:38px !important;
    top:150px !important;
    width:945px !important;
    height:254px !important;
  }
}

@media(max-width:1100px){
  .hero-energy-ray{
    left:26px !important;
    top:170px !important;
    width:820px !important;
    height:220px !important;
    opacity:.75 !important;
  }
}

@media(max-width:700px){
  .hero-energy-ray{
    left:10px !important;
    top:185px !important;
    width:640px !important;
    height:172px !important;
    opacity:.64 !important;
  }
}


/* V49 - Popup de licença teste 24h */
.trial-modal-v49.is-open{display:flex!important;}
.trial-modal-box-v49{max-width:980px!important;width:min(980px,calc(100% - 26px))!important;max-height:92vh!important;overflow:auto!important;}
.trial-steps-v49{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:14px 0 18px!important;}
.trial-steps-v49 span{height:42px!important;border-radius:12px!important;background:#f3f6fb!important;border:1px solid #d8e0ef!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;color:#6b7894!important;}
.trial-steps-v49 span.active{background:#fff2f4!important;border-color:#ff2d4f!important;color:#ff1740!important;box-shadow:0 12px 25px rgba(255,23,64,.13)!important;}
.trial-form-v49{display:block!important;}
.trial-step-v49{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.trial-step-v49.active{display:grid!important;}
.trial-step-v49 .field-full{grid-column:1/-1!important;}
.trial-rule-box-v49{border:1px solid rgba(255,23,64,.20)!important;background:#fff7f8!important;border-radius:14px!important;padding:14px!important;color:#172033!important;}
.trial-rule-box-v49 b{color:#ff1740!important;display:block!important;margin-bottom:5px!important;}
.trial-rule-box-v49 p{margin:0!important;font-size:14px!important;line-height:1.45!important;}
.trial-actions-v49{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:6px!important;}
.trial-message-v49{padding:12px 14px!important;border-radius:12px!important;font-weight:800!important;background:#fff2f4!important;color:#d31230!important;border:1px solid rgba(255,23,64,.22)!important;}
.trial-message-v49.ok{background:#ecfff5!important;color:#087b46!important;border-color:rgba(12,170,94,.25)!important;}
.trial-success-v49{grid-column:1/-1!important;text-align:center!important;padding:25px!important;background:#f8fbff!important;border:1px solid #dde6f3!important;border-radius:18px!important;}
.trial-success-v49 code{display:inline-flex!important;margin:12px 0!important;padding:12px 18px!important;border-radius:12px!important;background:#111827!important;color:#fff!important;font-weight:950!important;font-size:20px!important;letter-spacing:.04em!important;}
@media(max-width:760px){.trial-step-v49{grid-template-columns:1fr!important}.trial-steps-v49{grid-template-columns:1fr!important}.trial-actions-v49{flex-direction:column!important}.trial-actions-v49 .btn,.trial-actions-v49 button{width:100%!important}}


/* ============================================================
   V51 - Popup oficial largo para licença teste 24h
   Cadastro completo + IP no mesmo formulário
   ============================================================ */
.trial-modal-v51.is-open{display:flex!important;}
.trial-modal-box-v51{
  max-width:1180px!important;
  width:min(1180px,calc(100% - 34px))!important;
  max-height:92vh!important;
  overflow:auto!important;
  padding:34px!important;
  border-radius:26px!important;
}
.trial-head-v51{
  display:grid!important;
  grid-template-columns:190px 1fr!important;
  gap:24px!important;
  align-items:center!important;
  margin-bottom:22px!important;
}
.trial-head-logo-v51{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:150px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ffffff,#fff2f4)!important;
  border:1px solid rgba(255,23,64,.16)!important;
  box-shadow:0 18px 42px rgba(255,23,64,.09)!important;
}
.trial-head-logo-v51 img{max-width:145px!important;height:auto!important;}
.trial-badge-v51{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#fff2f4!important;
  border:1px solid rgba(255,23,64,.25)!important;
  color:#ff1740!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:10px!important;
}
.trial-head-v51 h3{
  margin:0!important;
  font-size:34px!important;
  line-height:1!important;
  color:#08111f!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
.trial-head-v51 p{
  margin:12px 0 0!important;
  max-width:720px!important;
  color:#667085!important;
  line-height:1.45!important;
  font-size:15px!important;
}
.trial-grid-v51{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
.trial-panel-v51{
  padding:18px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid #dce5f3!important;
  box-shadow:0 18px 40px rgba(15,23,42,.06)!important;
}
.trial-vps-panel-v51{grid-column:1/-1!important;}
.trial-fields-v51{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
.trial-fields-v51 .field-full{grid-column:1/-1!important;}
.trial-fields-v51 label span,
.trial-terms-v51 span{font-weight:800!important;color:#172033!important;}
.trial-rule-box-v51{margin-top:12px!important;}
.trial-terms-v51{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:18px 0 8px!important;
  padding:13px 16px!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  border:1px solid #dce5f3!important;
}
.trial-actions-v51{margin-top:15px!important;}
.trial-actions-v51 .login-submit{
  min-width:340px!important;
  height:54px!important;
  font-size:15px!important;
}
.trial-message-v51{margin-top:12px!important;text-align:center!important;}
.trial-success-v51{margin-top:16px!important;}
@media(max-width:980px){
  .trial-head-v51{grid-template-columns:1fr!important;text-align:center!important;}
  .trial-head-v51 p{margin-left:auto!important;margin-right:auto!important;}
  .trial-grid-v51{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  .trial-modal-box-v51{padding:22px!important;width:calc(100% - 18px)!important;}
  .trial-fields-v51{grid-template-columns:1fr!important;}
  .trial-head-v51 h3{font-size:28px!important;}
  .trial-actions-v51 .login-submit{min-width:0!important;width:100%!important;}
}


/* ============================================================
   V52 - Popup de licença teste no mesmo padrão do cadastro oficial
   ============================================================ */
.trial-modal-v52.is-open{
  display:flex!important;
}
.trial-modal-box-v52{
  width:min(760px, calc(100vw - 32px))!important;
  max-width:760px!important;
  max-height:92vh!important;
  overflow:auto!important;
  padding:34px!important;
  border-radius:28px!important;
}
.trial-modal-box-v52 .trial-auth-head-v52{
  margin-bottom:22px!important;
}
.trial-modal-box-v52 .trial-auth-head-v52 p{
  max-width:520px!important;
}
.trial-official-form-v52.is-active{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px 18px!important;
}
.trial-official-form-v52 .register-section-title{
  grid-column:1 / -1!important;
}
.trial-official-form-v52 .field-full{
  grid-column:1 / -1!important;
}
.trial-section-vps-title-v52 strong{
  color:#ff243e!important;
}
.trial-info-official-v52{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin:2px 0 0!important;
}
.trial-info-official-v52 > div{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  column-gap:10px!important;
  align-items:start!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:#fff7f8!important;
  border:1px solid rgba(255,36,62,.16)!important;
}
.trial-info-official-v52 i{
  grid-row:1 / span 2!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#ff243e!important;
  background:rgba(255,36,62,.09)!important;
}
.trial-info-official-v52 strong{
  color:#111827!important;
  font-size:13px!important;
  line-height:1.1!important;
}
.trial-info-official-v52 span{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  margin-top:4px!important;
}
.trial-official-form-v52 .trial-message-v51{
  margin-top:0!important;
  text-align:center!important;
}
.trial-official-form-v52 .trial-success-v51{
  margin-top:0!important;
}
@media(max-width:760px){
  .trial-modal-box-v52{
    width:min(470px, calc(100vw - 28px))!important;
    padding:26px!important;
  }
  .trial-official-form-v52.is-active,
  .trial-info-official-v52{
    grid-template-columns:1fr!important;
  }
  .trial-official-form-v52 .field-full,
  .trial-official-form-v52 .register-section-title{
    grid-column:1!important;
  }
}


/* ============================================================
   V54 - Padronização campos contato no cadastro normal/teste
   E-mail + WhatsApp na mesma linha; Discord abaixo no lugar antigo
   ============================================================ */
.itz-register-panel--wide .field-half,
.trial-official-form-v52 .field-half{
  grid-column:auto !important;
}

.itz-register-panel--wide .field-email,
.trial-official-form-v52 .field-email{
  grid-column:1 / 2 !important;
}

.itz-register-panel--wide .field-whatsapp,
.trial-official-form-v52 .field-whatsapp{
  grid-column:2 / 3 !important;
}

.itz-register-panel--wide .field-discord,
.trial-official-form-v52 .field-discord{
  grid-column:1 / 2 !important;
}

@media(max-width:760px){
  .itz-register-panel--wide .field-email,
  .itz-register-panel--wide .field-whatsapp,
  .itz-register-panel--wide .field-discord,
  .trial-official-form-v52 .field-email,
  .trial-official-form-v52 .field-whatsapp,
  .trial-official-form-v52 .field-discord{
    grid-column:1 !important;
  }
}

/* ============================================================
   V55 - Correção FORÇADA layout contato cadastro/teste
   E-mail + WhatsApp na mesma linha; Discord abaixo na esquerda
   Corrige regra antiga label:nth-child(6) que forçava WhatsApp full.
   ============================================================ */
.itz-register-panel.itz-register-panel--wide.is-active label.field-email,
.itz-modal__box--light.register-mode .itz-register-panel.itz-register-panel--wide.is-active label.field-email,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-email{
  grid-column:1 / 2 !important;
  width:100% !important;
}

.itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp,
.itz-modal__box--light.register-mode .itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-whatsapp,
.itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp:nth-child(n),
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-whatsapp:nth-child(n){
  grid-column:2 / 3 !important;
  width:100% !important;
}

.itz-register-panel.itz-register-panel--wide.is-active label.field-discord,
.itz-modal__box--light.register-mode .itz-register-panel.itz-register-panel--wide.is-active label.field-discord,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-discord{
  grid-column:1 / 2 !important;
  width:100% !important;
}

.itz-register-panel.itz-register-panel--wide.is-active label.field-email .input-icon,
.itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp .input-icon,
.itz-register-panel.itz-register-panel--wide.is-active label.field-discord .input-icon,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-email .input-icon,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-whatsapp .input-icon,
.trial-modal-box-v52 .trial-official-form-v52.is-active label.field-discord .input-icon{
  width:100% !important;
}

@media(max-width:760px){
  .itz-register-panel.itz-register-panel--wide.is-active label.field-email,
  .itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp,
  .itz-register-panel.itz-register-panel--wide.is-active label.field-discord,
  .trial-modal-box-v52 .trial-official-form-v52.is-active label.field-email,
  .trial-modal-box-v52 .trial-official-form-v52.is-active label.field-whatsapp,
  .trial-modal-box-v52 .trial-official-form-v52.is-active label.field-discord,
  .itz-register-panel.itz-register-panel--wide.is-active label.field-whatsapp:nth-child(n),
  .trial-modal-box-v52 .trial-official-form-v52.is-active label.field-whatsapp:nth-child(n){
    grid-column:1 / -1 !important;
  }
}


/* V62 - Popup de detalhes MuServer 60 FPS com vídeo demonstrativo */
.product-detail-modal-v62.is-open{
  display:flex!important;
}
.product-detail-box-v62{
  width:min(1080px,calc(100% - 28px))!important;
  max-width:1080px!important;
  max-height:92vh!important;
  overflow:auto!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid rgba(255,23,64,.16)!important;
  box-shadow:0 30px 90px rgba(9,19,40,.18),0 0 0 1px rgba(255,255,255,.65) inset!important;
  padding:34px!important;
  color:#101827!important;
}
.product-detail-close-v62{
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:0 10px 25px rgba(15,23,42,.14)!important;
}
.product-detail-head-v62{
  text-align:center!important;
  max-width:760px!important;
  margin:0 auto 22px!important;
}
.product-detail-head-v62 img{
  width:155px!important;
  max-width:45%!important;
  height:auto!important;
  display:block!important;
  margin:0 auto 14px!important;
}
.product-detail-head-v62 span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#fff2f4!important;
  border:1px solid rgba(255,23,64,.20)!important;
  color:#ff1740!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:12px!important;
}
.product-detail-head-v62 h3{
  margin:0!important;
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:950!important;
  color:#101827!important;
}
.product-detail-head-v62 p{
  margin:12px auto 0!important;
  max-width:660px!important;
  color:#607089!important;
  font-weight:600!important;
  line-height:1.55!important;
}
.product-detail-video-v62{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#0b1220!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 24px 55px rgba(15,23,42,.18)!important;
  margin:0 auto 24px!important;
  max-width:940px!important;
}
.product-detail-video-v62 video{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  background:#0b1220!important;
}
.product-detail-info-v62{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:8px!important;
}
.product-detail-info-v62 article{
  border-radius:18px!important;
  border:1px solid #dde6f3!important;
  background:#fff!important;
  padding:18px!important;
  box-shadow:0 14px 35px rgba(15,23,42,.07)!important;
}
.product-detail-info-v62 i{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff2f4!important;
  color:#ff1740!important;
  border:1px solid rgba(255,23,64,.18)!important;
  margin-bottom:12px!important;
  font-size:18px!important;
}
.product-detail-info-v62 strong{
  display:block!important;
  color:#111827!important;
  font-size:16px!important;
  font-weight:950!important;
  margin-bottom:7px!important;
}
.product-detail-info-v62 p{
  margin:0!important;
  color:#5f6f88!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.product-detail-actions-v62{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin-top:24px!important;
  flex-wrap:wrap!important;
}
.product-detail-actions-v62 .login-submit{
  width:auto!important;
  min-width:280px!important;
  padding:15px 28px!important;
}
.btn-detail-secondary-v62{
  border:1px solid #dde6f3!important;
  background:#fff!important;
  color:#20304a!important;
  border-radius:15px!important;
  font-weight:900!important;
  padding:15px 26px!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
@media(max-width:900px){
  .product-detail-info-v62{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .product-detail-head-v62 h3{font-size:28px!important;}
}
@media(max-width:620px){
  .product-detail-box-v62{padding:22px!important;width:calc(100% - 18px)!important;}
  .product-detail-info-v62{grid-template-columns:1fr!important;}
  .product-detail-actions-v62 .login-submit,.btn-detail-secondary-v62{width:100%!important;min-width:0!important;}
}


/* V63 - Popup +Detalhe 60 FPS com informações extraídas da referência */
.product-detail-demo-placeholder-v63{
  background:radial-gradient(circle at 50% 40%,rgba(255,23,64,.18),rgba(15,23,42,.98) 62%,#0b1220 100%)!important;
  min-height:330px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.product-detail-demo-inner-v63{
  width:100%!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px!important;
  color:#fff!important;
  position:relative!important;
}
.product-detail-demo-inner-v63:before{
  content:""!important;
  position:absolute!important;
  inset:22px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  pointer-events:none!important;
}
.product-detail-demo-inner-v63 img{
  max-width:360px!important;
  width:42%!important;
  min-width:220px!important;
  height:auto!important;
  margin-bottom:18px!important;
  filter:drop-shadow(0 0 26px rgba(255,23,64,.35))!important;
}
.product-detail-demo-inner-v63 strong{
  font-size:28px!important;
  line-height:1.1!important;
  font-weight:950!important;
  text-shadow:0 10px 25px rgba(0,0,0,.35)!important;
}
.product-detail-demo-inner-v63 p{
  margin:10px 0 18px!important;
  color:rgba(255,255,255,.72)!important;
  font-weight:700!important;
}
.product-detail-demo-inner-v63 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:999px!important;
  padding:12px 20px!important;
  background:#ff1740!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 16px 32px rgba(255,23,64,.35)!important;
}
.product-detail-section-title-v63{
  text-align:center!important;
  margin:6px 0 18px!important;
}
.product-detail-section-title-v63 span{
  display:inline-flex!important;
  border-radius:999px!important;
  padding:8px 15px!important;
  background:#fff2f4!important;
  color:#ff1740!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border:1px solid rgba(255,23,64,.16)!important;
}
.product-detail-section-title-v63 h4{
  margin:10px 0 0!important;
  font-size:24px!important;
  line-height:1.15!important;
  color:#101827!important;
  font-weight:950!important;
}
.product-detail-info-v63{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.product-detail-info-v63 article{
  padding:16px!important;
}
.product-detail-info-v63 article strong{
  font-size:15px!important;
}
.product-detail-info-v63 article p{
  font-size:13px!important;
  line-height:1.45!important;
}
@media (max-width:1100px){
  .product-detail-info-v63{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:680px){
  .product-detail-info-v63{grid-template-columns:1fr!important;}
  .product-detail-demo-placeholder-v63,.product-detail-demo-inner-v63{min-height:260px!important;}
  .product-detail-demo-inner-v63 strong{font-size:22px!important;}
}

/* V64 - Popup +Detalhe 60 FPS com vídeo placeholder e ficha completa */
.product-detail-modal-v64.is-open{display:flex!important;}
.product-detail-box-v64{
  width:min(1180px,calc(100% - 30px))!important;
  max-width:1180px!important;
  padding:30px!important;
}
.product-detail-head-v64{margin-bottom:20px!important;}
.product-detail-video-v64{
  max-width:980px!important;
  margin:0 auto 18px!important;
  aspect-ratio:16/9!important;
}
.product-detail-video-v64 iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#0b1220!important;
}
.product-detail-price-v64{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 auto 22px!important;
  max-width:980px!important;
}
.product-detail-price-v64 div{
  border:1px solid rgba(255,23,64,.16)!important;
  background:linear-gradient(180deg,#fff,#fff6f8)!important;
  border-radius:18px!important;
  padding:16px 18px!important;
  box-shadow:0 14px 35px rgba(15,23,42,.06)!important;
}
.product-detail-price-v64 small{
  display:block!important;
  color:#728199!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  margin-bottom:6px!important;
}
.product-detail-price-v64 strong{
  display:block!important;
  color:#101827!important;
  font-size:20px!important;
  font-weight:950!important;
}
.product-detail-section-v64{
  border:1px solid #dde6f3!important;
  background:#fff!important;
  border-radius:20px!important;
  padding:18px!important;
  margin:14px 0!important;
  box-shadow:0 14px 38px rgba(15,23,42,.055)!important;
}
.product-detail-section-head-v64{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.product-detail-section-head-v64 i{
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff2f4!important;
  color:#ff1740!important;
  border:1px solid rgba(255,23,64,.18)!important;
}
.product-detail-section-head-v64 h4{
  margin:0!important;
  color:#101827!important;
  font-size:20px!important;
  font-weight:950!important;
}
.product-detail-table-v64{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.product-detail-table-v64 div,
.product-detail-command-grid-v64 div{
  border:1px solid #e5edf7!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  padding:12px 14px!important;
}
.product-detail-table-v64 strong,
.product-detail-command-grid-v64 strong{
  display:block!important;
  color:#101827!important;
  font-size:13px!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}
.product-detail-table-v64 span,
.product-detail-command-grid-v64 span{
  color:#607089!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.product-detail-tags-v64,
.product-detail-list-v64{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.product-detail-tags-v64 span,
.product-detail-list-v64 span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  border-radius:999px!important;
  border:1px solid #e5edf7!important;
  background:#f8fbff!important;
  color:#263750!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  padding:8px 12px!important;
}
.product-detail-list-cols-v64{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.product-detail-list-cols-v64 span{
  border-radius:12px!important;
  justify-content:flex-start!important;
  min-height:40px!important;
}
.product-detail-command-grid-v64{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.product-detail-note-v64{
  margin:12px 0 0!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  background:#fff2f4!important;
  color:#7a2638!important;
  font-size:13px!important;
  font-weight:800!important;
}
.product-detail-actions-v64{
  position:sticky!important;
  bottom:-30px!important;
  background:linear-gradient(180deg,rgba(248,251,255,.15),#f8fbff 35%,#f8fbff)!important;
  padding:18px 0 0!important;
  margin-top:18px!important;
}
.product-detail-cart-v64{
  border:0!important;
  background:#101827!important;
  color:#fff!important;
  border-radius:15px!important;
  font-weight:950!important;
  padding:15px 26px!important;
  cursor:pointer!important;
  box-shadow:0 16px 34px rgba(15,23,42,.18)!important;
}
.product-detail-cart-v64 i{margin-right:7px!important;}
@media(max-width:960px){
  .product-detail-price-v64{grid-template-columns:1fr!important;}
  .product-detail-list-cols-v64{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .product-detail-command-grid-v64,.product-detail-table-v64{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .product-detail-box-v64{padding:20px!important;}
  .product-detail-list-cols-v64{grid-template-columns:1fr!important;}
  .product-detail-video-v64{border-radius:16px!important;}
}

/* V65 - botão +Detalhe do card MuOnline usando o mesmo popup do 60 FPS */
.details-link--button{background:transparent!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;font-family:inherit!important;height:42px!important;min-width:0!important;color:#fff!important}.details-link--button i{margin-right:4px!important}.product-card .details-link--button{justify-content:center!important}