body {
    padding-top: constant(safe-area-inset-top)!important;
    /* iOS 11.0 */
    padding-top: env(safe-area-inset-top)!important;
    /* iOS 11.2 */
    padding-bottom: constant(safe-area-inset-bottom)!important;
    /* iOS 11.0 */
    padding-bottom: env(safe-area-inset-bottom)!important;
    /* iOS 11.2 */
}

.header-back-btn {
    position: absolute;
    z-index: 5;
    /*top: calc(constant(safe-area-inset-top) + 14px);
    top: calc(env(safe-area-inset-top) + 14px);*/
    left: 10px;
}


/* .heart-btn{top: calc(constant(safe-area-inset-top) + 9px)!important; top: calc(env(safe-area-inset-top) + 9px)!important;} 
.artist-info-btn{top: calc(constant(safe-area-inset-top) + 5px)!important; top: calc(env(safe-area-inset-top) + 5px)!important;} */

.header-close-btn {
    position: absolute;
    z-index: 5;
    top: calc(constant(safe-area-inset-top) + 10px);
    top: calc(env(safe-area-inset-top) + 10px);
    left: 10px;
}

.view-front-image-btn {
    position: absolute;
    z-index: 1;
    background-color: #000;
    opacity: 0.5;
    right: 20px;
    top: calc(constant(safe-area-inset-top) + 65px);
    top: calc(env(safe-area-inset-top) + 65px);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.header-save-btn {
    position: absolute;
    z-index: 5;
    top: calc(constant(safe-area-inset-top) + 5px);
    top: calc(env(safe-area-inset-top) + 5px);
    right: 10px;
}

.header-home-btn {
    position: absolute;
    z-index: 1;
    top: calc(constant(safe-area-inset-top) + 5px);
    top: calc(env(safe-area-inset-top) + 5px);
    right: 10px;
}

.shop-reservation-btn {
    position: fixed;
    bottom: calc(constant(safe-area-inset-bottom) + 20px);
    bottom: calc(env(safe-area-inset-bottom) + 20px);
    right: 15px;
    z-index: 9800;
}

.left-btn {
    position: fixed;
    bottom: calc(constant(safe-area-inset-bottom) + 20px);
    bottom: calc(env(safe-area-inset-bottom) + 20px);
    left: 15px;
    z-index: 9800;
}

.right-btn {
    position: fixed;
    bottom: calc(constant(safe-area-inset-bottom) + 20px);
    bottom: calc(env(safe-area-inset-bottom) + 20px);
    right: 15px;
    z-index: 9800;
}

.messagebox_overlay { z-index: 9801; }