.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-d79225a *//* =========================================================
   KMETA ULTRA PREMIUM CART v3 (Elementor Custom CSS / cart only)
   - 헤더(상품/가격/수량/소계) 정렬/폭 = 본문과 정확히 일치
   - X/썸네일 칼럼 폭/패딩 축소(공간 낭비 제거)
   - 수량 스텝퍼 폭 축소 + 테마 영향 완전 무력화(겹침/안보임 방지)
   - 좌(카트) / 우(합계) 상하 라인 정확히 정렬
   ========================================================= */

:root{
  --k-accent:#1E5BFF;           /* <- 로고 파랑 HEX로 변경 */
  --k-accent-hover:#184EE0;

  --k-silver: rgba(192,192,192,.72);  /* 외곽 라인 */
  --k-hair: rgba(16,17,20,.10);       /* 내부 헤어라인 */
  --k-text:#101114;
  --k-muted: rgba(16,17,20,.58);
  --k-bg:#f6f7f9;

  --k-max:1120px;
  --k-gap:18px;

  --k-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;

  --k-base:14px;
  --k-line:1.35;

  --k-btn-h:44px;
  --k-btn-px:16px;

  /* 수량 영역 더 컴팩트 */
  --k-qty-h:34px;
  --k-qty-w:46px;
}

/* 전체 베이스 */
body.woocommerce-cart{
  background:var(--k-bg);
  color:var(--k-text);
  font-family:var(--k-font);
  font-size:var(--k-base);
  line-height:var(--k-line);
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals{
  width:100% !important;
  max-width:var(--k-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* 테마가 table을 깨는 것 되돌림 */
body.woocommerce-cart .woocommerce table,
body.woocommerce-cart .woocommerce table thead,
body.woocommerce-cart .woocommerce table tbody,
body.woocommerce-cart .woocommerce table tfoot,
body.woocommerce-cart .woocommerce table tr,
body.woocommerce-cart .woocommerce table th,
body.woocommerce-cart .woocommerce table td{
  display:revert !important;
  float:none !important;
  position:static !important;
  flex:none !important;
  grid:none !important;
  transform:none !important;
}

/* =========================================================
   1) 2컬럼 정렬 + 하단 라인 맞춤
   ========================================================= */
@media (min-width: 992px){
  body.woocommerce-cart .woocommerce{
    display:grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: var(--k-gap) !important;
    align-items: stretch !important; /* 상하 라인 맞춤 핵심 */
  }
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals{
    margin:0 !important;
  }
  body.woocommerce-cart form.woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals .cart_totals{
    height:100% !important;
  }
  body.woocommerce-cart .cart-collaterals{
    align-self: stretch !important;
  }
  body.woocommerce-cart .cart-collaterals .cart_totals{
    margin-top: 0 !important;
  }
}

/* 좌/우 박스 공통 */
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals .cart_totals{
  background:#fff !important;
  border:1px solid var(--k-silver) !important;
  border-radius:0 !important;
  box-shadow:0 26px 90px rgba(0,0,0,.10) !important;
  padding:18px !important;
}

@media (max-width: 991px){
  body.woocommerce-cart .cart-collaterals .cart_totals{
    margin-top: var(--k-gap) !important;
  }
}

/* =========================================================
   2) 테이블: 헤더/본문 정렬 완전 일치 + 칼럼 폭 컴팩트화
   ========================================================= */
body.woocommerce-cart .woocommerce table.shop_table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  border:0 !important;
  margin:0 !important;
  background:transparent !important;
  table-layout:fixed !important; /* 흔들림 방지 */
}

body.woocommerce-cart .woocommerce table.shop_table thead th{
  background:rgba(0,0,0,.02) !important;
  padding:12px 10px !important;
  border-bottom:1px solid var(--k-hair) !important;
  font-weight:800 !important;
  font-size:12.5px !important;
  letter-spacing:-0.01em !important;
  color:var(--k-text) !important;
  vertical-align:middle !important;
}

body.woocommerce-cart .woocommerce table.shop_table td{
  padding:14px 10px !important;
  border-top:1px solid var(--k-hair) !important;
  vertical-align:middle !important;
  font-size:13px !important;
  color:var(--k-text) !important;
}

/* ---- 칼럼 폭(헤더+본문 동일 적용) : X/이미지 폭 축소 + 수량 폭 축소 ---- */
body.woocommerce-cart th.product-remove,
body.woocommerce-cart td.product-remove{ width: 22px !important; }

body.woocommerce-cart th.product-thumbnail,
body.woocommerce-cart td.product-thumbnail{ width: 64px !important; }

body.woocommerce-cart th.product-quantity,
body.woocommerce-cart td.product-quantity{ width: 110px !important; } /* 기존 150 -> 110 */

body.woocommerce-cart th.product-price,
body.woocommerce-cart td.product-price{ width: 120px !important; }

body.woocommerce-cart th.product-subtotal,
body.woocommerce-cart td.product-subtotal{ width: 130px !important; }

/* ---- 헤더 정렬을 본문과 똑같이 ---- */
body.woocommerce-cart th.product-name,
body.woocommerce-cart td.product-name{ text-align:left !important; }

body.woocommerce-cart th.product-quantity,
body.woocommerce-cart td.product-quantity{ text-align:center !important; }

body.woocommerce-cart th.product-price,
body.woocommerce-cart td.product-price,
body.woocommerce-cart th.product-subtotal,
body.woocommerce-cart td.product-subtotal{
  text-align:right !important;
  white-space:nowrap !important;
  font-variant-numeric:tabular-nums;
}

/* =========================================================
   3) X(삭제) + 이미지 간격 더 타이트
   ========================================================= */
body.woocommerce-cart td.product-remove{
  padding-left: 6px !important;
  padding-right: 4px !important;
  text-align:center !important;
}
body.woocommerce-cart td.product-thumbnail{
  padding-left: 4px !important;
  padding-right: 8px !important;
}

body.woocommerce-cart a.remove{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  color: rgba(16,17,20,.55) !important;
  border: 1px solid rgba(16,17,20,.12) !important;
  background:#fff !important;
  border-radius:0 !important;
  text-decoration:none !important;
}

body.woocommerce-cart a.remove:hover{
  color:#fff !important;
  background: var(--k-accent) !important;
  border-color: var(--k-accent) !important;
}

body.woocommerce-cart td.product-thumbnail img{
  width: 54px !important;
  height: auto !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:0 !important;
}

/* 상품명 */
body.woocommerce-cart td.product-name a{
  color:var(--k-text) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
  font-size:13px !important;
}
body.woocommerce-cart td.product-name a:hover{
  color:var(--k-accent-hover) !important;
}

/* =========================================================
   4) 수량 스텝퍼: 테마 영향 완전 무력화 + 폭 축소 + 라인 선명
   ========================================================= */
body.woocommerce-cart .woocommerce td.product-quantity{
  overflow: visible !important;
}

/* 수량 컨테이너: 외곽 1px는 컨테이너에 */
body.woocommerce-cart .woocommerce .quantity,
body.woocommerce-cart .woocommerce .product-quantity .quantity{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  overflow: visible !important;

  border: 1px solid var(--k-silver) !important;
  background: #fff !important;
}

/* 겹침 유발하는 absolute/transform 무력화 */
body.woocommerce-cart .woocommerce .quantity *{
  position: static !important;
  float: none !important;
  transform: none !important;
}

/* +/- 버튼(다양한 테마 클래스까지) */
body.woocommerce-cart .woocommerce .quantity .minus,
body.woocommerce-cart .woocommerce .quantity .plus,
body.woocommerce-cart .woocommerce .quantity button.minus,
body.woocommerce-cart .woocommerce .quantity button.plus,
body.woocommerce-cart .woocommerce .quantity .qty-minus,
body.woocommerce-cart .woocommerce .quantity .qty-plus,
body.woocommerce-cart .woocommerce .quantity .qty-button,
body.woocommerce-cart .woocommerce .quantity button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--k-qty-h) !important;
  min-width: var(--k-qty-h) !important;
  height: var(--k-qty-h) !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;              /* 외곽은 컨테이너가 담당 */
  background: transparent !important;
  color: var(--k-text) !important;

  font-family: var(--k-font) !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  line-height: 1 !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;

  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 숫자 input: 가운데 구분선만 1px */
body.woocommerce-cart .woocommerce .quantity .qty,
body.woocommerce-cart .woocommerce .quantity input.qty,
body.woocommerce-cart .woocommerce .quantity input[type="number"]{
  display: inline-block !important;
  width: var(--k-qty-w) !important;
  min-width: var(--k-qty-w) !important;
  height: var(--k-qty-h) !important;

  box-sizing: border-box !important;
  border: 0 !important;
  border-left: 1px solid var(--k-silver) !important;
  border-right: 1px solid var(--k-silver) !important;
  background: transparent !important;

  padding: 0 8px !important;
  margin: 0 !important;

  text-align: center !important;
  font-family: var(--k-font) !important;
  font-weight: 900 !important;
  font-size: 12.5px !important;
  line-height: var(--k-qty-h) !important;

  color: var(--k-text) !important;
  -webkit-text-fill-color: var(--k-text) !important;
  opacity: 1 !important;
  visibility: visible !important;

  box-shadow: none !important;
  outline: 0 !important;

  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield !important;

  z-index: 3 !important;
}

/* 크롬 number 스핀 제거 */
body.woocommerce-cart input[type=number]::-webkit-outer-spin-button,
body.woocommerce-cart input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 가상요소로 덮는 테마 제거 */
body.woocommerce-cart .woocommerce .quantity::before,
body.woocommerce-cart .woocommerce .quantity::after,
body.woocommerce-cart .woocommerce .quantity *::before,
body.woocommerce-cart .woocommerce .quantity *::after{
  content: none !important;
}

/* 자동완성에서도 숫자 유지 */
body.woocommerce-cart .woocommerce .quantity input:-webkit-autofill{
  -webkit-text-fill-color: var(--k-text) !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
}

/* =========================================================
   5) 쿠폰/업데이트: 정렬/높이 통일
   ========================================================= */
body.woocommerce-cart .woocommerce table.shop_table td.actions{
  padding-top:16px !important;
  background:transparent !important;
}

body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  line-height:1 !important;
}

body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon input{
  height: var(--k-btn-h) !important;
  line-height: var(--k-btn-h) !important;
  box-sizing:border-box !important;
  border:1px solid var(--k-silver) !important;
  border-radius:0 !important;
  padding:0 14px !important;
  min-width:240px !important;
  font-weight:700 !important;
  font-size:13px !important;
  color:var(--k-text) !important;
}

/* 버튼: 센터링/고급 타이포 */
body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce input.button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height: var(--k-btn-h) !important;
  line-height: 1 !important;
  box-sizing:border-box !important;

  border-radius:0 !important;
  padding:0 var(--k-btn-px) !important;

  font-family:var(--k-font) !important;
  font-weight:900 !important;
  font-size:13px !important;
  letter-spacing:-0.01em !important;
  white-space:nowrap !important;
  text-align:center !important;
  text-transform:none !important;

  border:1px solid var(--k-accent) !important;
  background:var(--k-accent) !important;
  color:#fff !important;

  box-shadow:0 20px 70px rgba(0,0,0,.22) !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

body.woocommerce-cart .woocommerce a.button:hover,
body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-cart .woocommerce input.button:hover{
  background:var(--k-accent-hover) !important;
  border-color:var(--k-accent-hover) !important;
  box-shadow:0 26px 86px rgba(0,0,0,.26) !important;
  transform:translateY(-1px);
}

/* 보조 버튼(업데이트 등)은 라인 버튼 */
body.woocommerce-cart .woocommerce button.button[name="update_cart"],
body.woocommerce-cart .woocommerce input.button[name="update_cart"]{
  border:1px solid var(--k-silver) !important;
  background:#fff !important;
  color:var(--k-text) !important;
  box-shadow:none !important;
}
body.woocommerce-cart .woocommerce button.button[name="update_cart"]:hover,
body.woocommerce-cart .woocommerce input.button[name="update_cart"]:hover{
  border-color:rgba(16,17,20,.35) !important;
  box-shadow:0 16px 60px rgba(0,0,0,.10) !important;
  background:#fff !important;
}

/* =========================================================
   6) 합계 박스(우측): 타이포/라인 정리
   ========================================================= */
body.woocommerce-cart .cart-collaterals .cart_totals h2{
  margin:0 0 10px !important;
  font-weight:900 !important;
  letter-spacing:-0.01em !important;
  font-size:14px !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals table{
  margin:0 !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals th,
body.woocommerce-cart .cart-collaterals .cart_totals td{
  padding:10px 0 !important;
  border-top:1px solid var(--k-hair) !important;
  vertical-align:middle !important;
  font-size:13px !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals td{
  text-align:right !important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals tr:first-child th,
body.woocommerce-cart .cart-collaterals .cart_totals tr:first-child td{
  border-top:0 !important;
}

/* 모바일 가독성 */
@media (max-width: 860px){
  body.woocommerce-cart .woocommerce table.shop_table{ table-layout:auto !important; }
  body.woocommerce-cart th.product-price,
  body.woocommerce-cart td.product-price,
  body.woocommerce-cart th.product-subtotal,
  body.woocommerce-cart td.product-subtotal{
    text-align:left !important;
  }
}


/* ===== KMETA FIX: 테이블 제목(상품/가격/수량/소계) 중앙 정렬로 단정하게 ===== */

/* 헤더(th)는 중앙 정렬 */
body.woocommerce-cart .woocommerce table.shop_table thead th{
  text-align: center !important;
}

/* 단, "상품" 헤더만 좌측(가독성/고급스러움) */
body.woocommerce-cart .woocommerce table.shop_table thead th.product-name{
  text-align: left !important;
}

/* 본문(td)도 상품만 좌측, 수량은 중앙, 가격/소계는 우측 유지 */
body.woocommerce-cart .woocommerce table.shop_table td.product-name{ text-align:left !important; }
body.woocommerce-cart .woocommerce table.shop_table td.product-quantity{ text-align:center !important; }
body.woocommerce-cart .woocommerce table.shop_table td.product-price,
body.woocommerce-cart .woocommerce table.shop_table td.product-subtotal{ text-align:right !important; }

/* 헤더 글자 자체도 더 단정하게 중앙에 "딱" */
body.woocommerce-cart .woocommerce table.shop_table thead th{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 상품 헤더/본문만 기존 패딩 유지 */
body.woocommerce-cart .woocommerce table.shop_table thead th.product-name{
  padding-left: 10px !important;
  padding-right: 10px !important;
}



/* ===== KMETA FIX: 테이블 전체 “중앙 느낌” 균형 잡기 (여백/정렬/가독성) ===== */

/* 헤더/본문 공통: 좌우 패딩을 동일하게(붙어보이는 문제 해결) */
body.woocommerce-cart .woocommerce table.shop_table thead th,
body.woocommerce-cart .woocommerce table.shop_table td{
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* 헤더는 중앙 정렬 유지 */
body.woocommerce-cart .woocommerce table.shop_table thead th{
  text-align: center !important;
}

/* 가격/소계 헤더도 중앙 느낌 */
body.woocommerce-cart .woocommerce table.shop_table thead th.product-price,
body.woocommerce-cart .woocommerce table.shop_table thead th.product-subtotal{
  text-align: center !important;
}

/* 본문: 가격/소계는 숫자라 우측 정렬이 고급스러움(하지만 너무 붙지 않게 여백 확보됨) */
body.woocommerce-cart .woocommerce table.shop_table td.product-price,
body.woocommerce-cart .woocommerce table.shop_table td.product-subtotal{
  text-align: right !important;
}

/* 수량은 중앙 */
body.woocommerce-cart .woocommerce table.shop_table td.product-quantity{
  text-align: center !important;
}

/* 상품(헤더/본문): 좌측 정렬은 유지하되 “중앙 느낌” 나게 좌측 여백을 더 주고,
   썸네일+상품명 사이 간격도 정리 */
body.woocommerce-cart .woocommerce table.shop_table thead th.product-name{
  text-align: left !important;
  padding-left: 18px !important;
}

body.woocommerce-cart .woocommerce table.shop_table td.product-name{
  text-align: left !important;
  padding-left: 18px !important;  /* 왼쪽으로 쏠린 느낌 제거 */
  padding-right: 18px !important;
}

/* X/썸네일 칼럼도 너무 붙지 않게 최소 여백만 */
body.woocommerce-cart td.product-remove{ padding-left:10px !important; padding-right:6px !important; }
body.woocommerce-cart td.product-thumbnail{ padding-left:6px !important; padding-right:12px !important; }/* End custom CSS */