/* Janela do produto em layout de página de produto (produto.js). Vem depois de estilo.css/anne.css. */
.mpx .modal__caixa--produto{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(100%,calc(var(--u)*1140));max-width:none;height:min(90svh,calc(var(--u)*740));max-height:none;padding:0;overflow:hidden;border-radius:calc(var(--u)*28);background:var(--branco)}
.mpx .modal__caixa--produto>.fechar{position:absolute;top:calc(var(--u)*16);right:calc(var(--u)*16);z-index:5;width:calc(var(--u)*44);height:calc(var(--u)*44);border-radius:50%;background:var(--branco);box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(0,0,0,.12);font-size:calc(var(--u)*24)}
.mpx .mp__foto{position:relative;height:100%;max-height:none;aspect-ratio:auto;margin:0;background:var(--blush);overflow:hidden}
.mpx__palco{position:absolute;inset:0;overflow:hidden;cursor:zoom-in}
.mpx .mp__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mpx--zoom .mp__foto img{transform:scale(1.9);transition:transform .2s ease-out}
.mpx__ampliar{position:absolute;left:calc(var(--u)*18);bottom:calc(var(--u)*18);z-index:2;display:inline-flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*40);padding:0 calc(var(--u)*16);border:0;border-radius:calc(var(--u)*999);background:rgba(255,255,255,.92);backdrop-filter:blur(calc(var(--u)*6));-webkit-backdrop-filter:blur(calc(var(--u)*6));font:600 calc(var(--u)*13)/1 var(--corpo);color:var(--texto);cursor:pointer;box-shadow:0 calc(var(--u)*6) calc(var(--u)*18) rgba(0,0,0,.12)}
.mpx__ampliar svg,.mpx__selos svg,.mpx__wa svg,.mpx__agora svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.mpx__dica{position:absolute;right:calc(var(--u)*18);bottom:calc(var(--u)*26);z-index:2;margin:0;padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:calc(var(--u)*999);background:rgba(0,0,0,.45);color:#fff;font:500 calc(var(--u)*11)/1 var(--corpo);pointer-events:none;transition:opacity .2s}
.mpx--zoom .mpx__dica,.mpx--zoom .mpx__ampliar{opacity:0}
@media (hover:none){.mpx__dica{display:none}}
.mpx .mp__info{height:100%;overflow:auto;overscroll-behavior:contain;padding:calc(var(--u)*44) calc(var(--u)*44) calc(var(--u)*28);display:flex;flex-direction:column;gap:calc(var(--u)*16);background:var(--branco)}
.mpx__trilha{display:flex;gap:calc(var(--u)*8);align-items:center;font:500 calc(var(--u)*12)/1 var(--corpo);color:var(--suave);letter-spacing:.02em}
.mpx__trilha .mp__cat{margin:0;font:700 calc(var(--u)*11)/1 var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:var(--rosa)}
.mpx .mp__info h3{margin:0;font:500 calc(var(--u)*38)/1.08 var(--serif);letter-spacing:-.02em;color:var(--verde);padding-right:calc(var(--u)*40)}
.mpx__preco{display:grid;gap:calc(var(--u)*6);padding:calc(var(--u)*16) 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.mpx__preco>b{font:600 calc(var(--u)*34)/1 var(--corpo);color:var(--texto);letter-spacing:-.02em}
.mpx__preco>small{font:400 calc(var(--u)*14)/1.3 var(--corpo);color:var(--suave)}
.mpx__pix{justify-self:start;display:inline-flex;gap:calc(var(--u)*6);align-items:center;padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:calc(var(--u)*999);background:#E7F4EC;color:#11663A;font:500 calc(var(--u)*13)/1 var(--corpo)}
.mpx__pix[hidden]{display:none}
.mpx .mp__desc{margin:0;font:400 calc(var(--u)*15)/1.65 var(--corpo);color:var(--suave)}
.mpx__selos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*10);margin:0;padding:0;list-style:none}
.mpx__selos li{display:grid;gap:calc(var(--u)*6);justify-items:start;padding:calc(var(--u)*12);border-radius:calc(var(--u)*14);background:var(--papel);border:1px solid var(--linha);font:500 calc(var(--u)*12)/1.35 var(--corpo);color:var(--texto)}
.mpx__selos li svg{color:var(--rosa);width:calc(var(--u)*20);height:calc(var(--u)*20)}
.mpx__cartao{border:1px solid var(--linha);border-radius:calc(var(--u)*14);padding:0 calc(var(--u)*16)}
.mpx__cartao summary{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*10);padding:calc(var(--u)*14) 0;list-style:none;cursor:pointer;font:600 calc(var(--u)*14)/1.2 var(--corpo);color:var(--texto)}
.mpx__cartao summary::-webkit-details-marker{display:none}
.mpx__cartao summary small{margin-left:auto;font-weight:500;color:var(--suave)}
.mpx__cartao summary::after{content:"+";font-size:calc(var(--u)*20);line-height:1;color:var(--suave)}
.mpx__cartao[open] summary::after{content:"−"}
.mpx .mpx__cartao .mp__msg{margin:0 0 calc(var(--u)*14);font-weight:400}
.mpx .mp__rodape{position:static;display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*12);margin:calc(var(--u)*4) 0 0;padding:0;background:none}
.mpx .mp__rodape .qtd{height:calc(var(--u)*54);border-radius:calc(var(--u)*999)}
.mpx .mp__rodape #mp-add{height:calc(var(--u)*54);background:var(--verde);color:var(--creme,#fff);border:0;box-shadow:var(--sombra);font:700 calc(var(--u)*15)/1 var(--corpo)}
.mpx .mp__rodape #mp-add:hover{background:var(--verde-2)}
.mpx__agora{height:calc(var(--u)*54);border:1.5px solid var(--verde);background:var(--branco);color:var(--verde);font:700 calc(var(--u)*15)/1 var(--corpo);border-radius:calc(var(--u)*999)}
.mpx__agora:hover{background:var(--blush)}
.mpx__wa{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*8);padding:calc(var(--u)*6) 0;font:600 calc(var(--u)*14)/1.2 var(--corpo);color:#168544;text-decoration:none}
.mpx__wa:hover{text-decoration:underline}
.mpx .mp__obs{margin-top:auto;padding-top:calc(var(--u)*6);font:400 calc(var(--u)*12)/1.55 var(--corpo);color:var(--suave)}
@media (max-width:999px){
  .mpx .modal__caixa--produto{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:min(94svh,calc(var(--u)*1100));overflow:auto}
  .mpx .mp__foto{height:auto;aspect-ratio:1}
  .mpx .mp__info{height:auto;overflow:visible}
}
@media (max-width:639px){
  .mpx{padding:0;align-items:stretch}
  .mpx .modal__caixa--produto{display:block;width:100%;height:100svh;border-radius:0;overflow:auto}
  .mpx .mp__foto{aspect-ratio:1/1.05}
  .mpx .mp__info{padding:calc(var(--u)*22) calc(var(--u)*18) 0;gap:calc(var(--u)*14)}
  .mpx .mp__info h3{font-size:calc(var(--u)*29);padding-right:0}
  .mpx__preco>b{font-size:calc(var(--u)*28)}
  .mpx__selos{grid-template-columns:1fr;gap:calc(var(--u)*8)}
  .mpx__selos li{grid-template-columns:auto 1fr;align-items:center;padding:calc(var(--u)*10) calc(var(--u)*12)}
  .mpx .mp__rodape{position:sticky;bottom:0;z-index:3;margin:0 calc(var(--u)*-18);padding:calc(var(--u)*12) calc(var(--u)*18) calc(calc(var(--u)*12) + env(safe-area-inset-bottom));background:var(--branco);border-top:1px solid var(--linha);box-shadow:0 calc(var(--u)*-8) calc(var(--u)*24) rgba(0,0,0,.06)}
  .mpx .mp__obs{padding-bottom:calc(var(--u)*16)}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mpx .mp__info>*{flex:none}
.mpx .mpx__agora{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*8);width:100%;margin:0}
.mpx .mpx__palco img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
@media (max-width:999px){.mpx .mp__foto{max-height:none!important;width:100%}}
.mpx .mpx__palco img{object-fit:cover!important;object-position:50% 50%!important}
@media (min-width:1000px){
  .mpx .modal__caixa--produto{grid-template-columns:auto minmax(calc(var(--u)*440),1fr);width:auto;max-width:min(100%,calc(var(--u)*1240))}
  .mpx .mp__foto{height:100%;width:auto;aspect-ratio:var(--mpx-prop,.8)}
}