/* 일반 상품 리스트 컨테이너 조정 */
  .p-container.row {
    --bs-gutter-x: 0.5rem !important;
    --bs-gutter-y: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .p-container .p-box {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    box-sizing: border-box !important;
  }

/* 모바일 공통 스타일 - 상단 네비게이션 및 Footer */
/* 767px 이하 화면에만 적용 */

@media only screen and (max-width: 767.98px) {
  .d-flex.justify-content-between.align-items-center.border-bottom.pb-3.mb-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .d-flex.justify-content-between.align-items-center.border-bottom.pb-3.mb-4 h2 {
    display: flex;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 0 !important;
  }

  form#payForm > .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  button,
  .btn {
    font-size: 0.875rem;
  }

  .pay-section .container.mt-5 {
    margin-top: 2rem !important;
  }

  .pay-section .mb-4 {
    margin-bottom: 1rem !important;
  }

  .pay-section .mb-3 {
    margin-bottom: 0.75rem !important;
  }

  .pay-section .p-3 {
    padding: 0.75rem !important;
  }

  .pay-section .mt-4 {
    margin-top: 1rem !important;
  }

  /* ============================================
     전역 가로 스크롤 방지
     ============================================ */
  
  /* body와 html 레벨에서 가로 스크롤 완전 차단 */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    position: relative !important;
  }

  /* section 레벨에서 가로 스크롤 방지 */
  section {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* container 레벨에서 가로 스크롤 방지 */
  .container, .container-fluid {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }

  /* ============================================
     기본 타이포그래피 - 모바일
     ============================================ */
  
  /* 기본 폰트 크기 조절 */
  body {
    font-size: 14px !important;
  }
  
  /* 제목 크기 조절 */
  h1 {
    font-size: 24px !important;
  }
  
  h2 {
    font-size: 20px !important;
  }
  
  h3 {
    font-size: 18px !important;
  }
  
  h4 {
    font-size: 16px !important;
  }
  
  h5 {
    font-size: 15px !important;
  }
  
  h6 {
    font-size: 14px !important;
  }
  
  /* 일반 텍스트 */
  p {
    font-size: 14px !important;
  }
  
  /* 작은 텍스트 */
  .small,
  small {
    font-size: 12px !important;
  }
  
  /* 매우 작은 텍스트 */
  .text-muted {
    font-size: 13px !important;
  }
  
  /* ============================================
     상단 네비게이션 - 모바일 레이아웃
     ============================================ */
  
  /* 네비게이션 바 전체 스타일 */
  .navbar {
    padding: 5px 0 !important;
  }

  /* 로고 컨테이너 패딩 줄이기 */
  .navbar .container > div > div:first-child {
    padding: 5px !important;
    flex: 0 0 auto;
  }

  /* 로고 이미지 크기 조정 */
  .navbar img[src*="logo.png"] {
    max-width: 100px !important;
    height: auto !important;
  }

  /* 검색창 모바일에서 보이게 */
  .navbar .d-none.d-md-block {
    display: block !important;
    flex: 1 1 auto;
    padding: 0 8px !important;
    max-width: calc(100% - 120px) !important;
    min-width: 0 !important;
  }

  /* 검색창 입력 필드 크기 조정 */
  .navbar #searchInput {
    font-size: 14px !important;
    padding: 6px 35px 6px 12px !important;
    height: 32px !important;
    border-color: #F59538 !important;
    border-width: 1px !important;
  }

  /* 검색 버튼 크기 및 색상 조정 */
  .navbar .bi-search {
    font-size: 15px !important;
    color: #666 !important;
  }

  /* 오른쪽 메뉴 링크들 작게 만들기 */
  .navbar ul.list-unstyled {
    gap: 8px !important;
    margin-top: 0 !important;
  }

  .navbar ul.list-unstyled li {
    font-size: 12px !important;
  }

  /* 모바일에서 숨겨진 링크들 보이게 */
  .navbar ul.list-unstyled li.d-none.d-lg-block {
    display: list-item !important;
  }

  .navbar ul.list-unstyled li a {
    font-size: 12px !important;
    padding: 2px 4px !important;
    white-space: nowrap;
    color: #666 !important;
    text-decoration: none;
  }

  /* 로그인 링크 빨간색 */
  .navbar ul.list-unstyled li a[href="/login"] {
    color: #F59538 !important;
    font-weight: 500;
  }

  /* 아이콘 숨기기 (텍스트만 표시) */
  .navbar ul.list-unstyled li a i {
    display: none !important;
  }

  /* 네비게이션 바 레이아웃 조정 */
  .navbar .container > div {
    flex-wrap: wrap;
    align-items: center;
  }

  /* 첫 번째 줄: 유틸리티 링크들 (상단) */
  .navbar .container > div > div:last-child {
    width: 100%;
    order: 1;
    padding: 5px 0;
    margin-bottom: 5px;
  }

  /* 두 번째 줄: 로고 + 검색창을 같은 줄에 배치 */
  .navbar .container > div > div:first-child {
    order: 2;
    margin-bottom: 0;
    flex: 0 0 auto;
    width: auto !important;
  }

  /* 검색창을 로고 옆에 배치 - 같은 order로 같은 줄에 배치 */
  .navbar .container > div > div:nth-child(2) {
    order: 2;
    margin-bottom: 0;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: calc(100% - 120px) !important;
  }

  /* 유틸리티 링크들 가로 정렬 및 구분선 추가 */
  .navbar ul.list-unstyled {
    justify-content: flex-end !important;
    flex-wrap: wrap;
  }

  .navbar ul.list-unstyled li:not(:last-child)::after {
    content: '|';
    color: #ccc;
    margin-left: 8px;
    font-size: 12px;
  }

  /* ============================================
     하단 네비게이션 메뉴 (주황색 배경)
     ============================================ */
  
  /* 모바일에서 "홈" 링크 숨기기 */
  .sticky-top > div[style*="background-color: #F59538"] ul li:nth-child(2) {
    display: none !important;
  }

  /* 카테고리 메뉴 모바일 스타일 */
  .sticky-top > div[style*="background-color: #F59538"] {
    height: auto !important;
    min-height: 50px;
  }

  .sticky-top > div[style*="background-color: #F59538"] .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .sticky-top > div[style*="background-color: #F59538"] ul {
    gap: 8px !important;
    flex-wrap: wrap;
    line-height: 40px !important;
    padding: 5px 0;
  }

  /* 숨겨진 카테고리 메뉴들 보이게 */
  .sticky-top > div[style*="background-color: #F59538"] ul li.d-none.d-md-none.d-lg-block {
    display: list-item !important;
  }

  /* 카테고리 메뉴 링크 글씨 작게 */
  .sticky-top > div[style*="background-color: #F59538"] ul li a {
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 2px 4px;
  }

  /* 햄버거 버튼 크기 조정 */
  .sticky-top > div[style*="background-color: #F59538"] ul li:first-child button {
    padding: 5px !important;
  }

  .sticky-top > div[style*="background-color: #F59538"] ul li:first-child span {
    font-size: 20px !important;
  }

  /* ============================================
     모바일 대 카테고리 8개 그리드
     ============================================ */
  
  /* 대 카테고리 그리드 스타일 */
  .d-md-none[style*="background-color: #fff"] {
    border-top: 1px solid #eee;
  }

  .d-md-none[style*="background-color: #fff"] .row-cols-4 .col {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 45px;
    padding: 0 !important;
  }

  /* 마지막 열 border 제거 */
  .d-md-none[style*="background-color: #fff"] .row-cols-4 .col:nth-child(4n) {
    border-right: none;
  }

  /* 마지막 행 border 제거 */
  .d-md-none[style*="background-color: #fff"] .row-cols-4 .col:nth-child(n+5) {
    border-bottom: none;
  }

  .d-md-none[style*="background-color: #fff"] .row-cols-4 .col a.mobile-category-link,
  .mobile-category-link {
    width: 100%;
    height: 100%;
    min-height: 45px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    line-height: 1.4;
    word-break: keep-all;
    color: #333 !important;
    text-align: center;
    padding: 6px 4px !important;
  }

  .d-md-none[style*="background-color: #fff"] .row-cols-4 .col a.mobile-category-link:hover,
  .mobile-category-link:hover {
    background-color: #f8f9fa;
  }

  /* ============================================
     Footer 모바일 스타일
     ============================================ */
  
  /* CS CENTER와 BANK INFO를 모바일에서 좌우로 나란히 배치 */
  footer .row.text-start {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* CS CENTER 섹션 - 왼쪽에 배치 */
  footer .col-12.col-lg-3.border-right.order-2 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 1 !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
  }

  /* BANK INFO 섹션 - 오른쪽에 배치 */
  footer .col-12.col-lg-3.order-1 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 2 !important;
    border-bottom: 1px solid #ccc !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
  }

  /* CS CENTER 버튼 숨기기 */
  footer .col-12.col-lg-3.border-right.order-2 .btn {
    display: none !important;
  }

  /* CS CENTER 전화번호 크기 조정 */
  footer .col-12.col-lg-3.border-right.order-2 .fw-bold[style*="font-size: 32px"] {
    font-size: 18px !important;
  }

  /* CS CENTER 운영시간 크기 조정 */
  footer .col-12.col-lg-3.border-right.order-2 .text-muted[style*="font-size: 14px"] {
    font-size: 14px !important;
  }

  /* BANK INFO 은행명 크기 조정 */
  footer .col-12.col-lg-3.order-1 .fw-semibold {
    font-size: 14px !important;
  }

  /* BANK INFO 계좌번호 크기 조정 */
  footer .col-12.col-lg-3.order-1 .fw-bold[style*="font-size: 20px"] {
    font-size: 16px !important;
  }

  /* Footer 제목 크기 조정 */
  footer .fw-bold.text-danger.pb-4 {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }

  /* BANK INFO 안내 문구 숨기기 */
  footer .col-12.col-lg-3.order-1 .small.text-muted {
    display: none !important;
  }

  /* 회사 정보 섹션 모바일 스타일 */
  footer .col-12.col-lg-6.border-right.order-3 {
    order: 3 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    padding: 15px !important;
  }

  /* 로고와 링크를 같은 줄에 배치 */
  footer .col-12.col-lg-6.border-right.order-3 > ul,
  footer .col-12.col-lg-6.border-right.order-3 > div:nth-child(2) {
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* 로고를 왼쪽에 배치하고 크기 줄이기 */
  footer .col-12.col-lg-6.border-right.order-3 > div:nth-child(2) {
    padding: 0 !important;
    text-align: left !important;
    margin-right: 15px !important;
    float: left !important;
  }

  /* 링크들을 가로로 배치하고 오른쪽에 배치 */
  footer .col-12.col-lg-6.border-right.order-3 > ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  footer .col-12.col-lg-6.border-right.order-3 ul li {
    font-size: 12px !important;
    display: inline-block !important;
  }

  footer .col-12.col-lg-6.border-right.order-3 ul li a {
    color: #333 !important;
    text-decoration: none !important;
  }

  /* 로고 스타일 - 크기 줄이기 */
  footer .col-12.col-lg-6.border-right.order-3 img {
    max-width: 90px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 회사 정보 텍스트 스타일 */
  footer .col-12.col-lg-6.border-right.order-3 .text-muted {
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    margin-top: 15px !important;
    clear: both !important;
    padding-left: 20px !important;
  }

  footer .col-12.col-lg-6.border-right.order-3 .text-muted div {
    margin-bottom: 3px !important;
  }

  /* Copyright 왼쪽 정렬 */
  footer .col-12.col-lg-6.border-right.order-3 .small {
    font-size: 12px !important;
    margin-top: 15px !important;
    text-align: left !important;
    padding-left: 20px !important;
  }

  /* 데스크톱 카테고리 메뉴는 모바일에서 완전히 숨김 */
  #customCategoryMenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }

  /* 데스크톱 메뉴 초기 상태 확인 - show 클래스가 있어도 숨김 */
  #customCategoryMenu.collapse,
  #customCategoryMenu.collapse.show,
  #customCategoryMenu.collapse:not(.show),
  #customCategoryMenu.show,
  #customCategoryMenu.collapsing {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
  }
  
  /* 인라인 스타일이 있어도 숨김 */
  #customCategoryMenu[style*="display"] {
    display: none !important;
  }

  /* ============================================
     모바일 전체 화면 메뉴 오버레이
     ============================================ */
  
  .mobile-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999 !important;
    overflow: hidden;
    display: none !important; /* 초기 상태: 숨김 */
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    will-change: auto !important;
  }
  
  /* sticky-top의 containing block 영향 제거 */
  .sticky-top .mobile-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }

  .mobile-menu-overlay.show,
  .mobile-menu-overlay.collapsing {
    display: block !important;
  }
  
  /* 인라인 스타일이 있어도 show 클래스가 있으면 표시 */
  .mobile-menu-overlay.show[style*="display"] {
    display: block !important;
  }

  .mobile-menu-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 85% !important;
    max-width: 400px !important;
    height: 100% !important;
    background-color: #fff !important;
    overflow-y: auto !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
  }

  /* 상단 헤더 */
  .mobile-menu-header {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid #eee;
  }

  /* 탭 버튼 */
  .mobile-menu-tabs {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 9;
  }

  .mobile-tab-btn {
    flex: 1;
    padding: 12px;
    border: none;
    background: none;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    border-bottom: 2px solid transparent;
    cursor: pointer;
  }

  .mobile-tab-btn.active {
    color: #d60000;
    border-bottom-color: #d60000;
    font-weight: 600;
  }

  /* 탭 컨텐츠 */
  .mobile-tab-content {
    display: none;
  }

  .mobile-tab-content.active {
    display: block;
  }

  /* 카테고리 리스트 */
  .mobile-category-list {
    background-color: #fff;
  }

  .mobile-category-item {
    background-color: #fff;
  }

  .mobile-category-item .d-flex.justify-content-between {
    cursor: pointer;
  }

  .mobile-category-item .d-flex.justify-content-between:hover {
    background-color: #f8f9fa;
  }

  /* 서브카테고리 */
  .mobile-subcategory-list {
    background-color: #f8f9fa;
  }

  .mobile-subcategory-list .bg-light {
    background-color: #f8f9fa !important;
  }

  .mobile-subcategory-list .bg-light:hover {
    background-color: #e9ecef !important;
  }

  /* ============================================
     로그인 페이지 - 모바일 스타일
     ============================================ */
  
  /* 로그인 컨테이너 */
  .login-container {
    padding: 1.5rem !important;
    margin: 1rem auto !important;
  }
  
  /* 로그인 폼 제목 */
  .form-title {
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }
  
  /* 섹션 제목 */
  section h2.fw-bold {
    font-size: 18px !important;
  }
  
  /* 폼 레이블 */
  .form-label {
    font-size: 14px !important;
  }
  
  /* 폼 입력 필드 */
  .form-control {
    font-size: 14px !important;
    padding: 10px 12px !important;
  }
  
  /* 로그인 버튼 */
  .btn[style*="background-color: #F59538"] {
    font-size: 16px !important;
    padding: 12px !important;
  }
  
  /* 아이디 저장 체크박스 레이블 */
  .form-check-label {
    font-size: 14px !important;
  }
  
  /* 아이디/비밀번호 찾기 링크 */
  .forgot-password {
    font-size: 14px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  
  .forgot-password a {
    font-size: 14px !important;
  }
  
  /* 회원가입 안내 텍스트 */
  .register-link div[style*="font-size: 18px"] {
    font-size: 16px !important;
  }
  
  .register-link div:not([style*="font-size"]) {
    font-size: 13px !important;
  }
  
  /* 회원가입 버튼 */
  .register-link .btn {
    font-size: 14px !important;
    padding: 8px 16px !important;
  }
  
  /* 브레드크럼 */
  .small.text-muted {
    font-size: 12px !important;
  }

  /* ============================================
     회원가입 페이지 - 모바일 스타일
     ============================================ */
  
  /* 회원가입 컨테이너 */
  .form-container {
    padding: 1rem !important;
    margin: 0.5rem auto !important;
  }
  
  /* 섹션 제목 */
  section h2.fw-bold {
    font-size: 18px !important;
    margin-bottom: 0.75rem !important;
  }
  
  /* 섹션 상단 여백 */
  section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 1rem !important;
  }
  
  /* 섹션 내부 여백 */
  section .mb-4.pb-4 {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  /* 상단 제목 영역 */
  section .border-bottom.pb-3.mb-4 {
    padding-bottom: 0.75rem !important;
    margin-bottom: 1rem !important;
  }
  
  /* 폼 섹션 제목 (기본정보, 추가정보 등) */
  .form-table-wrap {
    margin-bottom: 1rem !important;
  }
  
  .form-table-wrap h5.fw-bold {
    font-size: 16px !important;
    margin-bottom: 0.75rem !important;
  }
  
  /* 폼 테이블 */
  .form-table {
    padding: 0 0.5rem !important;
    border-spacing: 0 0.75rem !important;
  }
  
  /* 폼 테이블 레이블 */
  .form-label-td {
    font-size: 14px !important;
    padding-bottom: 0.25rem !important;
    padding-right: 0.5rem !important;
    margin-top: 0.75rem !important;
  }
  
  .form-label-td .form-label {
    font-size: 14px !important;
  }
  
  /* 폼 레이블 */
  .form-label {
    font-size: 14px !important;
    margin-bottom: 0.25rem !important;
  }
  
  /* 폼 입력 필드 */
  .form-control {
    font-size: 14px !important;
    padding: 8px 10px !important;
    margin-bottom: 0.25rem !important;
  }
  
  /* 폼 셀렉트 */
  .form-select {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }
  
  /* 폼 체크박스/라디오 레이블 */
  .form-check-label {
    font-size: 14px !important;
  }
  
  /* 폼 체크박스/라디오 그룹 */
  .form-check {
    margin-bottom: 0.5rem !important;
  }
  
  .form-check-inline {
    margin-right: 1rem !important;
  }
  
  /* 입력 그룹 */
  .input-group {
    margin-bottom: 0.25rem !important;
  }
  
  .input-group .form-control {
    margin-bottom: 0 !important;
  }
  
  /* 버튼 */
  .btn-custom,
  .btn[style*="background-color: #F59538"] {
    font-size: 14px !important;
    padding: 8px 12px !important;
  }
  
  /* 피드백 텍스트 */
  .feedback-text {
    font-size: 13px !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  
  /* 폼 텍스트 (안내 문구) */
  .form-text {
    font-size: 13px !important;
    margin-top: 0.25rem !important;
  }
  
  /* 약관 동의 섹션 */
  .form-table-wrap .fw-bold {
    font-size: 15px !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* 약관 박스 */
  .form-table-wrap .border.p-3 {
    padding: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  /* 약관 내용 */
  .form-table-wrap div[style*="max-height:120px"] {
    font-size: 13px !important;
    padding: 6px 10px !important;
  }
  
  /* 약관 체크박스 */
  .form-table-wrap .form-check {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .form-table-wrap .form-check-label {
    font-size: 14px !important;
  }
  
  /* 약관 테이블 */
  .terms table {
    font-size: 13px !important;
    margin: 8px 0 10px !important;
  }
  
  .terms table th {
    font-size: 13px !important;
    padding: 6px 4px !important;
  }
  
  .terms table td {
    font-size: 13px !important;
    padding: 6px 4px !important;
  }
  
  /* 추천인 검색 결과 */
  .referrer-results {
    font-size: 13px !important;
    margin-top: 0.25rem !important;
  }
  
  .referrer-results .card-body {
    padding: 0.5rem !important;
  }
  
  .referrer-results strong {
    font-size: 14px !important;
  }
  
  .referrer-results small {
    font-size: 12px !important;
  }
  
  /* 인증 타이머 */
  #verifyTimer {
    font-size: 13px !important;
    margin-top: 0.25rem !important;
  }
  
  /* 입력 그룹 텍스트 */
  .input-group-text {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }
  
  /* 가입하기 버튼 영역 */
  .d-grid.gap-2 {
    gap: 0.5rem !important;
    margin-top: 1rem !important;
  }
  
  /* 폼 피드백 */
  #formFeedback {
    margin-top: 0.75rem !important;
  }
  
  /* flex gap 조정 */
  div[style*="display:flex"][style*="gap"] {
    gap: 0.5rem !important;
  }
  
  /* 주소 입력 영역 */
  div[style*="display:flex"][style*="flex-wrap:wrap"] {
    gap: 0.5rem !important;
  }

  /* ============================================
     페이지네이션 - 모바일 글씨 크기
     ============================================ */
  
  /* 페이지네이션 링크 글씨 크기 줄이기 */
  .pagination .page-link {
    font-size: 12px !important;
    padding-right:7px !important;
    padding-left:7px !important;
  }

  /* 페이지네이션 아이콘 크기 조정 */
  .pagination .page-link i {
    font-size: 13px !important;
  }

  /* 화살표 버튼(First, Previous, Next, Last) 위아래 여백 제거 */
  .pagination .page-link[aria-label="First"],
  .pagination .page-link[aria-label="Previous"],
  .pagination .page-link[aria-label="Next"],
  .pagination .page-link[aria-label="Last"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* ============================================
     베스트 상품 섹션 - 모바일 너비 조정
     ============================================ */
  
  /* 부모 row - 모바일에서 줄바꿈 허용 */
  .row.flex-lg-nowrap {
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
    --bs-gutter-x: 0 !important;
  }

  /* 베스트 상품 섹션 너비 제한 */
  .best-product-section {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* BEST PRODUCT 제목 스타일 */
  .best-product-section .list-maintitle {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 베스트 상품 p-container 너비 조정 */
  .best-product-section .p-container {
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    border-left: none !important;
    border-right: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* 베스트 상품 컨테이너 gap 최소화 */
  .best-product-section .p-container.row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  /* 베스트 상품 col-6 너비 조정 */
  .best-product-section .col-6 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    box-sizing: border-box !important;
  }

  /* 베스트 상품 박스 너비 조정 - calc()로 정확한 계산 */
  .best-product-section .p-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: calc(50% - 1px) !important;
    width: calc(50% - 1px) !important;
    flex: 0 0 calc(50% - 1px) !important;
    box-sizing: border-box !important;
  }

  /* 베스트 상품 박스 내부 요소 */
  .best-product-section .p-box > * {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 베스트 상품 박스 border 제거 */
  .best-product-section .p-box.border-end {
    border-right: none !important;
  }

  /* 베스트 상품 카드 body 패딩 줄이기 */
  .best-product-section .card-body {
    padding: 0.5rem !important;
  }

  /* 베스트 상품 이미지 컨테이너 */
  .best-product-section .card-img-top {
    padding: 2px !important;
  }

  /* 카드 이미지 높이 조정 */
  .p-container .card-img-top,
  .best-product-section .card-img-top {
    height: 180px !important;
  }

  /* ============================================
     마이페이지 intro - 모바일 스타일
     ============================================ */

  /* 마이페이지 메뉴 카드 모바일 스타일 - 한 줄 레이아웃 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center {
    padding: 0.75em 1em !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
  }

  /* 아이콘 크기 조정 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > i {
    font-size: 28px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  /* 첫 번째 p 태그 (제목과 small 포함) 스타일 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > p:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex: 1 !important;
  }

  /* strong 태그(Profile, Order 등) 숨기기 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > p:first-of-type > strong {
    display: none !important;
  }

  /* small 태그만 표시하고 한 줄로 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > p:first-of-type > small {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* small 태그의 <br> 태그 제거 효과 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > p:first-of-type > small br {
    display: none !important;
  }

  /* 설명 텍스트 숨기기 */
  .mypage_container .row.row-cols-1 .col > a > .border.text-center > p.pt-2.px-4.text-muted.small {
    display: none !important;
  }

  /* 카드 높이 조정 */
  .mypage_container .row.row-cols-1 .col > a > .border.h-100 {
    height: auto !important;
    min-height: 60px !important;
  }

  /* ============================================
     주문 내역 조회 페이지 - 모바일 스타일
     ============================================ */

  /* 주문 내역 조회 검색 폼 좌우 마진 */
  form.row.gx-2.gy-2.align-items-end.mb-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* 주문 내역 헤더 - 모바일 한 줄 레이아웃 */
  .order-item .d-flex.justify-content-between.flex-row {
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }

  .order-item .d-flex.justify-content-between.flex-row > span:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .order-item .d-flex.justify-content-between.flex-row > span:first-child strong {
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .order-item .d-flex.justify-content-between.flex-row > span:first-child .badge {
    font-size: 11px !important;
    padding: 0.2em 0.4em !important;
    white-space: nowrap !important;
  }

  .order-item .d-flex.justify-content-between.flex-row > span:last-child {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .order-item .d-flex.justify-content-between.flex-row > span:last-child a {
    font-size: 12px !important;
  }

  /* 주문 내역 상품 아이템 - 모바일 레이아웃 */
  .order-item .row.align-items-center {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  /* 주문 내역 상품 이미지 컨테이너 */
  .order-item .col-4 .card-img-top {
    padding: 0.25rem !important;
    margin: 0.5rem !important;
  }

  /* 주문 내역 상품 이미지 */
  .order-item .col-4 .card-img-top img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* 주문 내역 상품 정보 텍스트 크기 조정 */
  .order-item .col-8 p {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .order-item .col-8 p.fw-bold {
    font-size: 14px !important;
  }

  .order-item .col-8 .small {
    font-size: 12px !important;
  }

  /* 주문 내역 상품 배지 크기 조정 */
  .order-item .col-8 .badge {
    font-size: 11px !important;
    padding: 0.25em 0.5em !important;
  }

  /* 주문 내역 상세 페이지 - 모바일 브레드크럼 */
  nav.small.text-muted span.order-list-link-wrapper {
    display: none !important;
  }

  /* 주문 내역 상세 페이지 - 모바일 좌우 마진 */
  .row.gx-0 > .col {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* 주문 내역 상세 페이지 - 주문 상태 5개 고정 레이아웃 */
  .order-status {
    padding: 0.75rem 0.5rem !important;
  }

  .order-status .row {
    margin: 0 !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
  }

  .order-status .row > div {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding: 0.25rem 0.1rem !important;
    border-right: 1px solid #dee2e6 !important;
  }

  .order-status .row > div:last-child {
    border-right: none !important;
  }

  .order-status .row > div i {
    font-size: 18px !important;
    margin-bottom: 0.25rem !important;
  }

  .order-status .row > div h5 {
    font-size: 11px !important;
    margin: 0.25rem 0 !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
  }

  .order-status .row > div small {
    font-size: 10px !important;
    display: block !important;
    line-height: 1.2 !important;
  }

  /* 주문 내역 상세 페이지 - 주문 상품 아이템 모바일 레이아웃 */
  .section .row.align-items-center.border-top {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .section .row.align-items-center.border-top > .col-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }

  .section .row.align-items-center.border-top > .col-8 {
    flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
  }

  /* 주문 상품 이미지 컨테이너 */
  .section .col-4 .card-img-top {
    padding: 0.25rem !important;
    margin: 0.5rem !important;
  }

  /* 주문 상품 이미지 */
  .section .col-4 .card-img-top img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* 주문 상품 정보 텍스트 크기 조정 */
  .section .col-8 p {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .section .col-8 .fw-bold {
    font-size: 14px !important;
  }

  .section .col-8 .small {
    font-size: 12px !important;
  }

  /* 주문 상품 배지 크기 조정 */
  .section .col-8 .badge {
    font-size: 11px !important;
    padding: 0.25em 0.5em !important;
  }

  /* 배송 정보와 버튼 영역 모바일에서 전체 너비 */
  .section .row.align-items-center.border-top > .col-12 {
    margin-top: 0.5rem !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid #dee2e6 !important;
  }

  .section .row.align-items-center.border-top > .col-12:first-of-type {
    border-top: none !important;
  }

  /* 주문 내역 상세 페이지 - 반품/교환 모달 총 금액 줄바꿈 */
  .order-item.row .col-auto:last-child {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 0.5rem !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid #dee2e6 !important;
    text-align: right !important;
  }

  .order-item.row .col-auto:last-child span {
    margin-left: 0 !important;
  }

  /* 주문 내역 상세 페이지 - 반품/교환 모달 개수 입력 필드 줄바꿈 */
  .order-item.row .col > .d-flex.flex-wrap {
    gap: 0.5rem !important;
  }

  .order-item.row .col > .d-flex.flex-wrap > span.w-100 {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 주문 내역 상세 페이지 - 카드 결제 안내 문구 글씨 크기 */
  .alert.alert-warning.p-2.mb-2 {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .alert.alert-warning.p-2.mb-2 span {
    font-size: 12px !important;
  }

  /* 주문 내역 상세 페이지 - 배송 상태 안내 모달 글씨 크기 */
  .modal-body > div[style*="font-size: 18px"] {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .modal-body > div[style*="font-size: 18px"] strong {
    font-size: 13px !important;
  }

  /* 주문 내역 상세 페이지 - 반품/교환 요청유형 select 너비 */
  #requestTypeSelect {
    min-width: 150px !important;
    width: auto !important;
  }

  /* 주문 내역 상세 페이지 - 배송조회/구매확정 버튼 영역 왼쪽 정렬 */
  .section .row.align-items-center.border-top .col-12.col-md-2.text-center {
    text-align: left !important;
    align-items: flex-start !important;
  }

  /* 주문 내역 상세 페이지 - 반품/교환 정보 헤더 모바일 세로 배치 */
  .section .d-flex.justify-content-between.align-items-center.mb-4.border-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
  }

  .section .d-flex.justify-content-between.align-items-center.mb-4.border-bottom > span {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* ============================================
     적립금 페이지 - 모바일 테이블 스크롤 없이 조정
     ============================================ */

  /* 적립금 페이지 - row.gx-0 > .col 패딩 제거 */
  .row.gx-0 > .col.mypage_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 적립금 페이지 컨테이너 좌우 마진 제거 */
  .mypage_container > .mx-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* 테이블 컨테이너 - 스크롤 제거 */
  .mypage_container .table-responsive {
    overflow-x: visible !important;
    -webkit-overflow-scrolling: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 적립금 테이블 전체 스타일 */
  .mypage_container table.table {
    font-size: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin: 0 !important;
  }

  /* 테이블 colgroup min-width 제거 */
  .mypage_container table.table colgroup col {
    min-width: 0 !important;
    width: auto !important;
  }

  /* 일자 컬럼 - 비고 숨김 후 재조정 */
  .mypage_container table.table colgroup col:nth-child(1) {
    width: 20% !important;
  }

  /* 구분 컬럼 - 비고 숨김 후 재조정 */
  .mypage_container table.table colgroup col:nth-child(2) {
    width: 18% !important;
  }

  /* 내용 컬럼 - 비고 숨김 후 재조정 */
  .mypage_container table.table colgroup col:nth-child(3) {
    width: 35% !important;
  }

  /* 포인트 컬럼 - 비고 숨김 후 재조정 */
  .mypage_container table.table colgroup col:nth-child(4) {
    width: 27% !important;
  }

  /* 비고 컬럼 - 모바일에서 숨김 */
  .mypage_container table.table colgroup col:nth-child(5) {
    width: 0 !important;
    display: none !important;
  }

  /* 테이블 헤더 스타일 */
  .mypage_container table.table thead th {
    font-size: 9px !important;
    padding: 0.4rem 0.2rem !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 비고 헤더 숨기기 */
  .mypage_container table.table thead th:last-child {
    display: none !important;
  }

  /* 테이블 셀 스타일 */
  .mypage_container table.table tbody td {
    font-size: 9px !important;
    padding: 0.4rem 0.2rem !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 일자 컬럼 셀 */
  .mypage_container table.table tbody td:first-child {
    font-size: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 구분 컬럼 셀 */
  .mypage_container table.table tbody td:nth-child(2) {
    font-size: 9px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* 내용 컬럼 셀 */
  .mypage_container table.table tbody td:nth-child(3) {
    font-size: 9px !important;
    word-break: break-word !important;
  }

  /* 포인트 컬럼 셀 */
  .mypage_container table.table tbody td:nth-child(4) {
    font-size: 10px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* 비고 컬럼 셀 - 모바일에서 숨김 */
  .mypage_container table.table tbody td:last-child {
    display: none !important;
  }

  /* 적립금 내역 없음 메시지 */
  .mypage_container table.table tbody td[colspan] {
    font-size: 11px !important;
    padding: 1rem 0.5rem !important;
  }

  /* 테이블 border 조정 */
  .mypage_container table.table.table-bordered {
    border-width: 1px !important;
  }

  .mypage_container table.table.table-bordered th,
  .mypage_container table.table.table-bordered td {
    border-width: 1px !important;
  }


  /* ============================================
     약관 페이지 탭 메뉴 - 모바일 한 줄 표시
     ============================================ */

  /* 탭 메뉴가 있는 섹션의 컨테이너 좌우 여백 최소화 */
  section .container.px-4 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* 탭 메뉴를 감싸는 div의 좌우 여백 제거 */
  section .mb-4.pb-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
    /* 탭 버튼 - 패딩 및 폰트 크기 최소화 */
    #termsTab.nav-tabs .nav-link {
      padding: 0.5rem 0.5rem !important;
      font-size: 13px !important;
      white-space: nowrap !important;
      min-width: auto !important;
    }
  
}