/* default set */
@import url(/css/font.css);
@import url(/css/base.css);
@import url(/css/style.css);

/*contents*/
@import url(/css/main-main.css);
@import url(/css/contents-main.css);
@import url(/css/pop-main.css);

/* 마이페이지 상품 상세 하단 고정 버튼 */
.mypage-fixed-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

.mypage-fixed-actions > .btn {
  min-width: 140px;
}

@media (max-width: 768px) {
  .mypage-fixed-actions {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #d9dee5;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08);
  }

  .mypage-fixed-actions > .btn {
    flex: 1 1 0;
    min-width: 0;
    height: 52px;
  }

  .mypage-fixed-actions > .btn:only-child {
    flex: 0 1 46%;
    max-width: 180px;
  }
}

/* 나의 공제상품 목록: 빈 목록 및 동적 마지막 행의 외곽선/라운드 보정 */
.mypage-product-list-table {
  overflow: hidden;
}

/* 상태별로 헤더 행을 교체하는 목록도 실제 표시 행의 상단 모서리를 유지 */
.mypage-product-list-table thead tr.trust-header > th:first-child {
  border-top-left-radius: 11px;
}

.mypage-product-list-table thead tr.trust-header > th:last-child {
  border-top-right-radius: 11px;
}

.mypage-product-list-table tbody tr.mypage-list-last-visible > *,
.mypage-product-list-table tbody tr.mypage-list-empty-row > * {
  border-bottom: 0;
}

.mypage-product-list-table tbody tr.mypage-list-last-visible > *:first-child,
.mypage-product-list-table tbody tr.mypage-list-empty-row > *:first-child {
  border-bottom-left-radius: 11px;
}

.mypage-product-list-table tbody tr.mypage-list-last-visible > *:last-child,
.mypage-product-list-table tbody tr.mypage-list-empty-row > *:last-child {
  border-bottom-right-radius: 11px;
}

.mypage-product-list-table tbody tr.mypage-list-empty-row > td {
  height: 50px;
  padding: 12px 16px;
  border-right: 0;
  background: #fff;
  color: #858b92;
  text-align: center;
}
