/*
  전체메뉴 오버레이 좌우 여백 복구.

  오버레이는 전역 컴포넌트(`MobileQuick`)라 현재 페이지의 루트 클래스 아래에 그려진다.
  상품상세에서 열면 목업 `page/product.css` 의 `.page-product.page-product-detail main
  { padding: 0 }`(@media ≤1024, 특이도 0,2,1)이 오버레이의 `<main class="category-main">`
  까지 잡아, `_layout.css` 의 `.category-main { padding: 0 20px }`(0,2,0)을 눌러 좌우 여백이
  사라진다(내용이 좌측에 붙는다). 오버레이 루트 기준 3클래스(0,3,0)로 다시 지정해 이긴다.
*/
.mobile-category-menu .category-mobile-screen .category-main {
  padding: 0 20px;
}

/* 목업의 단일 모바일 메뉴를 카테고리·마이페이지로 분리한 앱 동작 보정. */
/* 최근 본 상품 전용 헤더도 메인 모바일 도구 크기·간격·수량 배지를 따른다. */
.page-mobile-recent .recent-panel-head .recent-panel-tools {
  gap: 6px;
}
.page-mobile-recent .recent-panel-head .recent-panel-tools > button,
.page-mobile-recent .recent-panel-head .recent-panel-tools > a {
  position: relative;
  width: 32px;
  height: 32px;
}
.page-mobile-recent .recent-panel-head .recent-panel-tools img {
  width: 28px;
  height: 28px;
}
.recent-header-cart .cart-count {
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 9px;
  background: var(--color-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.mobile-category-menu .category-auth .category-logout button {
  border-color: #597fd0;
  background: #597fd0;
  color: #fff;
}

.mobile-category-menu .category-support {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mobile-category-menu .category-support a {
  width: 100%;
  background: #fff;
}

.mobile-category-menu .category-support a {
  grid-column: span 3;
}