/* A single compact mobile dock across mall 2/3 home, video and member pages. */
@media (max-width: 767px) {
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-slot {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-bottom-dock {
    padding: 7px 6px calc(6px + env(safe-area-inset-bottom, 0px));
    border-radius: 18px 18px 0 0;
    overflow: visible;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item {
    min-height: 44px;
    font-size: 10px;
    line-height: 1.3;
    font-weight: normal;
    gap: 1px;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-icon {
    width: 31px;
    height: 31px;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item.is-featured .mall-dock-icon:before {
    display: block;
    width: 48px;
    height: 48px;
    bottom: 0;
  }
  :is(#app.mall-template2, #app.mall-template3, #video-app, #member-app) .mall-dock-item.is-featured svg {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0;
  }
}

/* Straight dock edge and a continuous footer background, desktop and mobile. */
#app.mall-template2>.section_content,#app.mall-template3>.section_content{padding-bottom:0}
#app.mall-template2 .main-footer1,#app.mall-template3 .main-footer1{padding-bottom:24px;background:#f0f1f5}
.mall-dock-slot .mall-bottom-dock{border-radius:0!important;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))!important}
@media(max-width:767px){.mall-dock-slot .mall-bottom-dock{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}}