/* BAX tag live preview — light, see-through window. */
#bax-tlp{box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow:visible auto;overscroll-behavior:contain;margin:auto;padding:0;border:0;background:transparent;color:#35291e;font-family:inherit;direction:rtl;text-align:right;scrollbar-width:none}
#bax-tlp::-webkit-scrollbar{display:none}
#bax-tlp::backdrop{background:rgba(30,22,10,.18)}
#bax-tlp *,#bax-tlp *::before,#bax-tlp *::after{box-sizing:border-box}
#bax-tlp .tlp-close{position:absolute;top:4px;left:0;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:2px solid #ffd64d;border-radius:50%;background:#42205e;color:#fff;font:400 30px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 9px #0004}
#bax-tlp .tlp-wrap{position:relative;padding-top:6px}

/* The tag: two faces that flip. */
#bax-tlp .tlp-stage{display:block;width:min(300px,86vw);margin:0 auto;perspective:900px;background:none;border:0;padding:0;cursor:pointer}
#bax-tlp .tlp-card{display:block;position:relative;width:100%;aspect-ratio:400/284;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.1,.2,1)}
#bax-tlp .tlp-card.is-back{transform:rotateY(180deg)}
#bax-tlp .tlp-face{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 10px 14px #2b1a0640)}
#bax-tlp .tlp-face.tlp-back{transform:rotateY(180deg)}
#bax-tlp .tlp-face img{width:100%;height:100%;display:block;object-fit:contain;transition:filter .25s}
#bax-tlp .tlp-tint{position:absolute;inset:0;background:var(--tlp-color,transparent);mix-blend-mode:multiply;-webkit-mask:var(--tlp-mask) center/100% 100% no-repeat;mask:var(--tlp-mask) center/100% 100% no-repeat;opacity:0;transition:opacity .25s}
#bax-tlp .tlp-card[data-tone=tint] img{filter:grayscale(1) brightness(1.45) contrast(1.05)}
#bax-tlp .tlp-card[data-tone=tint] .tlp-tint{opacity:1}
#bax-tlp .tlp-card[data-tone=silver] img{filter:grayscale(1) brightness(1.35) contrast(1.05)}
#bax-tlp .tlp-card[data-tone=black] img{filter:grayscale(1) brightness(.42) contrast(1.25)}
#bax-tlp .tlp-eng{position:absolute;left:21%;width:58%;top:43%;height:33%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;pointer-events:none;color:#eef0f3;text-shadow:0 1px 1px #0007,0 -1px 0 #ffffff55}
#bax-tlp .tlp-card[data-tone=silver] .tlp-eng{color:#5b5f66;text-shadow:0 1px 0 #ffffffaa,0 -1px 0 #0003}
#bax-tlp .tlp-eng span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:700;line-height:1.1}
#bax-tlp .tlp-eng .tlp-name{font-size:34px}
#bax-tlp .tlp-eng .tlp-phone{font-size:28px;direction:ltr;unicode-bidi:isolate;letter-spacing:.5px}
#bax-tlp .tlp-eng .is-ghost{opacity:.38;font-weight:600}
#bax-tlp .tlp-side{display:inline-block;margin:4px auto 0;padding:3px 12px;border-radius:999px;background:rgba(255,250,242,.9);font-size:12.5px;color:#5a4a36;box-shadow:0 2px 8px #3a240a1f}
#bax-tlp .tlp-offer{margin:0 0 10px;text-align:center;font-size:14px;font-weight:700;color:#8a4f07}
#bax-tlp .tlp-center{text-align:center}

/* Compact frosted panel. */
#bax-tlp form{margin-top:8px;padding:14px 14px 12px;border-radius:22px;background:rgba(255,250,242,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #33200a30}
#bax-tlp .tlp-field{display:block;margin:0 0 10px;font-size:14px;font-weight:700}
#bax-tlp .tlp-field small{font-weight:400;color:#6b5d4c;margin-inline-start:4px}
#bax-tlp .tlp-count{float:left;font-weight:400;font-size:12px;color:#8a7b68}
#bax-tlp .tlp-field input{display:block;width:100%;height:44px;margin-top:4px;padding:9px 12px;border:1.5px solid #d8cdbf;border-radius:12px;background:#fff;color:#35291e;font-size:16px;font-family:inherit}
#bax-tlp .tlp-field input:focus{border-color:#f39a1c}
#bax-tlp .tlp-tip{font-size:12px;color:#6b5d4c;margin:-2px 0 10px;line-height:1.4}
#bax-tlp .tlp-row{display:flex;align-items:center;gap:8px;margin:0 0 12px;border:0;padding:0;min-width:0}
#bax-tlp .tlp-row legend{float:right;font-size:13px;font-weight:700;margin:0 0 0 6px;padding:0}
#bax-tlp input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#bax-tlp .tlp-sizes label{position:relative;margin:0}
#bax-tlp .tlp-sizes span{display:block;padding:5px 11px;border:1.5px solid #d8cdbf;border-radius:999px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}
#bax-tlp .tlp-sizes small{font-weight:400;color:#6b5d4c}
#bax-tlp .tlp-sizes input:checked+span{border-color:#f39a1c;background:#fff0d9}
#bax-tlp .tlp-colors{display:flex;flex-wrap:wrap;gap:4px}
#bax-tlp .tlp-colors label{position:relative;margin:0}
#bax-tlp .tlp-colors span{display:block;width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #cdbfae;cursor:pointer}
#bax-tlp .tlp-colors input:checked+span{box-shadow:0 0 0 2.5px #f39a1c}
#bax-tlp .tlp-submit{display:block;width:100%;min-height:46px;border:0;border-radius:16px;background:linear-gradient(100deg,#ffab24,#ff8113);padding:11px 18px;font-size:18px;font-weight:700;color:#241707;cursor:pointer;font-family:inherit}
#bax-tlp .tlp-submit[disabled]{opacity:.65;cursor:progress}
#bax-tlp .tlp-consent{font-size:11.5px;color:#7a6b58;text-align:center;margin:6px 0 0}
#bax-tlp .tlp-status{font-size:14px;line-height:1.45;color:#3f5a2a;margin:8px 0 0;text-align:center}
#bax-tlp .tlp-status:empty{display:none}
#bax-tlp .tlp-status.is-error{color:#a3271b}
#bax-tlp .tlp-status a{color:inherit;font-weight:700}
#bax-tlp .tlp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#bax-tlp :focus-visible{outline:3px solid #975a0d;outline-offset:3px}
#bax-tlp .tlp-sizes input:focus-visible+span,#bax-tlp .tlp-colors input:focus-visible+span{outline:3px solid #975a0d;outline-offset:2px}
@media (max-height:640px){#bax-tlp .tlp-stage{width:min(230px,70vw)}#bax-tlp .tlp-tip{display:none}}
@media (prefers-reduced-motion:reduce){#bax-tlp .tlp-card,#bax-tlp .tlp-face img,#bax-tlp .tlp-tint{transition:none}}
@media (prefers-reduced-motion:no-preference){#bax-tlp[open] .tlp-wrap{animation:bax-tlp-in .2s ease-out}@keyframes bax-tlp-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}}
#bax-tlp .tlp-face .tlp-ring{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none!important;pointer-events:none}
