.pagefly-preview{margin:0;background:#F7F3EA;color:#1E3A2E;font:14px Arial,sans-serif}.embed-host-header{height:76px;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid #d9dbcf;box-sizing:border-box}.embed-host-header img{width:120px;height:55px;object-fit:contain;mix-blend-mode:multiply}.embed-host-header a{color:inherit}.embed-host-header>a:last-child{margin-left:auto;font-size:12px}#ruralview-support-frame{display:block;width:100%;height:calc(100dvh - 76px);min-height:400px;border:0}.embedded-hub .site-header,.embedded-hub .site-footer{display:none}.embedded-hub main{padding-top:18px}.embedded-hub .hero{margin-top:0}@media(max-width:620px){.embed-host-header{padding:0 16px;height:60px;font-size:12px}.embed-host-header img{width:96px;height:45px}.embed-host-header>a:last-child{display:none}.embedded-hub main{padding-top:10px}}
/* Preview shell only; the live page keeps its existing Shopify header and menu. */
.pagefly-preview *{box-sizing:border-box}
.pagefly-preview .embed-host-header{display:grid;grid-template-columns:1fr auto 1fr;max-width:1180px;margin:auto;padding-inline:20px;border:0}
.embed-host-header>span{font-size:12px;color:#586255}.embed-host-header>a:last-child{justify-self:end;margin:0}.embed-host-header img{width:160px}
@media(max-width:620px){.pagefly-preview .embed-host-header{height:60px;grid-template-columns:1fr auto 1fr}.embed-host-header img{width:120px}.embed-host-header>span{font-size:10px;max-width:60px}}

/* Auto-height embeds use the storefront viewport for floating controls/dialogs. */
html.hub-page-embed,html.hub-page-embed body{height:auto;min-height:0;overflow:hidden;scrollbar-gutter:auto}
.hub-page-embed .setup-mode .workspace>div{min-height:calc(var(--rv-host-height,700px) - 40px)}
.hub-page-embed .steps-list{max-height:min(620px,calc(var(--rv-host-height,700px) * .6))}
.hub-page-embed .desktop-bottom-nav{bottom:calc(var(--rv-bottom-gap,0px) + 16px)}
.hub-page-embed .hub-chat-launcher{bottom:calc(var(--rv-bottom-gap,0px) + 20px)}
.hub-page-embed dialog[open]{position:fixed;inset:auto;top:calc(var(--rv-visible-top,0px) + 12px);left:50%;transform:translateX(-50%);margin:0;max-height:calc(var(--rv-visible-height,600px) - 24px);overflow:auto}
.hub-page-embed .image-viewport{max-height:calc(var(--rv-visible-height,600px) - 180px)}
.hub-page-embed .image-viewport img{max-height:calc(var(--rv-visible-height,600px) - 180px)}
.hub-page-embed .image-viewport.zoomed img{max-height:none}
.hub-page-embed.hub-out-of-view .desktop-bottom-nav,.hub-page-embed.hub-out-of-view .hub-chat-launcher,.hub-page-embed.hub-out-of-view .guide-actions{visibility:hidden}
@media(max-width:620px){
 .hub-page-embed .desktop-bottom-nav{bottom:var(--rv-bottom-gap,0px)}
 /* An old host still gets working inline actions, never a second floating bar. */
 .hub-page-embed body.setup-mode .guide-actions{position:static;bottom:auto;box-shadow:none}
 .hub-page-embed.hub-widget-steps body.setup-mode .guide-actions{display:none!important}
 .hub-page-embed.hub-widget-steps body{padding-bottom:var(--rv-widget-space,190px)}
 .hub-page-embed.hub-widget-steps body.setup-mode main{padding-bottom:24px}
}

/* Hide iframe controls only after the installed theme widget takes over. */
.hub-widget-controls .desktop-bottom-nav,.hub-widget-controls .hub-chat-launcher{display:none!important}