/* The "▶ Product tour" button and the frame it opens (live demo only). */
.au-tour-btn { font: 600 11px/1 Montserrat, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; cursor: pointer;
  border-radius: 999px; padding: 0 14px; height: 34px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #B5606F; background: #B5606F; color: #fff; }
.au-tour-btn:hover { background: #c46d7c; }
.au-tour-admin { height: 30px; font-size: 11px; margin-inline-end: 6px; letter-spacing: .03em; text-transform: none; font-family: inherit; }
.au-tour-store { margin-inline-end: 10px; }
.au-tour-landing { margin-inline-end: 10px; height: 44px; padding: 0 18px; }
.au-tour-float { position: fixed; z-index: 60; inset-inline-start: 14px; bottom: 86px; box-shadow: 0 10px 24px -8px rgba(34,38,52,.5); display: none; }
/* Phones: a floating button instead (the store header and the landing's top row have no room). */
@media (max-width: 899px) {
  .au-tour-store { display: none; }
  .au-tour-float.au-for-store { display: inline-flex; }
}
@media (max-width: 560px) {
  .au-tour-landing { display: none; }
  .au-tour-float.au-for-landing { display: inline-flex; bottom: 20px; }
}
@media (max-width: 640px) { .au-tour-admin { padding: 0 10px; } }
@media (max-width: 720px) { .au-tour-landing { height: 38px; padding: 0 12px; font-size: 10px; } }

.au-tour-open, .au-tour-open body { overflow: hidden; }
.au-tour-overlay { position: fixed; inset: 0; z-index: 2147483000; background: rgba(20,22,32,.72); backdrop-filter: blur(4px); display: grid; place-items: center; padding: 3vh 3vw; }
.au-tour-overlay iframe { width: min(1400px, 100%); height: min(860px, 100%); border: 0; border-radius: 18px; background: #222634; box-shadow: 0 40px 90px -20px rgba(0,0,0,.7); }
.au-tour-x { position: absolute; top: 10px; inset-inline-end: 12px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.au-tour-wait { position: absolute; color: #fff; font: 500 14px/1.5 Montserrat, system-ui, sans-serif; text-align: center; max-width: 440px; padding: 0 20px; pointer-events: none; }
.au-tour-wait.au-tour-fail { pointer-events: auto; background: #222634; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; padding: 18px 20px; }
.au-tour-wait a { color: #F2B8C3; }
@media (max-width: 640px) { .au-tour-overlay { padding: 0; } .au-tour-overlay iframe { width: 100%; height: 100%; border-radius: 0; } }