/* GS Admin Toolkit v1.4.8 | front.css | 2026-07-11T05:56:28+00:00 */
/* GS CSS Snippet: 2.공통 UI 요소(샘플/영상/박스/표/뱃지/카드) */
/* ===== 원본 3. 3.샘플 악보 CSS ===== */
/* 샘플 악보 안내 섹션 스타일 */

.sample-info-box {
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
}

.sample-info-icon {
  min-width: 45px;
  height: 45px;
  background-color: #dd8b8b;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 20px;
}

.sample-info-content {
  flex: 1;
}

.sample-info-title {
  color: #dd3333;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.sample-info-text {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.download-link {
  display: inline-block;
  margin-top: 5px;
  padding: 2px 8px;
  background: #444;
  color: #fff !important;
  text-decoration: none;
  font-size: 12px;
  border-radius: 3px;
}

.download-link:hover {
  background: #000;
}

/* ===== 원본 7. 7.단일 상품 상세의 Youtube 관련 ===== */
/* =========================================================
   GS UI Pack (WoodMart + WooCommerce)
   ========================================================= */

/* [GoodScore] YouTube responsive embed (iPad 포함) */
.gs-video-wrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
  border-radius: 8px;
  background: #000;
}

.gs-video-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* 최신 브라우저는 aspect-ratio도 같이 활용 (있어도/없어도 동작) */
@supports (aspect-ratio: 16 / 9) {
  .gs-video-wrap{
    height: auto;
    padding-top: 0;
    aspect-ratio: 16 / 9;
  }
}

/* ===== 원본 8. 8.gs-score-box1 ===== */
/* 공용 박스 스타일 (나중에 여기만 바꾸면 전체 변경됨) [gs_score_box]로 [gs_score_format] 출력*/
.gs-score-box{
  border:1px solid #dedede;
  padding:12px 8px;
  border-top:4px solid #999;
  margin:0;
}
/* 공용 박스 스타일 (나중에 여기만 바꾸면 전체 변경됨) [gs_info_1] 출력*/
.gs-box.gs-info-box{
  border: 1px solid #dedede;
  border-top: 4px solid #999;
  padding: 12px 8px;
  margin: 12px 0;
}

/* 박스별로 살짝 다르게 하고 싶으면 */
.gs-info-box-1{ }
.gs-info-box-2{ }
.gs-info-box-3{ }
.gs-info-box-4{ }

/* ===== 원본 9. 9.gs-specs ===== */
/* =========================
   상세 오른쪽 테이블
   ========================= */

/* 1) 바깥 상자 (테두리만 담당) */
.gs-specs-wrap {
    border: 1px solid #b3b3b3 !important; /* 이 선이 유일한 바깥선이 됩니다 */
    border-radius: 6px;
    overflow: hidden;
    margin: 18px 0;
}

/* 2) 내부 표 설정 */
.gs-specs {
    width: 100%;
    border-collapse: collapse; /* 선들이 서로 겹치게 하여 틈을 없앰 */
    border: none !important;    /* 표 자체의 테두리는 확실히 제거 */
}

/* 3) 내부 칸 설정 (기본적으로 아래와 오른쪽만 선을 줌) */
.gs-specs th,
.gs-specs td {
    padding: 10px 12px;
    border-bottom: 1px solid #e8e8e8 !important;
    border-right: 1px solid #e8e8e8 !important;
    border-top: none !important;  /* 위쪽 선 제거 */
    border-left: none !important; /* 왼쪽 선 제거 */
}

/* 4) 가장 오른쪽 칸의 세로선 제거 (바깥 굵은 선과 겹침 방지) */
.gs-specs th:last-child,
.gs-specs td:last-child {
    border-right: none !important;
}

/* 5) 가장 아래쪽 칸의 가로선 제거 (바깥 굵은 선과 겹침 방지) */
.gs-specs tr:last-child th,
.gs-specs tr:last-child td {
    border-bottom: none !important;
}

.gs-specs {
  margin-bottom: 0px;
}

/* ===== 원본 10. 10.gs-badge ===== */
/* =========================
   뱃지
   ========================= */
.gs-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.4;
  border-radius: 999px;
  font-weight: 700;
  vertical-align: middle;
}
.gs-badge-new { background:#2b6ff7; color:#fff; }
.gs-badge-hot { background:#ff4d4f; color:#fff; }

/* ===== 원본 11. 11.gs-score-table ===== */
/* =========================
   2) HTML 표(커스텀) - 1행 / 1열 색상
   ========================= */
.gs-score-table tr:first-child {
  background-color: #2b2b2b;
  color: #fff;
}
.gs-score-table td:first-child,
.gs-score-table th:first-child {
  background-color: #2b2b2b;
  color: #fff;
  font-weight: 600;
}

.woocommerce-product-details__short-description > *:last-child {
  margin-top: 0px;
}

/* ===== 원본 14. 14.안내 카드 공통 ===== */
/* ================================
   GoodScore 공통 안내 카드
   ================================ */
.gs-card{
  border:1px solid #555;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
  margin-bottom:10px;
}

.gs-card-header{
  background:#f0f0f0;
  padding:10px;
  text-align:center;
  font-size:16px;
  font-weight:700;
  border-bottom:1px solid #888;
  color:#000;
}

.gs-card-body{
  padding:16px 14px;
  font-size:14px;
  line-height:1.6;
  color:#000;
}

/* GS CSS Snippet: 3.상단/푸터/메뉴/로그인 */
/* ===== 원본 4. 4.탑 메뉴 드롭다운 강제 ===== */
/* ===== 메인 메뉴 드롭 다운 강제  ===== */

/* 박스 */
.wd-header .menu .sub-menu,
.wd-header .menu .wd-dropdown,
.wd-header .menu .wd-dropdown-menu,
.wd-header .menu .wd-nav-dropdown,
header .menu .sub-menu,
header .menu .wd-dropdown,
header .menu .wd-dropdown-menu,
header .menu .wd-nav-dropdown {
  background: rgba(10,10,10,0.98) !important;     /* 완전 블랙보다 고급 */
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;                /* 8도 좋지만 10이 더 “프리미엄” */
  overflow: hidden !important;

  padding: 10px 0 !important;
  margin-top: 0 !important;
  top: 100% !important;

  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important; /* 깊이감 */
  backdrop-filter: blur(6px); /* 지원 브라우저에서만 은근히 고급 */
}

/* 링크 */
.wd-header .menu .sub-menu a,
.wd-header .menu .wd-dropdown a,
.wd-header .menu .wd-dropdown-menu a,
.wd-header .menu .wd-nav-dropdown a,
header .menu .sub-menu a,
header .menu .wd-dropdown a,
header .menu .wd-dropdown-menu a,
header .menu .wd-nav-dropdown a {
  font-size: 16px !important;
  font-weight: 500 !important;             /* 얇지도 두껍지도 않게 */
  letter-spacing: 0.2px !important;

  color: rgba(255,255,255,0.68) !important; /* 회색인데 “탁”한 회색 */
  padding: 12px 22px !important;
  display: block !important;
}

/* hover: 글씨 흰색 + 얇은 하이라이트 */
.wd-header .menu .sub-menu a:hover,
.wd-header .menu .wd-dropdown a:hover,
.wd-header .menu .wd-dropdown-menu a:hover,
.wd-header .menu .wd-nav-dropdown a:hover,
header .menu .sub-menu a:hover,
header .menu .wd-dropdown a:hover,
header .menu .wd-dropdown-menu a:hover,
header .menu .wd-nav-dropdown a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.10) !important;
}

/* 항목 사이 간격이 너무 붙어 보이면 (선택) */
.wd-header .menu .sub-menu li + li a,
.wd-header .menu .wd-dropdown-menu li + li a,
header .menu .sub-menu li + li a,
header .menu .wd-dropdown-menu li + li a {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* ===== 원본 5. 5.푸터 / 저작권 CSS ===== */
/* [푸터 공간 절약형 스타일] */

.gs-footer-compact {
  text-align: left;
  line-height: 1.35 !important;
  /* 줄 간격을 1.8에서 1.35로 대폭 축소 */
  color: #666;
  font-size: 11px;
}

.gs-footer-compact .f-row {
  margin: 0 0 2px 0 !important;
  /* 줄 사이 하단 여백을 2px로 최소화 */
}

.gs-footer-compact .f-row.last {
  margin-bottom: 0 !important;
}

.gs-footer-compact .brand {
  color: #333;
  margin: 0 5px;
  font-size: 11px;
  /* 상호명 크기도 본문과 맞춰 공간 절약 */
}

.gs-footer-compact .sep {
  color: #ddd;
  margin: 0 3px;
}

.gs-footer-compact a {
  text-decoration: none;
  color: #ff6600;
  font-weight: bold;
  margin-left: 5px;
}

/* 모바일 전용: 글자가 겹치지 않게 아주 살짝만 조정 */

@media (max-width: 768px) {
  .gs-footer-compact {
    font-size: 10.5px;
    /* 모바일에서 한 줄에 더 많이 담기 위해 미세 조정 */
  }

  .gs-footer-compact .links {
    display: inline-block;
    /* 모바일에서도 줄 안 바꾸고 옆으로 붙임 */
    margin-top: 2px;
  }
}

/* ===== 원본 13. 13.상단 로그인 메뉴 ===== */
/* GoodScore 로그인 메뉴 정렬 + 아이콘 */

.gs-login {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}

.gs-login a {
  display: inline-flex;
  align-items: center;
  margin-right: 3px;
  text-decoration: none;
}

.gs-login img {
  width: 14px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.gs-login .gs-divider {
  margin: 0 3px;
  opacity: 0.6;
}

/* GS 마이페이지 회원 요약 박스 - 여백/제목 수정 */

.gs-myaccount-summary {
  border: 1px solid #d8d8d8;
  border-top: 2px solid #444;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}

.gs-myaccount-summary h3 {
  background: #f5f5f5;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  padding: 12px 14px;
  color: #111;
  border-bottom: 1px solid #ddd;
  margin: 0;
  line-height: 1.4;
}

.gs-myaccount-summary ul {
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.7;
  color: #222;
  list-style: none;
  margin: 0;
}

.gs-myaccount-summary li {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px dashed #ddd;
}

.gs-myaccount-summary li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gs-myaccount-summary strong {
  display: inline-block;
  min-width: 88px;
  color: #111;
  font-weight: 700;
}

/* GS CSS Snippet: 4.상품 상세/포인트/캐러셀 */
/* ===== 원본 15. 15.단일상품 버튼 CSS New ===== */
/* =========================================================
   [GoodScore] 단일상품 버튼 3종 정리본
   대상: WishSuite + WooCommerce + Woodmart
   구성: 위시리스트 / 장바구니 / 바로구매
   주의: 우드마트 기본 위시리스트(.wd-wishlist-btn) 관련 스타일은 제외
========================================================= */


/* =========================================================
   1) 상품 상세 상단의 상품명(H1) 숨김
   필요 없으면 이 블록만 삭제
========================================================= */
.single-product h1.product_title,
.single-product .entry-title{
  display: none !important;
}


/* =========================================================
   2) 상단 summary 영역 불필요한 선/라운드 제거
   예전 border-top 꼬임 방지용
========================================================= */
.single-product .summary-inner.wd-set-mb.reset-last-child{
  border-top: 0 !important;
  border-radius: 0 !important;
}


/* =========================================================
   3) 공통 변수
   - 위시리스트는 별도 색 적용 가능
   - 장바구니/바로구매는 같은 톤으로 통일
========================================================= */
:root{
  --gs-btn-h: 42px;
  --gs-btn-radius: 3px;

  --gs-btn-border: #111;
  --gs-btn-text: #111;

  --gs-cart-bg: #fff;
  --gs-cart-bg-hover: #d6d6d6;

  --gs-wish-bg: #FFEAEA;         /* 위시리스트 기본 배경 */
  --gs-wish-bg-hover: #FFD9EC;   /* 위시리스트 hover */
}


/* =========================================================
   4) 가격 표시 여백/크기 정리
========================================================= */
.single-product .summary p.price{
  margin: 12px 0 12px !important;
  line-height: 1.2 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}


/* =========================================================
   5) 가격 아래 구분선
   사용 중이면 유지, 필요 없으면 삭제
========================================================= */
.single-product .gs-price-divider{
  height: 1px;
  margin: 12px 0 14px;
  background: rgba(0,0,0,0.12);
}


/* =========================================================
   6) 버튼 영역 레이아웃 안정화
   핵심:
   - form.cart 를 flex로 고정
   - 3개 요소가 한 줄에 유지되도록 정리
   - 우드마트 기본 float 영향 최소화
========================================================= */
.single-product .summary form.cart{
  position: static !important;
  float: none !important;
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* 수량 선택창이 있을 경우 줄 깨짐 방지 */
.single-product .summary form.cart .quantity{
  flex: 0 0 auto !important;
  margin: 0 !important;
}


/* =========================================================
   7) WishSuite 위시리스트 버튼
   - 별도 색상 적용
   - 박스형 버튼으로 통일
   - 테마 기본 아이콘/위치 보정 최소화
========================================================= */
.single-product .summary form.cart .wishsuite-button{
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: var(--gs-btn-h) !important;
  min-width: var(--gs-btn-h) !important;
  padding: 0 12px !important;

  position: relative !important;
  margin: 0 !important;

  border: 1px solid var(--gs-btn-border) !important;
  border-radius: var(--gs-btn-radius) !important;
  background-color: var(--gs-wish-bg) !important;
  color: var(--gs-btn-text) !important;

  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.single-product .summary form.cart .wishsuite-button:hover{
  background-color: var(--gs-wish-bg-hover) !important;
  color: var(--gs-btn-text) !important;
}


/* 위시리스트 내부 아이콘/텍스트 정렬 */
.single-product .summary form.cart .wishsuite-button i,
.single-product .summary form.cart .wishsuite-button svg,
.single-product .summary form.cart .wishsuite-button::before,
.single-product .summary form.cart .wishsuite-button span{
  line-height: 1 !important;
  vertical-align: middle !important;
}


.wishsuite-button i,
.wishsuite-button svg{
  color:#e60023 !important;
  fill:#e60023 !important;
}
.wishsuite-button.active i,
.wishsuite-button.active svg{
  color:#e60023 !important;
  fill:#e60023 !important;
}

/* =========================================================
   8) 장바구니 / 바로구매 버튼
   - 두 버튼은 같은 스타일로 통일
========================================================= */
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary form.cart .wd-buy-now-btn{
  flex: 1 1 0 !important;

  height: var(--gs-btn-h) !important;
  padding: 0 16px !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid var(--gs-btn-border) !important;
  border-radius: var(--gs-btn-radius) !important;
  background: var(--gs-cart-bg) !important;
  color: var(--gs-btn-text) !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  text-decoration: none !important;
}

.single-product .summary form.cart .single_add_to_cart_button:hover,
.single-product .summary form.cart .wd-buy-now-btn:hover{
  background: var(--gs-cart-bg-hover) !important;
  color: var(--gs-btn-text) !important;
}


/* =========================================================
   9) 버튼 내부 텍스트 정렬 안정화
========================================================= */
.single-product .summary form.cart .single_add_to_cart_button span,
.single-product .summary form.cart .wd-buy-now-btn span{
  line-height: 1 !important;
}


/* =========================================================
   10) 모바일 대응
   - 3개 요소 한 줄 유지
   - 너무 좁아질 때 버튼 높이/간격만 살짝 조정
========================================================= */
@media (max-width: 768px){
  :root{
    --gs-btn-h: 44px;
  }

  .single-product .summary p.price{
    margin: 10px 0 10px !important;
    font-size: 19px !important;
  }

  .single-product .summary form.cart{
    gap: 8px !important;
  }

  .single-product .summary form.cart .wishsuite-button{
    min-width: 44px !important;
    padding: 0 10px !important;
  }

  .single-product .summary form.cart .single_add_to_cart_button,
  .single-product .summary form.cart .wd-buy-now-btn{
    padding: 0 10px !important;
    font-size: 14px !important;
  }
}
/* =========================================================
   11) 페이지네이션 화살표 중복 숨김
========================================================= */
.wishsuite-pagination .next,
.wishsuite-pagination .prev{
  font-size: 0 !important;
  line-height: 1 !important;
}

.wishsuite-pagination .next i,
.wishsuite-pagination .prev i,
.wishsuite-pagination .next svg,
.wishsuite-pagination .prev svg,
.wishsuite-pagination .next:before,
.wishsuite-pagination .prev:before,
.wishsuite-pagination .next:after,
.wishsuite-pagination .prev:after{
  font-size: 16px !important;
}

/* ===== 원본 16. 16-1.포인트 결제 단일상품 상세 설명 상단 ===== */
.gs-point-info-box{
  text-align:center;
  padding:12px 14px;
  border:1px solid #e5e5e5;
  border-radius:8px;
  background:#fafafa;
  margin:16px 0;
}

.gs-point-info-box p{
  margin:2px 0;
}

.gs-point-info-box strong{
  font-size:15px;
  color:#111;
}

.gs-point-info-box .sub{
  font-size:13px;
  color:#555;
}

.gs-point-info-box .en{
  font-size:12px;
  color:#999;
  margin-top:4px;
}

/* ===== 원본 17. 16-2.포인트 상품 가격 표시 ===== */
.gs-point-price{
  text-align:center;
  margin:12px 0;
  line-height:1.4;
}

/* 총 포인트 */
.gs-point-total{
  font-size:19px;
  color:#333;
}

.gs-point-total strong{
  font-size:28px;
  font-weight:700;
  color:#111;
  margin-left:4px;
}

.gs-point-total .unit{
  font-size:17px;
  color:#666;
}

/* 상세 구성 (글씨 키움) */
.gs-point-detail{
  margin-top:6px;
  font-size:14px; /* 🔥 기존보다 업 */
  color:#555;
}

/* 풍선(배지) */
.gs-point-bonus{
  display:inline-block;
  margin-left:5px;
  padding:4px 10px;
  font-size:14px; /* 🔥 같이 키움 */
  font-weight:600;
  color:#c62828;
  background:#fff1f0;
  border:1px solid #f3c7c2;
  border-radius:999px;
  vertical-align:middle;
}
.gs-point-hot{
  display:inline-block;
  padding:4px 10px;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
  margin-left:3px;
  color:#b42318;
  background:#fff1f0;
  border:1px solid #f3c7c2;
  border-radius:999px;
}

/* ===== 원본 18. 17.실시간 검색어 ===== */
.gs-trending{
  text-align:center;
  margin:0px 0;
  font-size:14px;
}

.gs-trending strong{
  display:block;
  margin-bottom:6px;
  font-size:15px;
  color:#111;
}

.gs-trending a{
  display:inline-block;
  margin:4px 6px;
  padding:4px 8px;
  color:#444;
  background:#f5f5f5;
  border-radius:4px;
  text-decoration:none;
}

.gs-trending a:hover{
  background:#eee;
}

.gs-trending a{
  transition: all 0.2s ease;
}

.gs-trending a:hover{
  transform: translateY(-1px);
}

.gs-trending{
  text-align:center;
  margin:14px 0;
}

/* 기본 */
.gs-trending a{
  display:inline-block;
  margin:4px 6px;
  padding:4px 8px;
  background:#f5f5f5;
  border-radius:4px;
  color:#444;
  text-decoration:none;
  font-size:14px;
}

/* TOP 3 */
.gs-rank.rank-top{
  font-weight:600;
  color:#222;
}

/* 1위 🔥 */
.gs-rank.rank-1{
  font-weight:700;
  color:#d32f2f;
  background:#fff1f0;
  border:1px solid #f3c7c2;
}

/* 숫자 */
.rank-num{
  color:#999;
  margin-right:2px;
}

/* 1위 숫자 강조 */
.gs-rank.rank-1 .rank-num{
  color:#d32f2f;
}

/* 상단 패딩 */
.page-id-1045 #main-content {
    padding-top: 20px !important;
}

/* ===== 원본 19. 18.캐러셀 가격표 숨김 ===== */
/* 슬라이더(캐러셀) 전용 가격표 */

.wd-carousel .product-grid-item .price {
  display: none !important;
}

/* GS CSS Snippet: 6.마이페이지/회원가입/체크아웃 입력폼 */
/* ===== 원본 22. 21. KR Chetout /MyAccount/ 마이페이지 비번+ 주소변경(구 12+15) ===== */
/* =========================================================
   GoodScore - KR Checkout / MyAccount UI Cleanup + Edit Account UI
   안전 통합본
   ========================================================= */


/* =========================================================
   1) 체크아웃 페이지
   ========================================================= */

/* 성 */
#billing_last_name_field,
#shipping_last_name_field {
  display: none !important;
}

/* 시/도 */
#billing_city_field,
#billing_state_field,
#shipping_city_field,
#shipping_state_field {
  display: none !important;
}

/* 국가 */
#billing_country_field,
#shipping_country_field {
  display: none !important;
}


/* =========================================================
   2) 마이페이지 → 회원정보(Edit Account)
   ========================================================= */

/* 전체 카드 */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account form.edit-account {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-top: 2px solid #222;
  border-radius: 8px;
  padding: 28px 24px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.03);
}

/* 제목 */
.woocommerce-account .woocommerce-EditAccountForm > h2,
.woocommerce-account .woocommerce-EditAccountForm > h3,
.woocommerce-account form.edit-account > h2,
.woocommerce-account form.edit-account > h3 {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  color: #222;
}

/* 블록 */
.gs-edit-account-block {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #efefef;
}

.gs-edit-account-block:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* 블록 제목 */
.gs-edit-account-title {
  margin: 0 0 18px;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  letter-spacing: -0.01em;
}

/* 안내 문구 */
.gs-edit-account-desc {
  margin: -6px 0 18px;
  font-size: 13px;
  color: #777;
  line-height: 1.6;
}

/* 기본 form-row 간격 */
.woocommerce-account form.edit-account .form-row,
.woocommerce-account .woocommerce-EditAccountForm .form-row {
  margin-bottom: 16px;
}

/* 라벨 */
.woocommerce-account form.edit-account label,
.woocommerce-account .woocommerce-EditAccountForm label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* 입력창 */
.woocommerce-account form.edit-account input[type="text"],
.woocommerce-account form.edit-account input[type="email"],
.woocommerce-account form.edit-account input[type="password"],
.woocommerce-account form.edit-account input[type="tel"],
.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"],
.woocommerce-account .woocommerce-EditAccountForm input[type="tel"] {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  color: #222;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

/* 포커스 */
.woocommerce-account form.edit-account input[type="text"]:focus,
.woocommerce-account form.edit-account input[type="email"]:focus,
.woocommerce-account form.edit-account input[type="password"]:focus,
.woocommerce-account form.edit-account input[type="tel"]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type="password"]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type="tel"]:focus {
  border-color: #b7b7b7;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.04);
}

/* placeholder */
.woocommerce-account form.edit-account input::placeholder,
.woocommerce-account .woocommerce-EditAccountForm input::placeholder {
  color: #aaa;
}

/* 설명 문구 */
.woocommerce-account form.edit-account .woocommerce-form-row span em,
.woocommerce-account .woocommerce-EditAccountForm span em,
.woocommerce-account form.edit-account .description,
.woocommerce-account .woocommerce-EditAccountForm .description {
  font-size: 12px;
  color: #888;
  font-style: normal;
  line-height: 1.5;
}

/* 성(last) 숨김 - Edit Account에서만 */
.woocommerce-account form.edit-account p.woocommerce-form-row--last {
  display: none !important;
}

/* 기본은 전부 1열 */
.woocommerce-account form.edit-account .form-row {
  width: 100%;
  float: none;
}

/* 이름(first)만 2열 유지하고 싶다면 사용
   지금 성을 숨기므로 first는 100%가 더 자연스러우면 아래 2줄은 지워도 됨 */
/*
.woocommerce-account form.edit-account .form-row-first {
  width: 100%;
  float: none;
}
*/

/* 전화번호는 항상 보이게 */
#billing_phone_field,
.woocommerce-account #billing_phone_field {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

/* 이메일도 1열 */
#account_email_field,
.woocommerce-account #account_email_field {
  width: 100% !important;
  float: none !important;
}

/* 비밀번호 섹션 */
.woocommerce-account fieldset {
  margin: 30px 0 0;
  padding: 18px 18px 6px;
  border: 1px solid #efefef;
  border-radius: 8px;
  background: #fcfcfc;
}

.woocommerce-account fieldset legend {
  padding: 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

.woocommerce-account fieldset .form-row {
  margin-bottom: 14px;
  width: 100% !important;
  float: none !important;
}

.woocommerce-account fieldset input[type="password"] {
  height: 42px;
  padding: 0 12px;
  font-size: 13px;
  border-radius: 8px;
}

.woocommerce-account fieldset .description,
.woocommerce-account fieldset em {
  font-size: 12px;
  color: #888;
  line-height: 1.5;
}

/* 저장 버튼 */
.woocommerce-account form.edit-account .woocommerce-Button.button,
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button.button {
  min-width: 160px;
  border-radius: 8px;
}

/* 마지막 줄 여백 */
.woocommerce-account form.edit-account p:last-child,
.woocommerce-account .woocommerce-EditAccountForm p:last-child {
  margin-top: 10px;
}

/* 메시지 */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
  border-radius: 8px;
  font-size: 14px;
}


/* =========================================================
   3) 마이페이지 → 주소 수정(Edit Address)
   ========================================================= */

/* 성 */
.woocommerce-MyAccount-content #billing_last_name_field,
.woocommerce-MyAccount-content #shipping_last_name_field {
  display: none !important;
}

/* 시/도 */
.woocommerce-MyAccount-content #billing_city_field,
.woocommerce-MyAccount-content #billing_state_field,
.woocommerce-MyAccount-content #shipping_city_field,
.woocommerce-MyAccount-content #shipping_state_field {
  display: none !important;
}

/* 국가 */
.woocommerce-MyAccount-content #billing_country_field,
.woocommerce-MyAccount-content #shipping_country_field {
  display: none !important;
}

/* 주소찾기 버튼 줄 */
.gs-postcode-btn-row {
  display: flex;
  align-items: flex-end;
}

.gs-postcode-btn-row label {
  visibility: hidden;
}

/* 버튼 공통 */
.woocommerce-account form.edit-account button.button,
.woocommerce-account form.edit-account .button,
.woocommerce-account .woocommerce-EditAccountForm button.button,
.woocommerce-account .woocommerce-EditAccountForm .button,
#gs_find_postcode_edit {
  height: 46px;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 46px;
  box-shadow: none;
}

#gs_find_postcode_edit {
  width: 100%;
  border: 1px solid #d7d7d7;
  background: #f8f8f8;
  color: #333;
  transition: all .2s ease;
}

#gs_find_postcode_edit:hover {
  background: #f1f1f1;
  border-color: #cfcfcf;
}


/* =========================================================
   4) 배송 주소 메뉴 숨김
   ========================================================= */

.woocommerce-MyAccount-navigation-link--edit-address {
  display: none !important;
}


/* =========================================================
   5) 회원가입 UI
   ========================================================= */

.woocommerce-form-register .form-row {
  width: 100% !important;
  float: none !important;
}

.woocommerce-form-register #billing_postcode {
  width: 100% !important;
}

.woocommerce-form-register button#gs_find_postcode {
  height: 42px;
}

.woocommerce-form-register .gs-postcode-btn-row,
.woocommerce-form-register .form-row.gs-postcode-btn-row {
  float: none !important;
  width: 100% !important;
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  clear: both !important;
}

.woocommerce-form-register .gs-postcode-btn-row label {
  display: none !important;
}

.woocommerce-form-register #gs_find_postcode {
  display: block !important;
  width: 100% !important;
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 16px !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 8px !important;
  background: #f8f8f8 !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.woocommerce-form-register #gs_find_postcode:hover {
  background: #f1f1f1 !important;
  border-color: #cfcfcf !important;
}

.woocommerce-form-register p.form-row-first:has(#billing_postcode),
.woocommerce-form-register p.form-row-last.gs-postcode-btn-row {
  width: 100% !important;
  float: none !important;
}


/* =========================================================
   6) 모바일
   ========================================================= */

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-EditAccountForm,
  .woocommerce-account form.edit-account {
    padding: 22px 16px;
    border-radius: 8px;
  }

  .gs-edit-account-title {
    font-size: 17px;
  }

  .gs-postcode-btn-row {
    display: block;
  }

  #gs_find_postcode_edit {
    margin-top: 0;
  }

  .woocommerce-account fieldset {
    padding: 16px 14px 4px;
  }

  .woocommerce-account form.edit-account .form-row,
  .woocommerce-account fieldset .form-row {
    width: 100% !important;
    float: none !important;
  }
}

/* ===== 원본 2에서 유지: 계정정보 주소/연락처 보조 + 대화명 숨김 ===== */
.gs-account-address-fieldset {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid #ddd;
}

.gs-account-address-fieldset legend {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
  padding: 0;
}

.woocommerce-account .edit-account p:has(#account_display_name) {
  display: none !important;
}

@media (max-width: 767px) {
  .gs-account-address-fieldset legend {
    font-size: 20px;
  }
}

/* GS CSS Snippet: 7.실시간 검색어 */
/* ===== 원본 18. 17.실시간 검색어 ===== */
.gs-trending{
  text-align:center;
  margin:0px 0;
  font-size:14px;
}

.gs-trending strong{
  display:block;
  margin-bottom:6px;
  font-size:15px;
  color:#111;
}

.gs-trending a{
  display:inline-block;
  margin:4px 6px;
  padding:4px 8px;
  color:#444;
  background:#f5f5f5;
  border-radius:4px;
  text-decoration:none;
}

.gs-trending a:hover{
  background:#eee;
}

.gs-trending a{
  transition: all 0.2s ease;
}

.gs-trending a:hover{
  transform: translateY(-1px);
}

.gs-trending{
  text-align:center;
  margin:14px 0;
}

/* 기본 */
.gs-trending a{
  display:inline-block;
  margin:4px 6px;
  padding:4px 8px;
  background:#f5f5f5;
  border-radius:4px;
  color:#444;
  text-decoration:none;
  font-size:14px;
}

/* TOP 3 */
.gs-rank.rank-top{
  font-weight:600;
  color:#222;
}

/* 1위 🔥 */
.gs-rank.rank-1{
  font-weight:700;
  color:#d32f2f;
  background:#fff1f0;
  border:1px solid #f3c7c2;
}

/* 숫자 */
.rank-num{
  color:#999;
  margin-right:2px;
}

/* 1위 숫자 강조 */
.gs-rank.rank-1 .rank-num{
  color:#d32f2f;
}

/* 상단 패딩 */
.page-id-1045 #main-content {
    padding-top: 20px !important;
}

/* GS CSS Snippet: 8.무통장 입금 안내/계좌 복사 CSS */
/* ===== 원본 20. 19.체크 아웃의 무통장 입금 -Thank you ===== */
/* =========================================
   은행 세부사항 3칸 정렬 + 복사버튼
   ========================================= */

.woocommerce-bacs-bank-details {
  margin: 0 0 26px !important;
  border: 1px solid #888;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background: #fff;
}

.woocommerce-bacs-bank-details > h2,
.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
  margin: 0 !important;
  padding: 10px 14px !important;
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #222;
  text-align: center;
}

/* 원래 위에 따로 보이는 예금주 숨김 */
.woocommerce-bacs-bank-details > h3 {
  display: none !important;
}

/* 3칸 */
.woocommerce-bacs-bank-details .bacs_details {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.4fr;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid #eee;
}

.woocommerce-bacs-bank-details .bacs_details li {
  list-style: none !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  text-align: center;
  border-right: 1px solid #eee;
  font-size: 12px !important;
  color: #888 !important;
}

.woocommerce-bacs-bank-details .bacs_details li:last-child {
  border-right: 0;
}

.woocommerce-bacs-bank-details .bacs_details li strong {
  display: block;
  margin-top: 6px;
  font-size: 15px !important;
  line-height: 1.45;
  font-weight: 700 !important;
  color: #222 !important;
  letter-spacing: 0;
}

.woocommerce-bacs-bank-details .bacs_details li.bank_name strong {
  color: #004487 !important;
}

.gs-bacs-holder strong {
  color: #222 !important;
}

.gs-bacs-copy-wrap {
  margin-top: 8px;
}

.gs-bacs-copy-btn {
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #333;
  background: #f5f5f5;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  cursor: pointer;
}

.gs-bacs-copy-btn:hover {
  background: #efefef;
}

.gs-bacs-copy-msg {
  margin-top: 6px;
  font-size: 11px;
  color: #4f7a3d;
  display: none;
}

.gs-bacs-copy-msg.is-on {
  display: block;
}

@media (max-width: 767px) {
  .woocommerce-bacs-bank-details .bacs_details {
    grid-template-columns: 1fr;
  }

  .woocommerce-bacs-bank-details .bacs_details li {
    border-right: 0;
    border-bottom: 1px solid #eee;
  }

  .woocommerce-bacs-bank-details .bacs_details li:last-child {
    border-bottom: 0;
  }
}

/* GS CSS Snippet: 11.페이팔 가격표 정리 */
/* GoodScore 페이팔 섹션 - 슬림 & 높이 정렬 버전 */
.gs-paypal-section {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px 0;
    padding: 25px;
    background-color: #fcfcfc;
    border-radius: 12px;
    border: 1px solid #eee;
    align-items: stretch; /* 좌우 박스 높이를 동일하게 맞춤 */
}

/* 좌측 안내 영역 */
.gs-paypal-intro { 
    flex: 1; 
    min-width: 300px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; /* 내용을 세로 가운데 정렬 */
}
.gs-paypal-intro h3 { color: #2b6ff7; font-size: 19px; font-weight: 800; margin-bottom: 10px; }
.gs-paypal-intro p { font-size: 13px; color: #555; line-height: 1.5; margin-bottom: 15px; }

.gs-paypal-steps { list-style: none; padding: 0; margin: 0 0 15px 0; }
.gs-paypal-steps li { font-size: 12px; color: #666; margin-bottom: 6px; padding-left: 18px; position: relative; }
.gs-paypal-steps li::before { content: "•"; position: absolute; left: 0; color: #2b6ff7; }

.gs-important-note { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ccc; font-size: 11px; color: #d93939; line-height: 1.4; }

/* 우측 버튼 리스트 - 더 슬림하게 */
.gs-paypal-list { flex: 1.2; min-width: 320px; }
.gs-slim-row { background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; margin-bottom: 6px; transition: 0.2s; }
.gs-slim-row:hover { border-color: #2b6ff7; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }

.gs-slim-row form { display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; margin: 0; } /* 패딩 줄임 */
.gs-row-title { font-size: 13px; font-weight: 700; color: #333; }
.gs-row-right { display: flex; align-items: center; gap: 12px; }
.gs-row-price { font-size: 14px; font-weight: 800; color: #111; min-width: 60px; text-align: right; }

.gs-row-btn { 
    padding: 5px 12px; background: #222; color: #fff; border: none; 
    border-radius: 4px; font-size: 10px; font-weight: 700; 
    text-transform: uppercase; cursor: pointer;
}
.gs-slim-row:hover .gs-row-btn { background: #2b6ff7; }
.gs-row-vvip { border-left: 4px solid #ffb100; }
.gs-row-vvip .gs-row-btn { background: #ffb100; }

@media (max-width: 768px) { .gs-paypal-section { padding: 20px; } .gs-paypal-intro { min-width: 100%; margin-bottom: 20px; } }