/* Embedded Core uses intrinsic content height, independent of its host viewport. */
html[data-embed="webflow"],html[data-embed="webflow"] body{height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}
html[data-embed="webflow"] .page-wrap{display:flow-root;height:auto;min-height:0;margin:0}
html[data-embed="webflow"] .page,html[data-embed="webflow"] .hero{min-height:0}
html[data-sb-autoheight],html[data-sb-autoheight] body{overflow-y:hidden}
/* Dialogs stay inside the visible host viewport, even in a very tall mobile embed. */
html[data-sb-autoheight] #udh-ov,html[data-sb-autoheight] #udh-dim,html[data-sb-autoheight] .ivd-overlay,html[data-sb-autoheight] .proc-overlay{top:var(--sb-host-view-top,0px);bottom:auto;height:var(--sb-host-view-height,100vh);box-sizing:border-box}
html[data-sb-autoheight] #udh-ov{padding:clamp(12px,2vw,32px)}
html[data-sb-autoheight] #udh-x{top:calc(var(--sb-host-view-top,0px) + 18px)}
html[data-sb-autoheight] .ivd-overlay__panel{max-height:100%}
@media(max-width:600px){html[data-sb-autoheight] #udh-ov{padding:0}html[data-sb-autoheight] #udh-x{top:calc(var(--sb-host-view-top,0px) + 10px)}}
/* The host lifts this same iframe into its top layer for product dialogs. */
html[data-sb-host-presentation="funnel"] #udh-ov{top:0;height:100%;padding:32px}
html[data-sb-host-presentation="funnel"] #udh-bx{max-width:1840px;border-radius:24px}
html[data-sb-host-presentation="funnel"] #udh-dim{top:0;height:100%}
html[data-sb-host-presentation="funnel"] #udh-x{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}
@media(max-width:700px),(max-width:1000px) and (max-height:500px){html[data-sb-host-presentation="funnel"] #udh-ov{padding:0}html[data-sb-host-presentation="funnel"] #udh-bx{max-width:none;border-radius:0}}