.tcl-popup[hidden] { display: none !important; }
.tcl-popup { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 4vh 4vw; }
.tcl-popup__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.88); }
.tcl-popup__panel { position: relative; display:flex; flex-direction:column; align-items:center; gap:16px; max-width:90vw; max-height:85vh; }
.tcl-popup__image { display:block; width:auto; height:auto; max-width:90vw; max-height:calc(85vh - 64px); object-fit:contain; border-radius:8px; }
.tcl-popup__cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 24px; border-radius:6px; background:#facc15; color:#111; font-weight:700; text-align:center; text-decoration:none; }
.tcl-popup__cta:hover { background:#fde047; }
.tcl-popup__cta:focus-visible { outline:3px solid white; outline-offset:3px; }
.tcl-popup__close { position:absolute; right:-13px; top:-18px; width:40px; height:40px; background:#151515; color:white; border:1px solid #888; border-radius:50%; font-size:27px; z-index:1; cursor:pointer; }
.tcl-popup__close:focus-visible { outline: 3px solid #facc15; outline-offset:2px; }