.idle-popup-layer[hidden] { display: none !important; }
.idle-popup-layer { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; background: rgb(10 30 20 / .4); }
.idle-popup-layer.is-native { display: contents; }
.idle-popup-layer.is-native .idle-popup { position: fixed; inset: 0; }
.idle-popup { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px; align-items: center; position: relative; box-sizing: border-box; width: min(900px, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 36px; overflow: auto; border: 1px solid #d9e6dc; border-radius: 16px; background: #fff; color: #24362c; font-family: inherit; box-shadow: 0 12px 50px rgb(10 30 20 / .18); }
.idle-popup::backdrop { background: rgb(10 30 20 / .4); }
.idle-popup .idle-popup-eyebrow { margin: 0 40px 12px 0; color: #286044; font-weight: 600; }
.idle-popup h2 { margin: 0 30px 16px 0; font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.15; color: #24362c; }
.idle-popup p { line-height: 1.5; }
.idle-popup-close { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: #eef4ef; color: #24362c; font-size: 1.7rem; cursor: pointer; }
.idle-popup .idle-popup-cta { display: flex; width: 100%; box-sizing: border-box; margin-top: 24px; }
.idle-popup-decline { display: block; width: 100%; margin-top: 10px; padding: 12px 4px; border: 0; background: transparent; color: #354f40; font: inherit; text-decoration: underline; cursor: pointer; }
.idle-popup :is(button, a):focus-visible { outline: 3px solid #377647; outline-offset: 3px; }
.idle-popup-page-open .sticky-quote { visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 600px) { .idle-popup { padding: 26px 20px 16px; } .idle-popup .idle-popup-eyebrow { font-size: .85rem; } .idle-popup h2 { font-size: 1.5rem; } .idle-popup .idle-popup-cta { margin-top: 18px; } }
@media (prefers-reduced-motion: reduce) { .idle-popup, .idle-popup * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

.idle-popup-artisan { margin: 0; align-self: stretch; min-width: 0; }
.idle-popup-copy { min-width: 0; }
.idle-popup-artisan img { display: block; width: 100%; height: 100%; min-height: 320px; object-fit: cover; object-position: center 38%; border-radius: 10px; }
@media (max-width: 600px) { .idle-popup { grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 12px; padding: 58px 12px 16px; } .idle-popup-artisan img { min-height: 0; } .idle-popup h2 { margin-right: 0; font-size: 1.2rem; } .idle-popup p { font-size: .85rem; } .idle-popup .idle-popup-eyebrow { margin-right: 0; } .idle-popup-cta, .idle-popup-decline { font-size: .85rem; } }

/* Quiet supporting proof directly beneath the shared orange CTA. */
.idle-popup-proof { min-width: 0; margin-top: 14px; }
.idle-popup-proof .hero-proof { margin: 0; color: #66756b; font-size: 12px; }
.idle-popup-proof .hero-proof-row { flex-wrap: wrap; gap: 6px 10px; }
.idle-popup-proof .hero-proof .proof-portraits { padding-left: 12px; }
.idle-popup-proof .hero-proof .proof-portraits img { width: 26px; height: 26px; border-width: 2px; margin-left: -12px; }
.idle-popup-proof .hero-proof .proof-stars { font-size: 14px; letter-spacing: 0; color: #bd6900; }
.idle-popup-proof .proof-rating { font-size: 13px; }
.idle-popup-proof .hero-proof-summary { margin: 6px 0 0; font-size: 12px; }
.idle-popup-proof .hero-proof-summary strong { font-weight: 600; }
@media (max-width: 600px) { .idle-popup-proof .hero-proof .proof-portraits img { width: 22px; height: 22px; margin-left: -12px; } .idle-popup-proof .hero-proof-summary { font-size: 11px; } }