/* Safari can extend these page-edge colors beneath its native browser chrome. */
html.iphone-hero-edges{--iphone-safe-top:env(safe-area-inset-top,0px);--iphone-safe-bottom:env(safe-area-inset-bottom,0px);background-color:var(--iphone-video-top,#dad8d6)}
.iphone-hero-edges body[data-view=collection]{background-color:var(--iphone-video-bottom,#dad8d6)}
.iphone-hero-edges body[data-view=collection]::before,.iphone-hero-edges body[data-view=collection]::after{content:'';position:fixed;left:0;right:0;z-index:45;pointer-events:none}
.iphone-hero-edges body[data-view=collection]::before{top:0;height:var(--iphone-safe-top);background-color:var(--iphone-video-top,#dad8d6)}
.iphone-hero-edges body[data-view=collection]::after{bottom:0;height:var(--iphone-safe-bottom);background-color:var(--iphone-video-bottom,#dad8d6)}
/* Keep the existing controls inside the usable screen after viewport-fit=cover. */
.iphone-hero-edges body[data-view=collection]>.site-header{height:calc(96px + var(--iphone-safe-top))}
.iphone-hero-edges .site-header .brand{top:calc(22px + var(--iphone-safe-top))}
.iphone-hero-edges .site-header .header-left{top:calc(20px + var(--iphone-safe-top));left:max(20px,env(safe-area-inset-left,0px))}
.iphone-hero-edges .site-header>.bag-trigger{top:calc(20px + var(--iphone-safe-top));right:max(20px,env(safe-area-inset-right,0px))}
.iphone-hero-edges .collection-stage>#collection{bottom:var(--iphone-safe-bottom);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px)}
.iphone-hero-edges .hero-bottom{bottom:calc(94px + var(--iphone-safe-bottom))}
.iphone-hero-edges .hero-video-position-panel:not([open]){bottom:calc(140px + var(--iphone-safe-bottom))}
.iphone-hero-edges .drawer-layout-panel:not([open]){bottom:calc(188px + var(--iphone-safe-bottom))}
.iphone-hero-edges .drawer-layout-panel[open]{top:calc(68px + var(--iphone-safe-top));max-height:calc(100dvh - 82px - var(--iphone-safe-top) - var(--iphone-safe-bottom))}
.iphone-hero-edges .hero-video-position-panel[open]{bottom:calc(10px + var(--iphone-safe-bottom));max-height:calc(85dvh - var(--iphone-safe-top) - var(--iphone-safe-bottom))}