/* West Foto — site.css */
:root{
  --navy:#0b233d; --navy2:#173352; --navy3:#1d3d61;
  --tit:#0f2747; --txt:#41506a; --mut:#586579; --linha:#e3eaf3;
  --azul:#0a6cf0; --azul-h:#0057d1; --azul-cl:#e8f1fe;
  --laranja:#fb6a0a; --vermelho:#e30613; --verde:#0b7a3b; --wpp:#0c8740;
  --bg:#fff; --bg-cl:#f2f7fd; --bg-az:#eaf3fc;
  --raio:10px; --sombra:0 6px 22px rgba(15,39,71,.07);
  --f-tit:'Poppins',system-ui,sans-serif; --f-ui:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-ui);font-size:15px;line-height:1.5;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;color:var(--tit);font-family:var(--f-tit)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
svg{flex-shrink:0}
.wrap{width:100%;max-width:1368px;margin:0 auto;padding:0 24px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;font-family:var(--f-ui);font-weight:600;font-size:15px;line-height:1;padding:0 22px;height:48px;transition:background .2s,transform .2s,box-shadow .2s,color .2s,border-color .2s;white-space:nowrap}
.btn svg{width:20px;height:20px}
.btn-lg{height:60px;padding:0 44px;font-size:18px;border-radius:9px}
.btn-lg svg{width:22px;height:22px}
.btn-azul{background:var(--azul);color:#fff;box-shadow:0 6px 16px rgba(10,108,240,.22)}
.btn-azul:hover{background:var(--azul-h);transform:translateY(-1px);box-shadow:0 10px 22px rgba(10,108,240,.3)}
.btn-azul:hover .ico-seta,.btn:hover>svg:last-child{transform:translateX(3px)}
.btn>svg{transition:transform .2s}
.btn-wpp{background:var(--wpp);color:#fff;box-shadow:0 8px 20px rgba(17,168,78,.25)}
.btn-wpp:hover{background:#0c9142;transform:translateY(-1px)}
.btn-wpp:hover>svg:last-child{transform:none}
.btn-wpp-ln{background:#fff;color:var(--verde);border:1.5px solid #5cc68a}
.btn-wpp-ln:hover{background:#ecf9f1;border-color:var(--verde)}
.btn-wpp-ln:hover>svg:last-child{transform:none}

.eyebrow{display:inline-flex;align-items:center;gap:16px;font-family:var(--f-tit);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--tit)}
.eyebrow::before{content:"";width:26px;height:4px;border-radius:2px;background:var(--laranja)}
.eyebrow-claro{color:#fff}

/* ---------- topbar ---------- */
.topbar{background:#f3f7fd;font-size:12.5px;color:#5b6880;border-bottom:1px solid #e6edf6}
.topbar-in{display:flex;align-items:center;justify-content:space-between;height:48px}
.topbar svg{width:18px;height:18px;color:var(--azul)}
.tb-loc,.tb-mid,.tb-dir,.tb-it{display:flex;align-items:center;gap:8px}
.tb-mid,.tb-dir{gap:16px}
.tb-mid b{color:var(--tit);font-weight:700}
.tb-alt{color:var(--azul);font-weight:600;margin-left:6px}
.tb-alt:hover{text-decoration:underline}
.tb-dir a:hover{color:var(--azul)}
.tb-sep{width:1px;height:18px;background:#cdd7e4}

/* ---------- cabeçalho ---------- */
.cab{position:sticky;top:0;z-index:50}
.cab-main{background:var(--navy)}
.cab-in{display:flex;align-items:center;height:98px;gap:24px}
.cab-menu{display:none;background:none;border:0;color:#fff;padding:6px;margin-left:-6px}
.cab-menu svg{width:26px;height:26px}
.cab-logo{flex:0 0 auto;margin-right:12px}
.logo-wf{display:inline-flex;align-items:center;font-family:var(--f-tit);font-weight:600;font-size:34px;letter-spacing:-.04em;color:#fff;line-height:1}
.lw-ico{width:44px;height:44px;margin:0 -1px;transition:transform .6s cubic-bezier(.3,.7,.3,1)}
.cab-logo:hover .lw-ico,.rod-logo:hover .lw-ico{transform:rotate(120deg)}
.busca{flex:1;display:flex;max-width:676px;height:58px;background:#fff;border-radius:8px;overflow:hidden;margin-right:auto;box-shadow:0 0 0 0 rgba(10,108,240,0);transition:box-shadow .2s}
.busca:focus-within{box-shadow:0 0 0 3px rgba(10,108,240,.45)}
.busca input{flex:1;border:0;outline:0;padding:0 22px;font:inherit;font-size:15.5px;color:var(--tit);min-width:0}
.busca input::placeholder{color:#8792a3}
.busca button{width:72px;border:0;background:var(--azul);color:#fff;display:grid;place-items:center;transition:background .2s}
.busca button:hover{background:var(--azul-h)}
.busca button svg{width:26px;height:26px}
.cab-conta,.cab-carrinho{display:flex;align-items:center;gap:14px;color:#fff;line-height:1.25}
.cab-conta small,.cab-carrinho small{display:block;font-size:12.5px;color:#dbe4f0}
.cab-conta b,.cab-carrinho b{display:block;font-size:14.5px;font-weight:600;margin-top:4px}
.cab-conta{padding-right:28px;border-right:1px solid rgba(255,255,255,.14)}
.cc-ico{width:40px;height:40px;color:var(--azul)}
.cab-conta:hover b,.cab-carrinho:hover b{color:#8fc0ff}
.cc-ic{position:relative;display:block}
.cc-ic svg{width:34px;height:34px;color:#fff}
.cc-qt{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;border-radius:11px;background:var(--laranja);color:#fff;font-style:normal;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 5px;transition:transform .25s}
.cc-qt.pulse{animation:pulso .5s}
@keyframes pulso{50%{transform:scale(1.35)}}

.nav{background:var(--navy2);border-top:1px solid rgba(255,255,255,.04)}
.nav-in{display:flex;justify-content:center;gap:4px;height:50px}
.nav-li{position:relative}
.nav-a{display:flex;align-items:center;gap:6px;height:100%;padding:0 26px;color:#fff;font-size:14.5px;font-weight:500;transition:color .2s}
.nav-chev{width:14px;height:14px;transition:transform .2s}
.nav-li:hover .nav-a{color:#8fc0ff}
.nav-li:hover .nav-chev{transform:rotate(180deg)}
.nav-ofertas{color:var(--laranja);font-weight:600}
.nav-li:hover .nav-ofertas{color:#ff8a3d}
.nav-a::after{content:"";position:absolute;left:26px;right:26px;bottom:8px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .25s;transform-origin:left}
.nav-li:hover .nav-a::after{transform:scaleX(1)}
.nav-sub{position:absolute;top:100%;left:6px;min-width:230px;background:#fff;border-radius:10px;box-shadow:0 18px 40px rgba(11,35,61,.18);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.nav-li:hover .nav-sub,.nav-li:focus-within .nav-sub{opacity:1;visibility:visible;transform:none}
.nav-sub a{display:block;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--tit)}
.nav-sub a:hover{background:var(--azul-cl);color:var(--azul)}
.nav-sub .nav-sub-todos{color:var(--azul);font-weight:600;border-top:1px solid var(--linha);margin-top:6px;border-radius:0 0 7px 7px;padding-top:11px}

/* ---------- hero ---------- */
.hero{position:relative;height:564px;overflow:hidden;background:#f6f1ea}
.hero-bg{position:absolute;inset:0;background:url(/imagens/site/hero-nikon-d7500.webp) 78% 58%/cover no-repeat;transform:scale(1.06);animation:heroZoom 1.6s cubic-bezier(.2,.7,.2,1) forwards}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.78) 36%,rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 60%)}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-in{position:relative;height:100%;display:flex;align-items:center}
.hero-txt{max-width:560px;padding-top:4px}
.hero h1{font-size:57px;line-height:1.04;font-weight:700;letter-spacing:-.02em;margin:18px 0 18px}
.hero-txt>p{font-family:var(--f-tit);font-size:19px;line-height:1.42;color:#33435c;max-width:470px}
.hero .btn-lg{margin-top:34px}
.hero-mini{display:flex;gap:44px;margin-top:40px}
.hero-mini li{display:flex;align-items:center;gap:14px;font-size:12.5px;line-height:1.3;color:#5b6880}
.hero-mini svg{width:30px;height:30px;color:var(--tit)}
.hero-tag{position:absolute;right:24px;top:72px;transform:rotate(-8deg);background:var(--laranja);color:#fff;font-family:var(--f-tit);font-weight:700;font-size:22px;line-height:1.12;text-transform:uppercase;text-align:center;padding:24px 34px 22px;clip-path:polygon(2% 8%,10% 2%,22% 6%,36% 1%,52% 5%,68% 0,84% 5%,98% 2%,96% 22%,100% 40%,97% 60%,100% 80%,97% 96%,82% 99%,66% 95%,50% 100%,34% 95%,18% 99%,4% 95%,0 76%,3% 56%,0 36%,3% 18%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));animation:tagIn .8s .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes tagIn{from{opacity:0;transform:rotate(-8deg) scale(.7)}}
/* no computador o selo vai para o canto do banner, fora da câmera */
@media (min-width:861px){
  .hero-in{position:static}
  .hero-txt{position:relative;z-index:1}
  .hero-tag{right:max(16px,1.4vw);top:22px;font-size:19px;padding:20px 28px 18px}
}

/* ---------- categorias ---------- */
.cats{padding:16px 0 30px}
.cats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.cat{position:relative;display:block;background:#fff;border:1px solid #edf1f6;border-radius:var(--raio);overflow:hidden;box-shadow:0 4px 16px rgba(15,39,71,.05);transition:transform .25s,box-shadow .25s}
.cat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,39,71,.12)}
.cat-img{display:block;height:164px;background:linear-gradient(180deg,#f3f3f3,#ececec);overflow:hidden}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat:hover .cat-img img{transform:scale(1.06)}
.cat-txt{display:block;padding:18px 70px 20px 22px}
.cat-txt b{display:block;font-family:var(--f-tit);font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--tit);line-height:1.2}
.cat-txt small{display:block;font-size:12.5px;color:var(--mut);margin-top:3px;white-space:nowrap}
.cat-seta{position:absolute;right:20px;bottom:24px;width:40px;height:40px;border-radius:50%;border:1.5px solid #d6deea;display:grid;place-items:center;color:var(--tit);transition:.25s}
.cat-seta svg{width:17px;height:17px}
.cat:hover .cat-seta{background:var(--azul);border-color:var(--azul);color:#fff}

/* ---------- selos ---------- */
.selos{background:var(--bg-cl)}
.selos-in{display:grid;grid-template-columns:repeat(4,1fr);height:124px;align-items:center}
.selo{display:flex;align-items:center;gap:22px;padding:0 0 0 30px;border-left:1px solid #d9e2ed;height:44px}
.selo:first-child{border-left:0}
.selo>svg{width:44px;height:44px;stroke-width:1.6}
.ic-laranja{color:var(--laranja)} .ic-navy{color:var(--tit)} .ic-azul{color:var(--azul)}
.selo b{display:block;font-size:14.5px;font-weight:600;color:var(--tit)}
.selo small{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}

/* ---------- vitrines ---------- */
.vitrine{background:linear-gradient(180deg,#eaf3fc 0%,#f1f7fd 100%);padding:40px 0 30px}
.sec-cab{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}
.sec-ico{flex:0 0 46px;height:46px;border-radius:8px;background:var(--laranja);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(251,106,10,.25);margin-top:2px}
.sec-ico svg{width:26px;height:26px;stroke-width:2.2}
.sec-cab h2{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.sec-cab p{font-size:15.5px;color:var(--mut);margin-top:4px}
.sec-link{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--azul);font-size:14.5px;font-weight:600;margin-top:10px;white-space:nowrap}
.sec-link svg{width:20px;height:20px;transition:transform .2s}
.sec-link:hover svg{transform:translateX(4px)}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prod{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--raio);padding:20px 22px 22px;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s}
.prod:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,39,71,.12)}
.prod-off{position:absolute;top:18px;left:18px;z-index:2;color:#fff;font-size:13px;font-weight:700;padding:5px 9px;border-radius:4px;letter-spacing:-.01em}
.off-vermelho{background:#ef1c25} .off-laranja{background:var(--laranja)}
.prod-img{display:block;aspect-ratio:576/356;margin:4px -4px 14px}
.vit-mais .prod-img{margin-top:0}
.prod-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s}
.prod:hover .prod-img img{transform:scale(1.05)}
.prod-nome{font-family:var(--f-ui);font-size:17px;font-weight:600;line-height:1.3;color:var(--tit);letter-spacing:-.01em}
.prod-nome a:hover{color:var(--azul)}
.prod-aval{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--mut)}
.estrelas{display:inline-flex;gap:2px;color:#f7931a}
.estrelas svg{width:17px;height:17px}
.prod-de{margin-top:12px;font-size:14px;color:#e2777c}
.prod-por{font-family:var(--f-ui);font-size:30px;font-weight:700;color:var(--vermelho);letter-spacing:-.02em;line-height:1.15}
.vit-mais .prod-por{margin-top:12px}
.prod-parc{font-size:13.5px;color:var(--mut);margin-top:4px}
.prod-est{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--verde);margin-top:6px}
.prod-est::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--verde)}
.prod-add{margin-top:20px;width:100%;height:52px}
.prod-add svg{width:24px;height:24px}
.btn-wpp-ln{margin-top:14px;width:100%;height:52px}
.btn-wpp-ln svg{width:22px;height:22px}
.vit-ofertas{padding-bottom:34px}
.vit-mais{padding:34px 0 36px}
.prod-add.ok{background:var(--verde)}

/* ---------- guia ---------- */
.guia{position:relative;height:386px;overflow:hidden;background:var(--navy)}
.guia-bg{position:absolute;inset:0;background:url(/imagens/site/guia-fotografo.webp) 70% 40%/cover no-repeat}
.guia-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,40,72,.96) 0%,rgba(22,50,88,.86) 32%,rgba(22,50,88,.35) 52%,rgba(0,0,0,0) 66%)}
.guia-in{position:relative;height:100%;display:flex;align-items:center}
.guia-txt{max-width:620px}
.guia h2{color:#fff;font-size:50px;line-height:1.08;font-weight:600;letter-spacing:-.03em;margin:22px 0 18px}
.guia-txt>p{font-family:var(--f-tit);font-size:18px;line-height:1.5;color:#dbe4ef;max-width:500px}
.guia .btn-lg{margin-top:28px;padding:0 34px}
.guia-lista{position:absolute;right:0;top:82px;width:236px;background:rgba(27,45,70,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px 0 0 12px;padding:26px 22px;display:flex;flex-direction:column;gap:20px}
.guia-lista li{display:flex;align-items:center;gap:18px;color:#e7edf5;font-size:14px;line-height:1.25}
.guia-lista svg{width:26px;height:26px;color:#fff}

/* ---------- marcas ---------- */
.marcas{padding:40px 0 34px}
.sec-cab-eyebrow .eyebrow{font-size:14px;letter-spacing:.2em}
.sec-cab-eyebrow p{margin-top:12px}
.marcas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:4px}
.marca{height:116px;border:1px solid #e9eef4;border-radius:var(--raio);background:#fff;display:grid;place-items:center;transition:transform .25s,box-shadow .25s,border-color .25s}
.marca:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,39,71,.09);border-color:#dbe4ef}
.marca span{transition:transform .25s}
.marca:hover span{transform:scale(1.06)}
.mc-sony{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:34px;letter-spacing:.06em;color:#111}
.mc-canon{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:40px;letter-spacing:-.02em;color:#cc0000}
.mc-nikon{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;font-size:36px;letter-spacing:-.04em;color:#111}
.mc-gopro{font-family:var(--f-ui);font-weight:500;font-size:31px;letter-spacing:.02em;color:#111;display:flex;flex-direction:column;align-items:stretch;line-height:1}
.mc-gopro i{display:flex;gap:4px;margin-top:6px}
.mc-gopro i b{flex:1;height:14px;background:#11a1e3}
.mc-gopro i b:nth-child(3){background:#0565b6} .mc-gopro i b:nth-child(4){background:#d6d6d6}
.mc-dji{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;font-size:44px;letter-spacing:-.06em;color:#222;line-height:1}

/* ---------- especialista ---------- */
.esp{position:relative;height:404px;background:#f5f8fc;overflow:hidden;margin-top:12px}
.esp-foto{position:absolute;left:0;top:0;bottom:0;width:48%;background:url(/imagens/site/especialista-west-foto.webp) 30% 20%/cover no-repeat}
.esp-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,248,252,0) 60%,rgba(245,248,252,.85) 88%,#f5f8fc 100%)}
.esp-in{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end}
.esp-txt{width:50%;padding-left:4px}
.esp h2{font-size:41px;line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:22px 0 10px}
.esp-txt>p{font-family:var(--f-tit);font-size:18.5px;line-height:1.45;color:#5b6880;max-width:620px}
.esp .btn-lg{margin-top:20px;padding:0 36px;font-size:19px;height:66px}
.esp .btn-lg svg{width:30px;height:30px}
.esp-mini{display:flex;gap:28px;margin-top:22px}
.esp-mini li{display:flex;align-items:center;gap:12px;font-size:12.5px;color:#5b6880}
.esp-mini svg{width:26px;height:26px;color:var(--tit)}

/* ---------- depoimentos + news ---------- */
.dn{background:var(--bg-cl);padding:14px 0 36px}
.dn-in{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.dn-card{background:#fff;border:1px solid #edf1f6;border-radius:12px;padding:24px 30px 24px;box-shadow:0 4px 16px rgba(15,39,71,.04)}
.dn-tit{display:flex;align-items:flex-start;gap:20px}
.dn-ico{flex:0 0 46px;height:46px;border-radius:10px;background:var(--azul-cl);color:var(--tit);display:grid;place-items:center}
.dn-ico svg{width:30px;height:30px}
.news .dn-ico{color:var(--azul)}
.dn-tit h3{font-family:var(--f-ui);font-size:17.5px;font-weight:600;margin-top:10px}
.dn-tit p{font-size:13.5px;color:var(--mut);margin-top:8px;line-height:1.45}
.dep-corpo{display:flex;align-items:center;gap:10px;margin-top:4px}
.dep-nav{flex:0 0 36px;height:36px;border:0;background:none;border-radius:50%;color:#7c8aa0;display:grid;place-items:center;transition:.2s}
.dep-nav svg{width:22px;height:22px}
.dep-prox{color:var(--tit)}
.dep-nav:hover{background:var(--azul-cl);color:var(--azul)}
.dep-janela{flex:1;display:grid}
.dep-it{grid-area:1/1;margin:0;position:relative;padding-left:96px;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity .45s,transform .45s,visibility .45s}
.dep-it.on{opacity:1;visibility:visible;transform:none}
.dep-aspas{position:absolute;left:30px;top:-6px;font-family:Georgia,serif;font-size:88px;line-height:1;color:#c6ccd6}
.dep-it blockquote{margin:0;font-size:13.5px;line-height:1.6;color:var(--mut);max-width:450px}
.dep-it .estrelas{margin-top:8px}
.dep-it .estrelas svg{width:18px;height:18px}
.dep-it figcaption{display:flex;align-items:center;gap:12px;margin-top:10px}
.dep-it figcaption img,.dep-ini{width:36px;height:36px;border-radius:50%;object-fit:cover}
.dep-ini{display:grid;place-items:center;background:var(--azul-cl);color:var(--azul);font-weight:700;font-size:14px}
.dep-it figcaption b{display:block;font-size:13px;color:var(--tit)}
.dep-it figcaption small{display:block;font-size:11px;color:#8b97a8}
.dep-dots{display:flex;gap:8px;margin:-24px 0 0 432px;position:relative}
.dep-dots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#c8d1dd;transition:width .3s,background .3s}
.dep-dots button.on{background:var(--azul);width:18px}
.news-form{display:flex;gap:14px;margin:26px 0 0 10px}
.news-form input{flex:1;min-width:0;height:54px;border:1px solid #dfe6ef;border-radius:8px;padding:0 20px;font:inherit;font-size:14.5px;color:var(--tit);outline:0;transition:border-color .2s,box-shadow .2s}
.news-form input:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.15)}
.news-form input.erro{border-color:#e5484d}
.news-form .btn{height:54px;padding:0 48px;font-size:15.5px}
.news-obs{display:flex;align-items:center;gap:6px;margin:16px 0 0 10px;font-size:12.5px;color:var(--mut)}
.news-obs svg{width:17px;height:17px}

/* ---------- rodapé ---------- */
.rod{background:var(--navy);color:#c9d4e3}
.rod-in{display:grid;grid-template-columns:1.6fr .75fr .85fr 1fr 1.1fr;padding-top:38px;padding-bottom:40px}
.rod-in>div{padding:0 30px;border-left:1px solid rgba(255,255,255,.1)}
.rod-in>div:first-child{border-left:0;padding-left:0}
.rod-in>div:last-child{padding-right:0}
.rod-logo .logo-wf{font-size:28px}
.rod-logo .lw-ico{width:36px;height:36px}
.rod-marca p{font-size:13px;line-height:1.6;margin-top:14px;max-width:330px}
.rod-redes{display:flex;gap:14px;margin-top:22px}
.rod-redes a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;transition:background .2s,transform .2s}
.rod-redes a:hover{background:var(--azul);transform:translateY(-2px)}
.rod-redes svg{width:20px;height:20px}
.rod h4{font-family:var(--f-ui);color:#fff;font-size:15px;font-weight:600;margin-bottom:10px}
.rod-col a{display:block;font-size:13.5px;line-height:1.5;padding:2.5px 0;transition:color .2s,transform .2s}
.rod-col a:hover{color:#fff;transform:translateX(3px)}
.rod-ofertas{color:var(--laranja)}
.rod-col .rod-wpp{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:14px;color:#fff}
.rod-wpp svg{width:22px;height:22px;color:#25d366}
.rod-mail{word-break:break-all}
.pags{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px}
.pg{width:70px;height:46px;background:#fff;border-radius:6px;display:grid;place-items:center;transition:transform .2s}
.pg:hover{transform:translateY(-2px)}
.pg svg{width:62px;height:26px}
.rod-base{background:var(--navy2)}
.rod-base-in{display:flex;align-items:center;justify-content:space-between;height:82px;font-size:13px}
.rod-selos{display:flex}
.rod-selos span{display:flex;align-items:center;gap:14px;padding:0 22px;border-left:1px solid rgba(255,255,255,.12)}
.rod-selos span:first-child{border-left:0}
.rod-selos span:last-child{padding-right:0}
.rod-selos svg{width:24px;height:24px;color:#fff}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:14px 22px;border-radius:10px;font-size:14px;box-shadow:0 14px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.3s;z-index:100}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- revelar (só com JS ativo) ---------- */
html.js body.js-reveal .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
html.js body.js-reveal .rv.vis{opacity:1;transform:none}
html.js body.js-reveal .prod.rv.vis:hover,html.js body.js-reveal .cat.rv.vis:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html.js body.js-reveal .rv{opacity:1;transform:none}}

/* ================= RESPONSIVO ================= */
@media (max-width:1280px){
  .cab-in{gap:18px}
  .cab-conta{padding-right:18px}
  .nav-a{padding:0 18px}
  .nav-a::after{left:18px;right:18px}
  .hero h1{font-size:50px}
  .guia-lista{display:none}
  .rod-in{grid-template-columns:1.4fr .8fr .9fr 1fr;row-gap:30px}
  .rod-pag{grid-column:1/-1;border-left:0!important;padding-left:0!important}
  .pags{grid-template-columns:repeat(7,auto)}
  .dep-dots{margin-left:0;justify-content:center;margin-top:14px}
}
@media (max-width:1100px){
  .tb-mid{display:none}
  .cab-conta span{display:none}
  .cab-conta{padding-right:16px}
  .cats-grid{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .cat{scroll-snap-align:start}
  .prods{grid-template-columns:repeat(2,1fr)}
  .selos-in{grid-template-columns:repeat(2,1fr);height:auto;padding:24px 24px;row-gap:22px}
  .selo:nth-child(3){border-left:0}
  .marcas-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:6px}
  .esp h2{font-size:34px}
  .esp-mini{flex-wrap:wrap;gap:14px 22px}
  .dn-in{grid-template-columns:1fr}
}
@media (max-width:860px){
  .topbar{display:none}
  .cab-in{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;row-gap:12px}
  .cab-menu{display:block}
  .cab-logo{margin-right:auto}
  .logo-wf{font-size:27px}
  .lw-ico{width:34px;height:34px}
  .cab-conta{border:0;padding:0}
  .cc-ico{width:30px;height:30px}
  .cab-carrinho span:last-child{display:none}
  .cc-ic svg{width:30px;height:30px}
  .busca{order:5;flex:0 0 100%;max-width:none;height:48px}
  .busca button{width:56px}
  .busca button svg{width:22px;height:22px}
  .nav{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);transform:translateX(-102%);transition:transform .3s;z-index:60;overflow-y:auto;box-shadow:10px 0 30px rgba(0,0,0,.3)}
  .nav.aberto{transform:none}
  .nav-in{flex-direction:column;height:auto;padding:16px 0}
  .nav-a{height:52px;padding:0 24px;justify-content:space-between;font-size:16px}
  .nav-a::after{display:none}
  .nav-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(255,255,255,.05);border-radius:0;display:none;padding:6px 14px}
  .nav-li.aberto .nav-sub{display:block}
  .nav-li.aberto .nav-chev{transform:rotate(180deg)}
  .nav-li:hover .nav-chev{transform:none}
  .nav-li.aberto:hover .nav-chev{transform:rotate(180deg)}
  .nav-sub a{color:#dbe4f0}
  .nav-sub .nav-sub-todos{color:#8fc0ff;border-color:rgba(255,255,255,.1)}
  .nav-sub a:hover{background:rgba(255,255,255,.08);color:#fff}
  .nav-veu{position:fixed;inset:0;background:rgba(5,15,30,.5);z-index:55;opacity:0;visibility:hidden;transition:.3s}
  .nav-veu.on{opacity:1;visibility:visible}

  .hero{height:auto;background:#fff}
  .hero-bg{position:relative;height:300px;background-position:80% 60%}
  .hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0) 70%,#fff 100%)}
  .hero-in{display:block;height:auto;padding-top:6px;padding-bottom:30px}
  .hero-txt{max-width:none}
  .hero h1{font-size:36px;margin:14px 0 14px}
  .hero-txt>p{font-size:16.5px}
  .hero .btn-lg{margin-top:24px;height:54px;padding:0 30px;font-size:16.5px}
  .hero-mini{gap:20px;margin-top:28px;flex-wrap:wrap}
  .hero-mini svg{width:26px;height:26px}
  .hero-tag{top:-284px;right:16px;font-size:14px;padding:14px 18px 13px}

  .sec-cab{flex-wrap:wrap;gap:14px}
  .sec-cab>div{flex:1;min-width:0}
  .sec-cab h2{font-size:26px}
  .sec-cab p{font-size:14px}
  .sec-link{margin:0;flex-basis:100%;padding-left:60px}
  .sec-cab-eyebrow .sec-link{padding-left:0}

  .guia{height:auto}
  .guia-bg{background-position:72% 30%}
  .guia-bg::after{background:linear-gradient(180deg,rgba(16,40,72,.55) 0%,rgba(16,40,72,.9) 55%,rgba(16,40,72,.97) 100%)}
  .guia-in{padding-top:180px;padding-bottom:40px}
  .guia h2{font-size:32px}
  .guia-txt>p{font-size:16px}
  .guia .btn-lg{height:54px;font-size:16.5px}

  .esp{height:auto;margin-top:0}
  .esp-foto{position:relative;width:100%;height:300px;background-position:40% 18%}
  .esp-foto::after{background:linear-gradient(180deg,rgba(245,248,252,0) 70%,#f5f8fc 100%)}
  .esp-in{display:block;padding-bottom:36px}
  .esp-txt{width:auto;padding:0}
  .esp h2{font-size:29px;margin-top:16px}
  .esp-txt>p{font-size:16px}
  .esp .btn-lg{height:auto;min-height:58px;white-space:normal;text-align:left;font-size:16px;padding:12px 22px;width:100%}

  .rod-in{grid-template-columns:1fr 1fr;row-gap:28px}
  .rod-in>div{padding:0!important;border-left:0!important}
  .rod-marca{grid-column:1/-1}
  .rod-base-in{flex-direction:column;justify-content:center;gap:12px;height:auto;padding-top:22px;padding-bottom:22px;text-align:center}
  .rod-selos{flex-wrap:wrap;justify-content:center;gap:10px 0}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .cats{padding:4px 0 24px}
  .cats-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px}
  .cat-img{height:120px}
  .cat-txt{padding:14px 56px 16px 16px}
  .cat-txt b{font-size:18px}
  .cat-seta{width:34px;height:34px;right:14px;bottom:20px}
  .selos-in{grid-template-columns:1fr;padding:22px 16px}
  .selo{border-left:0;padding-left:0}
  .prods{grid-template-columns:1fr 1fr;gap:10px}
  .prod{padding:14px 12px 14px}
  .prod-off{top:12px;left:12px;font-size:11px;padding:4px 7px}
  .prod-nome{font-size:14px}
  .prod-aval{gap:4px;font-size:11.5px}
  .estrelas svg{width:13px;height:13px}
  .prod-por{font-size:20px}
  .prod-parc{font-size:11.5px}
  .prod-est{font-size:12px}
  .prod-add,.btn-wpp-ln{height:44px;font-size:12.5px;gap:6px;padding:0 8px}
  .prod-add svg,.btn-wpp-ln svg{width:18px;height:18px}
  .marcas-grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}
  .marca{height:90px}
  .marca span{zoom:.8}
  .hero h1{font-size:32px}
  .dn-card{padding:20px 18px}
  .dep-it{padding-left:0}
  .dep-aspas{display:none}
  .dep-nav{flex-basis:30px;height:30px}
  .news-form{flex-direction:column;margin-left:0}
  .news-form .btn{width:100%}
  .news-obs{margin-left:0}
  .rod-in{grid-template-columns:1fr}
  .pags{grid-template-columns:repeat(4,auto)}
  .esp-mini li{flex-basis:100%}
}

/* ---------- calibragem com o mockup (1440) ---------- */
@media (min-width:861px){
  .topbar{font-size:13.5px}
  .cab-conta small,.cab-carrinho small{font-size:13.5px}
  .cab-conta b,.cab-carrinho b{font-size:15.5px}
  .busca{max-width:620px}
  .nav-a{font-size:15.5px}
  .hero-bg{background-position:100% 58%}
  .hero h1{font-size:59px}
  .hero-txt>p{font-size:20px;max-width:440px}
  .hero-mini li{font-size:14px}
  .hero-mini svg{width:34px;height:34px}
  .cat-txt b{font-size:23px}
  .cat-txt small{font-size:13.5px}
  .selo>svg{width:52px;height:52px}
  .selo b{font-size:16px}
  .selo small{font-size:14px}
  .sec-cab h2{font-size:36px}
  .sec-cab p{font-size:17px}
  .sec-link{font-size:15.5px}
  .prod{padding:22px 24px 26px}
  .prod-nome{font-size:19px}
  .prod-aval{font-size:14.5px}
  .estrelas svg{width:19px;height:19px}
  .prod-de{font-size:15.5px}
  .prod-por{font-size:34px}
  .prod-parc{font-size:15px}
  .prod-est{font-size:15px}
  .prod-add,.btn-wpp-ln{height:56px;font-size:16.5px}
  .guia-txt{max-width:780px}
  .guia h2{font-size:54px;letter-spacing:-.035em}
  .guia-txt>p{font-size:19px;max-width:540px}
  .guia-lista{width:250px;padding:28px 24px}
  .guia-lista li{font-size:15px}
  .sec-cab-eyebrow .eyebrow{font-size:15px}
  .mc-sony{font-size:42px;letter-spacing:.08em;font-weight:900}
  .mc-canon{font-size:48px;font-weight:900;letter-spacing:-.04em;transform:scaleX(.95)}
  .mc-nikon{font-size:44px}
  .mc-gopro{font-size:36px;letter-spacing:.06em}
  .mc-gopro i b{height:17px}
  .mc-dji{font-size:58px}
  .esp-txt{max-width:690px}
  .esp h2{font-size:46px;max-width:560px}
  .esp-txt>p{font-size:20px}
  .esp-mini li{font-size:14px}
  .dn-tit h3{font-size:20px}
  .dn-tit p{font-size:15.5px}
  .dep-it blockquote{font-size:15.5px;max-width:470px}
  .dep-it figcaption b{font-size:14.5px}
  .dep-it figcaption small{font-size:12px}
  .news-obs{font-size:14px}
  .news-form input{font-size:15.5px}
  .rod-in{grid-template-columns:1.45fr .7fr .85fr 1.05fr 1.15fr}
  .rod-logo .logo-wf{font-size:32px}
  .rod-logo .lw-ico{width:40px;height:40px}
  .rod-marca p{font-size:14.5px}
  .rod h4{font-size:16.5px}
  .rod-col a{font-size:15px;padding:3px 0}
  .rod-col .rod-wpp{font-size:16px}
  .rod-mail{word-break:normal;font-size:14px!important}
  .pg{width:76px;height:50px}
  .pg svg{width:68px;height:28px}
  .rod-base-in{font-size:14.5px}
}
@media (min-width:861px){
  .prod-off{font-size:14.5px;padding:6px 10px}
  .vit-mais .prod-img{aspect-ratio:576/300;margin-bottom:12px}
  .rod-in{grid-template-columns:1.3fr .7fr 1fr 1.1fr 1.1fr}
}
@media (max-width:860px){.br-d{display:none}}
.prods>*,.cats-grid>*,.dn-in>*{min-width:0}
@media (max-width:560px){
  .prod-add,.btn-wpp-ln{white-space:normal;text-align:center;line-height:1.15;font-size:12px}
  .prod-add svg,.btn-wpp-ln svg{width:16px;height:16px}
  .prod-parc{line-height:1.35}
}
@media (max-width:860px){
  .rod-selos span{border-left:0;padding:0 12px}
  .news-form input{flex:none}
}
@media (max-width:1100px){
  .cats-grid,.marcas-grid{margin-right:0;scroll-padding-left:24px}
  .cat-txt small{white-space:normal}
}
@media (max-width:560px){ .cats-grid,.marcas-grid{scroll-padding-left:16px} }
@media (min-width:861px) and (max-width:1100px){
  .hero-bg{background-position:30% 58%;background-size:auto 100%}
  .hero-bg::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 40%,rgba(255,255,255,.6) 55%,rgba(255,255,255,0) 70%)}
  .hero-bg{background-position:right 58%}
  .hero h1{font-size:46px}
  .hero-tag{font-size:17px;padding:18px 24px}
  .prod-img,.vit-mais .prod-img{aspect-ratio:auto;height:220px}
  .esp{height:auto}
  .esp-foto{width:42%}
  .esp-in{padding-top:40px;padding-bottom:40px}
  .esp-txt{width:56%}
  .rod-in{grid-template-columns:1fr 1fr 1fr}
  .rod-marca{grid-column:1/-1;border-left:0!important;padding:0!important}
  .rod-in>div:nth-child(2){border-left:0;padding-left:0}
}
@media (min-width:861px) and (max-width:1100px){
  .guia-bg{background-position:85% 40%}
  .guia-bg::after{background:linear-gradient(90deg,rgba(16,40,72,.97) 0%,rgba(22,50,88,.9) 45%,rgba(22,50,88,.4) 68%,rgba(0,0,0,0) 85%)}
  .guia h2{font-size:42px}
}

/* =========================================================================
   LOJA: PÁGINAS INTERNAS
   Mesmo vocabulário visual da home (azul-marinho, azul de ação, laranja
   de destaque, Poppins nos títulos, Inter na interface).
   ========================================================================= */
.pular{position:absolute;left:-9999px;top:0;background:var(--azul);color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 8px 0}
.pular:focus{left:0}
:focus-visible{outline:3px solid rgba(10,108,240,.45);outline-offset:2px}
.isca{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.btn-claro{background:#fff;color:var(--tit);border:1.5px solid #d3dce8}
.btn-claro:hover{border-color:var(--azul);color:var(--azul)}
.btn-laranja{background:#c84a06;color:#fff;box-shadow:0 6px 16px rgba(200,74,6,.25)}
.btn-laranja:hover{background:#b04004;transform:translateY(-1px)}
.btn.carregando{opacity:.7;pointer-events:none}
.btn.ok{background:var(--verde)!important;border-color:var(--verde)!important;color:#fff!important}
.carregando-txt{color:var(--mut);animation:pisca 1.2s infinite}
@keyframes pisca{50%{opacity:.45}}
body.travado{overflow:hidden}

.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--mut);padding-top:20px;padding-bottom:4px}
.trilha a:hover{color:var(--azul)}
.trilha span[aria-current]{color:var(--tit);font-weight:500;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.aviso{padding:14px 18px;border-radius:10px;font-size:14.5px;margin:12px 0;border:1px solid}
.aviso--erro{background:#fff1f1;border-color:#f6c9cb;color:#9b1c22}
.aviso--atencao{background:#fff7ec;border-color:#f8d9b0;color:#8a4b00}
.aviso--ok{background:#ecf9f1;border-color:#bfe6cf;color:#13643a}

/* ---------- listagem ---------- */
.lista{padding-top:12px;padding-bottom:56px}
.lista-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:10px 0 22px}
.lista-cab h1{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.lista-qtd{color:var(--mut);font-size:14px;margin-top:4px}
.lista-intro{max-width:760px;margin-top:10px;color:var(--txt)}
.lista-aviso{margin-top:10px;color:#8a4b00;background:#fff7ec;border-radius:8px;padding:10px 14px;display:inline-block;font-size:14px}
.lista-ordem{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut);white-space:nowrap}
.lista-ordem select,.campo select{appearance:none;-webkit-appearance:none;height:44px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 40px 0 14px;font:inherit;color:var(--tit);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f2747' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 22px}
.chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:19px;border:1.5px solid #d3dce8;background:#fff;font-size:14px;color:var(--tit);transition:.2s}
.chip small{color:var(--mut);font-size:12px}
.chip:hover,.chip.on{border-color:var(--azul);color:var(--azul);background:var(--azul-cl)}
.lista-corpo{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.filtros{position:sticky;top:170px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:20px}
.filtro{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--linha)}
.filtro h2{font-family:var(--f-ui);font-size:14px;font-weight:700;color:var(--tit);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}
.chave-l{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--txt);padding:5px 0;cursor:pointer}
.chave-l input{width:18px;height:18px;accent-color:var(--azul);flex-shrink:0}
.chave-l small{color:var(--mut)}
.filtro-mais{display:none}
.filtro-mais.on{display:flex}
.filtro-vermais{background:none;border:0;color:var(--azul);font-weight:600;font-size:13.5px;padding:6px 0}
.filtro-preco{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.filtro-preco input{width:100%;min-width:0;height:40px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 10px;font:inherit}
.filtro-aplicar{width:100%}
.filtro-limpar{display:block;text-align:center;margin-top:10px;font-size:13.5px;color:var(--mut);text-decoration:underline}
.filtros-abrir{display:none}
.prods--lista{grid-template-columns:repeat(3,1fr)}
.prod--esgotado .prod-img img{opacity:.55;filter:grayscale(.4)}
.prod-pix{font-size:13.5px;color:var(--verde);font-weight:600;margin-top:2px}
.prod-est--fora{color:#9b1c22}
.prod-est--fora::before{background:#d64545}
.prod .btn-wpp-ln{margin-top:14px}
.prod--esgotado .btn-wpp-ln{margin-top:20px}
.prod-nome a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}
.prod-img{display:flex;align-items:center;justify-content:center;background:#fff}
.pagin{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:34px}
.pagin a,.pagin span{min-width:44px;height:44px;display:grid;place-items:center;border-radius:8px;border:1.5px solid #d3dce8;background:#fff;font-weight:600;color:var(--tit);padding:0 8px}
.pagin a:hover{border-color:var(--azul);color:var(--azul)}
.pagin span[aria-current]{background:var(--azul);border-color:var(--azul);color:#fff}
.pagin svg{width:18px;height:18px}
.vazio{text-align:center;padding:60px 20px;max-width:620px;margin:0 auto}
.vazio>svg{width:56px;height:56px;color:#b9c6d6;margin:0 auto 14px}
.vazio h1,.vazio h2{font-size:26px;margin:10px 0}
.vazio p{color:var(--mut);margin-bottom:22px}
.vazio-acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.vazio-busca{display:flex;gap:10px;max-width:440px;margin:0 auto 14px}
.vazio-busca input{flex:1;height:48px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 14px;font:inherit;min-width:0}
.vazio--lista{background:#fff;border:1px solid var(--linha);border-radius:12px}
.lista-rodape{margin-top:40px;padding-top:30px;border-top:1px solid var(--linha)}

/* ---------- texto corrido ---------- */
.texto{font-size:16px;line-height:1.75;color:var(--txt)}
.texto p{margin:0 0 14px}
.texto h2{font-size:22px;margin:26px 0 10px}
.texto h3{font-size:17px;margin:22px 0 8px;font-family:var(--f-ui);font-weight:700;color:var(--tit);text-transform:uppercase;letter-spacing:.04em}
.texto ul,.texto ol{margin:0 0 14px;padding-left:22px}
.texto ul{list-style:disc}
.texto li{margin-bottom:6px}
.texto a{color:var(--azul);text-decoration:underline}
.texto b,.texto strong{color:var(--tit)}

/* ---------- produto ---------- */
.pp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;padding-top:16px;padding-bottom:40px;align-items:start}
.pp-galeria{position:sticky;top:166px}
.pp-foto{position:relative;background:#fff;border:1px solid var(--linha);border-radius:14px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.pp-foto img{width:100%;height:100%;object-fit:contain;padding:22px;cursor:zoom-in;animation:surge .35s ease}
@keyframes surge{from{opacity:.3;transform:scale(.985)}}
.pp-foto .prod-off{top:18px;left:18px}
.pp-zoom{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(15,39,71,.08);color:var(--tit);display:grid;place-items:center;transition:.2s}
.pp-zoom:hover{background:var(--azul);color:#fff}
.pp-zoom svg{width:20px;height:20px}
.pp-miniaturas{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.pp-miniaturas button{flex:0 0 78px;height:78px;border-radius:10px;border:2px solid var(--linha);background:#fff;padding:4px;transition:border-color .2s}
.pp-miniaturas button.on,.pp-miniaturas button:hover{border-color:var(--azul)}
.pp-miniaturas img{width:100%;height:100%;object-fit:contain}
.pp-marca{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--azul);margin-bottom:8px}
.pp-info h1{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.pp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;font-size:13.5px;color:var(--mut)}
.pp-meta span{display:inline-flex;align-items:center;gap:6px}
.pp-meta svg{width:16px;height:16px}
.pp-meta .prod-aval{margin:0}
.pp-preco{display:flex;flex-direction:column;gap:4px;margin:22px 0 10px;padding:20px 22px;background:var(--bg-cl);border-radius:12px}
.pp-preco s{font-size:15px;color:#e2777c}
.pp-preco>strong{font-size:38px;line-height:1.1;font-weight:700;color:var(--vermelho);letter-spacing:-.02em}
.pp-parc{font-size:15px;color:var(--txt)}
.pp-pix{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tit);margin-top:4px}
.pp-pix svg{width:20px;height:20px;color:#32bcad}
.pp-pix b{color:var(--verde);font-size:18px}
.pp-pix em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--verde);border-radius:4px;padding:2px 7px}
.pp-compra{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:16px}
.pp-compra .pp-ja{grid-column:1/-1}
.pp-compra .btn-lg{padding:0 22px;font-size:16.5px}
.qtd{display:flex;align-items:center;border:1.5px solid #d3dce8;border-radius:9px;background:#fff;height:60px;overflow:hidden}
.qtd button{width:44px;height:100%;border:0;background:none;color:var(--tit);display:grid;place-items:center}
.qtd button:hover{background:var(--azul-cl);color:var(--azul)}
.qtd button svg{width:16px;height:16px}
.qtd input{width:44px;height:100%;border:0;text-align:center;font:inherit;font-weight:700;font-size:16px;color:var(--tit);-moz-appearance:textfield}
.qtd input::-webkit-outer-spin-button,.qtd input::-webkit-inner-spin-button{-webkit-appearance:none}
.pp-wpp{width:100%;margin-top:12px;height:52px}
.pp-frete{margin-top:22px;padding:18px 20px;border:1px solid var(--linha);border-radius:12px}
.pp-frete label{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--tit);font-size:14.5px;margin-bottom:10px}
.pp-frete label svg{width:22px;height:22px;color:var(--azul)}
.pp-frete form,.car-frete form,.car-cupom form{display:flex;gap:10px}
.pp-frete input,.car-frete input,.car-cupom input{flex:1;min-width:0;height:46px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 14px;font:inherit;font-size:15px}
.pp-naosei{display:inline-block;font-size:12.5px;color:var(--mut);text-decoration:underline;margin-top:8px}
.pp-frete-res{margin-top:10px;font-size:14px;color:var(--mut)}
.frete-lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--linha)}
.frete-lista span{color:var(--tit);font-weight:500;display:flex;flex-direction:column}
.frete-lista small{color:var(--mut);font-weight:400;font-size:12.5px}
.frete-lista b{color:var(--tit);white-space:nowrap}
.pp-garantias{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.pp-garantias li{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mut);line-height:1.35}
.pp-garantias svg{width:24px;height:24px;color:var(--azul);flex-shrink:0}
.pp-garantias b{display:block;color:var(--tit);font-size:13px}
.pp-detalhes{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;padding-bottom:40px}
.abas-nav{display:flex;gap:6px;border-bottom:2px solid var(--linha);margin-bottom:22px;overflow-x:auto}
.abas-nav button{background:none;border:0;padding:12px 18px;font-weight:600;font-size:15px;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap}
.abas-nav button[aria-selected="true"]{color:var(--tit);border-color:var(--laranja)}
.aba.on{animation:surge .3s ease}
.ficha{width:100%;border-collapse:collapse;font-size:14.5px}
.ficha th,.ficha td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linha)}
.ficha th{width:40%;color:var(--mut);font-weight:500;background:var(--bg-cl)}
.ficha a{color:var(--azul)}
.pp-video{position:relative;aspect-ratio:16/9;margin-top:20px;border-radius:12px;overflow:hidden}
.pp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pp-aval h2{font-size:22px;margin-bottom:14px}
.pp-aval-resumo{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pp-aval-resumo strong{font-size:36px;color:var(--tit)}
.pp-aval-resumo small{color:var(--mut)}
.aval-it{padding:14px 0;border-top:1px solid var(--linha)}
.aval-it p{margin:6px 0;color:var(--txt)}
.aval-it small{color:var(--mut);font-size:12.5px}
.pp-aval-vazio{color:var(--mut);background:var(--bg-cl);padding:16px 18px;border-radius:10px;font-size:14.5px}
.vit-rel{background:var(--bg-cl)}
.vit-rel .sec-cab h2{font-size:28px}
.pp-barra{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;box-shadow:0 -8px 24px rgba(15,39,71,.12);transform:translateY(110%);transition:transform .3s}
.pp-barra.on{transform:none}
.pp-barra-in{display:flex;align-items:center;gap:18px;height:72px}
.pp-barra-nome{flex:1;font-weight:600;color:var(--tit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-barra strong{color:var(--vermelho);font-size:20px}
.zoom{position:fixed;inset:0;z-index:120;background:rgba(5,14,28,.92);display:grid;place-items:center;padding:24px}
.zoom img{max-width:min(1100px,100%);max-height:calc(100vh - 48px);object-fit:contain;background:#fff;border-radius:12px}
.zoom button{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--tit);display:grid;place-items:center}
.zoom button svg{width:22px;height:22px}

/* ---------- carrinho e checkout ---------- */
.car,.ck,.ped,.conta{padding-top:28px;padding-bottom:64px}
.car h1,.ck-cab h1,.conta h1{font-size:32px;font-weight:600;letter-spacing:-.02em}
.car-corpo,.ck-corpo,.ped-corpo{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start;margin-top:22px}
.car-it{display:grid;grid-template-columns:96px 1fr auto 120px 40px;align-items:center;gap:18px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:14px 18px;margin-bottom:12px;transition:opacity .3s,transform .3s}
.car-it.saindo{opacity:0;transform:translateX(30px)}
.car-foto img{width:96px;height:96px;object-fit:contain}
.car-nome a{font-weight:600;color:var(--tit);line-height:1.35}
.car-nome a:hover{color:var(--azul)}
.car-nome small{display:block;color:var(--mut);font-size:13px;margin-top:4px}
.car-it .qtd{height:44px}
.car-it .qtd button{width:36px}
.car-it .qtd input{width:38px}
.car-total{text-align:right;color:var(--tit);font-size:16px}
.car-tirar{width:40px;height:40px;border-radius:50%;border:0;background:none;color:var(--mut);display:grid;place-items:center}
.car-tirar:hover{background:#fff1f1;color:#c62828}
.car-tirar svg{width:20px;height:20px}
.car-continuar{display:inline-flex;align-items:center;gap:6px;color:var(--azul);font-weight:600;margin-top:8px}
.car-continuar svg{width:18px;height:18px}
.car-resumo{position:sticky;top:166px;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:22px;box-shadow:var(--sombra)}
.car-resumo h2{font-size:20px;margin-bottom:14px}
.car-cupom,.car-frete{margin-bottom:12px}
.car-cupom-on{display:flex;align-items:center;gap:8px;background:#ecf9f1;color:#13643a;border-radius:8px;padding:10px 12px;font-weight:600;font-size:14px}
.car-cupom-on svg{width:18px;height:18px}
.car-cupom-on button{margin-left:auto;background:none;border:0;color:#13643a;text-decoration:underline;font-size:13px}
.car-linhas{margin:14px 0 0;border-top:1px solid var(--linha);padding-top:12px}
.car-linhas div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14.5px}
.car-linhas dt{color:var(--mut)}
.car-linhas dd{margin:0;color:var(--tit);font-weight:500;text-align:right}
.car-total-box{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;border-top:1px solid var(--linha);padding-top:14px;margin-top:8px}
.car-total-box span{font-weight:600;color:var(--tit)}
.car-total-box strong{font-size:26px;color:var(--tit)}
.car-total-box small{grid-column:1/-1;text-align:right;color:var(--mut);font-size:13px}
.car-pix{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--verde)!important;font-weight:600}
.car-pix svg{width:16px;height:16px}
.car-fechar{width:100%;margin-top:16px;font-size:17px}
.car-resumo .btn-wpp-ln{width:100%;margin-top:10px}
.ck-cab p{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:14px;margin-top:6px}
.ck-cab p svg{width:18px;height:18px;color:var(--verde)}
.ck-bloco{border:1px solid var(--linha);border-radius:14px;padding:22px 24px 10px;margin:0 0 18px;background:#fff;min-width:0}
.ck-bloco legend{display:flex;align-items:center;gap:12px;font-family:var(--f-tit);font-size:19px;font-weight:600;color:var(--tit);padding:0 8px;margin-left:-8px}
.ck-bloco legend span{width:30px;height:30px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-size:14px;font-family:var(--f-ui)}
.ck-grade{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.col-2{grid-column:1/-1}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.campo label{font-size:13.5px;font-weight:600;color:var(--tit)}
.campo input,.campo textarea{width:100%;min-height:48px;border:1.5px solid #d3dce8;border-radius:8px;padding:11px 14px;font:inherit;font-size:16px;color:var(--tit);background:#fff;transition:border-color .2s,box-shadow .2s}
.campo textarea{resize:vertical;line-height:1.5}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.14)}
.campo--erro input{border-color:#e5484d}
.campo-erro{color:#c62828;font-size:12.5px}
.ck-naosei{justify-content:flex-end}
.ck-naosei a{font-size:13px;color:var(--mut);text-decoration:underline;padding-bottom:14px}
.ck-dica{color:var(--mut);font-size:14px;margin:0 0 14px}
.ck-opcoes{margin-bottom:14px}
.ck-op,.ck-pag-op{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid #d3dce8;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:.2s}
.ck-op:hover,.ck-pag-op:hover{border-color:#9fbbe0}
.ck-op.on,.ck-pag-op.on{border-color:var(--azul);background:var(--azul-cl)}
.ck-op input,.ck-pag-op input{width:18px;height:18px;accent-color:var(--azul)}
.ck-op b,.ck-pag-op b{display:block;color:var(--tit);font-size:15px}
.ck-op small,.ck-pag-op small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.ck-op strong{color:var(--tit);white-space:nowrap}
.ck-pag-op{grid-template-columns:auto auto 1fr}
.ck-pag-ico{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--linha);display:grid;place-items:center;color:var(--azul)}
.ck-pag-ico svg{width:22px;height:22px}
.ck-pag-ico--wpp{color:var(--wpp)}
.ck-obs{display:flex;gap:8px;align-items:center;color:var(--mut);font-size:13px;margin:4px 0 16px}
.ck-obs svg{width:16px;height:16px;color:var(--verde)}
.ck-endereco[hidden]{display:none}
.ck-itens li{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:14px;color:var(--tit)}
.ck-itens img{width:56px;height:56px;object-fit:contain;border:1px solid var(--linha);border-radius:8px;background:#fff}
.ck-itens b{white-space:nowrap}
.ck-itens a{color:var(--tit)}
.ck-legal{font-size:12px;color:var(--mut);margin-top:12px;text-align:center}
.ck-legal a{text-decoration:underline}

/* ---------- pedido ---------- */
.ped-cab h1{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:10px 0 6px}
.ped-cab p{color:var(--mut)}
.ped-linha{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0 6px;counter-reset:p}
.ped-linha li{position:relative;text-align:center;font-size:13px;color:var(--mut);padding-top:34px}
.ped-linha li span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#dfe7f1;z-index:1;transition:.3s}
.ped-linha li::before{content:"";position:absolute;top:11px;left:-50%;right:50%;height:3px;background:#dfe7f1}
.ped-linha li:first-child::before{display:none}
.ped-linha li.feito{color:var(--tit);font-weight:600}
.ped-linha li.feito span,.ped-linha li.feito::before{background:var(--verde)}
.ped-linha li.atual span{box-shadow:0 0 0 6px rgba(18,161,80,.18)}
.ped-pagar,.ped-bloco{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:22px 24px;margin-bottom:18px}
.ped-pagar{border-color:#bcd3f5;background:linear-gradient(180deg,#f3f8ff,#fff)}
.ped-pagar h2,.ped-bloco h2{font-size:20px;margin-bottom:8px}
.ped-pagar p{margin-bottom:16px}
.ped-pix{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start;margin-bottom:16px}
.ped-qr{width:200px;height:200px;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:6px}
.ped-qr svg{width:100%;height:100%}
.ped-valor{display:block;font-size:28px;color:var(--tit);margin-bottom:10px}
.ped-pix textarea{width:100%;border:1.5px solid #d3dce8;border-radius:8px;padding:10px;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--txt);resize:none;margin-bottom:10px}
.ped-pix small{display:block;color:var(--mut);margin-top:10px;font-size:12.5px}
.ped-obs{color:var(--mut);font-size:14px;margin-top:6px}
.ped-hist-tit{font-size:15px;margin:20px 0 8px}
.ped-hist li{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--linha)}
.ped-hist small{color:var(--mut)}
.st{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;background:#eef2f7;color:var(--txt)}
.st--aguardando{background:#fff4e5;color:#8a4b00}.st--pago,.st--separando{background:#e8f1fe;color:#0a4fb0}
.st--enviado{background:#efe9fd;color:#5a34b5}.st--entregue{background:#e6f6ec;color:#13643a}
.st--cancelado,.st--devolvido{background:#fdecec;color:#9b1c22}

/* ---------- conta ---------- */
.conta-entrar{max-width:460px;margin:20px auto;text-align:center}
.conta-entrar h1{margin:10px 0 8px}
.conta-entrar>p{color:var(--mut);margin-bottom:22px}
.conta-form{text-align:left;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:22px}
.conta-form .btn{width:100%}
.campo-codigo{font-size:28px!important;letter-spacing:10px;text-align:center;font-weight:700}
.conta-enviado{color:var(--verde);font-size:14px;margin-bottom:12px}
.conta-voltar{display:block;width:100%;background:none;border:0;color:var(--mut);margin-top:10px;font-size:13.5px;text-decoration:underline}
.conta-ajuda{font-size:13px;color:var(--mut);margin-top:18px}
.conta-ajuda a{color:var(--azul)}
.conta-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.conta-cab p{color:var(--mut)}
.conta h2{font-size:22px;margin-bottom:12px}
.conta-ped{display:grid;grid-template-columns:1fr auto auto 20px;gap:18px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:16px 20px;margin-bottom:10px;transition:.2s}
.conta-ped:hover{border-color:var(--azul);transform:translateY(-1px)}
.conta-ped b{display:block;color:var(--tit)}
.conta-ped small{color:var(--mut);font-size:13px}
.conta-ped strong{color:var(--tit)}
.conta-ped>svg{width:18px;height:18px;color:var(--mut)}

/* ---------- páginas de texto, dúvidas e contato ---------- */
.texto-pg{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-top:20px;padding-bottom:64px;align-items:start}
.texto-pg>header{grid-column:1/-1}
.texto-pg h1{font-size:36px;font-weight:600;letter-spacing:-.02em;margin-top:10px}
.texto-pg>header p{color:var(--mut);margin-top:6px}
.texto-lado{position:sticky;top:166px;background:var(--bg-cl);border-radius:14px;padding:22px}
.texto-lado h2{font-size:19px;margin-bottom:8px}
.texto-lado p{color:var(--txt);font-size:14.5px;margin-bottom:14px}
.texto-lado .btn{width:100%}
.texto-atualizado{font-size:12px!important;color:var(--mut)!important;margin:12px 0 0!important}
.faq-it{border:1px solid var(--linha);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}
.faq-it summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;font-weight:600;color:var(--tit);cursor:pointer;font-size:16px}
.faq-it summary::-webkit-details-marker{display:none}
.faq-it summary svg{width:18px;height:18px;transition:transform .25s;flex-shrink:0}
.faq-it[open] summary svg{transform:rotate(180deg)}
.faq-it .texto{padding:0 20px 16px}
.avaliar-form .ck-bloco legend{font-size:16px}
.notas{display:inline-flex;flex-direction:row-reverse;gap:4px;margin:6px 0 14px}
.notas input{position:absolute;opacity:0;pointer-events:none}
.notas label{cursor:pointer;color:#d5dbe5;transition:color .15s}
.notas label svg{width:34px;height:34px}
.notas label:hover,.notas label:hover~label,.notas input:checked~label{color:#f7931a}
.contato{padding-top:20px;padding-bottom:64px}
.contato>header h1{font-size:36px;font-weight:600;margin:10px 0 6px}
.contato>header p{color:var(--mut)}
.contato-corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;margin-top:28px;align-items:start}
.canal{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--linha);border-radius:12px;background:#fff;margin-bottom:12px;transition:.2s}
a.canal:hover{border-color:var(--azul);transform:translateY(-1px)}
.canal>svg{width:28px;height:28px;color:var(--azul);flex-shrink:0}
.canal--wpp>svg{color:var(--wpp)}
.canal b{display:block;color:var(--tit)}
.canal span{color:var(--txt);font-size:14.5px}
.contato-form{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:24px}
.contato-form h2{font-size:22px;margin-bottom:16px}

/* ---------- marcas ---------- */
.mc{font-weight:700;font-size:28px;color:var(--tit);letter-spacing:-.01em}
.mc-sandisk{font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:#d0021b;font-size:34px;letter-spacing:-.03em}
.mc-greika{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;color:#111;font-size:34px;letter-spacing:-.03em}
.mc-godox{font-family:'Arial Black',Arial,sans-serif;font-weight:900;color:#111;font-size:32px;letter-spacing:.02em}
.marca{flex-direction:column;gap:6px}
.marca img{max-height:56px;max-width:70%;object-fit:contain}
.marca small{font-size:12px;color:var(--mut)}
.marcas--todas{padding-top:12px;padding-bottom:64px}
.marcas--todas .marcas-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow:visible}

/* ---------- peças gerais ---------- */
.dn-in--so{grid-template-columns:1fr;max-width:900px;margin:0 auto}
.rod-pag-obs{font-size:12.5px;color:#c9d4e3;margin-top:10px}
.busca{position:relative;overflow:visible}
.busca input{border-radius:8px 0 0 8px}
.busca button{border-radius:0 8px 8px 0}
.busca-sug{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(11,35,61,.22);padding:8px;z-index:70}
.busca-sug a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:8px;color:var(--tit);font-size:14px}
.busca-sug a:hover{background:var(--azul-cl)}
.busca-sug img{width:44px;height:44px;object-fit:contain}
.busca-sug b{color:var(--vermelho);font-size:13.5px;white-space:nowrap}
.busca-sug .busca-todos{display:block;text-align:center;color:var(--azul);font-weight:600;border-top:1px solid var(--linha);border-radius:0;margin-top:4px;padding-top:10px}
.wpp-flut{position:fixed;right:20px;bottom:20px;z-index:45;width:58px;height:58px;border-radius:50%;background:var(--wpp);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(17,168,78,.4);transition:transform .25s}
.wpp-flut:hover{transform:scale(1.08)}
.wpp-flut svg{width:30px;height:30px}
.pg-produto .wpp-flut{bottom:90px}
.toast{max-width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:14px}
.toast--erro{background:#9b1c22}
.toast--atencao{background:#8a4b00}
.toast--carrinho a{color:#8fc0ff;font-weight:700;white-space:nowrap;text-decoration:underline}
.consent{position:fixed;left:20px;bottom:20px;z-index:110;max-width:440px;background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(11,35,61,.28);padding:18px 20px;opacity:0;transform:translateY(16px);transition:.3s}
.consent.on{opacity:1;transform:none}
.consent p{font-size:14px;color:var(--txt);margin-bottom:12px}
.consent a{color:var(--azul);text-decoration:underline}
.consent div{display:flex;gap:10px;justify-content:flex-end}
.consent .btn{height:42px}

/* ---------- responsivo das internas ---------- */
@media (max-width:1100px){
  .lista-corpo{grid-template-columns:minmax(0,1fr)}
  .filtros{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);z-index:90;border-radius:0;overflow-y:auto;transform:translateX(-105%);transition:transform .3s;top:0}
  .filtros.aberto{transform:none;box-shadow:12px 0 40px rgba(0,0,0,.25)}
  .filtros-abrir{display:inline-flex;margin-bottom:16px}
  .filtros-abrir svg{width:18px;height:18px}
  .prods--lista{grid-template-columns:repeat(3,1fr)}
  .pp,.pp-detalhes{gap:28px}
  .car-corpo,.ck-corpo,.ped-corpo{grid-template-columns:minmax(0,1fr)}
  .car-resumo{position:static}
  .texto-pg{grid-template-columns:minmax(0,1fr)}
  .texto-lado{position:static}
}
@media (max-width:860px){
  .lista-cab{flex-direction:column;align-items:flex-start}
  .prods--lista{grid-template-columns:repeat(2,1fr)}
  .pp,.pp-detalhes{grid-template-columns:minmax(0,1fr)}
  .pp-galeria{position:static}
  .pp-info h1{font-size:24px}
  .pp-preco>strong{font-size:32px}
  .pp-garantias{grid-template-columns:minmax(0,1fr)}
  .car-it{grid-template-columns:72px 1fr auto;grid-template-areas:"f n x" "f q t";row-gap:10px}
  .car-foto{grid-area:f}.car-foto img{width:72px;height:72px}
  .car-nome{grid-area:n}.car-tirar{grid-area:x}
  .car-it .qtd{grid-area:q;justify-self:start}
  .car-total{grid-area:t}
  .contato-corpo{grid-template-columns:minmax(0,1fr)}
  .ped-linha li{font-size:11px}
  .ped-pix{grid-template-columns:minmax(0,1fr)}
  .ped-qr{margin:0 auto}
  .conta-ped{grid-template-columns:1fr auto;row-gap:6px}
  .conta-ped>svg{display:none}
  .pp-barra-nome{display:none}
  .pp-barra-in{justify-content:space-between}
}
@media (max-width:560px){
  .ck-grade{grid-template-columns:minmax(0,1fr)}
  .ck-bloco{padding:18px 16px 6px}
  .pp-compra{grid-template-columns:minmax(0,1fr)}
  .pp-compra .qtd{justify-self:start}
  .lista-cab h1,.car h1,.ck-cab h1,.conta h1,.texto-pg h1,.contato>header h1{font-size:26px}
  .consent{left:12px;right:12px;bottom:12px;max-width:none}
  .wpp-flut{width:52px;height:52px;right:14px;bottom:14px}
}
/* cartões de produto: foto em caixa fixa e botões alinhados na base */
.prod-img{position:relative;overflow:hidden}
.prod-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.prod .prod-est{margin-bottom:18px}
.prod .prod-add{margin-top:auto}
.prod--esgotado .btn-wpp-ln{margin-top:auto}
.guia h2{max-width:720px}
.rod-selos span{white-space:nowrap}
@media (min-width:861px){.rod-base-in{gap:30px;font-size:13px}.rod-base-in>span{max-width:560px}}
[hidden]{display:none!important}
.ped-linha{list-style:none;padding:0;margin-left:0}.ped-linha li::marker{content:""}
.desc-dobra{max-height:440px;overflow:hidden;position:relative;transition:max-height .5s ease}
.desc-dobra::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .3s}
.desc-dobra.aberta{max-height:none}
.desc-dobra.aberta::after{opacity:0}
.desc-mais{margin-top:14px;background:none;border:1px solid var(--linha);border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;color:var(--azul);cursor:pointer;transition:background .2s,border-color .2s}
.desc-mais:hover{background:var(--azul-cl);border-color:var(--azul)}
@media (max-width:500px){.abas-nav{gap:0}.abas-nav button{padding:12px 11px;font-size:14px}}
.ck-parc{margin:16px 0 4px;max-width:420px;animation:ck-surge .25s ease}
.ck-parc select{width:100%;height:48px;font-size:16px}
.ck-parc small{color:var(--mut);font-size:12.5px}
@keyframes ck-surge{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ped-pix-vivo{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut);margin:14px 0 0}
.ped-pix-vivo i{width:10px;height:10px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 0 rgba(18,161,80,.5);animation:pix-pulso 1.6s infinite}
@keyframes pix-pulso{0%{box-shadow:0 0 0 0 rgba(18,161,80,.45)}80%{box-shadow:0 0 0 10px rgba(18,161,80,0)}100%{box-shadow:0 0 0 0 rgba(18,161,80,0)}}
.lista-rodape{max-width:860px}
.lista-rodape h2{font-size:22px;margin:28px 0 12px}
.lista-rodape h2:first-child{margin-top:0}
.lista-rodape h3{font-size:16.5px;margin:20px 0 6px;color:var(--tit)}
.lista-rodape p{margin:0 0 12px;line-height:1.7}
.texto-dados{display:grid;gap:0;margin:8px 0 0;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.texto-dados div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:11px 16px;border-top:1px solid var(--linha)}
.texto-dados div:first-child{border-top:0}
.texto-dados dt{font-weight:600;color:var(--tit)}
.texto-dados dd{margin:0}
@media (max-width:560px){.texto-dados div{grid-template-columns:1fr;gap:2px}}
.lista-rodape h3{text-transform:none;letter-spacing:0;font-family:var(--f-tit);font-weight:600}

/* acessibilidade (reauditoria 03/10): texto só para leitor de tela e contraste AA */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sec-link,.chip,.chip.on{color:var(--azul-h)}
.rod-cookies{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.rod-cookies:hover{color:#fff}
.tb-alt{color:var(--azul-h)}
.nav-a.nav-ofertas{color:#ff7a1f}
/* Dúvidas por tema, com busca (Base GEO/IA) */
.duv-intro{color:var(--mut);max-width:640px;margin:8px 0 0}
.duv-busca{padding:6px 0 14px;margin-bottom:8px}
.duv-busca input{width:100%;min-height:50px;border:1.5px solid #d3dce8;border-radius:10px;padding:12px 16px;font:inherit;font-size:16px;color:var(--tit);transition:border-color .2s,box-shadow .2s}
.duv-busca input:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.14)}
.duv-temas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.duv-temas small{color:var(--mut);margin-left:4px}
.duv-grupo{margin:26px 0 8px;scroll-margin-top:200px}
.duv-grupo h2{font-size:20px;margin:0 0 12px}
.duv-grupo[hidden]{display:none}
.faq-it{scroll-margin-top:200px;transition:border-color .2s,box-shadow .2s}
.faq-it:target,.faq-it.destaque{border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.12)}
.faq-it[open]{border-color:#c9d8ee}
.duv-mais{margin:6px 0 0}
.duv-mais a{font-weight:600;color:var(--azul-h)}
.duv-vazio{background:var(--bg-cl);border-radius:10px;padding:16px 18px;color:var(--txt)}
.pp-perguntas{margin:40px 0 10px;max-width:880px}
.pp-perguntas h2{font-size:22px;margin:0 0 14px}
.pp-perg-mais{color:var(--mut);margin:12px 0 0}
.pp-perg-mais a{color:var(--azul-h);font-weight:600}

/* =========================================================================
   1.5 · PÁGINAS INTERNAS NO DESENHO DA FABI (outubro de 2026)
   ========================================================================= */
/* topo das páginas */
.topo{position:relative;overflow:hidden;background:#f6f1ea}
.topo--escuro{background:var(--navy)}
.topo-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.topo::after{content:"";position:absolute;inset:0;pointer-events:none}
.topo--claro::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.7) 44%,rgba(255,255,255,0) 60%)}
.topo--escuro::after{background:linear-gradient(90deg,rgba(11,35,61,.98) 0%,rgba(11,35,61,.9) 34%,rgba(11,35,61,.4) 54%,rgba(11,35,61,0) 70%)}
.topo-in{position:relative;z-index:1;display:flex;align-items:center;min-height:300px;padding-top:28px;padding-bottom:34px}
.topo-txt{max-width:600px}
.topo h1{font-size:54px;line-height:1.05;font-weight:700;letter-spacing:-.025em;margin:14px 0 12px}
.topo-txt>p{font-family:var(--f-tit);font-size:18.5px;line-height:1.45;color:#33435c;max-width:520px}
.topo--escuro h1{color:#fff}
.topo--escuro .topo-txt>p{color:#dbe4ef}
.topo-acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.topo--cat .topo-in{min-height:260px}
.trilha--topo{padding:0 0 16px;font-size:13px;gap:8px;color:var(--mut)}
.trilha--topo b{color:var(--tit);font-weight:600}
.topo--escuro .trilha--topo{color:#b9c6d6}
.topo--escuro .trilha--topo b{color:#fff}
.topo--escuro .trilha--topo a:hover{color:#fff}

/* faixa de vantagens em cartão (categoria e produto) */
.selos--cartao{background:none;padding:6px 0 10px}
.selos--cartao .selos-in{background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra);height:92px}
.selos--cartao .selo>svg{width:36px;height:36px}

/* cards das subcategorias */
.cats--sub{padding:22px 0 18px}
.cats--sub .cat-img{height:150px;background:#fff;display:flex;align-items:center;justify-content:center}
.cats--sub .cat-img img{object-fit:contain;padding:14px}
.cats--sub .cat-txt b{font-size:18px}

/* listagem */
.lista{padding-top:22px;padding-bottom:40px}
.lista-corpo{grid-template-columns:272px minmax(0,1fr);gap:26px}
.filtros{top:150px;border:0;border-top:4px solid var(--navy);border-radius:12px;box-shadow:var(--sombra);padding:22px 20px}
.filtros-tit{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--linha)}
.filtros-tit svg{width:22px;height:22px;color:var(--tit)}
.filtros-tit b{font-family:var(--f-tit);font-size:21px;font-weight:600;color:var(--tit)}
.filtros-fechar{display:none;margin-left:auto;background:none;border:0;padding:6px;color:var(--tit)}
.filtros-fechar svg{width:22px;height:22px}
details.filtro{padding:14px 0;margin:0;border-bottom:1px solid var(--linha)}
details.filtro>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-tit);font-weight:600;font-size:15px;color:var(--tit);cursor:pointer}
details.filtro>summary::-webkit-details-marker{display:none}
details.filtro>summary svg{width:16px;height:16px;transform:rotate(180deg);transition:transform .2s}
details.filtro:not([open])>summary svg{transform:none}
details.filtro>*:not(summary){margin-top:10px}
.filtro-cats li a{display:block;padding:5px 0;font-size:14px;color:var(--txt)}
.filtro-cats li a small{color:var(--mut)}
.filtro-cats li a.on{color:var(--azul);font-weight:600;border-left:3px solid var(--azul);padding-left:8px}
.filtro-cats li a:hover{color:var(--azul)}
.filtro-aplicar{margin-top:18px}
.filtro-limpar{display:flex;width:100%;margin-top:10px;text-decoration:none;color:var(--azul);border-color:#b9d3fb;font-size:14px}
.filtro-limpar svg{width:18px;height:18px}
.grade-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.grade-cab h2{font-size:30px;font-weight:700;letter-spacing:-.02em}
.grade-cab h2 small{font-family:var(--f-ui);font-size:14px;font-weight:400;color:var(--mut);margin-left:10px;letter-spacing:0}
.lista-ordem select{height:42px;min-width:200px}
.prods--lista{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.prods--lista .prod{padding:16px 16px 18px}
.prods--lista .prod-img{height:170px}
.prods--lista .prod-nome{font-size:14px}
.prods--lista .prod-por{font-size:22px}
.prods--lista .prod-add{height:42px;font-size:13.5px;gap:8px}
.lista-ajuda{grid-column:1/-1;position:relative;overflow:hidden;border-radius:12px;background:var(--navy);min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 26px 26px 30px;margin:6px 0}
.lista-ajuda-bg{position:absolute;inset:0;background:url(/imagens/site/guia-fotografo.webp) 70% 40%/cover no-repeat}
.lista-ajuda-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,35,61,.97) 0%,rgba(11,35,61,.86) 42%,rgba(11,35,61,.25) 70%,rgba(11,35,61,.55) 100%)}
.lista-ajuda-txt{position:relative;max-width:520px}
.lista-ajuda h2{color:#fff;font-size:27px;font-weight:600;letter-spacing:-.02em;margin:10px 0 6px;line-height:1.15}
.lista-ajuda p{color:#d5deea;font-size:14.5px;line-height:1.45}
.lista-ajuda .btn{margin-top:14px;height:42px}
.lista-ajuda .btn svg{width:18px;height:18px}
.lista-ajuda-lista{position:relative;background:rgba(27,45,70,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.lista-ajuda-lista li{display:flex;align-items:center;gap:12px;color:#e7edf5;font-size:13px;white-space:nowrap}
.lista-ajuda-lista svg{width:20px;height:20px;color:#fff}
.lista-ajuda--fina{min-height:110px}
.lista-ajuda--fina .lista-ajuda-lista{display:none}
.lista-pe{position:relative;margin-top:26px;display:flex;justify-content:center}
.lista-pe .pagin{margin:0}
.lista-pe .pagin a,.lista-pe .pagin span{min-width:38px;height:38px;font-size:14px}
.lista-exib{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:13px;color:var(--mut)}
.lista-topo{margin:4px 0 14px}
.lista-topo h1{font-size:38px;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.lista--simples .lista-qtd{font-size:16px}
.filtros-ativos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px}
.fa-chip{display:inline-flex;align-items:center;gap:8px;background:var(--azul-cl);color:var(--tit);border-radius:6px;padding:7px 12px;font-size:14px;font-weight:500}
.fa-chip svg{width:14px;height:14px}
.fa-chip:hover{background:#d6e7fd}
.fa-limpar{color:var(--azul);font-weight:600;font-size:14px;margin-left:6px}

/* guia "como escolher" */
.escolher{background:var(--bg-cl);padding:34px 0}
.escolher-in{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:18px;align-items:stretch}
.escolher-txt h2{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:12px 0 10px}
.escolher-txt p{font-size:15.5px;color:var(--txt);max-width:320px}
.escolher-card{display:flex;gap:16px;background:#fff;border-radius:12px;padding:20px;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s}
.escolher-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,39,71,.12)}
.escolher-card>svg{width:34px;height:34px;color:var(--tit);flex-shrink:0}
.escolher-card b{display:block;font-family:var(--f-tit);font-size:16px;color:var(--tit)}
.escolher-card small{display:block;font-size:13px;color:var(--mut);line-height:1.45;margin:6px 0 10px}
.escolher-card em{display:inline-flex;align-items:center;gap:6px;font-style:normal;color:var(--azul);font-weight:600;font-size:13.5px}
.escolher-card em svg{width:15px;height:15px;transition:transform .2s}
.escolher-card:hover em svg{transform:translateX(3px)}
details.lista-rodape{margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--linha)}
details.lista-rodape>summary{list-style:none;display:flex;align-items:center;gap:10px;font-family:var(--f-tit);font-weight:600;font-size:16px;color:var(--tit);cursor:pointer;padding:6px 0}
details.lista-rodape>summary::-webkit-details-marker{display:none}
details.lista-rodape>summary svg{width:16px;height:16px;transition:transform .2s}
details.lista-rodape[open]>summary svg{transform:rotate(180deg)}
details.lista-rodape[open]>summary{margin-bottom:12px}

/* novidades em linha */
.news-linha{border-top:1px solid var(--linha);background:#fff;padding:26px 0;margin-top:30px}
.news-linha-in{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:40px;align-items:center}
.news-linha-tit{grid-row:1/3;display:flex;align-items:center;gap:18px}
.news-linha-tit h2{font-size:19px;font-weight:600}
.news-linha-tit p{font-size:13.5px;color:var(--mut);margin-top:2px}
.news-linha .news-form{display:flex;gap:10px}
.news-linha .news-form input[type=email]{flex:1;height:46px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 14px;font:inherit}
.news-linha .news-obs{font-size:12px;color:var(--mut);margin-top:6px}

/* faixa escura de ajuda */
.banda{position:relative;overflow:hidden;background:var(--navy);margin:34px 0 0}
.banda-bg{position:absolute;inset:0;background:70% 40%/cover no-repeat}
.banda-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,35,61,.97) 0%,rgba(11,35,61,.88) 38%,rgba(11,35,61,.3) 60%,rgba(11,35,61,0) 75%)}
.banda-in{position:relative;max-width:1368px;margin:0 auto;padding:36px 24px;min-height:230px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.banda-txt{max-width:600px}
.banda h2{color:#fff;font-size:34px;line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:12px 0 10px}
.banda-txt>p{color:#d5deea;font-family:var(--f-tit);font-size:16.5px;line-height:1.45}
.banda .btn{margin-top:20px;height:54px;padding:0 28px;font-size:16px}
.banda-lista{background:rgba(27,45,70,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;min-width:230px}
.banda-lista li{display:flex;align-items:center;gap:14px;color:#e7edf5;font-size:14px;line-height:1.3}
.banda-lista svg{width:24px;height:24px;color:#fff}
.banda--caixa{max-width:1320px;margin:34px auto 0;border-radius:14px}

/* chamada com a cidade */
.cta-cidade{position:relative;overflow:hidden;background:var(--navy)}
.cta-cidade-bg{position:absolute;inset:0;background:url(/imagens/site/cta-cidade.webp) 70% 50%/cover no-repeat}
.cta-cidade-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,35,61,.92) 0%,rgba(11,35,61,.75) 40%,rgba(11,35,61,.1) 70%)}
.cta-cidade-in{position:relative;min-height:170px;display:flex;flex-direction:column;justify-content:center;padding-top:26px;padding-bottom:26px}
.cta-cidade h2{color:#fff;font-size:30px;line-height:1.12;max-width:560px;font-weight:600;letter-spacing:-.02em}
.cta-cidade-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.cta-cidade .btn{min-width:170px}

/* etapas da compra */
.etapas{display:flex;justify-content:center;gap:0;list-style:none;margin:0;padding:0;counter-reset:e}
.etapas li{position:relative;flex:1;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14.5px;color:var(--mut)}
.etapas li+li::before{content:"";position:absolute;top:16px;right:50%;width:100%;height:2px;background:#d3dce8;z-index:0}
.etapas li.feita+li::before,.etapas li.feita+li.atual::before{background:var(--azul)}
.etapas span{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #c3cedb;font-weight:600;color:var(--mut)}
.etapas span svg{width:18px;height:18px;stroke-width:3}
.etapas li.feita span,.etapas li.atual span{background:var(--azul);border-color:var(--azul);color:#fff}
.etapas li.atual span{box-shadow:0 0 0 5px rgba(10,108,240,.15)}
.etapas li.feita b,.etapas li.atual b{color:var(--azul)}
.etapas b{font-weight:600}

/* linha do tempo do pedido */
.linha-ped{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:6px 0;padding:0}
.linha-ped li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:13.5px;color:var(--mut)}
.linha-ped li+li::before{content:"";position:absolute;top:17px;right:50%;width:100%;height:3px;background:#d3dce8}
.linha-ped li.feita+li.feita::before{background:var(--azul)}
.linha-ped li.feita+li.proxima::before{background:linear-gradient(90deg,var(--azul),var(--laranja))}
.linha-ped span{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2.5px solid #c3cedb;color:#a3b0c2}
.linha-ped span svg{width:18px;height:18px}
.linha-ped li.feita span{background:var(--azul);border-color:var(--azul);color:#fff}
.linha-ped li.feita span svg{stroke-width:3}
.linha-ped li.proxima span{border-color:var(--laranja);color:var(--laranja);box-shadow:0 0 0 5px rgba(251,106,10,.14)}
.linha-ped b{color:var(--tit);font-weight:600;font-size:14px}
.linha-ped li:not(.feita):not(.proxima) b{color:var(--mut);font-weight:500}
.linha-ped small{font-size:12.5px;color:var(--mut)}

@media (max-width:1180px){
  .prods--lista{grid-template-columns:repeat(3,minmax(0,1fr))}
  .escolher-in{grid-template-columns:1fr 1fr}
  .escolher-txt{grid-column:1/-1}
}
@media (max-width:980px){
  .lista-corpo{grid-template-columns:minmax(0,1fr)}
  .filtros{top:0;border-top:0}
  .filtros-fechar{display:block}
  .filtros-abrir{display:inline-flex;margin:0}
  .lista-ajuda-lista{display:none}
  .lista-exib{position:static;transform:none;text-align:center;margin-top:10px}
  .lista-pe{flex-direction:column;align-items:center}
}
@media (max-width:860px){
  .topo-img img{object-position:70% center}
  .topo--claro::after{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.92) 55%,#fff 100%)}
  .topo--escuro::after{background:linear-gradient(180deg,rgba(11,35,61,.55) 0%,rgba(11,35,61,.92) 60%)}
  .topo-in{min-height:0;padding-top:110px;padding-bottom:26px}
  .topo--cat .topo-in{padding-top:70px;min-height:0}
  .topo h1{font-size:36px}
  .topo-txt>p{font-size:16px}
  .selos--cartao .selos-in{height:auto}
  .grade-cab{flex-wrap:wrap}
  .grade-cab h2{width:100%;font-size:24px}
  .lista-ordem label{display:none}
  .lista-ordem select{min-width:0}
  .prods--lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .prods--lista .prod{padding:12px 10px 14px}
  .prods--lista .prod-img{height:130px}
  .prods--lista .prod-por{font-size:19px}
  .lista-ajuda{padding:22px 20px}
  .lista-ajuda h2{font-size:22px}
  .escolher-in{grid-template-columns:1fr}
  .news-linha-in{grid-template-columns:1fr;row-gap:14px}
  .news-linha-tit{grid-row:auto}
  .banda-in{flex-direction:column;align-items:flex-start;padding:30px 16px}
  .banda h2{font-size:26px}
  .banda-lista{width:100%}
  .banda-bg::after{background:linear-gradient(180deg,rgba(11,35,61,.7) 0%,rgba(11,35,61,.94) 50%)}
  .banda .btn{height:50px;padding:0 20px;font-size:15px;white-space:normal}
  .cta-cidade h2{font-size:23px}
  .etapas li{font-size:12.5px}
  .linha-ped b{font-size:12.5px}
  .lista-topo h1{font-size:28px}
}
.prods--lista .prod-parc{font-size:12px;line-height:1.35}
.prods--lista .prod-pix{font-size:12.5px}
.topo--cat .topo-img img{object-position:right 22%}
@media (max-width:860px){
  .selos--cartao .selos-in{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:16px 14px}
  .selos--cartao .selo{padding:0;border:0;height:auto;gap:10px}
  .selos--cartao .selo>svg{width:28px;height:28px}
  .selos--cartao .selo b{font-size:13px}
  .selos--cartao .selo small{font-size:11.5px}
  .news-linha .news-form{flex-direction:column}
  .news-linha .news-form input[type=email]{height:48px;flex:none}
}

/* produto no desenho da Fabi */
.pp{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;padding-top:10px}
.pp-galeria--mini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start}
.pp-galeria--mini .pp-miniaturas{flex-direction:column;margin:0;max-height:560px;overflow-y:auto;overflow-x:hidden;padding:0 2px 0 0}
.pp-galeria--mini .pp-miniaturas button{flex:0 0 78px;width:78px}
.pp-foto{border-radius:12px;box-shadow:var(--sombra);border-color:#edf1f6}
.pp-zoom{background:#fff;border:1.5px solid #d6deea}
.pp-selo{display:inline-block;background:#e6f6ec;color:var(--verde);border:1px solid #bfe6cf;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px;margin-bottom:10px}
.pp-info h1{font-size:32px;font-weight:700;line-height:1.15}
.pp-meta{margin-top:8px}
.pp-meta a{color:var(--azul);font-weight:600}
.pp-dest{margin:16px 0 4px;display:flex;flex-direction:column;gap:8px}
.pp-dest li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--txt);line-height:1.4}
.pp-dest svg{width:18px;height:18px;flex-shrink:0;color:#fff;background:var(--azul);border-radius:50%;padding:3px;stroke-width:3;margin-top:1px}
.pp-preco{background:none;padding:14px 0 6px;margin:12px 0 4px;border-top:1px solid var(--linha);border-radius:0}
.pp-de{display:flex;align-items:center;gap:10px}
.pp-de s{color:#e2777c;font-size:15px}
.pp-de span{background:var(--laranja);color:#fff;font-size:12px;font-weight:700;border-radius:4px;padding:2px 7px}
.pp-preco>strong{font-size:40px}
.pp-parc{font-size:17px;color:#5b6880}
.pp-pix em{background:none;color:var(--verde);font-weight:500;padding:0;font-size:13px}
.pp-compra{grid-template-columns:auto 1fr;align-items:center;margin-top:14px}
.pp-compra .qtd{height:46px;width:max-content}
.pp-compra .pp-add{grid-column:1/-1;height:54px;font-size:16.5px}
.pp-ultimas{font-size:13px;color:#8a4b00;font-weight:600}
.pp-wpp{height:50px;margin-top:10px}
.pp-frete{background:var(--bg-cl);border:0}
.pp-frete .btn{min-width:130px}
.pp-naosei{color:var(--azul)}
.pp-garantias li{align-items:center;font-size:11.5px}
.pp-garantias svg{width:28px;height:28px;color:var(--tit)}
.selos--pp{margin-top:6px}
.pp-detalhes{display:block;padding-bottom:0;margin-top:10px}
.pp-detalhes .abas-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--linha);margin-bottom:0}
.pp-detalhes .abas-nav button{padding:16px 10px;text-align:center;font-weight:500}
.pp-detalhes .abas-nav button[aria-selected="true"]{color:var(--azul);border-color:var(--azul);font-weight:600}
.pp-desc-topo{position:relative;background:linear-gradient(90deg,#fff 0%,#fff 46%,#f3f6fa 100%);border-bottom:1px solid var(--linha)}
.pp-desc-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:34px;padding-bottom:34px}
.pp-desc-txt h2{font-size:38px;line-height:1.1;font-weight:700;letter-spacing:-.025em;margin:12px 0 14px;max-width:520px}
.pp-desc-txt .texto{font-size:15.5px;line-height:1.65;color:var(--txt)}
.pp-desc-foto{display:flex;justify-content:center}
.pp-desc-foto img{max-height:380px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(15,39,71,.18))}
.pp-detalhes .aba.wrap{padding-top:30px;padding-bottom:20px}
.pp-sec-tit{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:18px}
.pp-sec-tit::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--laranja)}
.ficha-grade{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ficha{background:#fff;border-radius:10px;box-shadow:var(--sombra);overflow:hidden}
.ficha th{background:none;color:var(--tit);font-weight:600}
.pp-perguntas{max-width:900px}
.pp-entrega{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pp-entrega>div{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:20px}
.pp-entrega svg{width:30px;height:30px;color:var(--azul)}
.pp-entrega b{display:block;font-family:var(--f-tit);color:var(--tit);font-size:16px;margin:10px 0 6px}
.pp-entrega p{font-size:14px;line-height:1.5}
.pp-entrega a{color:var(--azul)}
.esp--pp{margin-top:34px;height:330px}
.esp--pp .esp-in{gap:30px}
.esp--pp .esp-txt{width:44%}
.esp--pp h2{font-size:34px;margin:16px 0 10px}
.esp--pp .btn-lg{height:58px;font-size:17px}
.esp-lado{display:flex;flex-direction:column;gap:18px;background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:20px 22px;min-width:190px}
.esp-lado li{display:flex;align-items:center;gap:14px;font-size:13px;color:#5b6880;line-height:1.3}
.esp-lado svg{width:26px;height:26px;color:var(--tit)}
.sec-cab-linha{display:flex;align-items:center;justify-content:space-between}
.sec-cab-linha h2{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700}
.sec-cab-linha h2::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--laranja)}
.vit-rel{background:none;padding-top:34px}
.pp-aval{padding-top:30px;padding-bottom:44px}
.pp-aval-in{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;align-items:stretch}
.pp-aval-resumo{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:20px;margin:0}
.pp-aval-nota{display:flex;flex-direction:column;gap:4px}
.pp-aval-nota strong{font-size:44px;line-height:1;color:var(--tit)}
.pp-aval-nota small{font-size:12px;color:var(--mut)}
.pp-barras li{display:grid;grid-template-columns:62px 1fr 34px;align-items:center;gap:8px;font-size:12px;color:var(--mut);padding:2px 0}
.pp-barras i{display:block;height:9px;background:#eef2f7;border-radius:5px;overflow:hidden}
.pp-barras b{display:block;height:100%;background:var(--laranja);border-radius:5px}
.pp-barras em{font-style:normal;text-align:right}
.pp-aval-resumo .pp-aval-vazio{grid-column:1/-1;background:none;padding:0;color:var(--txt)}
.pp-aval-resumo .pp-aval-vazio b{display:block;color:var(--tit);margin-bottom:4px}
.aval-card{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:20px;display:flex;flex-direction:column;gap:10px}
.aval-card p{font-size:14px;line-height:1.5;color:var(--txt);flex:1}
.aval-card footer{display:flex;align-items:center;gap:10px}
.aval-card footer b{display:flex;flex-direction:column;font-size:13.5px;color:var(--tit)}
.aval-card footer small{font-weight:400;font-size:12px;color:var(--mut)}
.aval-card footer em{margin-left:auto;font-style:normal;font-size:12px;color:var(--verde);display:flex;align-items:center;gap:4px}
.aval-card footer em svg{width:14px;height:14px}
.dep-ini{width:34px;height:34px;border-radius:50%;background:var(--azul-cl);color:var(--azul);display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}
@media (max-width:1100px){
  .pp-entrega{grid-template-columns:1fr 1fr}
  .pp-aval-in{grid-template-columns:1fr 1fr}
  .pp-aval-resumo{grid-column:1/-1}
  .esp-lado{display:none}
  .esp--pp .esp-txt{width:50%}
}
@media (max-width:860px){
  .pp-galeria--mini{display:block}
  .pp-galeria--mini .pp-miniaturas{flex-direction:row;max-height:none;overflow-x:auto;margin-top:12px}
  .pp-info h1{font-size:24px}
  .pp-preco>strong{font-size:32px}
  .pp-detalhes .abas-nav{display:flex;overflow-x:auto}
  .pp-detalhes .abas-nav button{flex:0 0 auto;padding:14px 16px}
  .pp-desc-in{grid-template-columns:1fr;gap:20px;padding-top:24px}
  .pp-desc-foto{order:-1}
  .pp-desc-foto img{max-height:220px}
  .pp-desc-txt h2{font-size:27px}
  .ficha-grade,.pp-entrega,.pp-aval-in{grid-template-columns:1fr}
  .pp-aval-resumo{grid-template-columns:1fr}
  .esp--pp{height:auto}
  .esp--pp .esp-txt{width:100%}
  .esp--pp h2{font-size:26px}
  .sec-cab-linha h2,.pp-sec-tit{font-size:21px}
  .sec-cab-linha .sec-link{font-size:13px}
}
.pp-desc-foto img{mix-blend-mode:multiply}

/* carrinho no desenho da Fabi */
.pg-carrinho,.pg-checkout,.pg-pedido{background:#f5f8fc}
.car{padding-top:18px}
.car-topo{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:4px 0 22px}
.car-topo h1{font-size:42px;font-weight:700;letter-spacing:-.025em;position:relative;padding-top:12px}
.car-topo h1::before{content:"";position:absolute;top:0;left:0;width:26px;height:4px;border-radius:2px;background:var(--laranja)}
.car-topo p{font-family:var(--f-tit);font-size:17px;color:#41506a;margin-top:2px}
.car-topo .etapas{flex:0 0 560px}
.car-corpo{grid-template-columns:minmax(0,1fr) 360px;gap:22px;margin-top:0}
.car-caixa{background:#fff;border:0;border-radius:12px;box-shadow:var(--sombra);padding:22px 24px}
.car-caixa-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.car-caixa-cab h2,.car-resumo h2{font-size:22px;font-weight:700;letter-spacing:-.01em}
.car-caixa-cab span{color:var(--mut);font-size:14px}
.car-th,.car-it{display:grid;grid-template-columns:96px minmax(0,1.6fr) 130px 120px 110px 36px;gap:16px;align-items:center}
.car-th{font-size:13.5px;font-weight:600;color:var(--tit);padding:0 0 10px;border-bottom:1px solid var(--linha)}
.car-th span:first-child{grid-column:1/3}
.car-it{background:none;border:0;border-bottom:1px solid var(--linha);border-radius:0;padding:18px 0;margin:0}
.car-nome a{font-size:14.5px}
.car-nome small{font-size:12px}
.car-est,.car-env{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-top:3px}
.car-est{color:var(--verde)}
.car-est::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde)}
.car-env{color:var(--txt)}
.car-env svg{width:16px;height:16px}
.car-unit b{display:block;color:var(--tit);font-size:15px}
.car-unit small{display:block;font-size:12px;color:var(--mut);line-height:1.35;margin-top:2px}
.car-it .qtd{height:40px;width:max-content}
.car-total{color:var(--vermelho);font-size:16.5px}
.car-pe{padding-top:18px}
.car-continuar{height:46px;color:var(--azul);border-color:var(--azul);margin:0;font-size:15px}
.car-continuar svg{transform:rotate(180deg)}
.car-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.car-extra-tit{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.car-extra-tit>svg{width:34px;height:34px;color:var(--tit);flex-shrink:0}
.car-extra-tit h3{font-size:16.5px}
.car-extra-tit p{font-size:13px;color:var(--mut);margin-top:2px}
.car-frete form .btn{min-width:110px}
.car-resumo{top:20px;border:0;padding:24px}
.car-resumo .car-linhas{border-top:0;padding-top:4px;margin-top:6px}
.car-linhas dt small{color:var(--mut)}
.car-link{color:var(--azul);font-weight:500}
.car-total-box{margin-top:14px;padding-top:18px}
.car-total-box span{font-family:var(--f-tit);font-size:22px;font-weight:700}
.car-total-box strong{font-size:28px;font-weight:700}
.car-pixbox{display:flex;align-items:center;gap:14px;background:#e9f8ef;border:1px solid #c6ebd5;border-radius:10px;padding:14px 16px;margin-top:16px}
.car-pixbox svg{width:34px;height:34px;color:#32bcad}
.car-pixbox small{display:block;font-size:13px;font-weight:600;color:var(--tit)}
.car-pixbox b{display:block;font-size:24px;color:var(--verde);line-height:1.15}
.car-fechar{height:56px;font-size:17px;gap:12px}
.car-wpp{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--wpp);font-weight:600;margin-top:12px}
.car-wpp svg{width:18px;height:18px}
.car-seg{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px 0;border-bottom:1px solid var(--linha);margin-bottom:14px}
.car-seg svg{width:26px;height:26px;color:var(--tit)}
.car-seg b{display:block;font-size:14px;color:var(--tit)}
.car-seg small{display:block;font-size:12px;color:var(--mut)}
.car-pags>small{display:block;font-size:13.5px;color:var(--tit);margin-bottom:8px}
.pags--linha{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.pags--linha .pg{height:30px;padding:2px}
.sec-sub{font-size:14.5px;color:var(--mut);margin:4px 0 0 42px}
.pg-carrinho .vit-rel{padding-bottom:10px}
@media (max-width:1180px){
  .car-topo{flex-direction:column;align-items:flex-start}
  .car-topo .etapas{flex:none;width:100%;max-width:560px}
  .car-th{display:none}
  .car-it{grid-template-columns:80px minmax(0,1fr) auto 36px;grid-template-areas:"f n n x" "f u q t"}
  .car-foto{grid-area:f}.car-nome{grid-area:n}.car-unit{grid-area:u}.car-it .qtd{grid-area:q}.car-total{grid-area:t}.car-tirar{grid-area:x}
  .car-foto img{width:80px;height:80px}
}
@media (max-width:980px){
  .car-corpo{grid-template-columns:1fr}
  .car-resumo{position:static}
}
@media (max-width:640px){
  .car-topo h1{font-size:30px}
  .car-extras{grid-template-columns:1fr}
  .car-caixa{padding:18px 16px}
  .car-it{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"f n x" "f u u" "q q t";gap:8px 12px}
  .car-foto img{width:64px;height:64px}
  .pags--linha{grid-template-columns:repeat(6,1fr)}
}
.pags.pags--linha{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
.pags--linha .pg{width:auto;min-width:0;height:30px;padding:3px}
.pags--linha .pg svg{width:100%;height:100%}
.car-esq,.car-resumo,.car-caixa{min-width:0}
.car-corpo>*{min-width:0}
@media (max-width:640px){.sec-sub{margin-left:0}.car-frete form .btn{min-width:0}}

/* topo e rodapé enxutos do checkout */
.cab--enxuto{position:relative;top:auto;background:var(--navy)}
.cab-enx{display:flex;align-items:center;gap:34px;height:82px}
.cab-enx .cab-logo{margin-right:auto}
.cab-enx .cab-logo svg{height:40px;width:auto}
.cab-enx-it{display:flex;align-items:center;gap:12px;color:#fff}
.cab-enx-it>svg{width:28px;height:28px;color:#fff}
.cab-enx-it b{display:block;font-size:13.5px;font-weight:600}
.cab-enx-it small{display:block;font-size:12px;color:#b9c6d6}
.cab-enx-wpp>svg{color:#25d366}
.rod--enxuto{background:var(--navy);color:#cbd6e4;padding:22px 0}
.rod-enx{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}
.rod-enx .rod-logo svg{height:34px;width:auto}
.rod-enx-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;flex:1}
.rod-enx-links a{display:inline-flex;align-items:center;gap:6px;color:#dbe4ef}
.rod-enx-links a:hover{color:#fff}
.rod-enx-links svg{width:16px;height:16px}
.rod-enx small{font-size:12px;color:#9fb0c5}

/* checkout no desenho da Fabi (modelo 2) */
.ck{padding-top:22px}
.ck>.etapas{max-width:820px;margin:0 auto 10px}
.ck-cab h1{font-size:44px;font-weight:700;letter-spacing:-.025em}
.ck-cab p{font-family:var(--f-tit);font-size:19px;color:#41506a;margin-top:0}
.ck-corpo{grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:20px}
.ck-corpo>*{min-width:0}
.ck-bloco{position:relative;border:0;border-radius:12px;box-shadow:var(--sombra);padding:24px 22px 14px;margin:0 0 16px}
.ck-bloco legend{float:left;width:100%;font-size:24px;font-weight:700;padding:0;margin:0 0 16px}
.ck-bloco legend span{width:auto;height:auto;background:none;color:var(--laranja);font-family:var(--f-tit);font-size:24px;border-radius:0;display:inline}
.ck-bloco legend+*{clear:both}
.ck-conta{position:absolute;top:30px;right:22px;font-size:14px;color:var(--txt)}
.ck-conta a{color:var(--azul);text-decoration:underline}
.ck-grade{gap:0 16px}
.campo label i{color:#e5484d;font-style:normal}
.campo input,.campo select,.campo textarea{min-height:44px;font-size:15px}
.campo select{width:100%;height:44px}
.ck-info{display:flex;gap:14px;align-items:center;background:var(--bg-cl);border-radius:10px;padding:14px 18px;margin:12px 0 10px;font-size:13.5px;color:var(--mut)}
.ck-info svg{width:28px;height:28px;color:var(--tit);flex-shrink:0}
.ck-info b{display:block;color:var(--tit);font-size:14px}
.ck-cep{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.ck-cep .campo{width:200px;margin-bottom:16px}
.ck-cep .btn{height:44px;margin-bottom:16px}
.ck-naosei{font-size:13px;color:var(--azul);text-decoration:underline;margin-bottom:28px}
.ck-endereco{grid-template-columns:minmax(0,1fr) 150px}
.ck-endereco .campo:nth-child(n+3){grid-column:auto}
.ck-endereco{grid-template-columns:1fr 1fr}
.ck-endereco .ck-rua{grid-column:1}
.ck-sub{font-family:var(--f-tit);font-size:16px;color:var(--tit);margin:6px 0 10px}
.ck-op{grid-template-columns:auto 1fr auto;padding:16px 18px;border-width:1.5px}
.ck-op.on{background:#fff;border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}
.ck-op strong{color:var(--azul);font-size:18px}
.ck-pag{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ck-pag-op{display:flex;align-items:center;gap:10px;padding:14px 14px;margin:0;min-height:58px;flex-wrap:wrap}
.ck-pag-op input{position:absolute;opacity:0;pointer-events:none}
.ck-pag-op b{font-size:15px}
.ck-pag-op.on{background:#fff;border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}
.ck-pag-op.on b{color:var(--azul)}
.ck-pag-op em{font-style:normal;font-size:12px;font-weight:600;color:var(--verde);background:#e6f6ec;border-radius:20px;padding:3px 10px}
.ck-pag-ico{width:auto;height:auto;border:0;background:none}
.ck-pag-ico svg{width:28px;height:28px}
.ck-pag-ico--pix{color:#32bcad}
.ck-pag-det{margin-top:16px}
.ck-parc{max-width:360px}
.ck-obs{background:#ecf9f1;color:#13643a;border-radius:8px;padding:12px 14px;font-size:13.5px;margin:4px 0 14px;align-items:flex-start}
.ck-obs svg{flex-shrink:0;margin-top:1px}
.ck-obs--wpp{background:#ecf9f1}
.ck-obs--wpp svg{color:var(--wpp)}
.ck-obs-campo{margin:4px 0 12px;font-size:14px}
.ck-obs-campo summary{cursor:pointer;color:var(--azul);font-weight:500;padding:4px 0}
.ck-obs-campo .campo{margin:10px 0 0}
.ck-aceite{margin:4px 0 6px}
.ck-aceite a{color:var(--azul);text-decoration:underline}
.ck-fechar{width:100%;margin:14px 0 10px;height:58px;font-size:18px}
.ck-resumo{position:sticky;top:20px;padding:22px}
.ck-resumo-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ck-resumo-cab h2{font-size:22px}
.ck-resumo-cab a{display:inline-flex;align-items:center;gap:6px;color:var(--azul);font-size:13.5px}
.ck-resumo-cab svg{width:16px;height:16px}
.ck-itens li{grid-template-columns:64px 1fr auto;padding:14px 0;border-bottom:1px solid var(--linha);font-weight:600;font-size:13.5px;line-height:1.35}
.ck-itens img{width:64px;height:64px;border:0}
.ck-itens small{display:block;font-weight:400;color:var(--mut);margin-top:4px}
.ck-itens b{font-size:15px}
.ck-desc{color:var(--verde)!important}
.ck-resumo .car-total-box strong{color:var(--azul)}
.ck-confia{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--linha);margin-top:16px;padding-top:18px}
.ck-confia li{display:flex;gap:14px;align-items:flex-start;font-size:12.5px;color:var(--mut);line-height:1.4}
.ck-confia svg{width:28px;height:28px;color:var(--tit);flex-shrink:0}
.ck-confia b{display:block;color:var(--tit);font-size:14px}
.ck-ajuda{display:flex;align-items:center;gap:14px;background:var(--bg-cl);border-radius:12px;padding:16px;margin-top:18px;font-size:13px;color:var(--txt);line-height:1.4}
.ck-ajuda>svg:first-child{width:42px;height:42px;color:var(--wpp);flex-shrink:0}
.ck-ajuda b{display:block;font-family:var(--f-tit);font-size:15.5px;color:var(--tit)}
.ck-ajuda>svg:last-child{width:20px;height:20px;color:var(--azul);margin-left:auto;flex-shrink:0}
@media (max-width:980px){
  .ck-corpo{grid-template-columns:1fr}
  .ck-resumo{position:static;order:-1}
  .cab-enx-it:not(.cab-enx-wpp){display:none}
}
@media (max-width:640px){
  .cab-enx{height:66px;gap:12px}
  .cab-enx .cab-logo svg{height:32px}
  .cab-enx-wpp small{display:none}
  .ck-cab h1{font-size:30px}
  .ck-cab p{font-size:16px}
  .ck-bloco{padding:20px 16px 10px}
  .ck-bloco legend,.ck-bloco legend span{font-size:21px}
  .ck-conta{position:static;margin:-6px 0 12px}
  .ck-grade,.ck-endereco{grid-template-columns:1fr}
  .ck-pag{grid-template-columns:1fr}
  .ck-cep .campo{width:100%}
  .rod-enx{flex-direction:column;align-items:flex-start}
}
.ck-bloco legend{float:none;display:block;width:auto;margin:0 0 16px}
.ck-bloco legend+*{clear:none}
.ck-bloco{padding-top:22px}
.ck-conta{top:26px}
.ck-corpo{grid-template-columns:minmax(0,1fr) 370px}
.ck-itens li{grid-template-columns:56px minmax(0,1fr) auto}
.ck-itens img{width:56px;height:56px}
.ck-leg{display:flex;align-items:baseline;gap:8px;font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}
.ck-leg span{color:var(--laranja);font-family:var(--f-tit)}
@media (max-width:640px){.ck-leg{font-size:21px}}
@media (max-width:980px){.ck-corpo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:980px){.ck-confia,.ck-ajuda{display:none}.ck-resumo-cab h2{font-size:20px}}

/* pedido: confirmação e detalhe */
.ped{padding-top:24px;padding-bottom:20px;max-width:1080px}
.ped--conta{max-width:1368px}
.ped>.etapas{max-width:760px;margin:0 auto 20px}
.ped-ok{text-align:center;margin:6px auto 18px;max-width:720px}
.ped-ok-ico{width:66px;height:66px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 0 0 10px rgba(10,108,240,.1);animation:pulo .6s cubic-bezier(.2,1.5,.4,1) both}
.ped-ok-ico svg{width:34px;height:34px;stroke-width:3}
.ped-ok--espera .ped-ok-ico{background:var(--laranja);box-shadow:0 0 0 10px rgba(251,106,10,.12)}
.ped-ok--espera .ped-ok-ico svg{stroke-width:2}
@keyframes pulo{from{transform:scale(.4);opacity:0}}
.ped-ok h1{font-size:38px;font-weight:700;letter-spacing:-.02em}
.ped-ok p{font-size:16px;color:var(--txt);margin-top:6px}
.ped-num{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:400px;margin:0 auto 24px;background:#fff;border-radius:10px;box-shadow:var(--sombra);padding:14px 20px;text-align:center}
.ped-num span{font-size:16px;color:var(--tit)}
.ped-num b{color:var(--azul);font-size:20px}
.ped-num small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mut)}
.ped-num small svg{width:15px;height:15px}
.ped-caixa{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:24px;margin-bottom:16px}
.ped-caixa .ped-pagar{margin:0;padding:0;border:0;background:none}
.ped-acomp .linha-ped{margin:8px 0}
.ped-acomp-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
.ped-acomp-cab h2{font-size:26px;font-weight:700}
.ped-acomp-cab p{font-size:17px;color:var(--txt);margin-top:4px}
.ped-acomp-cab p b{color:var(--azul);font-size:20px}
.ped-rast{display:flex;align-items:center;gap:6px;font-size:14px!important}
.ped-rast b{font-size:14px!important;color:var(--tit)!important}
.ped-copiar{background:none;border:0;color:var(--azul);padding:4px}
.ped-copiar svg{width:18px;height:18px}
.ped-acomp-cab .btn svg{width:18px;height:18px}
.ped-itens-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}
.ped-itens-cab h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}
.ped-itens-cab h2 svg{width:24px;height:24px;color:var(--tit)}
.ped-itens-cab>span{text-align:right;font-size:14px;color:var(--tit)}
.ped-itens-cab>span b{color:var(--azul)}
.ped-itens-cab small{display:block;color:var(--mut);font-size:12.5px}
.ped-th,.ped-it{display:grid;grid-template-columns:72px minmax(0,1fr) 110px 130px 120px;gap:16px;align-items:center}
.ped--conta .ped-th,.ped-it--conta{grid-template-columns:72px minmax(0,1fr) 90px 120px 110px 170px}
.ped-th{background:var(--bg-cl);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--mut)}
.ped-th span:first-child{grid-column:1/3}
.ped-it{padding:14px;border:1px solid var(--linha);border-radius:10px;margin-top:10px;font-size:14.5px;color:var(--tit)}
.ped-it img{width:72px;height:72px;object-fit:contain}
.ped-it-nome a,.ped-it-nome b{font-weight:600;color:var(--tit);line-height:1.35}
.ped-it-nome a:hover{color:var(--azul)}
.ped-it-st{display:flex;align-items:center;gap:5px;color:var(--verde);font-size:12.5px;margin-top:4px}
.ped-it-st svg{width:14px;height:14px}
.btn-peq{height:38px;padding:0 14px;font-size:13px;gap:6px}
.btn-peq svg{width:16px;height:16px}
.ped-tot{margin:16px 0 0 auto;max-width:340px}
.ped-tot div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;font-size:14px}
.ped-tot dt{color:var(--mut)}
.ped-tot dd{margin:0;color:var(--tit);font-weight:500}
.ped-desc{color:var(--verde)!important}
.ped-tot .ped-tot-final{background:var(--bg-cl);border-radius:8px;padding:12px 14px;margin-top:8px;align-items:center}
.ped-tot-final dt{font-family:var(--f-tit);font-size:18px;font-weight:700;color:var(--tit)}
.ped-tot-final dd{font-size:24px;font-weight:700;color:var(--azul)!important}
.ped-duas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ped-card h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:12px}
.ped-card h2 svg{width:26px;height:26px;color:var(--azul)}
.ped-prev{font-family:var(--f-tit);font-size:20px;font-weight:600;color:var(--azul)}
.ped-card small{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.ped-end{margin-top:14px;font-size:14px;line-height:1.55;color:var(--txt)}
.ped-end b{display:block;color:var(--tit)}
.ped-pag-st{display:flex;align-items:center;gap:8px;font-family:var(--f-tit);font-size:18px;font-weight:600;color:var(--verde)}
.ped-pag-st svg{width:24px;height:24px;color:#fff;background:var(--verde);border-radius:50%;padding:4px;stroke-width:3}
.ped-pag-st.ped-st--espera{color:#8a4b00}
.ped-pag-st.ped-st--espera svg{background:var(--laranja);stroke-width:2}
.ped-pag-forma{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:14.5px;color:var(--tit)}
.ped-pag-ico{width:48px;height:34px;border:1px solid var(--linha);border-radius:6px;display:grid;place-items:center;color:var(--azul)}
.ped-pag-ico svg{width:22px;height:22px}
.ped-pag-val{font-size:13.5px;color:var(--mut)}
.ped-pag-val b{display:block;font-size:17px;color:var(--tit)}
.ped-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:6px 0 20px}
.ped-acoes .btn{min-width:220px;height:50px}
.ped-imprimir{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--azul);text-decoration:underline;font-weight:500;margin-left:auto}
.ped-imprimir svg{width:18px;height:18px}
.ped-confia{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-az);border-radius:12px;padding:18px 10px;margin-bottom:10px}
.ped-confia li{display:flex;gap:14px;align-items:flex-start;padding:0 18px;border-left:1px solid #cfdcec;font-size:13px;color:var(--mut);line-height:1.4}
.ped-confia li:first-child{border:0}
.ped-confia svg{width:32px;height:32px;color:var(--azul);flex-shrink:0}
.ped-confia b{display:block;color:var(--tit);font-size:14.5px}
.ped-st{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;vertical-align:middle}
.ped-st svg{width:16px;height:16px}
.ped-st--ok{background:#e6f6ec;color:var(--verde)}
.ped-st--transito{background:#fff1e6;color:#b04a00}
.ped-st--espera{background:#fff7ec;color:#8a4b00}
.ped-st--erro{background:#fff1f1;color:#9b1c22}
.ped-voltar{display:inline-flex;align-items:center;gap:8px;color:var(--azul);font-size:14px;margin-bottom:12px}
.ped-voltar svg{width:16px;height:16px;transform:rotate(180deg)}
.ped-cab-conta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.ped-cab-conta h1{display:inline-block;font-size:36px;font-weight:700;letter-spacing:-.02em;margin-right:12px;vertical-align:middle}
.ped-cab-conta p{color:var(--mut);font-size:15px;margin-top:4px}
.ped-cab-conta .btn svg{width:20px;height:20px}
.ped-problema{display:flex;align-items:center;gap:18px;background:var(--bg-az);border-radius:12px;padding:20px 24px}
.ped-problema>svg{width:44px;height:44px;color:var(--azul);flex-shrink:0}
.ped-problema b{display:block;font-family:var(--f-tit);font-size:20px;color:var(--tit)}
.ped-problema span{font-size:14.5px;color:var(--txt)}
.ped-problema .btn{margin-left:auto}
.pg-pedido .banda--caixa{margin-bottom:40px}
@media print{.topbar,.cab,.rod,.wpp-flut,.banda,.ped-acoes,.ped-confia,.conta-menu,.ped-problema,.etapas,.toast{display:none!important}body,.pg-pedido{background:#fff}.ped-caixa{box-shadow:none;border:1px solid #ddd}}
@media (max-width:860px){
  .ped-ok h1{font-size:28px}
  .ped-th{display:none}
  .ped-it,.ped-it--conta{grid-template-columns:60px minmax(0,1fr);gap:4px 12px}
  .ped-it img{width:60px;height:60px;grid-row:span 4}
  .ped-it>span,.ped-it>b{font-size:13.5px}
  .ped-it>span::before,.ped-it>b::before{content:attr(data-r) ": ";color:var(--mut);font-weight:400}
  .ped-it .btn{grid-column:2;justify-self:start;margin-top:6px}
  .ped-duas,.ped-confia{grid-template-columns:1fr}
  .ped-confia li{border:0;padding:8px}
  .ped-acomp-cab,.ped-cab-conta,.ped-itens-cab,.ped-problema{flex-direction:column;align-items:flex-start}
  .ped-itens-cab>span{text-align:left}
  .ped-problema .btn{margin-left:0}
  .ped-imprimir{margin-left:0}
  .ped-acoes .btn{width:100%}
  .linha-ped small{font-size:11px}
  .ped-tot{max-width:none}
}
.ped-pag-st{background:none!important;padding:0}

/* minha conta */
.pg-conta{background:#f5f8fc}
.topo--conta .topo-in{min-height:330px}
.topo--baixo .topo-in{min-height:200px;padding-top:20px;padding-bottom:30px}
.topo--baixo h1{font-size:48px;margin-top:8px}
.topo--baixo h1::before{content:"";display:block;width:26px;height:4px;border-radius:2px;background:var(--laranja);margin-bottom:12px}
.topo-mini{display:flex;flex-wrap:wrap;gap:0}
.topo-mini li{display:flex;align-items:center;gap:12px;color:#e7edf5;font-size:13.5px;line-height:1.3;padding:0 22px;border-left:1px solid rgba(255,255,255,.25)}
.topo-mini li:first-child{padding-left:0;border:0}
.topo-mini svg{width:30px;height:30px;color:#fff}
.conta{padding-top:28px;padding-bottom:10px}
.conta-entrada{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1060px;margin:0 auto}
.conta-card{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:30px 32px}
.conta-card h2{font-size:32px;font-weight:700;letter-spacing:-.02em}
.conta-sub{font-size:16px;color:var(--txt);margin:8px 0 22px;line-height:1.45}
.conta-primeira{background:linear-gradient(180deg,#eef4fc,#e5eefb)}
.campo-ico{display:flex;align-items:center;gap:10px;border:1.5px solid #d3dce8;border-radius:8px;padding:0 14px;background:#fff}
.campo-ico:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.14)}
.campo-ico svg{width:20px;height:20px;color:var(--mut)}
.campo--ico input{border:0!important;box-shadow:none!important;padding-left:0}
.conta-entrar .btn-lg{width:100%;height:52px;font-size:16px;margin-top:6px}
.conta-voltar{background:none;border:0;color:var(--azul);margin-top:12px;text-decoration:underline}
.conta-enviado{background:#ecf9f1;color:#13643a;border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:14px}
.conta-ajuda{font-size:13px;color:var(--mut);margin-top:22px;padding-top:18px;border-top:1px solid var(--linha)}
.conta-ajuda a{color:var(--azul);text-decoration:underline}
.conta-vant{display:flex;flex-direction:column;gap:20px;margin-bottom:26px}
.conta-vant li{display:flex;gap:18px;align-items:flex-start;font-size:14.5px;color:var(--txt);line-height:1.4}
.conta-vant svg{width:32px;height:32px;color:var(--azul);flex-shrink:0}
.conta-vant b{display:block;font-family:var(--f-tit);font-size:17px;color:var(--tit)}
.conta-primeira .btn-lg{width:100%;height:52px;font-size:16px}
.conta-visit{display:flex;align-items:center;gap:20px;max-width:1060px;margin:20px auto 30px;background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:22px 28px}
.conta-visit>svg{width:44px;height:44px;color:var(--azul)}
.conta-visit b{display:block;font-family:var(--f-tit);font-size:20px;color:var(--tit)}
.conta-visit span{font-size:14.5px;color:var(--txt)}
.conta-visit .btn{margin-left:auto;min-width:220px;color:var(--azul);border-color:var(--azul)}
.pg-conta .selos{background:none}
.pg-conta .selos-in{max-width:1060px;background:var(--bg-az);border-radius:12px;height:100px}
.conta-grade{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.conta-main{min-width:0}
.conta-menu{position:sticky;top:20px;background:#fff;border-radius:12px;box-shadow:var(--sombra);border-top:4px solid var(--navy);padding:18px 12px}
.conta-menu h2{font-size:20px;padding:0 10px 12px}
.conta-menu a,.conta-menu button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-radius:8px;padding:12px 12px;font-size:15px;color:var(--tit);text-align:left}
.conta-menu a svg,.conta-menu button svg{width:22px;height:22px}
.conta-menu a:hover,.conta-menu button:hover{background:var(--bg-cl)}
.conta-menu a.on{background:var(--azul-cl);color:var(--azul);font-weight:600}
.conta-menu a.on svg:last-child{margin-left:auto;width:16px;height:16px}
.conta-menu button{border-top:1px solid var(--linha);border-radius:0 0 8px 8px;margin-top:10px;padding-top:16px}
.ped--conta .conta-menu a.on{background:var(--azul);color:#fff}
.conta-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.conta-kpis>div{display:flex;align-items:center;gap:18px;background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:18px 20px}
.conta-kpis svg{width:56px;height:56px;padding:13px;border-radius:10px;background:var(--azul-cl);color:var(--azul)}
.conta-kpis span{font-size:14.5px;color:var(--tit)}
.conta-kpis b{display:block;font-family:var(--f-tit);font-size:28px;line-height:1.1}
.conta-tit{font-size:26px;font-weight:700;margin:4px 0 12px}
.conta-aberto-cab{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.conta-aberto-cab b{font-family:var(--f-tit);font-size:19px;color:var(--tit)}
.conta-aberto-cab small{color:var(--mut);font-size:14px}
.conta-aberto-cab .ped-st{margin-left:auto;background:var(--azul);color:#fff;padding:8px 16px}
.conta-aberto-corpo{display:flex;gap:24px;align-items:center;margin-bottom:22px}
.conta-aberto-itens{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.conta-aberto-itens img{width:84px;height:84px;object-fit:contain}
.conta-aberto-itens ul{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:600;color:var(--tit);min-width:0}
.conta-aberto-itens small{display:block;font-weight:400;color:var(--mut)}
.conta-aberto-tot{border-left:1px solid var(--linha);padding-left:26px;display:flex;flex-direction:column;gap:2px;min-width:220px}
.conta-aberto-tot small{color:var(--mut);font-size:13.5px;margin-top:6px}
.conta-aberto-tot b{font-family:var(--f-tit);font-size:24px;color:var(--tit)}
.conta-aberto-tot span{display:flex;align-items:center;gap:8px;font-family:var(--f-tit);font-weight:600;font-size:19px;color:var(--tit)}
.conta-aberto-tot svg{width:22px;height:22px}
.conta-aberto-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.conta-aberto-acoes .btn{height:48px;min-width:200px}
.conta-link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--azul);text-decoration:underline;font-size:14.5px}
.conta-link svg{width:20px;height:20px}
.conta-lista-cab h2{font-size:26px;font-weight:700;margin-bottom:10px}
.conta-ped{display:grid;grid-template-columns:170px 64px minmax(0,1fr) 120px 120px 130px;gap:16px;align-items:center;border:1px solid var(--linha);border-radius:10px;padding:12px 16px;margin-top:10px}
.conta-ped-n b{display:block;color:var(--tit)}
.conta-ped-n small,.conta-ped-it small{display:block;color:var(--mut);font-size:12.5px}
.conta-ped img{width:64px;height:64px;object-fit:contain}
.conta-ped-it{font-size:14px;font-weight:600;color:var(--tit);min-width:0}
.conta-ped strong{color:var(--tit)}
.conta-ped .ped-st{justify-self:start}
.conta-dados h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;margin-bottom:14px}
.conta-dados h2 svg{width:28px;height:28px;color:var(--azul)}
.conta-dados dl div{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:4px 0;font-size:14.5px}
.conta-dados dt{color:var(--mut)}
.conta-dados dd{margin:0;color:var(--tit);overflow-wrap:anywhere}
.conta-dados p{font-size:15px;line-height:1.6;color:var(--txt)}
.conta-dados small{display:block;font-size:12.5px;color:var(--mut);margin-top:12px}
.conta-dados small a{color:var(--azul);text-decoration:underline}
.vazio--conta{text-align:center;padding:20px}
.pg-conta .banda--caixa{margin-bottom:40px}
@media (max-width:1100px){
  .conta-ped{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"i t v" "i n s" "b b b"}
  .conta-ped img{grid-area:i}.conta-ped-it{grid-area:t}.conta-ped-n{grid-area:n}.conta-ped strong{grid-area:v}.conta-ped .ped-st{grid-area:s;justify-self:end}.conta-ped .btn{grid-area:b;justify-self:start}
}
@media (max-width:860px){
  .conta-entrada,.conta-grade{grid-template-columns:1fr}
  .conta-menu{position:static;display:flex;flex-wrap:wrap;gap:4px}
  .conta-menu h2{width:100%}
  .conta-menu a,.conta-menu button{width:auto;padding:8px 10px;font-size:14px}
  .conta-menu a.on svg:last-child{display:none}
  .conta-menu button{border:0;margin:0;padding-top:8px}
  .conta-card{padding:24px 20px}
  .conta-card h2{font-size:26px}
  .conta-visit{flex-direction:column;align-items:flex-start;padding:20px}
  .conta-visit .btn{margin-left:0;width:100%}
  .conta-kpis{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .conta-kpis>div{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}
  .conta-kpis svg{width:40px;height:40px;padding:9px}
  .conta-kpis span{font-size:12px}
  .conta-aberto-corpo{flex-direction:column;align-items:flex-start}
  .conta-aberto-tot{border:0;padding:0}
  .conta-aberto-cab .ped-st{margin-left:0}
  .conta-link{margin-left:0}
  .conta-aberto-acoes .btn{width:100%}
  .topo-mini li{padding:0 12px;font-size:12px}
  .topo--baixo h1{font-size:34px}
  .pg-conta .selos-in{height:auto}
}
.conta-entrada .conta-entrar{max-width:none;margin:0;text-align:left}
.conta-entrada .conta-form{background:none;border:0;border-radius:0;padding:0}
.topo--conta .topo-img img{object-position:right 18%}
.pg-conta .selo b{font-size:13.5px}
.pg-conta .selo{gap:14px;padding-left:20px}

/* páginas institucionais: sobre, trocas e contato */
.topo--inst .topo-in{min-height:360px}
.topo--inst h1{font-size:56px;font-weight:800}
.topo--inst .eyebrow{color:var(--laranja)}
.topo--inst .eyebrow::before{display:none}
.topo--curto .topo-in{min-height:280px}
.topo--inst .topo-img img{object-position:right center}
.inst-dobra{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding-top:30px;padding-bottom:30px}
.inst-foto img{width:100%;height:auto;border-radius:6px;box-shadow:var(--sombra)}
.inst-txt h2{font-size:36px;font-weight:700;letter-spacing:-.025em;line-height:1.12;margin-bottom:16px}
.inst-txt p{font-size:17px;line-height:1.6;color:var(--txt);margin-bottom:14px}
.inst-dest{display:flex;flex-wrap:wrap;margin-top:22px}
.inst-dest li{font-family:var(--f-tit);font-weight:600;color:var(--tit);font-size:15px;padding:4px 20px;border-left:1.5px solid #c9d3e0}
.inst-dest li:first-child{padding-left:0;border:0}
.inst-hist{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-top:20px;padding-bottom:40px;align-items:start}
.inst-hist .texto{font-size:16px;line-height:1.7}
.inst-hist .texto-dados{background:var(--bg-cl);border-radius:12px;padding:20px 22px;margin:0}
.inst-escuro{position:relative;overflow:hidden;background:var(--navy)}
.inst-escuro-bg{position:absolute;inset:0;background:url(/imagens/site/especialista-lente-mao.webp) right center/cover no-repeat}
.inst-escuro-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,35,61,.98) 0%,rgba(11,35,61,.85) 38%,rgba(11,35,61,0) 62%)}
.inst-escuro-in{position:relative;min-height:330px;display:flex;flex-direction:column;justify-content:center;max-width:1368px}
.inst-escuro h2{color:#fff;font-size:48px;line-height:1.05;font-weight:800;letter-spacing:-.025em;max-width:520px}
.inst-escuro p{color:#dbe4ef;font-family:var(--f-tit);font-size:18px;line-height:1.45;max-width:520px;margin:16px 0 24px}
.inst-escuro .btn{align-self:flex-start}
.inst-conheca{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;padding-top:44px;padding-bottom:44px;align-items:center}
.inst-conheca h2{font-size:40px;font-weight:800;letter-spacing:-.025em;margin-bottom:14px}
.inst-conheca p{font-size:17px;line-height:1.55;color:var(--txt)}
.inst-conheca ul{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;border-left:1px solid var(--linha);padding-left:36px}
.inst-conheca li{display:flex;gap:16px;align-items:flex-start;font-size:14px;color:var(--mut);line-height:1.45}
.inst-conheca svg{width:30px;height:30px;color:var(--laranja);flex-shrink:0}
.inst-conheca b{display:block;color:var(--tit);font-size:15.5px;font-family:var(--f-tit)}
.troca-passos{padding-top:34px;padding-bottom:30px;border-bottom:1px solid var(--linha)}
.troca-passos h2,.troca-antes h2,.troca-sit h2,.troca-info h2{font-size:34px;font-weight:800;letter-spacing:-.025em;margin-bottom:22px}
.troca-passos ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;margin:0;padding:0}
.troca-passos li{position:relative;display:flex;gap:18px;align-items:flex-start;font-size:15.5px;color:var(--txt);line-height:1.45}
.troca-passos li+li::before{content:"";position:absolute;left:-30px;top:24px;width:20px;height:1.5px;background:#c9d3e0}
.troca-passos span{width:48px;height:48px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-family:var(--f-tit);font-size:22px;font-weight:700;flex-shrink:0}
.troca-passos b{display:block;font-family:var(--f-tit);font-size:19px;color:var(--tit);margin-bottom:4px}
.troca-antes{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding-top:34px;padding-bottom:34px;border-bottom:1px solid var(--linha)}
.troca-check{display:flex;flex-direction:column;gap:14px}
.troca-check li{display:flex;align-items:center;gap:14px;font-size:16px;color:var(--tit)}
.troca-check svg{width:24px;height:24px;color:#fff;background:var(--laranja);border-radius:50%;padding:4px;stroke-width:3;flex-shrink:0}
.troca-prazo{background:var(--navy);color:#dbe4ef;border-radius:14px;padding:30px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.45}
.troca-prazo svg{width:40px;height:40px;color:var(--laranja)}
.troca-prazo b{font-family:var(--f-tit);font-size:44px;color:#fff;line-height:1.1}
.troca-sit{padding-top:34px;padding-bottom:30px;border-bottom:1px solid var(--linha)}
.troca-sit>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.troca-sit a{display:flex;gap:16px;align-items:flex-start;font-size:14.5px;color:var(--mut);line-height:1.45;padding:6px 18px 6px 0;border-right:1px solid var(--linha);transition:transform .2s}
.troca-sit a:last-child{border:0}
.troca-sit a:hover{transform:translateY(-2px)}
.troca-sit a>svg{width:50px;height:50px;padding:12px;border-radius:50%;background:var(--azul-cl);color:var(--azul);flex-shrink:0}
.troca-sit b{display:block;font-family:var(--f-tit);font-size:17px;color:var(--tit);margin-bottom:4px}
.troca-sit em{display:inline-flex;align-items:center;gap:6px;font-style:normal;color:var(--azul);font-weight:600;margin-top:8px}
.troca-sit em svg{width:16px;height:16px}
.troca-info{padding-top:34px;padding-bottom:40px}
.troca-info .faq-it .texto{font-size:15px}
.faixa-acao{background:var(--navy);color:#fff}
.faixa-acao-in{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}
.faixa-acao-in>svg{width:56px;height:56px;color:var(--laranja)}
.faixa-acao h2{color:#fff;font-size:28px;font-weight:700}
.faixa-acao p{color:#cbd6e4;font-size:16px}
.faixa-acao-in>div{margin-right:auto}
.faixa-acao .btn{height:52px;min-width:190px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:30px;padding-bottom:34px;align-items:start}
.ct-canais h2,.ct-form h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}
.ct-canal{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--linha)}
.ct-ico{width:56px;height:56px;border-radius:50%;background:var(--laranja);color:#fff;display:grid;place-items:center}
.ct-ico svg{width:26px;height:26px}
.ct-ico--wpp{background:#25a85a}
.ct-canal b{display:block;font-family:var(--f-tit);font-size:19px;color:var(--tit)}
.ct-canal span{font-size:14.5px;color:var(--mut)}
.ct-canal .ct-grande{font-size:18px;color:#5b6880;overflow-wrap:anywhere}
.ct-canal .btn{min-width:150px;height:46px}
.ct-canal .btn-claro{color:var(--azul);border-color:var(--azul)}
.ct-hora{display:flex;align-items:center;gap:12px;color:#5b6880;font-size:15.5px;margin-top:18px}
.ct-hora svg{width:24px;height:24px}
.ct-form{background:#fff;border-radius:12px;box-shadow:var(--sombra);border:1px solid var(--linha);padding:26px 26px 22px}
.ct-form h2{font-size:26px;margin-bottom:16px}
.ct-form .btn-lg{width:100%;height:52px;font-size:16px}
.ct-lgpd{font-size:13px;align-items:flex-start;margin:0 0 14px}
.ct-lgpd a{color:var(--azul);text-decoration:underline}
.ct-ok{text-align:center;padding:30px 10px}
.ct-loja{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;align-items:center;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--linha)}
.ct-mapa{position:relative;height:280px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#e8eef6,#f6f8fb);border:1px solid var(--linha)}
.ct-mapa iframe{width:100%;height:100%;border:0}
.ct-mapa-capa{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:20px;background:repeating-linear-gradient(45deg,rgba(15,39,71,.025) 0 12px,transparent 12px 24px)}
.ct-mapa-capa svg{width:40px;height:40px;color:var(--tit)}
.ct-mapa-capa b{font-family:var(--f-tit);color:var(--tit);font-size:17px}
.ct-mapa-capa span{font-size:13.5px;color:var(--mut);margin-bottom:10px}
.ct-loja-txt h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.ct-li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;color:var(--tit);line-height:1.45;margin-bottom:14px}
.ct-li svg{width:24px;height:24px;color:var(--laranja);flex-shrink:0}
.ct-loja-bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ct-loja-bts .btn{height:44px;font-size:14px}
.ct-foto img{width:100%;height:280px;object-fit:cover;border-radius:10px}
.ct-faq{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;padding-top:34px;padding-bottom:40px;border-top:1px solid var(--linha)}
.ct-faq h2{font-size:34px;font-weight:800;letter-spacing:-.025em;line-height:1.12}
.ct-faq p{font-size:16.5px;color:var(--mut);margin:14px 0 22px}
.ct-faq .btn-claro{color:var(--azul);border-color:var(--azul)}
.ct-faq .faq-it summary svg{color:var(--azul)}
.faixa-acao--escura .btn-azul{min-width:260px}
@media (max-width:1100px){
  .ct-loja{grid-template-columns:1fr 1fr}
  .ct-foto{display:none}
  .inst-conheca{grid-template-columns:1fr}
  .inst-conheca ul{border:0;padding:0}
}
@media (max-width:860px){
  .topo--inst h1{font-size:34px}
  .inst-dobra,.inst-hist,.troca-antes,.ct,.ct-loja,.ct-faq{grid-template-columns:1fr;gap:24px}
  .inst-txt h2,.inst-conheca h2,.troca-passos h2,.troca-antes h2,.troca-sit h2,.troca-info h2,.ct-canais h2,.ct-faq h2,.ct-loja-txt h2{font-size:26px}
  .inst-escuro h2{font-size:32px}
  .inst-escuro-bg::after{background:linear-gradient(180deg,rgba(11,35,61,.6),rgba(11,35,61,.95) 55%)}
  .inst-escuro-in{padding-top:120px;padding-bottom:34px}
  .inst-conheca ul{grid-template-columns:1fr}
  .troca-passos ol,.troca-sit>div{grid-template-columns:1fr;gap:18px}
  .troca-passos li+li::before{display:none}
  .troca-sit a{border:0;padding:0}
  .ct-canal{grid-template-columns:48px minmax(0,1fr);gap:12px}
  .ct-ico{width:48px;height:48px}
  .ct-canal .btn{grid-column:1/-1;width:100%}
  .faixa-acao h2{font-size:22px}
  .faixa-acao .btn{width:100%}
}
.troca-info .texto h2{font-size:18px;font-weight:700;margin:20px 0 8px;letter-spacing:0}
.troca-info .texto h3{font-size:16px;margin:16px 0 6px}
.troca-sit em{display:flex;width:max-content}
.troca-sit span{display:block}
@media (max-width:860px){.inst-dest{flex-direction:column;gap:8px}.inst-dest li{border:0;padding:0 0 0 14px;position:relative}.inst-dest li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--laranja)}}
.pp>*{min-width:0}
.pp-pix{flex-wrap:wrap}
@media (max-width:860px){.pp{grid-template-columns:minmax(0,1fr)}.pp-compra{grid-template-columns:minmax(0,1fr)}.pp-frete .btn{min-width:0}}
@media (max-width:860px){
  .selos--pp .selos-in,.pg-conta .selos .selos-in{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:16px 14px;height:auto}
  .selos--pp .selo,.pg-conta .selo{padding:0;border:0;height:auto;gap:10px}
  .selos--pp .selo>svg,.pg-conta .selo>svg{width:28px;height:28px}
  .selos--pp .selo b,.pg-conta .selo b{font-size:13px}
  .selos--pp .selo small,.pg-conta .selo small{font-size:11.5px}
  .pp-garantias{grid-template-columns:repeat(3,1fr)}
}

/* sobre: missão, promessas e pilares (trazidos do site antigo) */
.inst-missao{background:var(--bg-cl);padding:40px 0}
.inst-missao-cab{text-align:center;margin-bottom:26px}
.inst-missao-cab h2{font-size:40px;font-weight:800;letter-spacing:-.025em;margin-top:10px}
.inst-prom{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.inst-prom li{background:#fff;border-radius:12px;box-shadow:var(--sombra);padding:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mut);line-height:1.45;transition:transform .25s,box-shadow .25s}
.inst-prom li:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,39,71,.12)}
.inst-prom svg{width:34px;height:34px;color:var(--laranja);margin-bottom:6px}
.inst-prom b{font-family:var(--f-tit);font-size:17px;color:var(--tit)}
.inst-pilares{margin-top:30px;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.inst-pilares h3{font-size:22px;font-weight:700;padding-top:4px}
.inst-pilares>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.inst-pilares p{font-size:14.5px;color:var(--txt);line-height:1.5;border-left:3px solid var(--azul);padding-left:14px}
.inst-pilares p b{display:block;font-family:var(--f-tit);font-size:16px;color:var(--tit);margin-bottom:4px}
@media (max-width:980px){.inst-prom{grid-template-columns:1fr 1fr}.inst-pilares,.inst-pilares>div{grid-template-columns:1fr}}
@media (max-width:560px){.inst-prom{grid-template-columns:1fr}.inst-missao-cab h2{font-size:28px}}
.inst-pilares p{border-left:0;padding-left:0}
.inst-pilares p b::before{content:"";display:block;width:22px;height:3px;border-radius:2px;background:var(--laranja);margin-bottom:8px}

/* 1.6: logotipo original e cabeçalho mais fino */
img.logo-wf{display:block;height:46px;width:auto;font-size:0}
.cab-in{height:70px;gap:20px}
.cab-logo img.logo-wf{height:52px;transition:transform .3s}
.cab-logo:hover img.logo-wf{transform:scale(1.03)}
.busca{height:44px;max-width:600px}
.busca input{font-size:14.5px;padding:0 18px}
.busca button{width:56px}
.busca button svg{width:22px;height:22px}
.cc-ico{width:30px;height:30px}
.cc-ic svg{width:28px;height:28px}
.cc-qt{min-width:19px;height:19px;font-size:11px;top:-7px;right:-8px}
.cab-conta,.cab-carrinho{gap:10px}
.cab-conta small,.cab-carrinho small{font-size:11.5px}
.cab-conta b,.cab-carrinho b{font-size:13.5px;margin-top:1px}
.cab-conta{padding-right:22px}
.topbar-in{height:36px}
.rod-logo img.logo-wf{height:52px}
.cab-enx .cab-logo img.logo-wf{height:40px}
.rod-enx .rod-logo img.logo-wf{height:36px}
@media (min-width:1400px){.cab-conta small,.cab-carrinho small{font-size:12px}.cab-conta b,.cab-carrinho b{font-size:14px}.topbar{font-size:12.5px}}
@media (max-width:860px){.cab-in{height:auto;padding-top:8px;padding-bottom:10px;row-gap:8px}.cab-logo img.logo-wf{height:36px}.busca{height:42px}}
/* cards de categoria da home: título em uma linha e seta alinhada ao texto */
.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cat-txt{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:12px 64px 12px 20px}
.cat-txt b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-txt small{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-seta{top:auto;bottom:18px;right:18px;width:36px;height:36px}
.cats:not(.cats--sub) .cat-img{height:150px}
@media (max-width:1100px){.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(4,minmax(200px,1fr))}}
@media (max-width:860px){.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(8,minmax(170px,1fr))}.cat-txt b{font-size:16px}}
.marca img{max-height:34px;max-width:62%}
.esp-mini{flex-wrap:wrap;gap:14px 26px}
.rod-rca{color:inherit;text-decoration:underline;text-underline-offset:2px}
.rod-rca:hover{color:#fff}
.rod-col .rod-cookies{display:block;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer}
.esp-mini{flex-wrap:nowrap;gap:18px}.esp-mini li{white-space:nowrap;font-size:12px;gap:8px}.esp-mini svg{width:22px;height:22px}@media (max-width:1100px){.esp-mini{flex-wrap:wrap}}
@media (max-width:860px){.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(8,minmax(200px,1fr))}}

/* 1.6.1: hero com dois botões, categorias com foto e cabeçalhos de seção iguais */
.hero-mini svg{color:var(--laranja)}
.hero-bts{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero .hero-bts .btn-lg{margin-top:0;height:56px;padding:0 30px;font-size:16.5px}
.hero-wpp{background:#fff;color:var(--azul);border:1.5px solid var(--azul)}
.hero-wpp svg{color:var(--wpp)}
.hero-wpp:hover{background:var(--azul-cl);transform:translateY(-1px)}
.hero-mini{margin-top:30px}
.sec-cab{align-items:flex-end}
.sec-link{margin-top:0;padding-bottom:4px}
.sec-cab h2,.sec-cab--home h2{font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--tit)}
.sec-cab--home{align-items:center;margin-bottom:18px}
.cats{padding:30px 0 30px}
.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cat--foto{position:relative;display:block;height:170px;border:0;border-radius:10px;overflow:hidden;background:#0f2034;box-shadow:0 6px 18px rgba(15,39,71,.12)}
.cat--foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat--foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,36,0) 35%,rgba(8,20,36,.82) 100%)}
.cat--foto:hover img{transform:scale(1.06)}
.cat--foto b{position:absolute;left:18px;bottom:16px;z-index:1;color:#fff;font-family:var(--f-tit);font-size:22px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.cat--foto .cat-seta{z-index:1;top:auto;bottom:16px;right:16px;width:34px;height:34px;border:0;background:#fff;color:var(--azul)}
.cat--foto:hover .cat-seta{background:var(--azul);color:#fff}
@media (max-width:860px){
  .hero-bts{flex-direction:column}
  .hero .hero-bts .btn-lg{width:100%;height:52px;font-size:15.5px;padding:0 18px}
  .sec-cab h2,.sec-cab--home h2{font-size:24px}
  .sec-cab--home{flex-wrap:wrap}
  .sec-cab--home .sec-link{flex-basis:auto;padding-left:0;margin-left:auto}
  .cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(8,minmax(170px,1fr))}
  .cat--foto{height:140px}
  .cat--foto b{font-size:18px}
}
@media (min-width:861px){.hero-txt{max-width:640px}.hero-bts{flex-wrap:nowrap}.hero .hero-bts .btn-lg{padding:0 24px}}
@media (max-width:860px){.sec-link{padding-left:0}}
@media (min-width:861px){.hero h1{max-width:560px}.hero-txt>p{max-width:470px}}
.rod-rca,.rod-enx small a{color:var(--laranja)!important;text-decoration:underline;text-underline-offset:2px}
.rod-rca:hover,.rod-enx small a:hover{color:#ff8a3d!important}
.hero-wpp svg{color:var(--azul)!important;fill:var(--azul)}
.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.cat--foto b{font-size:19px}
@media (max-width:1100px){.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(5,minmax(200px,1fr))}}
@media (max-width:860px){.cats:not(.cats--sub) .cats-grid{grid-template-columns:repeat(5,minmax(170px,1fr))}}
.rod-rca,.rod-enx small a{text-decoration:none!important}
/* 1.7: redes do rodapé em azul; cards do guia com texto alinhado */
.rod-redes a{background:var(--azul);color:#fff}
.rod-redes a:hover{background:#fff;color:var(--azul)}
.escolher-card>span{display:flex;flex-direction:column}
.escolher-card em{margin-top:auto}
.tx{display:block}
@media (max-width:860px){
  .cats--sub .cat-seta{display:none}
  .cats--sub .cat-txt{padding:12px 14px 14px;justify-content:flex-start}
  .cats--sub .cat-txt b,.cats--sub .cat-txt small{white-space:normal;overflow:visible}
}
.troca-passos .tx{margin:0;font:inherit;color:inherit}
.topo--cat.topo--lentes .topo-img img{object-position:right 42%}
/* 1.7.2: auditoria de texto saindo de card e botão */
@media (max-width:1100px){
  .lista-corpo{grid-template-columns:minmax(0,1fr)}
  .filtros{top:0;border-top:0}
  .filtros-fechar{display:block}
}
@media (min-width:861px) and (max-width:1100px){.cab-conta>span{display:none}}
.prod{container-type:inline-size}
.prod-nome{overflow-wrap:anywhere}
.prods--lista .prod-por{font-size:min(22px,11.5cqi)}
.prod-por{white-space:nowrap}
.prod .btn{white-space:normal;text-align:center;line-height:1.15;min-width:0;max-width:100%}
.prods--lista .btn-wpp-ln{height:42px;font-size:13.5px;gap:8px;padding:0 12px}
.prods--lista .prod-add{padding:0 12px}
.cat-txt b,.cat-txt small{white-space:normal;overflow:visible;text-overflow:clip}
.car-total{white-space:nowrap}
@media (min-width:641px) and (max-width:1180px){.car-it{grid-template-columns:80px minmax(0,1fr) auto auto}}
.cat--foto b{white-space:normal;right:60px;line-height:1.1}
.texto-dados div{grid-template-columns:minmax(80px,140px) minmax(0,1fr)}
.texto-dados dd{min-width:0;overflow-wrap:anywhere}
@media (min-width:641px) and (max-width:1180px){.car-it{grid-template-columns:80px minmax(0,1fr) 120px 118px}.car-tirar{justify-self:end}.car-total{text-align:right}}
.prods--lista .btn-wpp-ln,.prods--lista .prod-add{padding:0 8px;gap:6px}
.prods--lista .btn-wpp-ln svg,.prods--lista .prod-add svg{width:18px;height:18px}
.topo--cat.topo--acessorios .topo-img img{object-position:right 55%}
/* menu com 7 itens (Áudio) cabendo em uma linha */
@media (min-width:861px){.nav-a{white-space:nowrap}}
@media (min-width:861px) and (max-width:1100px){.nav-in{gap:0}.nav-a{padding:0 12px;font-size:14px}}
@media (min-width:861px) and (max-width:960px){.nav-a{padding:0 8px;font-size:13.5px}.nav-chev{display:none}}
.topo--cat.topo--cameras .topo-img img{object-position:right 42%}
.topo--cat.topo--iluminacao .topo-img img{object-position:right 44%}
/* 1.8: página do produto no mockup da Fabi */
@media (min-width:861px){.pp{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px}}
.pp-info{max-width:500px}
.pp-minis{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.pp-galeria--mini .pp-miniaturas{max-height:430px;scrollbar-width:none;padding:0}
.pp-miniaturas::-webkit-scrollbar{display:none}
.pp-minis-seta{width:34px;height:34px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--tit);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px rgba(15,39,71,.08);transition:border-color .2s,color .2s,transform .2s}
.pp-minis-seta:hover{border-color:var(--azul);color:var(--azul);transform:translateY(1px)}
.pp-minis-seta[hidden]{display:none}
.pp-minis-seta svg{width:16px;height:16px}
.pp-minis-sobe svg{transform:rotate(180deg)}
.pp-nav{border-bottom:1px solid var(--linha);background:#fff}
.pp-nav-in{display:grid;grid-template-columns:repeat(3,1fr)}
.pp-nav a{padding:16px 10px;text-align:center;font-weight:500;font-size:15px;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.pp-nav a:hover{color:var(--tit)}
.pp-nav a.on{color:var(--azul);border-color:var(--azul);font-weight:600}
#descricao,#especificacoes,#perguntas,#entrega{scroll-margin-top:170px}
.pp-desc-topo{position:relative;overflow:hidden;background:#fff}
.pp-desc-foto{position:absolute;top:0;right:0;bottom:0;width:54%;display:block}
.pp-desc-foto img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:62% 50%;filter:none;mix-blend-mode:normal}
.pp-desc-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.55) 18%,rgba(255,255,255,0) 42%)}
.pp-desc-in{display:block;min-height:400px;padding-top:44px;padding-bottom:44px}
.pp-desc-txt{max-width:540px;position:relative;z-index:1}
.pp-desc-abre{font-size:16px;line-height:1.65;color:var(--txt)}
.desc-mais{display:inline-flex;align-items:center;gap:8px;margin-top:20px}
.desc-mais svg{width:16px;height:16px;transition:transform .2s}
.desc-mais[aria-expanded="true"] svg{transform:rotate(180deg)}
.pp-desc-full{max-width:880px;padding:30px 0 10px;font-size:15.5px;line-height:1.7;scroll-margin-top:170px}
.pp-ficha{background:var(--bg-cl);padding:40px 0;margin-top:30px}
.pp-detalhes .pp-perguntas{max-width:1368px;margin:0 auto;padding-top:40px;padding-bottom:10px}
.pp-detalhes .pp-perguntas .faq-lista,.pp-detalhes .pp-perg-mais{max-width:900px}
.pp-entrega-sec{padding-top:36px;padding-bottom:40px}
@media (max-width:1100px){.pp{gap:32px}}
@media (max-width:860px){
  .pp-info{max-width:none}
  .pp-minis{flex-direction:row}
  .pp-minis-seta{display:none!important}
  .pp-galeria--mini .pp-miniaturas{max-height:none}
  .pp-nav-in{display:flex;overflow-x:auto;scrollbar-width:none}
  .pp-nav a{flex:0 0 auto;padding:14px 16px}
  #descricao,#especificacoes,#perguntas,#entrega,.pp-desc-full{scroll-margin-top:120px}
  .pp-desc-foto{position:relative;width:100%;height:210px}
  .pp-desc-foto::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 40%)}
  .pp-desc-in{min-height:0;padding-top:4px;padding-bottom:30px}
  .pp-ficha{padding:30px 0}
}
@media (max-width:860px){
  .pp-galeria--mini .pp-minis{width:100%;margin-top:12px}
  .pp-galeria--mini .pp-miniaturas{min-width:0;width:100%;overflow-x:auto;margin-top:0}
}
@media (max-width:860px){.pp-garantias{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.pp-nav-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0 8px}.pp-nav a{padding:12px 4px;font-size:13px;line-height:1.25;display:flex;align-items:center;justify-content:center}}
/* 1.9: tipografia mais contida (minimalista) */
.prod-nome{font-size:15px;font-weight:500;line-height:1.35}
.prod-por{font-size:23px}
.prods--lista .prod-nome{font-size:14px}
.prods--lista .prod-por{font-size:min(20px,11cqi)}
.prod-parc{font-size:12.5px}
.prod-add,.btn-wpp-ln,.prods--lista .prod-add,.prods--lista .btn-wpp-ln{font-size:14px;height:44px}
.prod-add svg,.btn-wpp-ln svg{width:19px;height:19px}
.btn-lg,.esp .btn-lg,.guia .btn-lg{height:52px;font-size:15.5px;padding:0 30px}
h1,h2,h3{font-weight:700}
@media (min-width:861px){
  .hero-txt h1{font-size:46px}
  .topo-txt h1{font-size:40px}
  .car-topo h1,.ck-cab h1,.duvidas header h1{font-size:32px}
  .guia-txt h2,.esp-txt h2,.inst-escuro h2{font-size:36px}
  .sec-cab h2,.escolher-txt h2,.inst-missao-cab h2,.inst-txt h2,.cta-cidade h2,.banda-txt h2,
  .troca-passos h2,.troca-antes h2,.troca-sit h2,.troca-info h2,.ct-canais h2,.ct-loja-txt h2,.conta-card h2{font-size:27px}
  .vit-rel .sec-cab h2{font-size:24px}
  .grade-cab h2,.lista-ajuda-txt h2,.ct-form h2,.pp-sec-tit{font-size:22px}
  .pp-info h1{font-size:26px;line-height:1.22}
  .pp-preco strong{font-size:30px}
  .pp-desc-txt h2{font-size:30px}
  .troca-prazo b{font-size:36px}
  .car-total-box strong{font-size:24px}
  .cat--foto b{font-size:17px}
}
.prod-est{font-size:13px}
.filtros-tit b{font-size:18px}
/* garantia e entrega: linha simples, sem caixas */
.pp-entrega-sec{padding-top:30px;padding-bottom:34px}
.pp-entrega{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.pp-entrega>div{background:none;box-shadow:none;border-radius:0;padding:18px 20px;display:grid;grid-template-columns:22px 1fr;column-gap:12px;align-items:start}
.pp-entrega>div+div{border-left:1px solid var(--linha)}
.pp-entrega svg{width:22px;height:22px;grid-row:span 2;color:var(--azul)}
.pp-entrega b{margin:0 0 2px;font-size:14.5px}
.pp-entrega p{font-size:13.5px;color:var(--mut);line-height:1.45}
@media (max-width:860px){.pp-entrega{grid-template-columns:minmax(0,1fr)}.pp-entrega>div{padding:14px 4px}.pp-entrega>div+div{border-left:0;border-top:1px solid var(--linha)}}
@media (min-width:861px) and (max-width:1100px){.pp-entrega{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-entrega>div:nth-child(3){border-left:0}.pp-entrega>div:nth-child(n+3){border-top:1px solid var(--linha)}}
@media (min-width:861px){.lista-topo h1{font-size:30px}}
/* setas dos cards de categoria da home: azul, e branca ao passar o mouse */
.cat--foto .cat-seta{background:var(--azul);color:#fff;transition:background .2s,color .2s}
.cat--foto:hover .cat-seta{background:#fff;color:var(--azul)}
/* filtros: aplicam na hora no computador; gaveta com "Ver N produtos" no celular */
.lista{transition:none}
.lista.carregando .lista-grade{opacity:.45;pointer-events:none;transition:opacity .15s}
.filtro-preco{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px}
.filtro-preco input{min-width:0}
.filtro-ok{height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--linha);background:#fff;color:var(--azul);font-weight:600;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}
.filtro-ok:hover{background:var(--azul-cl);border-color:var(--azul)}
.filtro-aplicar.contando{opacity:.7}
@media (min-width:1101px){.filtro-aplicar{display:none}}
@media (max-width:1100px){
  .filtros{display:flex;flex-direction:column}
  .filtros form{flex:1;display:flex;flex-direction:column}
  .filtro-aplicar{position:sticky;bottom:0;margin-top:auto;box-shadow:0 -10px 20px #fff}
  body.filtros-on{overflow:hidden}
  body.filtros-on::after{content:"";position:fixed;inset:0;background:rgba(9,22,40,.45);z-index:89;animation:surge .2s ease}
}
/* trocas: chamada final em cartão claro, separada do rodapé */
.faixa-acao--clara{background:none;color:var(--tit);padding:8px 0 56px}
.faixa-acao--clara .faixa-acao-in{background:var(--azul-cl);border:1px solid #d6e5fb;border-radius:14px;padding:26px 30px}
.faixa-acao--clara h2{color:var(--tit);font-size:24px}
.faixa-acao--clara p{color:var(--txt);font-size:15px}
.faixa-acao--clara .faixa-acao-in>svg{width:48px;height:48px}
.faixa-acao--clara .btn{height:48px;min-width:0;padding:0 24px}
.topo--trocas .topo-img img{object-position:right center}
@media (max-width:860px){.faixa-acao--clara .faixa-acao-in{padding:22px 18px}.topo--trocas .topo-img img{object-position:72% center}}
/* 1.9.6: Sobre */
.inst-dest li{color:var(--laranja)}
.inst-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:10px;padding-bottom:6px}
.inst-num-it{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 12px}
.inst-num-it+.inst-num-it{border-left:1px solid var(--linha)}
.inst-num-it strong{font-family:var(--f-tit);font-size:36px;font-weight:700;color:var(--tit);line-height:1.1;letter-spacing:-.02em}
.inst-num-it .estrelas{color:#f5a623}
.inst-num-it .estrelas svg{width:14px;height:14px}
.inst-num-it small{font-size:13.5px;color:var(--mut)}
.inst-marcas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:18px;padding-bottom:44px}
.inst-marcas a{display:grid;place-items:center;height:76px;border:1px solid var(--linha);border-radius:10px;background:#fff;transition:border-color .2s,transform .2s}
.inst-marcas a:hover{border-color:var(--azul);transform:translateY(-2px)}
.inst-marcas img{max-height:30px;max-width:70%;width:auto}
.inst-pil{background:var(--navy);padding-top:52px;margin-bottom:100px}
.inst-pil-cab{text-align:center;color:#fff}
.inst-pil-cab .eyebrow{justify-content:center}
.inst-pil-cab h2{color:#fff;font-size:30px;margin:10px 0 8px}
.inst-pil-cab p{color:#cbd6e4;font-size:15px}
.inst-pil-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;transform:translateY(60px);margin-bottom:-60px}
.inst-pil-it{background:#fff;border-radius:14px;box-shadow:0 14px 36px rgba(15,39,71,.12);padding:28px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.inst-pil-it svg{width:34px;height:34px;color:var(--laranja);margin-bottom:4px}
.inst-pil-it b{font-family:var(--f-tit);font-size:18px;color:var(--tit)}
.inst-pil-it .tx{font-size:14px;color:var(--mut);line-height:1.5}
.inst-loja{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding-top:56px;padding-bottom:56px;align-items:start}
.inst-loja h2{font-size:27px;margin:10px 0 14px}
.inst-loja .texto{font-size:15.5px;line-height:1.7}
.inst-loja .texto h2{font-size:19px;margin:20px 0 8px}
.inst-loja-dados{margin:0;background:var(--bg-cl);border-radius:14px;padding:10px 24px 22px}
.inst-loja-dados div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--linha);font-size:14.5px}
.inst-loja-dados dt{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--tit)}
.inst-loja-dados dt svg{width:17px;height:17px;color:var(--azul)}
.inst-loja-dados dd{margin:0;color:var(--txt);overflow-wrap:anywhere}
.inst-loja-dados .btn{margin-top:18px;width:100%}
@media (max-width:860px){
  .inst-num{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inst-num-it:nth-child(3){border-left:0}
  .inst-num-it:nth-child(n+3){border-top:1px solid var(--linha)}
  .inst-num-it strong{font-size:30px}
  .inst-marcas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inst-pil-grade{grid-template-columns:minmax(0,1fr);transform:none;margin-bottom:0;padding-bottom:40px}
  .inst-pil{margin-bottom:0}
  .inst-pil-cab h2{font-size:24px}
  .inst-loja{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:40px}
  .inst-loja-dados div{grid-template-columns:minmax(0,1fr);gap:2px}
}
.inst-pil{background:linear-gradient(180deg,var(--navy) 0,var(--navy) calc(100% - 130px),#fff calc(100% - 130px));padding-bottom:56px;margin-bottom:0}
.inst-pil-grade{transform:none;margin-bottom:0}
@media (max-width:860px){.inst-pil{background:var(--navy);padding-bottom:40px}}
/* 1.9.7: marcas em carrossel contínuo, pilares com movimento, Conheça a West Foto */
.inst-marcas{overflow:hidden;padding:20px 0 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.inst-marcas-trilho{display:flex;gap:16px;width:max-content;animation:marcas-rola 28s linear infinite}
.inst-marcas:hover .inst-marcas-trilho{animation-play-state:paused}
.inst-marca{flex:0 0 200px;height:76px;display:grid;place-items:center;border:1px solid var(--linha);border-radius:10px;background:#fff}
.inst-marca img{max-height:30px;max-width:70%;width:auto;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.inst-marca:hover img{filter:none;opacity:1}
@keyframes marcas-rola{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.inst-marcas-trilho{animation:none}}
.inst-pil-it{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.inst-pil-it::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--laranja);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.inst-pil-it:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(15,39,71,.18)}
.inst-pil-it:hover::after{transform:scaleX(1)}
.inst-pil-it em{position:absolute;top:14px;right:18px;font-style:normal;font-family:var(--f-tit);font-weight:700;font-size:34px;color:#eef2f7;line-height:1;transition:color .3s}
.inst-pil-it:hover em{color:#fde3d2}
.inst-pil-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff1e8;margin-bottom:6px;transition:background .35s,transform .35s}
.inst-pil-ico svg{width:30px;height:30px;margin:0;color:var(--laranja);transition:color .35s}
.inst-pil-it:hover .inst-pil-ico{background:var(--laranja);transform:scale(1.06) rotate(-6deg)}
.inst-pil-it:hover .inst-pil-ico svg{color:#fff}
html.js body.js-reveal .inst-pil-it.rv{transform:translateY(30px) scale(.97)}
html.js body.js-reveal .inst-pil-it.rv.vis{transform:none}
html.js body.js-reveal .inst-pil-it.rv.vis:hover{transform:translateY(-8px)}
.inst-conheca{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:44px;padding-top:56px;padding-bottom:56px}
.inst-conheca h2{font-size:32px;font-weight:700;margin-bottom:12px}
.inst-conheca p{font-size:16px;color:var(--txt)}
.inst-conheca-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--azul);font-weight:600;font-size:14.5px}
.inst-conheca-link svg{width:16px;height:16px;transition:transform .2s}
.inst-conheca-link:hover svg{transform:translateX(3px)}
.inst-conheca ul{gap:28px 32px}
.inst-conheca li{transition:transform .25s}
.inst-conheca li:hover{transform:translateY(-2px)}
.inst-conheca li svg{width:28px;height:28px}
@media (max-width:860px){.inst-marca{flex-basis:150px;height:64px}.inst-conheca h2{font-size:26px}.inst-conheca{padding-top:40px;padding-bottom:40px}}
/* 1.9.10: botões claros reagem ao mouse; selos em uma linha no computador */
.btn-claro:hover{background:var(--azul-cl);border-color:var(--azul);color:var(--azul);transform:translateY(-1px)}
.conta-visit .btn:hover,.ct-canal .btn-claro:hover,.ct-faq .btn-claro:hover{background:var(--azul);border-color:var(--azul);color:#fff}
@media (min-width:1101px){.selo b,.selo small{white-space:nowrap}.selo{min-width:0}}
.topo--conta .topo-img img{object-position:right 30%}
@media (min-width:1101px){
  .selo{gap:14px;padding-left:18px}
  .selo:first-child{padding-left:0}
  .selo>svg{width:36px;height:36px;flex-shrink:0}
  .selos .selo b{font-size:14px}.selos .selo small{font-size:12.5px}
  .selos-in{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1101px) and (max-width:1300px){.selos .selo b{font-size:13px}.selos .selo small{font-size:12px}.selo{gap:10px;padding-left:12px}.selo>svg{width:30px;height:30px}}
.pg-conta .selo{gap:12px;padding-left:16px}.pg-conta .selo:first-child{padding-left:0}
/* Entrar com Google */
.conta-ou{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--mut);font-size:13px}
.conta-ou::before,.conta-ou::after{content:"";flex:1;height:1px;background:var(--linha)}
.btn-google{width:100%;background:#fff;color:var(--tit);border:1.5px solid #d3dce8;gap:12px}
.btn-google svg{width:20px;height:20px}
.btn-google:hover{border-color:var(--azul);background:var(--azul-cl);color:var(--tit)}
.conta-aviso{margin-top:14px}
/* 1.10.1: subtítulos das heros menores, na fonte de texto */
.hero-txt>p,.topo-txt>p{font-family:var(--f-ui);font-size:16px;line-height:1.55;max-width:480px}
@media (max-width:860px){.hero-txt>p,.topo-txt>p{font-size:15px}}
/* hero da página de pedido */
.ped-hero{position:relative;overflow:hidden;background:#0b1f3a;color:#fff}
.ped-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.ped-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,40,.75) 0%,rgba(9,22,40,.35) 45%,rgba(9,22,40,0) 70%)}
.ped-hero-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:44px;padding-bottom:44px;max-width:1080px}
.ped-hero .ped-ok{text-align:left;margin:0;max-width:560px}
.ped-hero .ped-ok-ico{margin:0 0 14px;box-shadow:0 0 0 10px rgba(255,255,255,.12)}
.ped-hero .ped-ok h1{color:#fff;font-size:34px}
.ped-hero .ped-ok p{color:#d8e2ef;font-size:15.5px}
.ped-hero .ped-num{margin:0;align-items:flex-start;text-align:left;background:rgba(255,255,255,.96);flex-shrink:0}
.ped-hero + .ped{padding-top:28px}
@media (max-width:860px){
  .ped-hero::after{background:rgba(9,22,40,.72)}
  .ped-hero-in{flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:30px}
  .ped-hero .ped-ok h1{font-size:26px}
  .ped-hero .ped-num{width:100%;max-width:none}
}
.ped-hero-in{flex-direction:column;align-items:flex-start;gap:20px}.ped-hero .ped-num{max-width:none;flex-direction:row;align-items:center;gap:16px;padding:12px 18px}
@media (max-width:860px){.ped-hero .ped-num{flex-direction:column;align-items:flex-start;gap:4px}}
.topo--lente .topo-img img{object-position:right center}
.ped-st{white-space:nowrap}
@media (min-width:1101px){.conta-ped{grid-template-columns:140px 64px minmax(0,1fr) 110px 160px 116px}}
.conta-lista-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.conta-todos{background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;font-size:14px;color:var(--azul)}
.conta-todos svg{width:16px;height:16px;transition:transform .2s}.conta-todos:hover svg{transform:translateX(3px)}
.conta-ped[hidden]{display:none}
@media (min-width:1101px){.conta-ped{grid-template-columns:130px 56px minmax(0,1fr) 100px 150px 108px 150px;gap:12px}}
@media (max-width:1100px){.conta-ped{grid-template-areas:"i t v" "i n s" "b b c"}.conta-ped>.btn-azul,.conta-ped>span:last-child{grid-area:c;justify-self:end}}
@media (max-width:1100px){
  .conta-ped{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"i t t" "i n n" "v v s" "b b c";row-gap:8px}
  .conta-ped strong{justify-self:start}
  .conta-ped-n small{display:inline;margin-left:6px}
  .conta-lista-cab h2{white-space:nowrap}
  .conta-todos{white-space:nowrap;font-size:13px}
}
@media (max-width:560px){.conta-lista-cab{flex-wrap:wrap;row-gap:4px}.conta-lista-cab h2{font-size:22px}}
/* Minha conta: toque de laranja nos ícones */
.pg-conta .conta-kpis svg{background:#fff1e8;color:var(--laranja)}
.pg-conta .conta-dados h2 svg,.pg-conta .conta-aberto-tot span svg,.pg-pedido .ped-caixa h2 svg{color:var(--laranja)}
.conta-menu a:not(.on) svg{color:var(--laranja)}
.conta-menu a.on svg{color:var(--azul)}
.pg-conta .banda-lista svg{color:var(--laranja)}
/* Minha conta: de Últimos pedidos para baixo na largura toda (como no mockup) */
.conta > .conta-lista,.conta > .ped-duas{margin-top:22px}
@media (min-width:1101px){.conta > .conta-lista .conta-ped{grid-template-columns:150px 64px minmax(0,1fr) 120px 170px 120px 160px;gap:16px}}
/* Minha conta: editar dados e endereço */
.conta-dados-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.conta-dados-cab h2{margin:0}
.conta-editar{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--azul);padding:4px 0;white-space:nowrap}
.conta-editar svg{width:16px;height:16px;transition:transform .2s}
.conta-editar:hover svg{transform:rotate(-12deg)}
.conta-editar[hidden]{display:none}
.conta-form-ed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.conta-form-ed[hidden],[data-edita-ver][hidden]{display:none}
.conta-form-ed .campo{display:flex;flex-direction:column;gap:5px}
.conta-form-ed .campo--largo,.conta-form-ed>p,.conta-form-acoes{grid-column:1/-1}
.conta-form-ed label{font-size:13px;font-weight:600;color:var(--tit)}
.conta-form-ed input{height:44px;border:1px solid #d3dce8;border-radius:8px;padding:0 12px;font:inherit;font-size:14.5px;min-width:0}
.conta-form-ed input:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.12)}
.conta-form-ed input:disabled{background:#f3f6fa;color:var(--mut)}
.campo-dica{font-size:12px;color:var(--mut)}
.conta-form-acoes{display:flex;gap:10px;margin-top:4px}
.conta-form-acoes .btn{height:44px}
.conta-ok{display:flex;align-items:center;gap:8px;background:#e6f6ec;color:var(--verde);border-radius:8px;padding:9px 12px;font-size:13.5px;font-weight:600;margin-bottom:12px}
.conta-ok svg{width:16px;height:16px}
@media (max-width:560px){.conta-form-ed{grid-template-columns:minmax(0,1fr)}.conta-dados-cab h2{font-size:19px}}
/* 1.10.7: contato no mockup */
.ct-canal{display:grid;grid-template-columns:52px minmax(0,1fr) 170px;align-items:center;gap:18px}
.ct-canal .btn{width:170px;min-width:0;height:46px}
.ct-loja-bts{flex-wrap:nowrap}
.ct-loja-bts .btn{flex:1 1 0;min-width:0;width:auto;margin:0;padding:0 14px}
.faixa-acao--escura .faixa-acao-in{padding-top:30px;padding-bottom:30px}
.faixa-acao--escura h2{font-size:26px}
@media (max-width:560px){.ct-canal{grid-template-columns:44px minmax(0,1fr)}.ct-canal .btn{grid-column:1/-1;width:100%}.ct-loja-bts{flex-wrap:wrap}.ct-loja-bts .btn{flex-basis:100%}}
/* perguntas e respostas mais minimalistas (site todo) */
.faq-it,.faq-it[open]{border:0;border-bottom:1px solid var(--linha);border-radius:0;background:none;margin:0;box-shadow:none}
.faq-lista .faq-it:first-child{border-top:1px solid var(--linha)}
.faq-it summary{padding:16px 2px;font-size:15px;font-weight:500;transition:color .2s}
.faq-it summary:hover,.faq-it[open] summary{color:var(--azul)}
.faq-it summary svg{width:16px;height:16px;color:var(--mut)}
.faq-it .texto{padding:0 2px 16px;font-size:14.5px;color:var(--txt);line-height:1.6}
.faq-it:target,.faq-it.destaque{box-shadow:none;border-color:var(--linha);background:var(--azul-cl)}
.ct-faq .faq-it summary svg{color:var(--mut)}
.cta-cidade h2{max-width:none}
/* carrinho: esvaziar e resultado do frete */
.car-pe{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.car-esvaziar{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:inherit;font-size:13.5px;color:var(--mut);padding:6px 0;transition:color .2s}
.car-esvaziar svg{width:16px;height:16px}
.car-esvaziar:hover,.car-esvaziar.confirma{color:var(--vermelho)}
.frete-end{font-size:13px;color:var(--tit);font-weight:600;margin:12px 0 6px}
.frete-aviso{font-size:13px;color:var(--mut);margin-top:10px;line-height:1.5}
.frete-aviso a{color:var(--azul);font-weight:600}
/* dúvidas: categorias filtram, títulos com mais presença, card do WhatsApp fixo */
.duv-temas .chip{cursor:pointer;font:inherit;font-size:14px}
.duv-grupo{margin:40px 0 8px}
.duv-grupo h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 14px}
.duv-grupo h2::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--laranja)}
.duv-grupo[hidden]{display:none}
@media (min-width:1101px){.pg-duvidas .texto-lado{position:sticky;top:170px}}
/* aviso de cookies com 3 opções e preferências */
.consent{left:24px;bottom:24px;max-width:480px;padding:20px 22px}
.consent p{font-size:13.5px;line-height:1.55}
.consent-bts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.consent-bts .btn{height:40px;font-size:13.5px;padding:0 14px}
.consent-link{margin-right:auto;background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--azul);text-decoration:underline;cursor:pointer}
.consent.aberto .consent-link{display:none}
.consent-pref{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:14px 0 0;border-top:1px solid var(--linha)}
.consent-pref[hidden]{display:none}
.consent-op{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--mut);line-height:1.45;cursor:pointer}
.consent-op input{width:18px;height:18px;margin-top:2px;accent-color:var(--azul);flex-shrink:0}
.consent-op b{display:block;color:var(--tit);font-size:13.5px}
.consent-salvar{height:40px;font-size:13.5px;align-self:flex-start}
@media (max-width:560px){.consent{left:12px;right:12px;bottom:12px;max-width:none}.consent-bts .btn{flex:1 1 auto}}
/* checkout no mockup: botão no resumo, ícones na entrega, salvar endereço */
.ck-op{grid-template-columns:auto auto 1fr auto}
.ck-op-ico{width:40px;height:40px;border-radius:10px;background:#f3f6fa;display:grid;place-items:center;color:var(--azul);transition:background .2s}
.ck-op-ico svg{width:22px;height:22px}
.ck-op.on .ck-op-ico{background:#fff}
.ck-salvar-end{margin:4px 0 6px}
.ck-resumo .ck-fechar{width:100%;margin-top:16px;height:56px;font-size:16px}
.ck-termos{font-size:12.5px;color:var(--mut);line-height:1.5;margin:10px 0 4px;text-align:center}
.ck-termos a{color:var(--azul);text-decoration:underline}
.car-total-box small[data-ck-v="parc"]{display:block;text-align:right;line-height:1.4}

/* ===== Dúvidas 1.10.11: hero com banner, temas centralizados, grupos em card ===== */
.pg-duvidas .duvidas{padding-top:18px;padding-bottom:64px}
.duv-hero{position:relative;border-radius:18px;overflow:hidden;background:#eef5ff;min-height:300px;display:flex;align-items:center}
.duv-hero picture,.duv-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.duv-hero-tx{position:relative;padding:44px 48px;max-width:780px;width:100%}
.duv-hero h1{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:8px 0 0;color:var(--tit)}
.duv-hero .duv-intro{color:var(--txt);font-size:16px;margin:10px 0 0}
.duv-busca{position:relative;margin:22px 0 0;padding:0;max-width:560px}
.duv-busca svg{position:absolute;left:16px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--mut);pointer-events:none}
.duv-busca input{width:100%;min-height:54px;border:1.5px solid #d3dce8;border-radius:12px;padding:12px 16px 12px 46px;background:#fff;font:inherit;font-size:15.5px;box-shadow:0 6px 18px rgba(16,42,84,.06)}
.duv-temas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 30px}
.duv-temas .chip{height:42px;padding:0 20px;border-radius:21px;font-weight:500}
.duv-temas .chip.on{background:var(--azul);border-color:var(--azul);color:#fff}
.duv-temas .chip:not(.on):hover{background:var(--azul-cl);border-color:var(--azul);color:var(--azul)}
.duv-pg{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.duv-corpo{display:grid;gap:20px}
.duv-grupo,.duv-grupo:first-child{margin:0;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:24px 28px 10px;scroll-margin-top:200px}
.duv-grupo h2{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 10px}
.duv-grupo h2::before{content:none}
.duv-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--azul-cl);color:var(--azul);flex:none}
.duv-ico svg{width:21px;height:21px}
.duv-grupo .faq-lista .faq-it:first-child{border-top:0}
.duv-grupo .faq-it:last-child{border-bottom:0}
.duv-grupo .faq-it{transition:background .2s}
.duv-grupo .faq-it summary{padding:16px 0;border-radius:10px}
.duv-grupo .faq-it .texto{padding:0 0 16px}
.duv-grupo .faq-it[open]{background:var(--azul-cl);border-radius:10px;border-bottom-color:transparent;margin:6px -12px;padding:0 12px}
.duv-grupo .faq-it[open] summary{color:var(--azul);font-weight:600}
.duv-grupo .faq-it[open] summary svg{color:var(--azul)}
.duv-lado{position:sticky;top:170px;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:26px;box-shadow:var(--sombra)}
.duv-lado-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7f8ee;margin-bottom:14px}
.duv-lado-ico svg{width:26px;height:26px}
.duv-lado h2{font-size:19px;margin:0 0 8px}
.duv-lado p{color:var(--txt);font-size:14.5px;margin:0 0 18px}
.duv-lado .btn{width:100%}
@media (max-width:1100px){.duv-pg{grid-template-columns:minmax(0,1fr)}.duv-lado{position:static}}
@media (max-width:700px){
  .duv-hero{min-height:0;align-items:flex-start}
  .duv-hero picture{display:none}
  .duv-busca input{font-size:14.5px}
  .duv-hero-tx{padding:28px 20px}
  .duv-hero h1{font-size:28px}
  .duv-temas{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:20px -16px 22px;padding:0 16px 4px;scrollbar-width:none}
  .duv-temas::-webkit-scrollbar{display:none}
  .duv-temas .chip{flex:none;height:38px;padding:0 16px}
  .duv-grupo,.duv-grupo:first-child{padding:20px 18px 6px}
  .duv-grupo h2{font-size:18px}
}
/* checkout: um só traço entre itens e totais */
.ck-resumo .ck-itens{border-bottom:0}
.ck-resumo .car-total-box small{text-align:left}
/* trilha sempre acima do hero, fora da imagem */
.trilha:has(+ .topo){padding-bottom:16px}
@media (max-width:700px){.trilha{padding-top:14px}.trilha span[aria-current]{max-width:28ch}}

/* ===== Rodapé 1.10.13: setas nos links e ícones no atendimento ===== */
.rod-col a,.rod-col .rod-cookies{display:flex;align-items:center;gap:6px}
.rod-col a>svg:first-child,.rod-col .rod-cookies>svg{width:13px;height:13px;flex:none;color:#7f93ad;transition:color .2s,transform .2s}
.rod-col a:hover>svg:first-child,.rod-col .rod-cookies:hover>svg{color:var(--laranja);transform:translateX(2px)}
.rod-col .rod-cookies{font-size:13.5px;line-height:1.5;padding:2.5px 0}
.rod-col .rod-ic{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;padding:4px 0}
.rod-col .rod-ic>svg{width:17px;height:17px;margin-top:1px;color:#5aa2ff}
.rod-col span.rod-ic{color:inherit}
.rod-col a.rod-wpp{gap:10px;margin:4px 0}
.rod-col a.rod-wpp>svg{width:17px;height:17px;color:#25d366}
.rod-col a.rod-ofertas>svg{color:var(--laranja)}
@media (min-width:1101px){.rod-col .rod-cookies,.rod-col .rod-ic{font-size:15px}}

/* ===== Ofertas sem promoção ativa ===== */
.of-vazio{padding-bottom:34px}
.of-hero{position:relative;border-radius:18px;overflow:hidden;background:#eef5ff;min-height:320px;display:flex;align-items:center}
.of-hero-img,.of-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.of-hero-tx{position:relative;padding:44px 56px;max-width:760px}
.of-hero h1{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:10px 0 0;color:var(--tit)}
.of-hero p{color:var(--txt);font-size:16px;line-height:1.6;margin:12px 0 0;max-width:600px}
.of-hero-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.of-hero-bts .btn{height:50px;padding:0 24px;gap:10px}
.of-hero-bts .btn svg{width:18px;height:18px}
.of-hero-bts .btn-azul svg{transition:transform .2s}
.of-hero-bts .btn-azul:hover svg{transform:translateX(3px)}
.of-bt-ln{background:#fff;color:var(--azul);border:1.5px solid var(--azul)}
.of-bt-ln svg{color:#25d366}
.of-bt-ln:hover{background:var(--azul-cl)}
.of-sug{margin-top:40px;scroll-margin-top:180px}
.of-sug h2{font-size:24px;margin:0}
.of-sug>p{color:var(--mut);margin:4px 0 0}
.of-sug-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.of-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px;transition:box-shadow .25s,transform .25s}
.of-card:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.of-card-img{display:grid;place-items:center;height:120px}
.of-card-img img{max-width:100%;max-height:120px;object-fit:contain;transition:transform .3s}
.of-card:hover .of-card-img img{transform:scale(1.04)}
.of-card h3{font-size:14px;font-weight:600;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em * 3)}
.of-card h3 a:hover{color:var(--azul)}
.of-card strong{display:block;font-size:20px;color:var(--tit);margin-top:8px}
.of-card small{display:block;color:var(--mut);font-size:12.5px;line-height:1.4;margin-top:2px}
.of-card-add{grid-column:1/-1;height:42px;font-size:13.5px;gap:8px;margin-top:6px}
.of-card-add svg{width:16px;height:16px}
@media (max-width:1240px){.of-sug-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .of-hero{min-height:0}
  .of-hero-img{display:none}
  .of-hero-tx{padding:28px 20px}
  .of-hero h1{font-size:26px}
  .of-hero p{font-size:15px}
  .of-hero-bts .btn{width:100%}
  .of-sug h2{font-size:20px}
  .of-sug-grade{grid-template-columns:minmax(0,1fr)}
  .of-card{grid-template-columns:96px minmax(0,1fr)}
  .of-card-img{height:96px}.of-card-img img{max-height:96px}
}
.rod-col a,.rod-col .rod-cookies{align-items:flex-start}
.rod-col a>svg:first-child,.rod-col .rod-cookies>svg{margin-top:.42em}
.rod-col a.rod-ic>svg,.rod-col span.rod-ic>svg{width:17px;height:17px;margin-top:1px;color:#5aa2ff}
.rod-col a.rod-wpp>svg{color:#25d366}
.rod-col a.rod-ic:hover>svg{color:#fff;transform:none}
@media (min-width:1101px){.rod-col .rod-ic{font-size:14px}.rod-col a[data-ev="contato_telefone"]{white-space:nowrap}}
.of-hero-tx{max-width:820px}
@media (min-width:1101px){.rod-col .rod-wpp{font-size:14px}}

/* ===== Cookies 1.10.14: aviso discreto + preferências em janela central ===== */
.consent-pref{display:none}
.cmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px}
.cmodal[hidden]{display:none}
.cmodal-fundo{position:absolute;inset:0;background:rgba(10,25,45,.55);opacity:0;transition:opacity .25s}
.cmodal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(10,25,45,.35);padding:30px 30px 26px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .25s,transform .25s}
.cmodal.on .cmodal-fundo{opacity:1}
.cmodal.on .cmodal-card{opacity:1;transform:none}
html.cmodal-aberto{overflow:hidden}
.cmodal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--mut);cursor:pointer;transition:background .2s,color .2s}
.cmodal-x:hover{background:var(--bg-cl);color:var(--tit)}
.cmodal-x svg{width:20px;height:20px}
.cmodal-traco{display:block;width:26px;height:3px;border-radius:2px;background:var(--laranja);margin-bottom:12px}
.cmodal h2{font-size:24px;margin:0;padding-right:36px}
.cmodal-intro{color:var(--txt);font-size:14.5px;line-height:1.55;margin:8px 0 14px}
.cmodal-op{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--linha);font-size:13.5px;color:var(--mut);line-height:1.45;cursor:pointer}
.cmodal-op:first-of-type{cursor:default}
.cmodal-op b{display:block;color:var(--tit);font-size:15px;margin-bottom:2px}
.cmodal-sempre{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:13px;color:var(--mut)}
.cmodal-sempre svg{width:16px;height:16px}
.cmodal-tg{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:26px;border-radius:13px;background:#c9d2de;position:relative;cursor:pointer;transition:background .2s;margin:0}
.cmodal-tg::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.cmodal-tg:checked{background:var(--azul)}
.cmodal-tg:checked::after{transform:translateX(18px)}
.cmodal-tg:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.cmodal-pol{display:inline-block;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--linha);width:100%;font-size:13px;color:var(--azul);text-decoration:underline;text-underline-offset:2px}
.cmodal-bts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.cmodal-bts .btn{height:44px;font-size:13.5px;padding:0 10px;white-space:nowrap}
.cmodal-salvar{background:var(--azul-cl);color:var(--azul);border:1.5px solid #b9d3fb}
.cmodal-salvar:hover{background:#dbe9fe}
@media (max-width:560px){
  .cmodal-card{padding:26px 20px 20px}
  .cmodal h2{font-size:21px}
  .cmodal-bts{grid-template-columns:1fr}
  .cmodal-bts .btn-azul{order:-1}
}
/* rodapé: WhatsApp no mesmo padrão das outras linhas */
.rod-col a.rod-wpp{margin:0;padding:4px 0;font-size:inherit;color:inherit;gap:10px}
.rod-col a.rod-wpp>svg{width:17px;height:17px;margin-top:1px;color:#5aa2ff}
.rod-col a.rod-wpp:hover{color:#fff}
@media (min-width:1101px){.rod-col .rod-wpp{font-size:14px}}

/* ===== Rodapé 1.10.15: mais leve, sem divisórias, textos menores ===== */
.rod{color:#a9b7ca}
.rod .rod-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr);column-gap:44px;row-gap:34px;padding-top:56px;padding-bottom:48px}
.rod .rod-in>div{padding:0!important;border-left:0!important}
.rod .rod-logo img.logo-wf{height:46px}
.rod .rod-marca p{font-size:13px;line-height:1.65;margin-top:16px;max-width:290px;color:#a9b7ca}
.rod .rod-redes{gap:10px;margin-top:20px}
.rod .rod-redes a{width:36px;height:36px}
.rod .rod-redes svg{width:17px;height:17px}
.rod .rod-col h4{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.rod .rod-col a,.rod .rod-col .rod-cookies,.rod .rod-col .rod-ic,.rod .rod-col .rod-wpp{font-size:13px!important;line-height:1.45;padding:4px 0;color:#a9b7ca;white-space:nowrap}
.rod .rod-col .rod-ic span{white-space:normal}
.rod .rod-col a:hover,.rod .rod-col .rod-cookies:hover{color:#fff;transform:none}
.rod .rod-col a>svg:first-child,.rod .rod-col .rod-cookies>svg{width:12px;height:12px;margin-top:.3em;color:#5f7593}
.rod .rod-col a.rod-ic>svg,.rod .rod-col span.rod-ic>svg,.rod .rod-col a.rod-wpp>svg{width:16px;height:16px;margin-top:0;color:#5aa2ff}
.rod .rod-col a.rod-ofertas{color:var(--laranja)}
.rod .rod-col a.rod-ofertas>svg{color:var(--laranja)}
.rod .rod-mail{word-break:normal}
.rod .pags{display:grid;grid-template-columns:repeat(3,48px);gap:6px}
.rod .pg{width:48px;height:30px;border-radius:5px;padding:0;opacity:.92;transition:opacity .2s,transform .2s}
.rod .pg:hover{opacity:1;transform:translateY(-1px)}
.rod .pg svg{width:44px;height:20px}
.rod .rod-pag-obs{font-size:12px;line-height:1.55;color:#8a9bb3;margin-top:12px;max-width:180px}
.rod .rod-base{background:transparent;border-top:1px solid rgba(255,255,255,.08)}
.rod .rod-base-in{height:auto;padding-top:20px;padding-bottom:20px;font-size:12px!important;color:#8a9bb3;gap:24px}
.rod .rod-selos{gap:22px}
.rod .rod-selos span{border-left:0;padding:0;gap:8px;font-size:12px}
.rod .rod-selos svg{width:16px;height:16px;color:#5aa2ff}
@media (max-width:1100px){
  .rod .rod-in{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
  .rod .rod-marca,.rod .rod-pag{grid-column:1/-1}
  .rod .rod-marca p{max-width:460px}
  .rod .pags{grid-template-columns:repeat(6,48px)}
  .rod .rod-pag-obs{max-width:none}
}
@media (max-width:700px){
  .rod .rod-in{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:40px;padding-bottom:36px}
  .rod .rod-in>div:nth-child(4){grid-column:1/-1}
  .rod .rod-col a,.rod .rod-col .rod-cookies{white-space:normal}
  .rod .rod-base-in{flex-direction:column;align-items:flex-start;text-align:left;gap:12px}
  .rod .rod-selos{flex-wrap:wrap;gap:10px 18px;justify-content:flex-start}
}
@media (min-width:1101px){.rod .rod-pag{grid-column:auto}.rod .rod-in{column-gap:clamp(24px,3vw,44px)}}
@media (min-width:701px){.rod .rod-base-in{padding-right:96px}}
@media (max-width:700px){.rod .rod-base{padding-bottom:70px}}
@media (max-width:700px){.rod .rod-col .rod-cookies{white-space:nowrap}.rod .rod-in{column-gap:16px}}
@media (max-width:700px){.rod .rod-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media (max-width:700px){.rod .rod-in{grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(14px,6vw,48px)}.rod .rod-col a{white-space:nowrap}.rod .rod-col .rod-ic span{white-space:normal}}

/* ===== Marca: hero padrão + estado sem produtos ===== */
.topo--marca .topo-img img{object-position:right center}
.topo--marca h1{font-size:48px}
.mv{padding-top:36px;padding-bottom:36px}
.mv-aviso{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--linha);border-radius:18px;padding:30px 36px;box-shadow:var(--sombra)}
.mv-ico{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:var(--azul-cl);color:var(--azul)}
.mv-ico svg{width:46px;height:46px}
.mv-aviso h2{font-size:22px;margin:0}
.mv-aviso p{color:var(--txt);font-size:15px;line-height:1.6;margin:8px 0 0;max-width:560px}
.mv-bts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.mv-bts .btn{height:48px;padding:0 22px;gap:10px}
.mv-bts .btn svg{width:18px;height:18px}
.mv-sug{margin-top:44px}
.mv-sug h2{font-size:24px;margin:0}
.mv-sug>p{color:var(--mut);margin:4px 0 0}
.mv-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.mv-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:18px;transition:box-shadow .25s,transform .25s}
.mv-card:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.mv-card-img{display:grid;place-items:center;height:150px;margin-bottom:14px}
.mv-card-img img{max-width:100%;max-height:150px;object-fit:contain;transition:transform .3s}
.mv-card:hover .mv-card-img img{transform:scale(1.04)}
.mv-card h3{font-size:14px;font-weight:600;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em * 2)}
.mv-card h3 a:hover{color:var(--azul)}
.mv-card strong{font-size:20px;color:var(--tit);margin-top:10px}
.mv-card small{color:var(--mut);font-size:12.5px;margin-top:2px}
.mv-ver{height:42px;font-size:13.5px;margin-top:14px}
@media (max-width:1100px){.mv-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .topo--marca h1{font-size:34px}
  .mv-aviso{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:18px;text-align:left}
  .mv-ico{width:72px;height:72px}.mv-ico svg{width:32px;height:32px}
  .mv-aviso h2{font-size:19px}
  .mv-bts .btn{width:100%}
  .mv-sug h2{font-size:20px}
  .mv-grade{gap:10px}
  .mv-card{padding:14px}
  .mv-card-img{height:110px}.mv-card-img img{max-height:110px}
  .mv-card strong{font-size:17px}
}
.topo--marca .topo-img img{object-position:right 60%}
/* faixa de selos em cartão: fundo azul claro, sem borda e sem sombra */
.selos--cartao .selos-in{background:#eef4fd;border:1px solid #e1ebfa;box-shadow:none}
@media (min-width:861px){.topo--curto .topo-in{min-height:260px}}

/* ===== Página Marcas ===== */
.mk{padding-top:40px;padding-bottom:40px}
.mk-busca{text-align:center;max-width:560px;margin:0 auto}
.mk-busca h2{font-size:26px;margin:0 0 14px}
.mk-campo{position:relative}
.mk-campo svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--mut);pointer-events:none}
.mk-campo input{width:100%;height:52px;border:1.5px solid #d3dce8;border-radius:12px;padding:0 16px 0 46px;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}
.mk-campo input:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(10,108,240,.14)}
.mk-sec{margin-top:44px;scroll-margin-top:180px}
.mk-sec[hidden]{display:none}
.mk-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.mk-cab h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:0}
.mk-cab h2::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--laranja)}
.mk-ordem select{height:40px;border:1px solid var(--linha);border-radius:10px;padding:0 34px 0 12px;font:inherit;font-size:13.5px;color:var(--tit);background:#fff;cursor:pointer}
.mk-logo{display:grid;place-items:center;height:48px}
.mk-logo img{max-height:40px;max-width:150px;object-fit:contain}
.mk-logo .mc{font-size:28px;line-height:1}
.mk-logo .mc-gopro i{display:none}
.mk-seta{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--azul);transition:background .2s,color .2s,border-color .2s,transform .2s}
.mk-seta svg{width:16px;height:16px}
.mk-top{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.mk-top-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#fff 40%,#eef4fd 100%);border:1px solid var(--linha);border-radius:16px;padding:22px 16px 18px;min-height:280px;transition:box-shadow .25s,transform .25s}
.mk-top-card small{color:var(--mut);font-size:12.5px;margin-top:4px}
.mk-top-img{display:grid;place-items:center;height:150px;margin-top:14px;width:100%}
.mk-top-img img{max-height:150px;max-width:90%;object-fit:contain;transition:transform .35s}
.mk-top-card .mk-seta{position:absolute;right:14px;bottom:14px;width:40px;height:40px}
.mk-top-card:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
.mk-top-card:hover .mk-top-img img{transform:scale(1.05)}
.mk-top-card:hover .mk-seta,.mk-card:hover .mk-seta{background:var(--azul);border-color:var(--azul);color:#fff}
.mk-grade{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mk-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:18px 16px 14px;transition:box-shadow .25s,transform .25s}
.mk-card[hidden]{display:none}
.mk-card:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.mk-card-pe{display:flex;align-items:center;justify-content:space-between}
.mk-card-pe small{color:var(--mut);font-size:12.5px}
.mk-vazio{background:var(--bg-cl);border-radius:12px;padding:16px 18px;color:var(--txt);margin-top:6px}
.mk-vazio a{color:var(--azul);font-weight:600}
@media (max-width:1100px){.mk-top{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-grade{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){
  .mk{padding-top:28px}
  .mk-busca h2{font-size:21px}
  .mk-cab h2{font-size:19px}
  .mk-cab .sec-link{font-size:13px}
  .mk-top{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .mk-top::-webkit-scrollbar{display:none}
  .mk-top-card{flex:0 0 62%;scroll-snap-align:start;min-height:250px}
  .mk-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mk-logo .mc{font-size:22px}
  .mk-logo img{max-width:120px;max-height:34px}
}
.mk-top-card .mk-logo{width:100%}.mk-logo img{height:38px;width:auto}
.mk-top-img img,.mv-card-img img,.of-card-img img{mix-blend-mode:multiply}
.mk-cab h2{white-space:nowrap}
@media (max-width:700px){
  .mk-top{scroll-padding-left:16px}
  .mk-cab .sec-link{display:none}
  .mk-cab h2{font-size:18px}
  .mk-ordem select{height:36px;font-size:13px;padding:0 28px 0 10px;max-width:150px}
}
@media (max-width:700px){.mk-ordem select{max-width:none;width:auto}}
@media (max-width:700px){.mk-cab{gap:10px}.mk-cab h2{gap:8px}.mk-cab h2::before{width:16px}.mk-ordem select{font-size:12.5px;padding:0 24px 0 8px}}
@media (max-width:400px){.mk-cab{flex-wrap:wrap}}

/* ===== 1.10.19: três padrões de topo =====
   1) escuro 260px (institucionais), 2) claro 260px (página de cada marca), 3) sem banner (áreas funcionais) */
@media (min-width:861px){
  .topo--inst .topo-in,.topo--curto .topo-in{min-height:260px;padding-top:26px;padding-bottom:28px}
  .topo--inst h1{font-size:40px;line-height:1.08;margin:10px 0 10px}
  .topo--inst .topo-txt{max-width:620px}
  .topo--inst .topo-txt>p{font-size:16px;max-width:520px}
  .topo--inst .trilha--topo{padding-bottom:12px}
  .topo--inst .topo-acoes{margin-top:18px}
}
.topo--inst .topo-acoes .btn{height:46px;padding:0 22px;gap:10px;font-size:14.5px}
.topo--inst .topo-acoes .btn svg{width:18px;height:18px}
.btn-vidro{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.btn-vidro:hover{background:rgba(255,255,255,.18);border-color:#fff}
.btn-vidro svg{color:#25d366}
/* imagens claras usadas em topo escuro: o degradê cobre a parte clara */
.topo--sobre::after,.topo--contato::after{background:linear-gradient(90deg,rgba(11,35,61,1) 0%,rgba(11,35,61,.97) 38%,rgba(11,35,61,.55) 58%,rgba(11,35,61,.1) 76%)}
.topo--sobre .topo-img img,.topo--contato .topo-img img{object-position:right center}
.topo--duvidas .topo-img img{object-position:right 30%}
.topo--ofertas .topo-img img{object-position:right center}
/* busca dentro do topo de Dúvidas */
.topo--duvidas .topo-acoes{display:block;margin-top:16px}
.topo--duvidas .duv-busca{max-width:520px;margin:0}
.topo--duvidas .duv-busca input{min-height:48px;border-color:transparent}
/* marca: logotipo no lugar do olho */
.topo-logo{display:block;height:40px;margin-bottom:2px}
.topo-logo img{height:40px;width:auto;max-width:180px;object-fit:contain;object-position:left center}
/* título compacto (Minha conta, pedidos) */
.tit-compacto{padding-top:28px;padding-bottom:4px}
.tit-compacto h1{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0}
.tit-compacto h1::before{content:"";display:block;width:24px;height:3px;border-radius:2px;background:var(--laranja);margin-bottom:12px}
.tit-compacto p{color:var(--mut);font-size:15px;margin:6px 0 0}
@media (max-width:700px){.tit-compacto{padding-top:20px}.tit-compacto h1{font-size:24px}}
.of-vazio{padding-top:8px}
@media (min-width:861px){
  .topo--inst .topo-in,.topo--curto .topo-in{padding-top:20px;padding-bottom:22px}
  .topo--inst h1{font-size:36px;margin:8px 0 8px}
  .topo--inst .topo-txt{max-width:720px}
  .topo--inst .topo-txt>p{font-size:15.5px;max-width:640px}
  .topo--inst .topo-acoes{margin-top:14px}
  .topo--inst .topo-acoes .btn{height:44px}
  .topo--inst .trilha--topo{padding-bottom:10px}
}
@media (min-width:861px){.topo--trocas h1{font-size:31px}}
.tit-compacto:has(+ .conta .conta-entrada){text-align:center}.tit-compacto:has(+ .conta .conta-entrada) h1::before{margin-left:auto;margin-right:auto}

/* ===== Menu do celular: topo com X e atalhos ===== */
.nav-topo,.nav-extra{display:none}
@media (max-width:860px){
  .nav-topo{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 6px 24px;color:#fff}
  .nav-topo b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8fa6c4;font-weight:600}
  .nav-x{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
  .nav-x svg{width:20px;height:20px}
  .nav-in{padding-top:4px!important}
  .nav-extra{display:block;border-top:1px solid rgba(255,255,255,.1);margin:8px 0 0;padding:14px 12px 28px}
  .nav-extra a{display:flex;align-items:center;gap:12px;height:46px;padding:0 12px;border-radius:8px;color:#dbe4f0;font-size:15px}
  .nav-extra a:hover{background:rgba(255,255,255,.06);color:#fff}
  .nav-extra svg{width:18px;height:18px;color:#8fc0ff}
  .nav-extra .nav-extra-wpp svg{color:#25d366}
}

/* ===== Auditoria mobile 1.10.20 ===== */
@media (max-width:560px){
  .hero-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
  .hero-mini li{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}
  .hero-mini svg{width:24px;height:24px}
}
@media (max-width:860px){
  .guia{height:auto!important}
  .guia-in{padding-top:150px!important;padding-bottom:44px!important;height:auto}
  .guia h2{font-size:27px!important;margin:14px 0 12px}
  .guia-txt>p{font-size:15px}
  .guia-txt .btn{height:48px;margin-top:18px}
  .esp-txt .btn{width:auto;height:50px;padding:0 22px;font-size:15px}
  .esp-mini{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 14px}
  .esp-mini li{flex-basis:auto!important;white-space:nowrap;font-size:13px}
}
@media (max-width:480px){
  .prods .prod-add,.prods .btn-wpp-ln{font-size:12px;padding:0 6px;gap:6px;white-space:nowrap;height:40px}
  .prods .prod-add svg{display:none}
  .prods .btn-wpp-ln svg{width:14px;height:14px;flex:none}
}
@media (max-width:400px){.prod-wpp-pre{display:none}}
/* marca com logotipo: o nome fica só para leitores de tela e buscadores */
.topo--com-logo h1{margin:0;height:0}
.topo--com-logo .topo-logo{height:52px;margin:6px 0 12px}
.topo--com-logo .topo-logo img{height:52px;max-width:240px}
.ct-ico,.ct-ico svg,.ct-canal .ct-ico svg{color:#fff!important}
@media (max-width:480px){.prods .btn-wpp-ln{white-space:normal;height:auto;min-height:40px;padding:6px;line-height:1.2;text-align:center}}

/* ===== Topo ilustrado claro (páginas de apoio: Dúvidas, Trocas, Ofertas sem promoção) ===== */
.topo--ilustra{background:#eef5ff}
.topo--ilustra::after{background:linear-gradient(90deg,rgba(238,245,255,.9) 0%,rgba(238,245,255,.6) 40%,rgba(238,245,255,0) 60%)}
.topo--ilustra .topo-img img{object-position:right center}
.topo--ilustra .eyebrow{color:var(--laranja)}
.topo--ilustra .topo-txt>p{color:#33435c}
.topo--duvidas .duv-busca input{border-color:#d3dce8;box-shadow:0 6px 18px rgba(16,42,84,.06)}
@media (max-width:860px){.topo--ilustra .topo-img{opacity:.35}.topo--ilustra::after{background:linear-gradient(180deg,rgba(238,245,255,.4),rgba(238,245,255,.85))}}
@media (max-width:860px){
  .topo--ilustra .topo-img{display:none}
  .topo--ilustra::after{background:none}
  .topo--inst h1{font-size:28px}
  .topo--trocas h1{font-size:26px}
  .topo--inst .topo-acoes .btn{width:auto}
}
@media (max-width:860px){
  .inst-dest li:first-child{padding-left:14px}
  .topo--escuro::after{background:linear-gradient(180deg,rgba(11,35,61,.72) 0%,rgba(11,35,61,.9) 55%,rgba(11,35,61,.96) 100%)!important}
}
@media (max-width:560px){
  .ct-canal .btn{grid-column:2;width:auto;justify-self:start;height:42px;padding:0 20px;min-width:0}
}
@media (max-width:860px){.topo--inst .topo-in{min-height:0;padding-top:26px;padding-bottom:30px}}

/* ===== Rodapé 1.10.21: acordeões no celular, redes discretas, faixa de baixo enxuta ===== */
.rod-acc-bt{display:block;width:100%;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:default}
.rod-acc-bt>svg{display:none}
.rod-acc-in{display:block}
.rod .rod-redes a{width:34px;height:34px;background:rgba(10,108,240,.28);color:#cfe0ff;transition:background .2s,color .2s,transform .2s}
.rod .rod-redes a:hover{background:var(--azul);color:#fff;transform:translateY(-2px)}
.rod .rod-redes svg{width:16px;height:16px}
.rod .rod-base-in{justify-content:flex-start;padding-right:0}
.rod-copy a{color:var(--laranja)}
@media (max-width:700px){
  .rod .rod-in{grid-template-columns:minmax(0,1fr)!important;row-gap:0;padding-top:36px;padding-bottom:20px}
  .rod .rod-in>div:nth-child(4){grid-column:auto}
  .rod .rod-marca{padding-bottom:22px!important}
  .rod-col[data-rod-acc]{border-top:1px solid rgba(255,255,255,.08)}
  .rod-acc-bt{display:flex;align-items:center;justify-content:space-between;height:54px;cursor:pointer}
  .rod-acc-bt h4{margin:0!important}
  .rod-acc-bt>svg{display:block;width:16px;height:16px;color:#8a9bb3;transition:transform .25s}
  .rod-col.aberto .rod-acc-bt>svg{transform:rotate(180deg)}
  .rod-acc-in{display:none;padding:0 0 16px}
  .rod-col.aberto .rod-acc-in{display:block}
  .rod .rod-pag{border-top:1px solid rgba(255,255,255,.08);padding-top:20px!important;margin-top:0}
  .rod .rod-pag h4{margin-bottom:14px}
  .rod .rod-base{padding-bottom:84px}
  .rod-copy{display:flex;flex-direction:column;gap:4px}
  .rod-dev{font-size:12px}
  .rod-sep{display:none}
}
.rod .rod-col .rod-cookies{color:#a9b7ca}
.rod .rod-col .rod-cookies:hover{color:#fff}
@media (max-width:700px){.rod .rod-in>.rod-pag{padding-top:22px!important}.rod .rod-in>.rod-marca{padding-bottom:24px!important}}

/* ===== Regra RCA: no celular o texto principal nunca fica abaixo de 16px (13/10/2026) ===== */
@media (max-width:600px){
  .hero-txt p,.sec-cab p,.guia-txt p,.dep-it blockquote,.dn-tit p,.lista-ajuda-txt p,.news-linha-tit p,
  .pp-frete label,.pp-entrega p,.pp-aval-vazio,.aval-card p,.topo-txt p,.ct-canal span,.ct-li span,
  .faq-it summary,.texto p,.texto b,.texto li,.duv-lado p,.inst-pil-cab p,span.tx,p.tx,li.rv span,.faixa-acao-in p,
  .prod-nome,.prod-nome a{font-size:16px}
  .prod-nome a{line-height:1.3}
}
/* celular e tablet: preenche os dados e finaliza no fim, sem voltar para o topo */
@media (max-width:980px){.ck-resumo{order:0}}
/* menu lateral fechado não pode deixar a sombra vazando na borda da página */
@media (max-width:860px){.nav{box-shadow:none}.nav.aberto{box-shadow:10px 0 30px rgba(0,0,0,.3)}}