/* Loaded after page skin styles so shared account menu metrics stay identical. */
#container .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__count {
    font-size:14px !important;
}

#container .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__count-value,
#container .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__point {
    font-size:14px !important;
}

@media (min-width:769px) {
    .hm-account-page__menu .hm-account-menu-group__heading {
        height:24px;
        margin:0 0 8px;
    }

    .hm-account-page__menu .hm-account-menu-group__heading h2 {
        height:24px;
        line-height:24px;
    }

    .hm-account-page__menu .hm-account-menu-group__links a {
        display:flex !important;
        align-items:center !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:20px !important;
    }

    .hm-account-page__menu .hm-account-menu-group__links a.is-active {
        font-weight:400 !important;
    }

    .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__count {
        position:relative !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 22px;
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
        margin-left:8px;
        font-family:"Pretendard Variable","Pretendard",sans-serif !important;
        font-weight:600 !important;
        line-height:1 !important;
    }

    .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__count-value {
        position:static !important;
        inset:auto !important;
        display:block !important;
        padding:0 !important;
        line-height:1 !important;
        transform:none !important;
    }

    .hm-account-page__menu .hm-account-menu-group__links .hm-account-menu__point {
        min-width:48px !important;
        height:24px !important;
        border-radius:12px !important;
        background:#111 !important;
        color:#fff !important;
        line-height:1 !important;
    }

    /* Keep every desktop account destination on the shared 1280px storefront grid. */
    .hm-account-page,
    .hm-account-menu-page,
    #coupon.hm-coupon-page,
    #delivery_address.hm-address-page,
    #sod_ws.hm-wishlist-page,
    #point.hm-point-page,
    #rb_shop_personalpay_page,
    #wholesale_request.hm-wholesale-page {
        width:1280px !important;
        max-width:calc(100% - 48px) !important;
        margin-right:auto !important;
        margin-left:auto !important;
        box-sizing:border-box;
    }
}

@media (min-width:1025px) {
    /* Preserve the 15px menu gap while removing the repeated right-side gutter. */
    .hm-account-page__layout > #sod_v.hm-order-page,
    #coupon.hm-coupon-page .hm-coupon-page__panel,
    #sod_ws.hm-wishlist-page .hm-wishlist-page__content,
    #point.hm-point-page .hm-point-page__panel,
    #memo_list.hm-memo-page .new_win_con2,
    #memo_write.hm-memo-write-page .new_win_con2,
    #mb_confirm.hm-member-confirm-card,
    .hm-register-page--modify .register.hm-register-card {
        padding-right:0 !important;
    }

    .hm-account-page__layout > #sod_v.hm-order-page .hm-order-page__intro,
    .hm-account-page__layout > #sod_v.hm-order-page > .pg_wrap,
    #bo_list.hm-qa-list .hm-qa-table-wrap {
        margin-right:0 !important;
    }
}

/* Shared account pagination: page skins only position the wrapper. */
.hm-account-page__layout .pg_wrap,
.hm-account-menu-page__layout .pg_wrap {
    clear:both;
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    text-align:center;
    scrollbar-width:none;
    box-sizing:border-box;
}

.hm-account-page__layout .pg_wrap::-webkit-scrollbar,
.hm-account-menu-page__layout .pg_wrap::-webkit-scrollbar {
    display:none;
}

.hm-account-page__layout .pg_wrap .pg,
.hm-account-menu-page__layout .pg_wrap .pg {
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-width:max-content;
    margin:0 auto;
    white-space:nowrap;
}

.hm-account-page__layout .pg_wrap .pg_page,
.hm-account-page__layout .pg_wrap .pg_current,
.hm-account-menu-page__layout .pg_wrap .pg_page,
.hm-account-menu-page__layout .pg_wrap .pg_current {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:36px;
    height:36px;
    margin:0 !important;
    padding:0 9px;
    border:1px solid #ddd;
    border-radius:0;
    background:#fff;
    color:#555;
    font-size:14px;
    font-weight:400;
    line-height:34px;
    text-decoration:none;
    box-shadow:none;
    box-sizing:border-box;
}

.hm-account-page__layout .pg_wrap .pg_current,
.hm-account-menu-page__layout .pg_wrap .pg_current {
    border-color:#111;
    background:#111;
    color:#fff;
}

.hm-account-page__layout .pg_wrap .pg_page:hover,
.hm-account-menu-page__layout .pg_wrap .pg_page:hover {
    border-color:#111;
    color:#111;
}

.hm-account-page__layout .pg_wrap .pg_start,
.hm-account-page__layout .pg_wrap .pg_prev,
.hm-account-page__layout .pg_wrap .pg_next,
.hm-account-page__layout .pg_wrap .pg_end,
.hm-account-menu-page__layout .pg_wrap .pg_start,
.hm-account-menu-page__layout .pg_wrap .pg_prev,
.hm-account-menu-page__layout .pg_wrap .pg_next,
.hm-account-menu-page__layout .pg_wrap .pg_end {
    min-width:52px;
}

@media (max-width:768px) {
    /* The outer account page already supplies the 15px mobile gutter. */
    .hm-account-page__layout.hm-account-menu-page__layout > .hm-account-page__content {
        padding-right:0 !important;
        padding-left:0 !important;
    }

    .hm-account-page__layout .pg_wrap .pg,
    .hm-account-menu-page__layout .pg_wrap .pg {
        gap:3px;
    }

    .hm-account-page__layout .pg_wrap .pg_page,
    .hm-account-page__layout .pg_wrap .pg_current,
    .hm-account-menu-page__layout .pg_wrap .pg_page,
    .hm-account-menu-page__layout .pg_wrap .pg_current {
        min-width:32px;
        height:32px;
        padding:0 7px;
        font-size:13px;
        line-height:30px;
    }

    .hm-account-page__layout .pg_wrap .pg_start,
    .hm-account-page__layout .pg_wrap .pg_prev,
    .hm-account-page__layout .pg_wrap .pg_next,
    .hm-account-page__layout .pg_wrap .pg_end,
    .hm-account-menu-page__layout .pg_wrap .pg_start,
    .hm-account-menu-page__layout .pg_wrap .pg_prev,
    .hm-account-menu-page__layout .pg_wrap .pg_next,
    .hm-account-menu-page__layout .pg_wrap .pg_end {
        min-width:46px;
    }
}