/* ER8 — Galeria imersiva de avaliacoes (camada de apresentacao sobre spmgsnipreview).
   So estilo; namespaced .erv* para nao colidir com o tema/modulo. */
.erv{position:relative;--ink:#1d2f6a;--blue:#1860A3;--gold:#f6b73c;--g1:#23a84e;color:#fff;font-family:inherit;
 background:radial-gradient(120% 90% at 50% -10%,#1b2a55,#0a0f22 60%,#070b18);border-radius:22px;overflow:hidden;padding:30px 20px 56px;margin:6px 0 10px}
.erv *{box-sizing:border-box}
.erv-aurora{position:absolute;inset:-25%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.5;
 background:radial-gradient(40% 40% at 25% 30%,rgba(24,96,163,.55),transparent 70%),radial-gradient(45% 45% at 78% 22%,rgba(246,183,60,.30),transparent 70%),radial-gradient(50% 50% at 60% 80%,rgba(35,168,78,.30),transparent 70%);
 animation:erv-aur 16s ease-in-out infinite alternate}
@keyframes erv-aur{0%{transform:translate(-4%,-3%) scale(1)}50%{transform:translate(5%,4%) scale(1.12)}100%{transform:translate(-3%,5%) scale(1.05)}}
.erv-sky{position:absolute;inset:0;pointer-events:none;z-index:1;transition:transform .25s ease-out}
.erv-sky i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.5;animation:erv-tw 4s infinite}@keyframes erv-tw{50%{opacity:.05}}
.erv-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto}
.erv-hero{text-align:center;padding:6px 0 18px}
.erv-hero .erv-lab{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#9fb3e0;font-weight:700}
.erv-hero .erv-big{font-size:72px;font-weight:900;line-height:1;background:linear-gradient(180deg,#fff,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 50px rgba(246,183,60,.35)}
.erv-hero .erv-st{font-size:26px;color:var(--gold);letter-spacing:3px;filter:drop-shadow(0 2px 10px rgba(246,183,60,.5))}
.erv-hero .erv-sub{color:#cdd8f0;font-size:14px;margin-top:8px}.erv-hero .erv-sub b{color:#fff}
.erv-dist{max-width:340px;margin:16px auto 0;display:flex;flex-direction:column;gap:5px}
.erv-dist .erv-row{display:flex;align-items:center;gap:9px;font-size:11px;color:#aebbdd}
.erv-dist .erv-row .erv-rl{width:26px;text-align:right;color:var(--gold);font-weight:700}
.erv-dist .erv-bar{flex:1;height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.erv-dist .erv-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--gold),#ffd96b);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.erv-dist .erv-row .erv-pc{width:34px;color:#8ea3cf}
.erv-chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:22px 0 6px}
.erv-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#cdd8f0;border-radius:99px;padding:8px 16px;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:.25s}
.erv-chip:hover{border-color:rgba(246,183,60,.6);color:#fff}
.erv-chip.on{background:linear-gradient(135deg,var(--gold),#e09a2e);color:#1a1300;border-color:transparent;box-shadow:0 8px 22px rgba(246,183,60,.4)}
.erv-gal{display:grid;gap:14px;margin-top:14px;grid-auto-flow:dense}
.erv-tile{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 16px 38px rgba(0,0,0,.45);background:linear-gradient(135deg,#1860A3,#1d2f6a);transform-style:preserve-3d;opacity:0}
.erv-gal.in .erv-tile{animation:erv-rev .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes erv-rev{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}
.erv-tile.c1{background:linear-gradient(135deg,#2a6fb0,#16306e)}.erv-tile.c2{background:linear-gradient(135deg,#3a4f8f,#10204d)}.erv-tile.c3{background:linear-gradient(135deg,#1f5a8c,#0d2350)}
.erv-tile.feat{grid-column:span 2;grid-row:span 2}
.erv-tile.smooth{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.erv-tile .erv-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.erv-tile:hover{box-shadow:0 28px 64px rgba(24,96,163,.5),0 0 0 2px rgba(246,183,60,.65);z-index:5}
.erv-tile:hover .erv-img{transform:scale(1.12)}
.erv-tile .erv-shine{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(220px 220px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.32),transparent 60%);mix-blend-mode:overlay}
.erv-tile.lit .erv-shine{opacity:1}
.erv-tile.spot{animation:erv-spot 1.4s ease}@keyframes erv-spot{0%,100%{box-shadow:0 16px 38px rgba(0,0,0,.45)}40%{box-shadow:0 0 0 3px var(--gold),0 22px 60px rgba(246,183,60,.55)}}
.erv-tile .erv-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,28,.10),transparent 36%,transparent 52%,rgba(8,12,28,.93))}
.erv-tile .erv-ov{position:absolute;left:11px;right:11px;bottom:10px;transform:translateZ(30px)}
.erv-tile .erv-ov .erv-nm{font-size:11.5px;font-weight:800;display:flex;align-items:center;gap:5px;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.erv-tile .erv-ov .erv-q{font-size:11px;opacity:.95;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 5px rgba(0,0,0,.7)}
.erv-tile.feat .erv-ov .erv-q{-webkit-line-clamp:4;font-size:12.5px}.erv-tile.feat .erv-ov .erv-nm{font-size:13px}
.erv-tile .erv-stars{position:absolute;top:9px;left:10px;font-size:12px;color:var(--gold);letter-spacing:1px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));transform:translateZ(30px)}
.erv-tile .erv-vf{position:absolute;top:8px;right:9px;display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.42);backdrop-filter:blur(5px);border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700;color:#7fe0a3;transform:translateZ(30px)}
.erv-tile .erv-vf svg{width:11px;height:11px;fill:#7fe0a3}
.erv-write{display:block;margin:30px auto 0;background:linear-gradient(135deg,var(--g1),#1c8f42);color:#fff;border:0;border-radius:14px;padding:14px 32px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 12px 30px rgba(31,157,71,.4)}
.erv-note{text-align:center;color:#6b7aa0;font-size:11px;margin-top:18px}
/* lightbox */
.erv-lb{position:fixed;inset:0;z-index:99999;background:rgba(5,8,18,.85);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.erv-lb.on{display:flex;animation:erv-lbf .3s both}@keyframes erv-lbf{from{opacity:0}to{opacity:1}}
.erv-lb .erv-box{position:relative;display:flex;max-width:840px;width:100%;background:#0f1733;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6);animation:erv-lbz .4s cubic-bezier(.2,.9,.3,1) both}@keyframes erv-lbz{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.erv-lb .erv-ph{flex:1;min-height:340px;background-size:cover;background-position:center;background-color:#13224d}
.erv-lb .erv-side{flex:1;padding:26px;display:flex;flex-direction:column;color:#fff}
.erv-lb .erv-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;background:linear-gradient(135deg,var(--gold),#e09a2e);font-size:17px;color:#1a1300}
.erv-lb .erv-lnm{font-size:17px;font-weight:800;margin-top:11px}.erv-lb .erv-lmeta{color:#9fb3e0;font-size:12px;display:flex;align-items:center;gap:5px}
.erv-lb .erv-lmeta .erv-vf{color:#7fe0a3;font-weight:700;display:inline-flex;align-items:center;gap:3px}.erv-lb .erv-lmeta .erv-vf svg{width:12px;height:12px;fill:#7fe0a3}
.erv-lb .erv-lst{font-size:22px;color:var(--gold);margin:11px 0;letter-spacing:2px}.erv-lb .erv-lq{font-size:16px;line-height:1.55;color:#eaf0ff}
.erv-lb .erv-close{position:absolute;top:14px;right:18px;font-size:30px;color:#fff;cursor:pointer;opacity:.85;z-index:3;line-height:1}
.erv-lb .erv-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4}
.erv-lb .erv-nav.pv{left:-58px}.erv-lb .erv-nav.nx{right:-58px}
.erv-lb .erv-react{margin-top:auto;display:flex;gap:10px;padding-top:18px}.erv-lb .erv-react span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:13px;color:#fff}
@media(max-width:760px){.erv-lb .erv-box{flex-direction:column;max-height:90vh;overflow:auto}.erv-lb .erv-ph{min-height:230px}.erv-lb .erv-nav.pv{left:8px}.erv-lb .erv-nav.nx{right:8px}.erv-lb .erv-nav{background:rgba(0,0,0,.6)}.erv-hero .erv-big{font-size:60px}}
.erv-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px;z-index:6}
.erv-chip:focus-visible,.erv-write:focus-visible,.erv-lb .erv-nav:focus-visible,.erv-lb .erv-close:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* acessibilidade: respeitar quem pede menos movimento */
@media(prefers-reduced-motion:reduce){
 .erv-aurora,.erv-sky i{animation:none!important}
 .erv-gal.in .erv-tile,.erv-tile{animation:none!important;opacity:1!important}
 .erv-tile .erv-img,.erv-tile{transition:none!important}
 .erv-lb.on,.erv-lb .erv-box{animation:none!important}
}

/* ===================== Form de avaliacao imersivo (restyle do #add-review-block do spmgsnipreview) ===================== */
/* esconder restos do modulo quando a galeria esta ativa (CSS !important vence o inline display:block do modulo) */
#shopify-product-reviews.erv-on #no-customers-reviews,
#shopify-product-reviews.erv-on .spr-summary-actions,
#shopify-product-reviews.erv-on .total-info-tool-product-page,
#shopify-product-reviews.erv-on .filter-reviews-spmgsnipreview,
#shopify-product-reviews.erv-on .spr-header,
#shopify-product-reviews.erv-on .spr-summary,
#shopify-product-reviews.erv-on .advertise-text-review,
#shopify-product-reviews.erv-on #clear-search-reviews,
#shopify-product-reviews.erv-on #clear-rating-reviews,
#shopify-product-reviews.erv-on .spr-container > .text-align-center { display:none !important; }

/* painel do formulario */
#add-review-block{
  background:radial-gradient(120% 90% at 50% -10%,#1b2a55,#0a0f22 60%,#070b18) !important;
  border-radius:22px !important; padding:30px 26px 32px !important; margin:18px 0 !important;
  color:#eaf0ff !important; box-shadow:0 18px 44px rgba(8,12,28,.28) !important; border:1px solid rgba(255,255,255,.08) !important;
}
#add-review-block .title-form{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
#add-review-block h2, #add-review-block h3, #add-review-block .title-form b, #add-review-block label, #add-review-block p, #add-review-block span{ color:#eaf0ff; }
#add-review-block label{ font-weight:700; font-size:13px; display:block; margin:14px 0 6px; letter-spacing:.2px; }
#add-review-block .required{ color:#f6b73c; }
#add-review-block input[type=text], #add-review-block input[type=email], #add-review-block textarea{
  width:100% !important; background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px !important; color:#fff !important; padding:12px 14px !important; font-size:14px !important; outline:none; transition:.2s;
}
#add-review-block input[type=text]:focus, #add-review-block input[type=email]:focus, #add-review-block textarea:focus{
  border-color:#f6b73c !important; background:rgba(255,255,255,.10) !important; box-shadow:0 0 0 3px rgba(246,183,60,.18) !important;
}
#add-review-block textarea{ min-height:120px; resize:vertical; }
#add-review-block ::placeholder{ color:#9fb3e0; opacity:1; }
/* estrelas de rating */
#add-review-block .rat{ display:inline-flex; gap:5px; align-items:center; }
#add-review-block .rat img{ width:30px !important; height:30px !important; cursor:pointer; transition:transform .12s; }
#add-review-block .rat img:hover{ transform:scale(1.15); }
#add-review-block .rating-stars-dynamic{ margin:4px 0; }
/* upload de imagens -> dropzone */
#add-review-block input[type=file]{
  width:100% !important; border:2px dashed rgba(246,183,60,.55) !important; border-radius:14px !important;
  background:rgba(255,255,255,.04) !important; padding:18px !important; cursor:pointer; color:#cdd8f0 !important; font-size:13px;
}
#add-review-block .avatar-guid, #add-review-block .testimonials-input ~ *{ color:#9fb3e0; font-size:12px; }
/* botoes */
#add-review-block .btn-spmgsnipreview, #add-review-block input[type=submit], #add-review-block button[type=submit], #add-review-block .btn-primary-spmgsnipreview{
  background:linear-gradient(135deg,#23a84e,#1c8f42) !important; color:#fff !important; border:0 !important;
  border-radius:12px !important; padding:13px 28px !important; font-weight:700 !important; font-size:14px !important; cursor:pointer !important;
  box-shadow:0 12px 28px rgba(31,157,71,.36) !important; transition:.2s; text-decoration:none; display:inline-block;
}
#add-review-block .btn-spmgsnipreview:hover{ transform:translateY(-2px); filter:brightness(1.05); }
#add-review-block input[type=button].title-form-text-right{ background:rgba(255,255,255,.12) !important; box-shadow:none !important; padding:8px 16px !important; }
/* caixa de login (visitante nao autenticado) */
#add-review-block .no-registered{ text-align:center; padding:16px 8px; }
#add-review-block .text-no-reg{ color:#eaf0ff !important; font-size:15px; margin-bottom:16px; }
#add-review-block .no-reg-button a{ background:linear-gradient(135deg,#1860A3,#1d2f6a) !important; }
/* erros */
#add-review-block .errorTxtAdd{ color:#ff9b9b !important; font-size:12px; margin-top:4px; }

/* tornar transparentes os wrappers brancos do modulo dentro do painel imersivo (fundos brancos do modulo) */
#add-review-block .no-registered,
#add-review-block #add-review-form-review,
#add-review-block #body-add-review-form-review,
#add-review-block fieldset,
#add-review-block .spr-form,
#add-review-block .review-form-block,
#add-review-block .advertise-text-review{ background:transparent !important; border-color:rgba(255,255,255,.12) !important; }

/* ER8 lightbox fix B+D: sem linha branca (borda) na imagem + lightbox sempre acima da barra fixa/combos */
.erv-lb{ z-index:2147483600 !important; }
.erv-lb .erv-box{ border:0 !important; }
.erv-lb .erv-ph{ background-color:#0f1733 !important; }

/* vinheta lightbox: funde as extremidades claras da foto do produto no painel escuro (sem linhas/fundo branco) */
.erv-lb .erv-ph{ position:relative; box-shadow: inset 0 0 55px 22px rgba(15,23,51,.62); }
.erv-lb .erv-ph::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(15,23,51,.55) 0%, transparent 20%, transparent 80%, rgba(15,23,51,.55) 100%),
    linear-gradient(90deg, rgba(15,23,51,.5) 0%, transparent 16%, transparent 84%, rgba(15,23,51,.5) 100%); }
@media(max-width:760px){ .erv-lb .erv-ph::after{ background:linear-gradient(180deg, rgba(15,23,51,.55) 0%, transparent 22%, transparent 72%, rgba(15,23,51,.65) 100%); } }

/* ===== Estado vazio (0 reviews): layout novo, nunca o antigo ===== */
.erv-empty .erv-inner{min-height:320px;display:flex;align-items:center;justify-content:center}
.erv-empty .erv-hero{text-align:center;max-width:540px;padding:30px 20px}
.erv-emptyico{font-size:54px;line-height:1;color:#f6b73c;filter:drop-shadow(0 8px 22px rgba(246,183,60,.55));margin:4px 0 6px;display:inline-block;opacity:0;transform:translateY(16px) scale(.78);transition:.6s cubic-bezier(.2,.8,.2,1)}
.erv-empty.in .erv-emptyico{opacity:1;transform:none;animation:erv-emptypulse 3.4s ease-in-out 1.2s infinite}
@keyframes erv-emptypulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.erv-emptytit{font-size:25px;font-weight:800;color:#fff;margin:8px 0 6px;opacity:0;transform:translateY(16px);transition:.6s .1s cubic-bezier(.2,.8,.2,1)}
.erv-empty.in .erv-emptytit{opacity:1;transform:none}
.erv-emptysub{font-size:15px;color:rgba(255,255,255,.82);line-height:1.55;margin:0 auto 22px;max-width:430px;opacity:0;transform:translateY(16px);transition:.6s .2s cubic-bezier(.2,.8,.2,1)}
.erv-empty.in .erv-emptysub{opacity:1;transform:none}
.erv-empty .erv-write{opacity:0;transform:translateY(16px);transition:.6s .3s cubic-bezier(.2,.8,.2,1)}
.erv-empty.in .erv-write{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.erv-emptyico,.erv-emptytit,.erv-emptysub,.erv-empty .erv-write{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}