/* Guest-mode template preview modal. Site theme uses dark panel
   backgrounds (--panel #1d1f24) but the marketing pages are mostly
   white — render the modal frame on white so it reads cleanly on
   either backdrop. */
.tp-guest-preview-bg {
    position: fixed; inset: 0; z-index: 99999;
    background: rgba(15, 23, 42, 0.78);
    display: none; align-items: center; justify-content: center;
    padding: 24px;
}
.tp-guest-preview-bg.is-open { display: flex; }

.tp-guest-preview-card {
    background: #fff; border-radius: 14px;
    max-width: 560px; width: 100%; max-height: 90vh; overflow-y: auto;
    padding: 28px 28px 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    position: relative;
    text-align: center;
}
.tp-guest-preview-close {
    position: absolute; top: 12px; right: 14px;
    background: transparent; border: none;
    font-size: 28px; line-height: 1; color: #94a3b8;
    cursor: pointer; padding: 4px 10px;
}
.tp-guest-preview-close:hover { color: #1d2233; }

.tp-guest-preview-thumb {
    width: 100%; aspect-ratio: 4 / 3;
    background: #f1f5f9; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; margin: 4px 0 18px;
}
.tp-guest-preview-thumb img {
    max-width: 100%; max-height: 100%; object-fit: contain; display: block;
}

.tp-guest-preview-card h3 {
    font-size: 20px; margin: 0 0 6px; color: #1d2233; font-weight: 700;
}
.tp-guest-preview-desc {
    margin: 0 0 18px; font-size: 14px; color: #64748b; line-height: 1.5;
}
.tp-guest-preview-cta {
    border-top: 1px solid #e2e8f0; padding-top: 16px; margin-top: 6px;
}
.tp-guest-preview-cta p {
    margin: 0 0 14px; font-size: 13px; color: #475569;
}
.tp-guest-preview-cta-buttons {
    display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;
}
.tp-guest-preview-btn {
    display: inline-block; padding: 10px 22px; border-radius: 8px;
    text-decoration: none; font-weight: 600; font-size: 14px;
    background: #F97316; border: 1px solid #F97316; color: #fff;
    transition: background 0.12s, color 0.12s;
}
.tp-guest-preview-btn:hover { background: #ea6708; color: #fff; }