/* Zenlar — estilos do picker de personalização (extraído de PersonalizePicker.php).
   O @font-face (Sacramento) fica inline no PHP porque precisa de ZENLAR_CORE_URL. */
.zenlar-perso-grid{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}
.zenlar-perso-card label{display:block;cursor:pointer;border:1px solid var(--sand,#E8DFD3);border-radius:8px;padding:.4rem;text-align:center;background:#fff}
.zenlar-perso-card input{position:absolute;opacity:0}
.zenlar-perso-card input:checked+.zenlar-perso-thumb{outline:2px solid var(--terracotta,#C77B54);border-radius:6px}
.zenlar-perso-thumb{display:block}
.zenlar-perso-thumb svg{width:100%;height:auto;max-height:90px}
.zenlar-perso-name{font-size:.75rem;color:#6d6b62;display:block;margin-top:.25rem}
.zenlar-perso-desc{font-size:.9rem;line-height:1.5;color:#4a4842;background:var(--offwhite,#FAF7F2);border-left:3px solid var(--sage,#9CAF88);border-radius:6px;padding:.75rem 1rem;margin:0 0 1rem;font-style:italic}
.zenlar-perso-step{font-weight:700;margin:1rem 0 .4rem}
.zenlar-perso-how{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0}
.zenlar-perso-how li{display:flex;align-items:center;gap:.45rem;border:1px solid var(--sand,#E8DFD3);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;color:#4a4842;background:#fff}
.zenlar-perso-how li strong{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--sage,#9CAF88);color:#fff;font-size:.75rem}
.zenlar-perso-text{width:100%;max-width:320px;padding:.5rem .75rem;border:1px solid var(--sand,#E8DFD3);border-radius:8px}
.zenlar-perso-counter{display:inline-block;margin-left:.5rem;font-size:.8rem;color:#6d6b62}
.zenlar-perso-add{display:inline-block;margin-top:1.5rem;padding:.7rem 1.75rem;font-size:1rem;width:auto}
.zenlar-perso button[disabled]{background:var(--sand,#E8DFD3);color:#8f8d84;opacity:1;cursor:not-allowed;box-shadow:none}
/* v2: cor da caneca (swatches), disposição, cor do texto, mensagem */
.zenlar-perso-swatches{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 .5rem}
.zenlar-perso-swatch{position:relative;cursor:pointer}
.zenlar-perso-swatch input{position:absolute;opacity:0}
.zenlar-perso-swatch .dot{display:block;width:34px;height:34px;border-radius:50%;border:2px solid var(--sand,#E8DFD3);box-sizing:border-box}
.zenlar-perso-swatch input:checked+.dot{outline:2px solid var(--terracotta,#C77B54);outline-offset:2px}
.zenlar-perso-swatch .nm{display:block;font-size:.65rem;color:#6d6b62;text-align:center;margin-top:.2rem}
.zenlar-perso-price-note{font-size:.8rem;color:#6d6b62;margin:.1rem 0 0}
.zenlar-perso-layouts{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 .5rem}
.zenlar-perso-layout{cursor:pointer;border:1px solid var(--sand,#E8DFD3);border-radius:8px;padding:.55rem .8rem;background:#fff;font-size:.85rem;color:#4a4842}
.zenlar-perso-layout input{position:absolute;opacity:0}
.zenlar-perso-layout:has(input:checked){outline:2px solid var(--terracotta,#C77B54)}
.zenlar-perso-fontcolor{display:inline-flex;align-items:center;gap:.5rem;margin-left:.75rem;vertical-align:middle}
.zenlar-perso-fontcolor input[type=color]{width:34px;height:34px;padding:0;border:1px solid var(--sand,#E8DFD3);border-radius:50%;cursor:pointer;background:none}
.zenlar-perso-fontcolor .lbl{font-size:.8rem;color:#6d6b62}
.zenlar-perso-message{width:100%;max-width:420px;padding:.5rem .75rem;border:1px solid var(--sand,#E8DFD3);border-radius:8px;min-height:64px;resize:vertical}
.zenlar-perso-msgwrap[hidden]{display:none}
.zenlar-perso-preview-msg{font-family:'Sacramento',cursive;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--charcoal,#2E2E2A);text-align:center;line-height:1.25;border-top:1px dashed var(--sand,#E8DFD3);padding-top:.6rem;width:80%;word-break:break-word}
.zenlar-perso-preview-msg[hidden]{display:none}
.zenlar-perso-hint{font-size:.8rem;color:#6d6b62;margin:.4rem 0 0}
.zenlar-perso-hint--error{color:var(--terracotta,#C77B54);font-weight:600}
/* Pré-visualização como caneca desenhada, em OVERLAY sobre a galeria */
.zenlar-perso-preview{position:absolute;top:0;left:0;right:0;min-height:260px;z-index:5;background:var(--offwhite,#FAF7F2);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;box-sizing:border-box}
.zenlar-perso-preview[hidden]{display:none}
.zenlar-perso-preview-mug{display:flex;gap:2%;justify-content:center;align-items:flex-end;width:min(95%,640px);line-height:0}
.zenlar-perso-foto{position:relative;width:49%;line-height:0}
.zenlar-perso-foto img{width:100%;height:auto;display:block;border-radius:6px}
.zenlar-perso-foto--espelho img{transform:scaleX(-1)}
.zenlar-perso-foto--branca img{filter:grayscale(1) brightness(1.22)}
.zenlar-perso-foto-print{position:absolute;left:21%;top:24%;width:48%;height:62%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;line-height:1}
.zenlar-perso-foto--espelho .zenlar-perso-foto-print{left:31%}
.zenlar-perso-foto-arte{width:46%;height:auto;max-height:62%}
.zenlar-perso-foto-nome{font-family:'Sacramento',cursive;font-size:clamp(1rem,2.6vw,1.6rem);margin-top:2px;line-height:1}
.zenlar-perso-foto-msg{font-family:'Sacramento',cursive;font-size:clamp(.8rem,1.9vw,1.15rem);text-align:center;line-height:1.3;width:78%;word-break:break-word}
.zenlar-perso-preview-note{font-size:.78rem;color:#6d6b62;margin:0}
.zenlar-perso-preview-close{position:absolute;top:.75rem;left:.75rem;border:1px solid var(--sand,#E8DFD3);background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;color:#4a4842;cursor:pointer;box-shadow:0 1px 3px rgba(46,46,42,.12)}
.zenlar-perso-preview-chip{position:absolute;bottom:.75rem;left:.75rem;z-index:6;border:none;background:var(--terracotta,#C77B54);color:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;cursor:pointer;box-shadow:0 1px 4px rgba(46,46,42,.2)}
.zenlar-perso-preview-chip[hidden]{display:none}