/* One bottom inset: browser safe area or native Android inset, whichever is larger. */
:root{
 --picgift-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--picgift-native-bottom,0px));
 --picgift-nav-height:calc(64px + var(--picgift-safe-bottom));
}
@media(max-width:820px){
 html[data-campaign="halloween"] .mobile-nav{
  bottom:0;width:100%;max-width:none;min-height:var(--picgift-nav-height);
  padding:4px 6px calc(4px + var(--picgift-safe-bottom));
  background:linear-gradient(120deg,#1a0c06,#0b0807 60%);
 }
 html[data-campaign="halloween"] body .page[data-page]:not([hidden]){
  padding-bottom:calc(var(--picgift-nav-height) + 12px)!important;
  scroll-padding-bottom:calc(var(--picgift-nav-height) + 12px);
 }
 html[data-campaign="halloween"] .studio-actionbar{
  bottom:var(--picgift-nav-height);max-width:none;
 }
 html[data-campaign="halloween"] body.studio-has-photo .page[data-page="crear"]:not([hidden]){
  padding-bottom:calc(var(--picgift-nav-height) + 116px)!important;
 }
}