/* ======================================
   Flarumix Shop UI CSS
   ====================================== */

/* CSS 변수 정의 */
/* :root {
    --ui-color-primary: #3a8afd;
    --ui-color-secondary: #f54947;
    --ui-color-success: #37bc9b;
    --ui-color-warning: #ff8b77;
    --ui-color-danger: #ff5252;
    --ui-color-info: #4b8bff;
    
    --ui-color-gray-50: #fafafa;
    --ui-color-gray-100: #f5f5f5;
    --ui-color-gray-200: #e8e8e8;
    --ui-color-gray-300: #d5d9dd;
    --ui-color-gray-400: #b5b5b5;
    --ui-color-gray-500: #8c9eb0;
    --ui-color-gray-600: #707e8b;
    --ui-color-gray-700: #465168;
    --ui-color-gray-800: #364154;
    --ui-color-gray-900: #1e2530;
    
    --ui-color-white: #ffffff;
    --ui-color-black: #000000;
    
    --color-prime: #3a8afd;
    --color-prime-light: rgba(58, 138, 253, 0.1);
} */

/* ======================================
   마이페이지 스타일 
   ====================================== */
/* 공통 카드 박스 스타일 - 마이페이지, 장바구니, 위시리스트, 주문조회에서 사용 */
.shop-wrap .cardBox {border:1px solid var(--ui-color-gray-200); border-radius:12px;} 
.shop-mypage-wrap .cardBox,
.cartWrap .cardBox,
.shop-wishlist-wrap .cardBox,
.shop-orderinquiry-wrap .cardBox {overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-white); transition:all 0.3s ease;}
.shop-mypage-wrap .cardBox:hover,
.cartWrap .cardBox:hover,
.shop-wishlist-wrap .cardBox:hover,
.shop-orderinquiry-wrap .cardBox:hover {border-color:var(--ui-color-gray-300);}

/* 마이페이지 전체 래퍼 */
.shop-mypage-wrap {padding:24px 0;}

/* 프로필 박스 */
.shop-mypage-wrap .profileBox {background:var(--ui-color-white);border-radius:8px;border:1px solid var(--ui-color-gray-200);overflow:hidden;margin-bottom:24px}
.shop-mypage-wrap .profileBox .titleBox {display:flex; justify-content:space-between; align-items:center; padding:20px}
.shop-mypage-wrap .profileBox .profileInfo {display:flex;align-items:center;gap:20px}
.shop-mypage-wrap .profileBox .profileImg {width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--ui-color-gray-200)}
.shop-mypage-wrap .profileBox .profileImg img {width:100%;height:100%;object-fit:cover}
.shop-mypage-wrap .profileBox .contentInfo {flex:1}
.shop-mypage-wrap .profileBox .contentInfo .title {display:block; font-size:20px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:8px}
.shop-mypage-wrap .profileBox .contentInfo .desc {display:flex;align-items:center;gap:12px;color:var(--ui-color-gray-600);font-size:14px}
.shop-mypage-wrap .profileBox .contentInfo .desc .labelBox {display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px}
.shop-mypage-wrap .profileBox .contentInfo .desc .date {display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .profileBox .buttonGroup {display:flex;gap:8px}
.shop-mypage-wrap .profileBox .buttonGroup .button {display:inline-flex;align-items:center;gap:6px}
.shop-mypage-wrap .profileBox .buttonGroup .button.bxicon .text {font-size:13px}
.shop-mypage-wrap .profileBox .buttonGroup .button.bxicon i {font-size:16px}
.shop-mypage-wrap .profileBox .buttonGroup .button.has-badge {position:relative}
.shop-mypage-wrap .profileBox .buttonGroup .button .badge {position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--ui-color-danger);color:var(--ui-color-white);border-radius:10px;font-size:11px;font-weight:600;padding:0 6px}

/* 활동 통계 박스 */
.shop-mypage-wrap .statsBox {margin-bottom:32px}
.shop-mypage-wrap .statsBox .sectionTitle {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.shop-mypage-wrap .statsBox .sectionTitle i {color:var(--color-prime);font-size:20px}
.shop-mypage-wrap .statsBox .statsGrid {display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}
.shop-mypage-wrap .statsBox .statItem {display:flex;align-items:center;gap:16px;padding:20px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;text-decoration:none;transition:all 0.3s}
.shop-mypage-wrap .statsBox .statItem:hover {border-color:var(--color-prime);transform:translateY(-2px)}
.shop-mypage-wrap .statsBox .statItem .statIcon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;flex-shrink:0}
.shop-mypage-wrap .statsBox .statItem .statIcon.points {background:var(--color-prime-light);color:var(--color-prime)}
.shop-mypage-wrap .statsBox .statItem .statIcon.coupon {background:rgba(55, 188, 155, 0.1);color:var(--ui-color-success)}
.shop-mypage-wrap .statsBox .statItem .statIcon.orders {background:rgba(255, 139, 119, 0.1);color:var(--ui-color-warning)}
.shop-mypage-wrap .statsBox .statItem .statIcon.wishlist {background:rgba(255, 82, 82, 0.1);color:var(--ui-color-danger)}
.shop-mypage-wrap .statsBox .statItem .statInfo {flex:1}
.shop-mypage-wrap .statsBox .statItem .statInfo .label {font-size:13px;color:var(--ui-color-gray-600);margin-bottom:4px}
.shop-mypage-wrap .statsBox .statItem .statInfo .value {font-size:20px;font-weight:600;color:var(--ui-color-gray-900)}

/* 최근 활동 박스 */
.shop-mypage-wrap .recentActivityBox {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.shop-mypage-wrap .recentBox .sectionTitle {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.shop-mypage-wrap .recentBox .sectionTitle .titleText {display:flex;align-items:center;gap:8px}
.shop-mypage-wrap .recentBox .sectionTitle .titleText i {color:var(--color-prime);font-size:20px;flex-shrink:0}
.shop-mypage-wrap .recentBox .sectionTitle .viewMore {font-size:14px;font-weight:400;color:var(--color-prime);text-decoration:none;display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}
.shop-mypage-wrap .recentBox .sectionTitle .viewMore:hover {text-decoration:underline}
.shop-mypage-wrap .recentBox .recentList {display:flex;flex-direction:column;gap:12px}

/* 최근 주문내역 아이템 - orderinquiry.sub.php에서 사용 */
.shop-mypage-wrap .recentBox .orderItem {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;padding:16px;transition:all 0.3s}
.shop-mypage-wrap .recentBox .orderItem:last-child {margin-bottom:0}
.shop-mypage-wrap .recentBox .orderItem:hover {border-color:var(--color-prime)}

/* 주문 헤더 */
.shop-mypage-wrap .recentBox .orderItem .orderHeader {display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ui-color-gray-100)}
.shop-mypage-wrap .recentBox .orderItem .orderHeader .orderInfo {display:flex;flex-direction:column;gap:4px}
.shop-mypage-wrap .recentBox .orderItem .orderHeader .orderNumber {font-size:14px;font-weight:600;color:var(--ui-color-gray-900);text-decoration:none}
.shop-mypage-wrap .recentBox .orderItem .orderHeader .orderNumber:hover {color:var(--color-prime)}
.shop-mypage-wrap .recentBox .orderItem .orderHeader .orderDate {font-size:12px;color:var(--ui-color-gray-600);display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .recentBox .orderItem .orderHeader .orderDate i {font-size:14px}

/* 주문 상태 */
.shop-mypage-wrap .recentBox .orderItem .orderStatus {display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.pending {background:rgba(255, 139, 119, 0.1);color:var(--ui-color-warning)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.paid {background:rgba(75, 139, 255, 0.1);color:var(--ui-color-info)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.prepare {background:rgba(255, 184, 77, 0.1);color:#ff8b4d}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.delivery {background:rgba(58, 138, 253, 0.1);color:var(--color-prime)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.complete {background:rgba(55, 188, 155, 0.1);color:var(--ui-color-success)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.cancel {background:rgba(255, 82, 82, 0.1);color:var(--ui-color-danger)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.return {background:rgba(140, 158, 176, 0.1);color:var(--ui-color-gray-600)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.soldout {background:rgba(181, 181, 181, 0.1);color:var(--ui-color-gray-500)}
.shop-mypage-wrap .recentBox .orderItem .orderStatus.etc {background:rgba(140, 158, 176, 0.1);color:var(--ui-color-gray-600)}

/* 주문 내용 */
.shop-mypage-wrap .recentBox .orderItem .orderContent {display:flex;justify-content:space-between;align-items:center}
.shop-mypage-wrap .recentBox .orderItem .orderContent .orderPriceInfo {display:flex;gap:20px}
.shop-mypage-wrap .recentBox .orderItem .orderContent .orderPrice,
.shop-mypage-wrap .recentBox .orderItem .orderContent .orderMisu {display:flex;flex-direction:column;gap:4px}
.shop-mypage-wrap .recentBox .orderItem .orderContent .label {font-size:12px;color:var(--ui-color-gray-600)}
.shop-mypage-wrap .recentBox .orderItem .orderContent .value {font-size:16px;font-weight:600;color:var(--color-prime);display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .recentBox .orderItem .orderContent .value i {font-size:16px}
.shop-mypage-wrap .recentBox .orderItem .orderContent .value.danger {color:var(--ui-color-danger)}

/* 주문 액션 */
.shop-mypage-wrap .recentBox .orderItem .orderActions {margin-left:auto}
.shop-mypage-wrap .recentBox .orderItem .orderActions .button {font-size:13px;padding:6px 12px}

/* 위시리스트 아이템 */
.shop-mypage-wrap .recentBox .wishItem .wishItemInner {display:flex;gap:12px}
.shop-mypage-wrap .recentBox .wishItem .wishImage {position:relative;width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;border:1px solid var(--ui-color-gray-200)}
.shop-mypage-wrap .recentBox .wishItem .wishImage img {width:100%;height:100%;object-fit:cover}
.shop-mypage-wrap .recentBox .wishItem .wishImage .soldoutBadge {position:absolute;top:4px;right:4px;background:var(--ui-color-danger);color:var(--ui-color-white);font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}
.shop-mypage-wrap .recentBox .wishItem .recentInfo {flex:1}
.shop-mypage-wrap .recentBox .wishItem .recentTitle {margin:0 0 8px}
.shop-mypage-wrap .recentBox .wishItem .recentTitle a {color:var(--ui-color-gray-900);text-decoration:none;font-size:14px;font-weight:500;line-height:1.4}
.shop-mypage-wrap .recentBox .wishItem .recentTitle a:hover {color:var(--color-prime)}
.shop-mypage-wrap .recentBox .wishItem .recentMeta {display:flex;align-items:center;gap:12px;font-size:13px}
.shop-mypage-wrap .recentBox .wishItem .recentMeta .price {color:var(--color-prime);font-weight:600;display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .recentBox .wishItem .recentMeta .date {color:var(--ui-color-gray-600);display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .recentBox .wishItem .recentMeta .wishDelete {background:none;border:none;color:var(--ui-color-danger);cursor:pointer;font-size:13px;padding:0;display:flex;align-items:center;gap:4px}
.shop-mypage-wrap .recentBox .wishItem .recentMeta .wishDelete:hover {text-decoration:underline}

/* 빈 박스 */
.shop-mypage-wrap .emptyBox {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px}
.shop-mypage-wrap .emptyBox .emptyContent {padding:40px 20px;text-align:center}
.shop-mypage-wrap .emptyBox .emptyContent i {font-size:48px;color:var(--ui-color-gray-300);margin-bottom:12px;display:block}
.shop-mypage-wrap .emptyBox .emptyContent p {margin:0;color:var(--ui-color-gray-600);font-size:14px}

/* 메뉴 박스 */
.shop-mypage-wrap .menuBox {margin-bottom:32px}
.shop-mypage-wrap .menuBox .sectionTitle {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.shop-mypage-wrap .menuBox .sectionTitle i {color:var(--color-prime);font-size:20px}
.shop-mypage-wrap .menuBox .menuList {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:12px}
.shop-mypage-wrap .menuBox .menuItem {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;text-decoration:none;transition:all 0.3s;display:block}
.shop-mypage-wrap .menuBox .menuItem:hover {border-color:var(--color-prime);transform:translateY(-2px)}
.shop-mypage-wrap .menuBox .menuItem.danger:hover {border-color:var(--ui-color-danger)}
.shop-mypage-wrap .menuBox .menuItem .titleBox {padding:16px;display:flex;align-items:center;justify-content:space-between}
.shop-mypage-wrap .menuBox .menuItem .contentInfo {flex:1}
.shop-mypage-wrap .menuBox .menuItem .contentInfo .title {font-size:15px;font-weight:500;color:var(--ui-color-gray-900);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.shop-mypage-wrap .menuBox .menuItem .contentInfo .title i {font-size:20px;color:var(--ui-color-gray-500)}
.shop-mypage-wrap .menuBox .menuItem:hover .contentInfo .title i {color:var(--color-prime)}
.shop-mypage-wrap .menuBox .menuItem.danger:hover .contentInfo .title i {color:var(--ui-color-danger)}
.shop-mypage-wrap .menuBox .menuItem .contentInfo .title .labelBox {font-size:11px;padding:2px 6px;margin-left:8px}
.shop-mypage-wrap .menuBox .menuItem .contentInfo .desc {font-size:13px;color:var(--ui-color-gray-600);margin:0}
.shop-mypage-wrap .menuBox .menuItem .menuArrow {color:var(--ui-color-gray-400);font-size:20px}
.shop-mypage-wrap .menuBox .menuItem:hover .menuArrow {color:var(--color-prime)}
.shop-mypage-wrap .menuBox .menuItem.danger:hover .menuArrow {color:var(--ui-color-danger)}

/* 반응형 */
@media (max-width: 991px) {
    .shop-mypage-wrap .statsBox .statsGrid {grid-template-columns:repeat(2, 1fr)}
    .shop-mypage-wrap .recentActivityBox {grid-template-columns:1fr}
    .shop-mypage-wrap .menuBox .menuList {grid-template-columns:repeat(2, 1fr)}
}

@media (max-width: 768px) {
    .shop-mypage-wrap {padding:0;margin:20px auto}
    .shop-mypage-wrap .profileBox .titleBox {flex-direction:column;gap:16px}
    .shop-mypage-wrap .profileBox .profileInfo {flex-direction:row}
    .shop-mypage-wrap .profileBox .buttonGroup {width:100%;justify-content:center;flex-wrap:wrap}
    .shop-mypage-wrap .statsBox .statsGrid {grid-template-columns:repeat(2, 1fr);gap:12px}
    .shop-mypage-wrap .statsBox .statItem {padding:16px}
    .shop-mypage-wrap .statsBox .statItem .statIcon {width:40px;height:40px;font-size:20px}
    .shop-mypage-wrap .statsBox .statItem .statInfo .value {font-size:18px}
    .shop-mypage-wrap .menuBox .menuList {grid-template-columns:1fr;gap:8px}
    .shop-mypage-wrap .menuBox .menuItem .titleBox {padding:14px}
}

@media (max-width: 480px) {
    .shop-mypage-wrap .profileBox .profileImg {width:50px;height:50px}
    .shop-mypage-wrap .profileBox .contentInfo .title {font-size:18px}
    /* 주문내역 모바일 스타일 */
    .shop-mypage-wrap .recentBox .orderItem .orderContent {flex-direction:column;gap:12px;align-items:stretch}
    .shop-mypage-wrap .recentBox .orderItem .orderContent .orderPriceInfo {flex-direction:column;gap:12px}
    .shop-mypage-wrap .recentBox .orderItem .orderActions {margin-left:0;margin-top:12px}
    .shop-mypage-wrap .recentBox .orderItem .orderActions .button {width:100%;justify-content:center}
    .shop-mypage-wrap .profileBox .contentInfo .desc {font-size:13px;flex-direction:column;align-items:flex-start;gap:6px}
    .shop-mypage-wrap .profileBox .buttonGroup .button {font-size:13px;padding:8px 12px}
    .shop-mypage-wrap .statsBox .statsGrid {grid-template-columns:1fr}
    .shop-mypage-wrap .statsBox .statItem {flex-direction:row;text-align:left}
    .shop-mypage-wrap .statsBox .statItem .statIcon {width:36px;height:36px;font-size:18px}
    .shop-mypage-wrap .statsBox .statItem .statInfo .label {font-size:12px}
    .shop-mypage-wrap .statsBox .statItem .statInfo .value {font-size:16px}
    .shop-mypage-wrap .menuBox .menuItem .contentInfo .title {font-size:14px}
    .shop-mypage-wrap .menuBox .menuItem .contentInfo .title i {font-size:18px}
    .shop-mypage-wrap .menuBox .menuItem .contentInfo .desc {font-size:12px}
}

/* ======================================
   장바구니 페이지 스타일
   ====================================== */

/* 장바구니 래퍼 */
.cartWrap {padding:24px 0;}
.cartWrap .cardBox {margin-bottom:24px;overflow:hidden;border:1px solid var(--ui-color-gray-200);border-radius:8px;background:var(--ui-color-white)}

/* 진행 단계 */
.cartWrap .progressBox {padding:20px}
.cartWrap .progressBox .progressSteps {display:flex;align-items:center;justify-content:center;position:relative}
.cartWrap .progressBox .progressSteps .step {display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;position:relative;z-index:2}
.cartWrap .progressBox .progressSteps .step .stepIcon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ui-color-gray-100);color:var(--ui-color-gray-500);font-size:24px;transition:all 0.3s}
.cartWrap .progressBox .progressSteps .step.active .stepIcon {background:var(--color-prime);color:var(--ui-color-white)}
.cartWrap .progressBox .progressSteps .step .stepText {font-size:14px;color:var(--ui-color-gray-600);font-weight:500}
.cartWrap .progressBox .progressSteps .step.active .stepText {color:var(--color-prime);font-weight:600}
.cartWrap .progressBox .progressSteps .stepLine {position:absolute;top:24px;width:calc(33.33% - 48px);height:2px;background:var(--ui-color-gray-200);z-index:1}
.cartWrap .progressBox .progressSteps .stepLine:first-of-type {left:calc(16.67% + 24px)}
.cartWrap .progressBox .progressSteps .stepLine:last-of-type {right:calc(16.67% + 24px)}

/* 장바구니 목록 박스 */
.cartWrap .cartListBox .cartHeader {display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:8px 8px 0 0}
.cartWrap .cartListBox .cartHeader .cartSelectAll .opt {display:flex;align-items:center}
.cartWrap .cartListBox .cartHeader .cartActions {display:flex;gap:8px}

/* 장바구니 아이템 리스트 */
.cartWrap .cartListBox .cartItemList {display:flex;flex-direction:column; padding:20px 0;}

/* 장바구니 아이템 */
.cartWrap .cartListBox .cartItemList .cartItem {display:flex;align-items:flex-start;padding:20px;position:relative;transition:all 0.3s}
.cartWrap .cartListBox .cartItemList .cartItem:hover {border-color:var(--ui-color-gray-300)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemCheck {position:absolute;top:20px;left:20px}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent {display:flex;width:100%;padding-left:40px;gap:20px}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemImage {width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--ui-color-gray-200)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemImage img {width:100%;height:100%;object-fit:cover}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo {flex:1}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemName {margin:0 0 12px;font-size:16px;font-weight:600}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemName a {color:var(--ui-color-gray-900);text-decoration:none}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemName a:hover {color:var(--color-prime)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemOptions {padding:12px;background:var(--ui-color-gray-50);border-radius:6px;font-size:14px;color:var(--ui-color-gray-700);margin-bottom:12px}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemOptions .button {margin-top:8px}

/* 상품 상세 정보 */
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail {display:flex;flex-direction:column;gap:8px;min-width:200px;padding:0 20px;border-left:1px solid var(--ui-color-gray-200)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail .detailRow {display:flex;justify-content:space-between;align-items:center;font-size:14px}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail .detailRow .label {color:var(--ui-color-gray-600)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail .detailRow .value {color:var(--ui-color-gray-900);font-weight:500}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail .detailRow .value.point {color:var(--ui-color-warning)}

/* 아이템 합계 */
.cartWrap .cartListBox .cartItemList .cartItem .cartItemTotal {display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:150px;padding-left:20px;border-left:1px solid var(--ui-color-gray-200)}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemTotal .totalLabel {font-size:13px;color:var(--ui-color-gray-600);margin-bottom:4px}
.cartWrap .cartListBox .cartItemList .cartItem .cartItemTotal .totalPrice {font-size:20px;color:var(--color-prime);font-weight:700}

/* 빈 카트 */
.cartWrap .cartListBox .cartItemList .emptyBox {border:none;background:transparent;padding:80px 20px;text-align:center}
.cartWrap .cartListBox .cartItemList .emptyBox .emptyContent {display:flex;flex-direction:column;align-items:center;gap:16px}
.cartWrap .cartListBox .cartItemList .emptyBox .emptyContent i.bx-cart-add {font-size:64px;color:var(--ui-color-gray-300)}
.cartWrap .cartListBox .cartItemList .emptyBox .emptyContent p {margin:0;color:var(--ui-color-gray-600);font-size:16px}

/* 결제 정보 박스 */
.cartWrap .summaryBox {margin-bottom:24px}
.cartWrap .summaryBox .summaryCard {padding:24px}
.cartWrap .summaryBox .summaryCard .summaryTitle {display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:700;color:var(--ui-color-gray-900)}
.cartWrap .summaryBox .summaryCard .summaryTitle i {color:var(--color-prime);font-size:20px}
.cartWrap .summaryBox .summaryCard .summaryContent {display:flex;flex-direction:column;gap:12px}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow {display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow .label {color:var(--ui-color-gray-700);font-size:15px}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow .value {color:var(--ui-color-gray-900);font-size:15px;font-weight:600}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow .value.point {color:var(--ui-color-warning)}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryDivider {height:1px;background:var(--ui-color-gray-200);margin:8px 0}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow.total {padding:12px 0}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow.total .label {font-size:16px;font-weight:600;color:var(--ui-color-gray-900)}
.cartWrap .summaryBox .summaryCard .summaryContent .summaryRow.total .value {font-size:24px;color:var(--color-prime);font-weight:700}

/* 하단 버튼 */
.cartWrap .cartButtons {display:flex;justify-content:center;gap:12px;margin:32px 0}
.cartWrap .cartButtons .naverpayWrap {display:inline-block;margin-left:12px}

/* 옵션 수정 팝업 - 장바구니에서 사용 */
.cartWrap #mod_option_frm {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10000}
.cartWrap .mod_option_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999}

/* 모달박스 - 장바구니 옵션 수정에서 사용 */
.cartWrap .modalBox {background:var(--ui-color-white);border-radius:12px;border:1px solid var(--ui-color-gray-300);overflow:hidden}
.cartWrap .modalBox.w310 {width:310px}
.cartWrap .modalBox.w500 {width:500px}

/* 모달 헤더 */
.cartWrap .modalBox .mbHeader {padding:20px;border-bottom:1px solid var(--ui-color-gray-200);background:var(--ui-color-gray-50)}
.cartWrap .modalBox .mbHeader .title {display:flex;justify-content:space-between;align-items:center}
.cartWrap .modalBox .mbHeader .title h2 {margin:0;font-size:18px;font-weight:600;color:var(--ui-color-gray-900);display:flex;align-items:center;gap:8px}
.cartWrap .modalBox .mbHeader .title h2 i {color:var(--color-prime);font-size:20px}
.cartWrap .modalBox .mbHeader .modalClose {width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-color-gray-200);border-radius:6px;background:var(--ui-color-white);color:var(--ui-color-gray-500);cursor:pointer;transition:all 0.2s}
.cartWrap .modalBox .mbHeader .modalClose:hover {border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-white)}
.cartWrap .modalBox .mbHeader .modalClose i {font-size:20px}

/* 모달 바디 */
.cartWrap .modalBox .mbBody {max-height:500px;overflow-y:auto}
.cartWrap .modalBox .mbBody.bg-clg {background:var(--ui-color-gray-50)}
.cartWrap .modalBox .mbBody .mbBodyContents {padding:20px}

/* 버튼 랩 */
.cartWrap .modalBox .buttonWrap {display:flex;justify-content:center;gap:12px;padding:20px;border-top:1px solid var(--ui-color-gray-200);background:var(--ui-color-gray-50)}
.cartWrap .modalBox .buttonWrap .button.fw {width:100%}

/* 옵션 섹션 */
.cartWrap .modalBox .mbBodyContents .optionSection {margin-bottom:24px}
.cartWrap .modalBox .mbBodyContents .optionSection:last-child {margin-bottom:0}
.cartWrap .modalBox .mbBodyContents .optionSection .optionTitle {margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ui-color-gray-700);display:flex;align-items:center;gap:6px}
.cartWrap .modalBox .mbBodyContents .optionSection .optionContent {background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:6px;padding:12px}

/* 선택된 옵션 리스트 */
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:6px;padding:12px}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added {margin:0;padding:0;list-style:none}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem {display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--ui-color-gray-100);transition:background 0.2s}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem:last-child {border-bottom:none}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem:hover {background:var(--ui-color-gray-50)}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionName {flex:1;font-size:14px;color:var(--ui-color-gray-800)}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl {display:flex;align-items:center;gap:12px}

/* 수량 조절 */
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .quantityControl {display:flex;align-items:center;border:1px solid var(--ui-color-gray-300);border-radius:6px;overflow:hidden}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .quantityControl .qtyBtn {width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--ui-color-gray-100);color:var(--ui-color-gray-600);cursor:pointer;transition:all 0.2s}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .quantityControl .qtyBtn:hover {background:var(--ui-color-gray-200);color:var(--ui-color-gray-800)}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .quantityControl .qtyBtn i {font-size:16px}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .quantityControl .qtyInput {width:50px;height:32px;border:none;text-align:center;font-size:14px;font-weight:600;color:var(--ui-color-gray-900)}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .optionPrice {font-size:14px;color:var(--color-prime);font-weight:600;min-width:80px;text-align:right}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .optionDelete {width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-color-gray-200);border-radius:6px;background:var(--ui-color-white);color:var(--ui-color-danger);cursor:pointer;transition:all 0.2s}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .optionDelete:hover {border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-white)}
.cartWrap .modalBox .mbBodyContents .optionSection .selectedOptions #sit_opt_added .optionItem .optionControl .optionDelete i {font-size:18px}

/* 총 가격 */
.cartWrap .modalBox .mbBodyContents .totalPriceBox {margin-top:16px;padding:16px;background:var(--color-prime-light);border-radius:6px;text-align:right;font-size:16px;font-weight:600;color:var(--color-prime)}

/* 반응형 */
@media (max-width:768px) {
    .cartWrap {}
    .cartWrap .progressBox .progressSteps .step .stepIcon {width:40px; height:40px; font-size:20px}
    .cartWrap .progressBox .progressSteps .step .stepText {font-size:12px}
    .cartWrap .cartListBox .cartHeader {align-items:flex-start; flex-direction:column; gap:12px}
    .cartWrap .cartListBox .cartItemList .cartItem {flex-direction:column;}
    .cartWrap .cartListBox .cartItemList .cartItem .cartItemContent {flex-direction:column; padding-left:30px}
    .cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemImage {width:80px; height:80px}
    .cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemDetail {padding:12px 0 0; border-top:1px solid var(--ui-color-gray-200); border-left:none; min-width:auto}
    .cartWrap .cartListBox .cartItemList .cartItem .cartItemTotal {align-items:flex-start; width:100%; min-width:auto; margin:10px 0 0 30px; padding:12px 0 0; border-top:1px solid var(--ui-color-gray-200); border-left:none;}
    .cartWrap .cartButtons {flex-direction:column}
    .cartWrap .cartButtons .button {width:100%; justify-content:center}
}

@media (max-width:480px) {
    .cartWrap .progressBox {padding:20px 16px}
    .cartWrap .progressBox .progressSteps {gap:8px}
    .cartWrap .progressBox .progressSteps .stepLine {display:none}
    .cartWrap .cartListBox .cartItemList .cartItem {padding:16px}
    .cartWrap .cartListBox .cartItemList .cartItem .cartItemContent .itemInfo .itemName {font-size:14px}
    .cartWrap .summaryBox .summaryCard {padding:16px}
    .cartWrap .summaryBox .summaryCard .summaryTitle {font-size:16px}
}

/* ======================================
   주문서 페이지 스타일 (CSS Override)
   기존 HTML 구조 유지하면서 스타일만 적용
   ====================================== */

/* 주문서 전체 래퍼 */
#sod_frm {max-width:1200px;margin:0 auto;padding:20px}

/* 테이블 스타일 - 주문서, 주문상세에서 사용 */
#sod_frm .tbl_head03 .sod_img,
#sod_fin .tbl_head03 .sod_img {display:inline-block;width:60px;height:60px;border-radius:6px;overflow:hidden;border:1px solid var(--ui-color-gray-200);vertical-align:middle;margin-right:15px}
#sod_frm .tbl_head03 .sod_img img,
#sod_fin .tbl_head03 .sod_img img {width:100%;height:100%;object-fit:cover}
#sod_frm .tbl_head03 .sod_name,
#sod_fin .tbl_head03 .sod_name {display:inline-block;vertical-align:middle}
#sod_frm .tbl_head03 .sod_name b,
#sod_fin .tbl_head03 .sod_name b {font-size:14px;color:var(--ui-color-gray-900)}
#sod_frm .tbl_head03 .sod_name .btnWrap,
#sod_fin .tbl_head03 .sod_name .btnWrap {display:flex; margin-top:10px; gap:4px;}
#sod_frm .tbl_head03 .sod_opt,
#sod_fin .tbl_head03 .sod_opt {font-size:13px;color:var(--ui-color-gray-600);margin-top:5px}

/* 가격 및 포인트 */
#sod_frm .tbl_head03 .total_price,
#sod_fin .tbl_head03 .total_price {color:var(--color-prime);font-weight:600}
#sod_frm .tbl_head03 .td_numbig,
#sod_fin .tbl_head03 .td_numbig {text-align:right}

/* 주문자 정보 섹션 */
#sod_frm .sod_frm_tbl {background:var(--ui-color-white);border-radius:8px;padding:20px;border:1px solid var(--ui-color-gray-200);margin-bottom:30px}
#sod_frm .sod_frm_tbl h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--ui-color-gray-100)}
#sod_frm .sod_frm_tbl table {width:100%}
#sod_frm .sod_frm_tbl th {width:150px;padding:12px 15px;background:var(--ui-color-gray-50);font-size:14px;font-weight:500;color:var(--ui-color-gray-700);text-align:left;border-bottom:1px solid var(--ui-color-gray-100)}
#sod_frm .sod_frm_tbl td {padding:12px 15px;border-bottom:1px solid var(--ui-color-gray-100)}
#sod_frm .sod_frm_tbl input[type="text"],
#sod_frm .sod_frm_tbl input[type="tel"],
#sod_frm .sod_frm_tbl input[type="email"] {padding:8px 12px;border:1px solid var(--ui-color-gray-300);border-radius:4px;font-size:14px;transition:all 0.3s}
#sod_frm .sod_frm_tbl input[type="text"]:focus,
#sod_frm .sod_frm_tbl input[type="tel"]:focus,
#sod_frm .sod_frm_tbl input[type="email"]:focus {border-color:var(--color-prime);outline:2px solid var(--color-prime-light);outline-offset:1px}
#sod_frm .sod_frm_tbl textarea {width:100%;padding:8px 12px;border:1px solid var(--ui-color-gray-300);border-radius:4px;font-size:14px;resize:vertical;transition:all 0.3s}
#sod_frm .sod_frm_tbl textarea:focus {border-color:var(--color-prime);outline:2px solid var(--color-prime-light);outline-offset:1px}

/* 결제 정보 */
#sod_frm #sod_tot_view {background:var(--ui-color-white);border-radius:8px;padding:25px;border:1px solid var(--ui-color-gray-200);margin-bottom:30px}
#sod_frm #sod_tot_view h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:20px}
#sod_frm #sod_tot_view .sod_tot_box {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--ui-color-gray-100)}
#sod_frm #sod_tot_view .sod_tot_box:last-child {border-bottom:none;padding-top:20px;margin-top:10px;border-top:2px solid var(--ui-color-gray-200)}
#sod_frm #sod_tot_view .sod_tot_box dt {font-size:15px;color:var(--ui-color-gray-700)}
#sod_frm #sod_tot_view .sod_tot_box dd {font-size:16px;font-weight:600;color:var(--ui-color-gray-900)}
#sod_frm #sod_tot_view .sod_tot_box dd.price {color:var(--color-prime)}
#sod_frm #sod_tot_view .sod_tot_box:last-child dt {font-size:16px;font-weight:600}
#sod_frm #sod_tot_view .sod_tot_box:last-child dd {font-size:24px;color:var(--color-prime)}

/* 결제 수단 선택 */
#sod_frm #sod_frm_pay {}
#sod_frm #sod_frm_pay h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:20px}
#sod_frm #sod_frm_pay .paysel {display:flex;flex-wrap:wrap;gap:10px}
#sod_frm #sod_frm_pay .paysel input[type="radio"] {display:none}
#sod_frm #sod_frm_pay .paysel label {display:inline-block;padding:10px 20px;border:2px solid var(--ui-color-gray-200);border-radius:6px;font-size:14px;cursor:pointer;transition:all 0.3s}
#sod_frm #sod_frm_pay .paysel input[type="radio"]:checked + label {border-color:var(--color-prime);background:var(--color-prime-light);color:var(--color-prime);font-weight:600}
#sod_frm #sod_frm_pay .paysel label:hover {border-color:var(--color-prime);background:var(--ui-color-gray-50)}

/* 약관 동의 */
#sod_frm #sod_frm_agree {background:var(--ui-color-white);border-radius:8px;padding:25px;border:1px solid var(--ui-color-gray-200);margin-bottom:30px}
#sod_frm #sod_frm_agree h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:20px}
#sod_frm #sod_frm_agree .chk_box {padding:15px;background:var(--ui-color-gray-50);border-radius:6px;margin-bottom:15px}
#sod_frm #sod_frm_agree .chk_box input[type="checkbox"] {margin-right:8px}
#sod_frm #sod_frm_agree .chk_box label {font-size:14px;color:var(--ui-color-gray-700);cursor:pointer}

/* 주문 버튼 */
#sod_frm .sod_frm_btn {text-align:center;padding:30px 0}
#sod_frm .sod_frm_btn .btn_confirm {display:inline-block;padding:15px 50px;background:var(--color-prime);color:var(--ui-color-white);font-size:16px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all 0.3s}
#sod_frm .sod_frm_btn .btn_confirm:hover {background:#2979ff;transform:translateY(-2px);border:1px solid rgba(58, 138, 253, 0.5)}
#sod_frm .sod_frm_btn .btn_cancel {display:inline-block;padding:15px 30px;background:var(--ui-color-gray-100);color:var(--ui-color-gray-700);font-size:16px;border-radius:6px;border:1px solid var(--ui-color-gray-300);cursor:pointer;margin-right:10px;transition:all 0.3s}
#sod_frm .sod_frm_btn .btn_cancel:hover {background:var(--ui-color-gray-200);border-color:var(--ui-color-gray-400)}

/* 쿠폰 버튼 */
#sod_frm .cp_btn {display:inline-block;padding:5px 10px;background:var(--ui-color-success);color:var(--ui-color-white);font-size:12px;border-radius:4px;border:none;cursor:pointer;}
#sod_frm .cp_btn:hover {background:#2ca584}

/* 버튼 래퍼 */
#sod_frm .btnWrap {display:inline-flex;align-items:center;gap:8px}

/* 쿠폰 레이어 팝업 */
.od_coupon_wrap {padding:6px; border:1px solid var(--ui-color-gray-300); border-radius:10px;}
.od_coupon_wrap .od_coupon {position:relative;background:var(--ui-color-white); display:flex;flex-direction:column;animation:slideUp 0.3s ease}

/* 쿠폰 레이어 - 헤더 */
.od_coupon h3 {margin:0 !important; padding:17px 18px !important; border-bottom:1px solid var(--ui-color-gray-200); border-left:0 !important;}

/* 쿠폰 레이어 - 닫기 버튼 (오른쪽 상단) */
.od_coupon #od_coupon_close {position:absolute;top:0px;right:0px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:var(--ui-color-gray-100);color:var(--ui-color-gray-600);cursor:pointer;transition:all 0.2s;z-index:10}
.od_coupon #od_coupon_close:hover {background:var(--ui-color-gray-200);color:var(--ui-color-gray-900);transform:rotate(90deg)}
.od_coupon #od_coupon_close i {font-size:20px}
.od_coupon #od_coupon_close .sound_only {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}

/* 쿠폰 레이어 - 컨텐츠 영역 */
.od_coupon .tbl_wrap {flex:1;overflow-y:auto;padding:0}
.od_coupon .tbl_head02 {margin:0;border:none;background:transparent}
.od_coupon .tbl_head02 table {width:100%;border-collapse:collapse}
.od_coupon .tbl_head02 thead th {position:sticky;top:0;padding:16px 24px;background:var(--ui-color-white);font-size:13px;font-weight:600;color:var(--ui-color-gray-600);text-align:left;border-bottom:2px solid var(--ui-color-gray-100);z-index:10}
.od_coupon .tbl_head02 tbody td {padding:18px 24px;border-bottom:1px solid var(--ui-color-gray-100);font-size:14px;color:var(--ui-color-gray-800);vertical-align:middle}
.od_coupon .tbl_head02 tbody tr:last-child td {border-bottom:none}
.od_coupon .tbl_head02 tbody tr {transition:background 0.15s ease}
.od_coupon .tbl_head02 tbody tr:hover {background:var(--ui-color-gray-50)}

/* 쿠폰 테이블 - 금액 컬럼 */
.od_coupon .tbl_head02 .td_numbig {text-align:right;font-weight:700;color:var(--color-prime);font-size:16px}
.od_coupon .btn_confirm {position:absolute; right:0; padding:14px;}
.od_coupon .btn_confirm .btn_close {font-size:20px;}

/* 쿠폰 테이블 - 적용 버튼 컬럼 */
.od_coupon .tbl_head02 .td_mngsmall {text-align:center}
.od_coupon .od_cp_apply {padding:8px 20px;border:none;border-radius:6px;background:var(--color-prime);color:var(--ui-color-white);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}
.od_coupon .od_cp_apply:hover {background:var(--color-prime);opacity:0.9;transform:translateY(-1px)}
.od_coupon .od_cp_apply.btn_frmline {border:none}

/* 쿠폰 없을 때 메시지 */
.od_coupon > p {padding:60px 24px;text-align:center;color:var(--ui-color-gray-500);font-size:14px;line-height:1.6}

/* 애니메이션 */
@keyframes fadeIn {
    from {opacity:0}
    to {opacity:1}
}
@keyframes slideUp {
    from {opacity:0;transform:translateY(20px)}
    to {opacity:1;transform:translateY(0)}
}

/* 쿠폰 레이어 - 반응형 */
@media (max-width:768px) {
    .od_coupon_wrap .od_coupon {width:95%;max-height:80vh}
    .od_coupon h3 {padding:20px 52px 16px 20px;font-size:16px}
    .od_coupon #od_coupon_close {top:16px;right:16px;width:32px;height:32px}
    .od_coupon #od_coupon_close i {font-size:18px}
    .od_coupon .tbl_head02 thead th {padding:12px 16px;font-size:12px}
    .od_coupon .tbl_head02 tbody td {padding:14px 16px;font-size:13px}
    .od_coupon .tbl_head02 .td_numbig {font-size:15px}
    .od_coupon .od_cp_apply {padding:6px 16px;font-size:12px}
    .od_coupon > p {padding:50px 20px}
}

/* 배송지 목록 팝업 */
#sod_addr.od_coupon .tbl_head02 thead th .optBox {display:inline-flex}
#sod_addr.od_coupon .tbl_head02 thead th .optBox .opt label {display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}
#sod_addr.od_coupon .tbl_head02 thead th .optBox .opt label .text {font-size:13px;font-weight:600;color:var(--ui-color-gray-600)}
#sod_addr.od_coupon .td_sbj {display:flex;align-items:center;gap:12px}
#sod_addr.od_coupon .td_sbj .optBox {display:inline-flex}
#sod_addr.od_coupon .td_sbj input[type="text"] {flex:1;padding:8px 12px;border:1px solid var(--ui-color-gray-300);border-radius:4px;font-size:14px;transition:all 0.2s}
#sod_addr.od_coupon .td_sbj input[type="text"]:focus {border-color:var(--color-prime);outline:none}
#sod_addr.od_coupon .td_name {font-weight:500;color:var(--ui-color-gray-900)}
#sod_addr.od_coupon .td_address {font-size:14px;color:var(--ui-color-gray-700);line-height:1.6}
#sod_addr.od_coupon .ad_tel {font-size:13px;color:var(--ui-color-gray-600)}
#sod_addr.od_coupon .td_mng {text-align:center}
#sod_addr.od_coupon .td_mng .btnWrap {display:inline-flex;gap:6px;margin-bottom:12px}
#sod_addr.od_coupon .td_mng .optBox {display:inline-flex;justify-content:center;margin-top:8px}
#sod_addr.od_coupon .td_mng .optBox .opt label {display:flex;align-items:center;gap:6px;margin:0;cursor:pointer}
#sod_addr.od_coupon .td_mng .optBox .opt label .text {font-size:13px;color:var(--ui-color-gray-700)}
#sod_addr.od_coupon .addr_footer {display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 24px;border-top:1px solid var(--ui-color-gray-200)}

/* 배송지 목록 - 페이징 */
#sod_addr ~ .pg_wrap {position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:10000}

/* 배송지 목록 - 반응형 */
@media (max-width:768px) {
    #sod_addr.od_coupon .td_sbj {flex-direction:column;align-items:flex-start;gap:8px}
    #sod_addr.od_coupon .td_mng .btnWrap {flex-direction:column;width:100%}
    #sod_addr.od_coupon .td_mng .btnWrap .button {width:100%}
    #sod_addr.od_coupon .addr_footer {flex-direction:column;width:100%}
    #sod_addr.od_coupon .addr_footer .button {width:100%}
}

/* 우편번호 찾기 버튼 */
#sod_frm .btn_address {display:inline-block;padding:8px 15px;background:var(--ui-color-gray-100);color:var(--ui-color-gray-700);font-size:13px;border-radius:4px;border:1px solid var(--ui-color-gray-300);cursor:pointer;margin-left:5px;transition:all 0.3s}
#sod_frm .btn_address:hover {background:var(--ui-color-gray-200);border-color:var(--ui-color-gray-400)}

/* =====================================
   위시리스트 (Wishlist)
===================================== */
.shop-wishlist-wrap {padding:24px 0;}
.shop-wishlist-wrap .titleBox {margin-bottom:30px;text-align:center}
.shop-wishlist-wrap .titleBox h2 {font-size:28px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}
.shop-wishlist-wrap .titleBox h2 i {color:var(--color-prime);font-size:32px}
.shop-wishlist-wrap .titleBox .subtitle {color:var(--ui-color-gray-600);font-size:14px}

/* 위시리스트 헤더 */
.shop-wishlist-wrap .wishlistHeader {display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--ui-color-gray-50);border-radius:8px;margin-bottom:20px; border: 1px solid var(--ui-color-gray-200);}
.shop-wishlist-wrap .wishlistHeader .selectAll {display:flex;align-items:center;gap:8px}
.shop-wishlist-wrap .wishlistHeader .wishCount {font-size:14px;color:var(--ui-color-gray-700)}
.shop-wishlist-wrap .wishlistHeader .wishCount strong {color:var(--color-prime);font-weight:600}

/* 위시리스트 그리드 */
.shop-wishlist-wrap .wishlistGrid {display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:30px}

/* 위시리스트 아이템 - cardBox 클래스 사용 */
.shop-wishlist-wrap .wishItem {position:relative;padding:0;border:1px solid var(--ui-color-gray-200)}
.shop-wishlist-wrap .wishItem:hover {border-color:var(--color-prime)}
.shop-wishlist-wrap .wishItem.soldout {opacity:0.7}

/* 체크박스 */
.shop-wishlist-wrap .wishCheck {position:absolute;top:12px;left:12px;z-index:2}
.shop-wishlist-wrap .wishCheck .opt label {background:var(--ui-color-white);border-radius:4px;border:1px solid var(--ui-color-gray-200);width:24px;height:24px}

/* 이미지 영역 */
.shop-wishlist-wrap .wishImage {position:relative;padding-bottom:100%;overflow:hidden;background:var(--ui-color-gray-50)}
.shop-wishlist-wrap .wishImage img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.shop-wishlist-wrap .wishImage .soldoutOverlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}
.shop-wishlist-wrap .wishImage .soldoutOverlay span {color:var(--ui-color-white);font-size:18px;font-weight:600;letter-spacing:2px}
.shop-wishlist-wrap .wishImage .saleBadge {position:absolute;top:12px;right:12px;background:var(--ui-color-danger);color:var(--ui-color-white-only);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}

/* 상품 정보 */
.shop-wishlist-wrap .wishInfo {padding:16px}
.shop-wishlist-wrap .wishCategory {font-size:12px;color:var(--ui-color-gray-500);margin-bottom:8px}
.shop-wishlist-wrap .wishName {font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.4}
.shop-wishlist-wrap .wishName a {color:var(--ui-color-gray-900);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-wishlist-wrap .wishName a:hover {color:var(--color-prime)}
.shop-wishlist-wrap .wishBasic {font-size:12px;color:var(--ui-color-gray-600);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 가격 */
.shop-wishlist-wrap .wishPrice {margin-bottom:8px}
.shop-wishlist-wrap .wishPrice .original {font-size:12px;color:var(--ui-color-gray-400);text-decoration:line-through;margin-right:8px}
.shop-wishlist-wrap .wishPrice .price {font-size:16px;font-weight:600;color:var(--ui-color-gray-900)}

/* 날짜 */
.shop-wishlist-wrap .wishDate {font-size:12px;color:var(--ui-color-gray-500);display:flex;align-items:center;gap:4px}
.shop-wishlist-wrap .wishDate i {font-size:14px}

/* 액션 버튼 */
.shop-wishlist-wrap .wishActions {padding:0 16px 16px;display:flex;gap:8px}
.shop-wishlist-wrap .wishActions button {flex:1;font-size:12px;padding:8px}
.shop-wishlist-wrap .wishActions button.bxicon i {margin-right:0}

/* 하단 액션 영역 */
.shop-wishlist-wrap .wishlistActions {display:flex;justify-content:center; align-items:center;padding:20px;background:var(--ui-color-gray-50);border-radius:8px}
.shop-wishlist-wrap .wishlistActions .rightActions {display:flex;gap:12px}

/* 빈 위시리스트 */
.shop-wishlist-wrap .emptyWishlist {text-align:center;padding:80px 20px}
.shop-wishlist-wrap .emptyWishlist .emptyIcon {font-size:80px;color:var(--ui-color-gray-300);margin-bottom:20px}
.shop-wishlist-wrap .emptyWishlist h3 {font-size:20px;color:var(--ui-color-gray-700);margin-bottom:8px}
.shop-wishlist-wrap .emptyWishlist p {color:var(--ui-color-gray-500);margin-bottom:24px}

/* 반응형 */
@media (max-width: 768px) {
    .shop-wishlist-wrap {padding:0;}
    .shop-wishlist-wrap .titleBox h2 {font-size:24px}
    .shop-wishlist-wrap .wishlistGrid {grid-template-columns:repeat(2, 1fr);gap:12px}
    .shop-wishlist-wrap .wishlistActions {flex-direction:column;gap:12px}
    .shop-wishlist-wrap .wishlistActions .leftActions,
    .shop-wishlist-wrap .wishlistActions .rightActions {width:100%}
    .shop-wishlist-wrap .wishlistActions .rightActions button {flex:1}
}

@media (max-width: 480px) {
    .shop-wishlist-wrap .wishlistGrid {grid-template-columns:1fr}
    .shop-wishlist-wrap .wishItem {display:flex;align-items:flex-start;gap:12px}
    .shop-wishlist-wrap .wishImage {width:100px;min-width:100px;padding-bottom:100px}
    .shop-wishlist-wrap .wishInfo {flex:1}
    .shop-wishlist-wrap .wishActions {padding:12px;flex-direction:column}
    .shop-wishlist-wrap .wishCheck {top:8px;left:8px}
}

/* ======================================
   주문내역조회 스타일
   ====================================== */

/* 주문내역조회 전체 래퍼 - 원본 구조 사용 */
#sod_v {padding:24px 0}
.shop-orderinquiry-wrap {padding:24px 0}

/* 페이지 헤더 */
.shop-orderinquiry-wrap .pageHeader {margin-bottom:32px;text-align:center}
.shop-orderinquiry-wrap .pageTitle {font-size:28px;font-weight:700;color:var(--ui-color-gray-900);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.shop-orderinquiry-wrap .pageTitle i {color:var(--color-prime);font-size:32px}
.shop-orderinquiry-wrap .pageDesc {font-size:15px;color:var(--ui-color-gray-600);line-height:1.6}

/* 주문 통계 */
.shop-orderinquiry-wrap .orderStats {display:grid;grid-template-columns:repeat(6, 1fr);gap:16px;margin-bottom:32px}
.shop-orderinquiry-wrap .statItem {display:flex;align-items:center;gap:12px;padding:16px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;transition:all 0.3s}
.shop-orderinquiry-wrap .statItem:hover {border-color:var(--color-prime);transform:translateY(-2px)}
.shop-orderinquiry-wrap .statItem .statIcon {width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:22px;flex-shrink:0}
.shop-orderinquiry-wrap .statItem .statIcon.total {background:rgba(58, 138, 253, 0.1);color:var(--color-prime)}
.shop-orderinquiry-wrap .statItem .statIcon.order {background:rgba(255, 139, 119, 0.1);color:var(--ui-color-warning)}
.shop-orderinquiry-wrap .statItem .statIcon.prepare {background:rgba(255, 184, 77, 0.1);color:#ff8b4d}
.shop-orderinquiry-wrap .statItem .statIcon.delivery {background:rgba(75, 139, 255, 0.1);color:var(--ui-color-info)}
.shop-orderinquiry-wrap .statItem .statIcon.complete {background:rgba(55, 188, 155, 0.1);color:var(--ui-color-success)}
.shop-orderinquiry-wrap .statItem .statIcon.cancel {background:rgba(255, 82, 82, 0.1);color:var(--ui-color-danger)}
.shop-orderinquiry-wrap .statItem .statInfo {flex:1}
.shop-orderinquiry-wrap .statItem .statInfo .label {font-size:12px;color:var(--ui-color-gray-600);margin-bottom:4px}
.shop-orderinquiry-wrap .statItem .statInfo .value {font-size:18px;font-weight:600;color:var(--ui-color-gray-900)}

/* 검색 필터 */
.shop-orderinquiry-wrap .searchFilter {padding:20px;margin-bottom:24px}
.shop-orderinquiry-wrap .searchFilter .filterRow {display:flex;align-items:center;gap:16px}
.shop-orderinquiry-wrap .searchFilter .filterGroup {display:flex;align-items:center;gap:12px}
.shop-orderinquiry-wrap .searchFilter .filterLabel {font-size:14px;font-weight:600;color:var(--ui-color-gray-700)}
.shop-orderinquiry-wrap .searchFilter .filterOptions {display:flex;gap:8px}

/* 주문 목록 */
.shop-orderinquiry-wrap .orderList {margin-bottom:32px}

/* 주문 아이템 - orderinquiry.sub.php에서 사용 */
#sod_v .orderItem {margin-bottom:16px;transition:all 0.3s}
#sod_v .orderItem:hover {border-color:var(--color-prime);}
.shop-orderinquiry-wrap .orderItem {margin-bottom:16px;transition:all 0.3s}
.shop-orderinquiry-wrap .orderItem:hover {border-color:var(--color-prime);transform:translateY(-2px)}

/* 주문 헤더 */
#sod_v .orderItem .orderHeader {display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--ui-color-gray-50);border-bottom:1px solid var(--ui-color-gray-200);border-radius: 12px 12px 0 0;}
.shop-orderinquiry-wrap .orderItem .orderHeader {display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--ui-color-gray-50);border-bottom:1px solid var(--ui-color-gray-200)}
#sod_v .orderItem .orderInfo {display:flex;flex-direction:column;gap:4px}
#sod_v .orderItem .orderNumber {font-size:15px;font-weight:600;color:var(--ui-color-gray-900);text-decoration:none}
#sod_v .orderItem .orderNumber:hover {color:var(--color-prime)}
#sod_v .orderItem .orderDate {font-size:13px;color:var(--ui-color-gray-600);display:flex;align-items:center;gap:4px}
#sod_v .orderItem .orderDate i {font-size:14px}
.shop-orderinquiry-wrap .orderItem .orderInfo {display:flex;flex-direction:column;gap:4px}
.shop-orderinquiry-wrap .orderItem .orderNumber {font-size:15px;font-weight:600;color:var(--ui-color-gray-900);text-decoration:none}
.shop-orderinquiry-wrap .orderItem .orderNumber:hover {color:var(--color-prime)}
.shop-orderinquiry-wrap .orderItem .orderDate {font-size:13px;color:var(--ui-color-gray-600);display:flex;align-items:center;gap:4px}
.shop-orderinquiry-wrap .orderItem .orderDate i {font-size:14px}

/* 주문 상태 */
#sod_v .orderItem .orderStatus {display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}
#sod_v .orderItem .orderStatus.pending {background:rgba(255, 139, 119, 0.1);color:var(--ui-color-warning)}
#sod_v .orderItem .orderStatus.paid {background:rgba(75, 139, 255, 0.1);color:var(--ui-color-info)}
#sod_v .orderItem .orderStatus.prepare {background:rgba(255, 184, 77, 0.1);color:#ff8b4d}
#sod_v .orderItem .orderStatus.delivery {background:rgba(58, 138, 253, 0.1);color:var(--color-prime)}
#sod_v .orderItem .orderStatus.complete {background:rgba(55, 188, 155, 0.1);color:var(--ui-color-success)}
#sod_v .orderItem .orderStatus.cancel {background:rgba(255, 82, 82, 0.1);color:var(--ui-color-danger)}
#sod_v .orderItem .orderStatus.return {background:rgba(147, 51, 234, 0.1);color:#9333ea}
#sod_v .orderItem .orderStatus.soldout {background:rgba(107, 114, 128, 0.1);color:#6b7280}

/* 주문 콘텐츠 */
#sod_v .orderItem .orderContent {display:flex;justify-content:space-between;align-items:center;padding:20px}
#sod_v .orderItem .orderPriceInfo {display:flex;gap:32px}
#sod_v .orderItem .orderPrice,
#sod_v .orderItem .orderMisu {display:flex;flex-direction:column;gap:4px}
#sod_v .orderItem .orderPrice .label,
#sod_v .orderItem .orderMisu .label {font-size:12px;color:var(--ui-color-gray-600)}
#sod_v .orderItem .orderPrice .value,
#sod_v .orderItem .orderMisu .value {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);display:flex;align-items:center;gap:2px}
#sod_v .orderItem .orderMisu .value.danger {color:var(--ui-color-danger)}
#sod_v .orderItem .orderActions {margin-left:auto}

/* 빈 주문 목록 */
#sod_v .emptyBox {padding:60px 20px;text-align:center}
#sod_v .emptyBox .emptyContent i {font-size:64px;color:var(--ui-color-gray-300);margin-bottom:16px}
#sod_v .emptyBox .emptyContent p {font-size:16px;color:var(--ui-color-gray-600)}

/* 페이징 */
#sod_v .pg_wrap {display:flex;justify-content:center;margin-top:32px}
.shop-orderinquiry-wrap .paging {display:flex;justify-content:center;margin-top:32px}

/* 반응형 디자인 */
@media (max-width: 1200px) {
    .shop-orderinquiry-wrap .orderStats {grid-template-columns:repeat(3, 1fr)}
}

@media (max-width: 768px) {
    .shop-orderinquiry-wrap .orderStats {grid-template-columns:repeat(2, 1fr);gap:12px}
    .shop-orderinquiry-wrap .statItem {padding:12px}
    .shop-orderinquiry-wrap .statItem .statIcon {width:36px;height:36px;font-size:18px}
    .shop-orderinquiry-wrap .statItem .statInfo .label {font-size:11px}
    .shop-orderinquiry-wrap .statItem .statInfo .value {font-size:16px}
    
    .shop-orderinquiry-wrap .pageTitle {font-size:24px}
    .shop-orderinquiry-wrap .pageTitle i {font-size:28px}
    .shop-orderinquiry-wrap .pageDesc {font-size:14px}
    
    .shop-orderinquiry-wrap .searchFilter .filterRow {flex-direction:column;align-items:stretch}
    .shop-orderinquiry-wrap .searchFilter .filterGroup {flex-direction:column;align-items:stretch}
    .shop-orderinquiry-wrap .searchFilter .filterOptions {flex-wrap:wrap}
    .shop-orderinquiry-wrap .searchFilter .filterOptions .button {flex:1;min-width:0}
    
    /* 주문 아이템 모바일 */
    #sod_v .orderItem .orderHeader {padding:12px 16px}
    #sod_v .orderItem .orderContent {flex-direction:column;align-items:stretch;gap:16px;padding:16px}
    #sod_v .orderItem .orderPriceInfo {flex-direction:column;gap:12px}
    #sod_v .orderItem .orderActions {margin-left:0}
    #sod_v .orderItem .orderActions .button {width:100%;justify-content:center}
}

/* ============================================
   상품 리스트 페이지 (list) - 스코프 적용
   ============================================ */


/* ============================================
   쿠폰존 (Coupon Zone) 스타일
   ============================================ */

/* 쿠폰존 래퍼 */
.couponzoneWrap {padding:24px 0;}

/* 쿠폰 섹션 */
.couponzoneWrap .couponSection {margin-bottom:50px}
.couponzoneWrap .couponSection:last-child {margin-bottom:0}

/* 섹션 헤더 */
.couponzoneWrap .sectionHeader {margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--ui-color-gray-100);}
.couponzoneWrap .sectionTitle {font-size:22px;font-weight:700;color:var(--ui-color-gray-900);margin-bottom:8px}
.couponzoneWrap .sectionDesc {font-size:14px;color:var(--ui-color-gray-600)}

/* 쿠폰 리스트 - 그리드 레이아웃 */
.couponzoneWrap .couponList {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px}

/* 쿠폰 아이템 */
.couponzoneWrap .couponItem {position:relative;transition:transform 0.2s}
.couponzoneWrap .couponItem:hover:not(.disabled) {transform:translateY(-2px)}
.couponzoneWrap .couponItem.disabled {opacity:0.6}
.couponzoneWrap .couponItem.disabled .couponAction button {cursor:not-allowed}

/* 쿠폰 컨텐츠 - 세로형 레이아웃 */
.couponzoneWrap .couponContent {display:flex;flex-direction:column;}

/* 쿠폰 상단 영역 (제목, 할인 정보) */
.couponzoneWrap .couponLeft {text-align:center;padding-bottom:20px;border-bottom:1px solid var(--ui-color-gray-100);margin-bottom:16px}
.couponzoneWrap .couponTitle {font-size:16px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:12px;word-break:keep-all}
.couponzoneWrap .couponDiscount {font-size:28px;color:var(--color-prime);margin-bottom:8px}
.couponzoneWrap .couponDiscount strong {font-weight:700}

/* 포인트 정보 */
.couponzoneWrap .couponPoint {font-size:13px;color:var(--ui-color-gray-600);display:flex;align-items:center;justify-content:center;gap:4px}
.couponzoneWrap .couponPoint i {font-size:16px;color:var(--ui-color-warning)}

/* 쿠폰 상세 정보 */
.couponzoneWrap .couponInfo {margin-bottom:16px}
.couponzoneWrap .infoRow {display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid var(--ui-color-gray-50)}
.couponzoneWrap .infoRow:last-child {border-bottom:none}
.couponzoneWrap .infoRow .label {color:var(--ui-color-gray-600)}
.couponzoneWrap .infoRow .value {color:var(--ui-color-gray-900);font-weight:500;text-align:right}

/* 쿠폰 액션 버튼 */
.couponzoneWrap .couponAction {margin-top:auto}

/* 포인트 쿠폰 특별 스타일 */
.couponzoneWrap .couponItem.type-point {border-color:var(--ui-color-warning)}
.couponzoneWrap .couponItem.type-point .couponDiscount {color:var(--ui-color-warning)}

/* 빈 상태 */
.couponzoneWrap .emptyBox {padding:60px 20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:12px;text-align:center}
.couponzoneWrap .emptyContent i {font-size:48px;color:var(--ui-color-gray-400);margin-bottom:16px;display:block}
.couponzoneWrap .emptyContent p {font-size:15px;color:var(--ui-color-gray-600)}

/* 쿠폰존 반응형 디자인 */
@media (max-width: 768px) {
    .couponzoneWrap {}
    .couponzoneWrap .sectionTitle {font-size:18px}
    .couponzoneWrap .couponList {grid-template-columns:1fr;gap:12px}
    .couponzoneWrap .couponContent {flex-direction:column;align-items:stretch;gap:16px}
    .couponzoneWrap .couponInfo {flex:1}
    .couponzoneWrap .couponAction {text-align:center}
    .couponzoneWrap .couponAction button {width:100%}
}

@media (max-width: 480px) {
    .shop-orderinquiry-wrap .orderStats {grid-template-columns:1fr}
}

/* ============================================
   상품문의 (Item Q&A) 스타일
   ============================================ */

/* 상품문의 래퍼 */
.shop-itemqa-wrap {padding:24px 0;}

/* 검색 영역 */
.shop-itemqa-wrap .searchForm {margin-bottom:30px}
.shop-itemqa-wrap .searchBox {padding:20px}
.shop-itemqa-wrap .searchContent {display:flex;gap:12px;align-items:center}
.shop-itemqa-wrap .searchSelect select {min-width:140px;}
.shop-itemqa-wrap .searchInput {flex:1;position:relative;display:flex;gap:8px}
.shop-itemqa-wrap .searchInput input {flex:1;}
.shop-itemqa-wrap .searchInput button {flex-shrink:0}

/* 문의 목록 */
.shop-itemqa-wrap .qaList {margin-bottom:40px}
.shop-itemqa-wrap .qaItems {display:flex;flex-direction:column;gap:16px}

/* 문의 아이템 */
.shop-itemqa-wrap .qaItem {overflow:hidden}

/* 문의 헤더 - 통합된 레이아웃 */
.shop-itemqa-wrap .qaHeader {display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--ui-color-gray-100)}
.shop-itemqa-wrap .qaLeft {flex-shrink:0}
.shop-itemqa-wrap .productLink {text-decoration:none}
.shop-itemqa-wrap .productImage {width:70px;height:70px}
.shop-itemqa-wrap .productImage img {width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid var(--ui-color-gray-200)}

/* 문의 메인 영역 */
.shop-itemqa-wrap .qaMain {flex:1;min-width:0}
.shop-itemqa-wrap .qaTop {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}
.shop-itemqa-wrap .productName {font-size:13px;color:var(--ui-color-gray-600);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-itemqa-wrap .productName:hover {color:var(--color-prime)}

/* 상태 배지 */
.shop-itemqa-wrap .statusBadge {display:inline-flex;align-items:center;gap:3px;padding:4px 8px;font-size:12px;font-weight:500;border-radius:12px;flex-shrink:0}
.shop-itemqa-wrap .statusBadge.answered {background:var(--ui-color-success);color:var(--ui-color-white)}
.shop-itemqa-wrap .statusBadge.waiting {background:var(--ui-color-gray-200);color:var(--ui-color-gray-700)}
.shop-itemqa-wrap .statusBadge i {font-size:13px}

/* 문의 제목 */
.shop-itemqa-wrap .qaTitle {font-size:15px;font-weight:500;color:var(--ui-color-gray-900);margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:6px;line-height:1.4}
.shop-itemqa-wrap .qaTitle:hover {color:var(--color-prime)}
.shop-itemqa-wrap .qaTitle i {font-size:14px;color:var(--ui-color-warning)}

/* 문의 메타 정보 */
.shop-itemqa-wrap .qaMeta {display:flex;gap:12px;flex-wrap:wrap}
.shop-itemqa-wrap .metaItem {font-size:12px;color:var(--ui-color-gray-500);display:flex;align-items:center;gap:3px}
.shop-itemqa-wrap .metaItem i {font-size:13px}

/* 문의/답변 내용 */
.shop-itemqa-wrap .qaContent {background:var(--ui-color-gray-50);}
.shop-itemqa-wrap .qaQuestion,
.shop-itemqa-wrap .qaAnswer {padding:20px}
.shop-itemqa-wrap .qaAnswer {background:var(--ui-color-white)}

/* Q&A 라벨 */
.shop-itemqa-wrap .qaLabel {display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:12px}
.shop-itemqa-wrap .qaLabel.question {color:var(--ui-color-info)}
.shop-itemqa-wrap .qaLabel.answer {color:var(--ui-color-success)}
.shop-itemqa-wrap .qaLabel i {font-size:18px}

/* Q&A 텍스트 */
.shop-itemqa-wrap .qaText {font-size:14px;line-height:1.6;color:var(--ui-color-gray-800)}
.shop-itemqa-wrap .qaText img {max-width:100%;height:auto;margin:12px 0}

/* 토글 버튼 */
.shop-itemqa-wrap .qaToggle {padding:10px 15px;background:var(--ui-color-gray-50)}
.shop-itemqa-wrap .qaToggle button {display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px}
.shop-itemqa-wrap .qaToggle button i {font-size:16px;transition:transform 0.3s}

/* 빈 상태 */
.shop-itemqa-wrap .emptyBox {padding:80px 20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:12px;text-align:center}
.shop-itemqa-wrap .emptyContent i {font-size:64px;color:var(--ui-color-gray-400);margin-bottom:16px;display:block}
.shop-itemqa-wrap .emptyContent p {font-size:16px;color:var(--ui-color-gray-600)}

/* 페이징 */
.shop-itemqa-wrap .paging {display:flex;justify-content:center;margin-top:40px}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .shop-itemqa-wrap {padding:0;}
    .shop-itemqa-wrap .searchContent {flex-direction:column;align-items:stretch}
    .shop-itemqa-wrap .searchSelect select {width:100%}
    .shop-itemqa-wrap .qaTop {flex-direction:column;align-items:flex-start;gap:8px}
    .shop-itemqa-wrap .productName {max-width:100%}
    .shop-itemqa-wrap .qaMeta {flex-wrap:wrap;gap:12px}
}

/* ======================================
   사용후기 페이지 스타일
   ====================================== */

/* 사용후기 래퍼 */
.shop-itemuse-wrap {padding:24px 0;}

/* 검색 영역 - 문의 페이지와 동일 */
.shop-itemuse-wrap .searchForm {margin-bottom:30px}
.shop-itemuse-wrap .searchBox {padding:20px}
.shop-itemuse-wrap .searchContent {display:flex;gap:12px;align-items:center}
.shop-itemuse-wrap .searchSelect select {min-width:140px}
.shop-itemuse-wrap .searchInput {flex:1;position:relative;display:flex;gap:8px}
.shop-itemuse-wrap .searchInput input {flex:1}
.shop-itemuse-wrap .searchInput button {flex-shrink:0}

/* 리뷰 목록 */
.shop-itemuse-wrap .reviewList {margin-bottom:40px}
.shop-itemuse-wrap .reviewItems {display:flex;flex-direction:column;gap:16px}

/* 리뷰 아이템 */
.shop-itemuse-wrap .reviewItem {overflow:hidden}

/* 리뷰 레이아웃 - 새로운 구조 */
.shop-itemuse-wrap .reviewLayout {display:flex;gap:20px;padding:20px}

/* 왼쪽: 상품 이미지 */
.shop-itemuse-wrap .reviewImage {flex-shrink:0}
.shop-itemuse-wrap .reviewImage img {width:100px;height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--ui-color-gray-200)}
.shop-itemuse-wrap .productLink {text-decoration:none;display:block}

/* 오른쪽: 리뷰 정보 */
.shop-itemuse-wrap .reviewInfo {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}

/* 리뷰 제목 - 첫번째 */
.shop-itemuse-wrap .reviewTitle {font-size:17px;font-weight:600;color:var(--ui-color-gray-900);margin:0 0 12px;line-height:1.4}

/* 리뷰 내용 미리보기 - 두번째 */
.shop-itemuse-wrap .reviewPreview {font-size:14px;color:var(--ui-color-gray-700);line-height:1.7;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}

/* 리뷰 메타 정보 - 세번째 */
.shop-itemuse-wrap .reviewMeta {display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--ui-color-gray-100)}
.shop-itemuse-wrap .metaItem {font-size:13px;color:var(--ui-color-gray-500);display:flex;align-items:center;gap:4px}
.shop-itemuse-wrap .metaItem i {font-size:14px}
.shop-itemuse-wrap .metaItem.hasPhoto {color:var(--color-prime);font-weight:500}

/* 별점 */
.shop-itemuse-wrap .starRating {display:flex;gap:2px;margin-left:auto}
.shop-itemuse-wrap .starRating i {font-size:15px;color:var(--ui-color-warning)}
.shop-itemuse-wrap .starRating .bx-star {color:var(--ui-color-gray-300)}

/* 리뷰 컨텐츠 */
.shop-itemuse-wrap .reviewContent {background:var(--ui-color-gray-50);border-top:1px solid var(--ui-color-gray-200)}
.shop-itemuse-wrap .reviewText {padding:20px;font-size:14px;line-height:1.6;color:var(--ui-color-gray-800)}
.shop-itemuse-wrap .reviewText img {max-width:100%;height:auto;margin:12px 0}

/* 관리자 답변 */
.shop-itemuse-wrap .reviewReply {margin:20px;padding:16px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-left:3px solid var(--color-prime);border-radius:4px}
.shop-itemuse-wrap .replyLabel {display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-prime);margin-bottom:12px}
.shop-itemuse-wrap .replyLabel i {font-size:18px}
.shop-itemuse-wrap .replyTitle {font-size:15px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:8px}
.shop-itemuse-wrap .replyMeta {font-size:12px;color:var(--ui-color-gray-600);margin-bottom:12px;display:flex;align-items:center;gap:4px}
.shop-itemuse-wrap .replyMeta i {font-size:13px}
.shop-itemuse-wrap .replyText {font-size:14px;line-height:1.6;color:var(--ui-color-gray-700)}

/* 토글 버튼 */
.shop-itemuse-wrap .reviewToggle {padding:10px 15px;background:var(--ui-color-gray-50)}
.shop-itemuse-wrap .reviewToggle button {display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px}
.shop-itemuse-wrap .reviewToggle button i {font-size:16px;transition:transform 0.3s}

/* 빈 상태 */
.shop-itemuse-wrap .emptyBox {padding:80px 20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:12px;text-align:center}
.shop-itemuse-wrap .emptyContent i {font-size:64px;color:var(--ui-color-gray-400);margin-bottom:16px;display:block}
.shop-itemuse-wrap .emptyContent p {font-size:16px;color:var(--ui-color-gray-600)}

/* 페이징 */
.shop-itemuse-wrap .paging {display:flex;justify-content:center;margin-top:40px}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .shop-itemuse-wrap {padding:0;}
    .shop-itemuse-wrap .searchContent {flex-direction:column;align-items:stretch}
    .shop-itemuse-wrap .searchSelect select {width:100%}
    .shop-itemuse-wrap .reviewLayout {flex-direction:column;gap:16px}
    .shop-itemuse-wrap .reviewImage img {width:80px;height:80px}
    .shop-itemuse-wrap .reviewMeta {flex-wrap:wrap;gap:8px}
    .shop-itemuse-wrap .starRating {margin-left:0;width:100%;margin-top:8px}
    .shop-itemuse-wrap .reviewThumbs {flex-wrap:wrap}
}

/* ======================================
   제품 상세 페이지 스타일
   ====================================== */

/* 전체 래퍼 */
.shop-item-detail {}

/* 메인 레이아웃 */
.shop-item-detail .itemDetail {display:flex;gap:40px}

/* 이미지 갤러리 */
.shop-item-detail .itemGallery {flex:0 0 500px}
.shop-item-detail .mainImage {position:relative;width:100%; padding:20px; background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.shop-item-detail .mainImage img {width:100%;height:auto; border-radius:8px;}
.shop-item-detail .mainImageLink {display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.shop-item-detail .noImage {max-width:200px;opacity:0.3}

/* 줌 버튼 */
.shop-item-detail .imageZoom {position:absolute;top:15px;right:15px;width:40px;height:40px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s}
.shop-item-detail .imageZoom:hover {background:var(--color-prime);color:var(--ui-color-white);border-color:var(--color-prime)}
.shop-item-detail .imageZoom i {font-size:20px}

/* 썸네일 리스트 */
.shop-item-detail .thumbList {display:flex;gap:10px;margin-top:15px}
.shop-item-detail .thumbItem {width:80px;height:80px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.3s;background:var(--ui-color-white)}
.shop-item-detail .thumbItem img {width:100%;height:100%;object-fit:cover}
.shop-item-detail .thumbItem.active {border-color:var(--color-prime)}
.shop-item-detail .thumbItem:hover {border-color:var(--ui-color-gray-400)}

/* 상품 정보 */
.shop-item-detail .itemInfo {flex:1;min-width:0}

/* 상품 헤더 */
.shop-item-detail .itemHeader {margin-bottom:25px; position:relative;}
.shop-item-detail .itemName {font-size:24px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:10px;line-height:1.4; width: calc(100% - 100px);}
.shop-item-detail .itemDesc {font-size:15px;color:var(--ui-color-gray-600);margin-bottom:15px;line-height:1.5}

/* 평점 및 리뷰 */
.shop-item-detail .itemRating {display:flex;align-items:center;gap:15px;margin-bottom:15px}
.shop-item-detail .starRating {display:flex;align-items:center;gap:2px}
.shop-item-detail .starRating i {font-size:16px;color:var(--ui-color-warning)}
.shop-item-detail .starRating .bx-star {color:var(--ui-color-gray-300)}
.shop-item-detail .ratingScore {margin-left:5px;font-size:14px;font-weight:600;color:var(--ui-color-gray-700)}
.shop-item-detail .reviewCount {font-size:14px;color:var(--ui-color-gray-600)}

/* 액션 버튼 */
.shop-item-detail .itemActions {display:flex;gap:10px;position:absolute;top:0;right:0;}
.shop-item-detail .actionBtn {width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-300);border-radius:8px;cursor:pointer;transition:all 0.3s;position:relative}
.shop-item-detail .actionBtn:hover {background:var(--ui-color-gray-50);border-color:var(--color-prime)}
.shop-item-detail .actionBtn i {font-size:20px;color:var(--ui-color-gray-600)}
.shop-item-detail .actionBtn:hover i {color:var(--color-prime)}
.shop-item-detail .wishBtn.active {background:var(--color-prime);border-color:var(--color-prime)}
.shop-item-detail .wishBtn.active i {color:var(--ui-color-white)}
.shop-item-detail .wishBtn .wishCount {display:flex; justify-content:center; align-items:center; position:absolute; top:-8px; right:-8px; min-width:18px; height:18px; padding:0 4px; border:2px solid var(--ui-color-white); border-radius:9px; background:var(--color-prime); color:var(--ui-color-white); font-size:11px; font-weight:700; line-height:1;}

/* 공유 드롭다운 */
.shop-item-detail .shareDropdown {display:none;position:absolute;top:45px;right:0;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;min-width:200px;z-index:100;overflow:hidden}
.shop-item-detail .shareHeader {padding:12px 15px;font-size:13px;font-weight:600;color:var(--ui-color-gray-900);border-bottom:1px solid var(--ui-color-gray-100)}
.shop-item-detail .shareLinks {padding:10px;text-align:center}
.shop-item-detail .shareLinks a {display:inline-block; margin:5px; padding:6px; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:6px; transition:all 0.3s;}
.shop-item-detail .shareLinks a:hover {transform:scale(1.1);border-color:var(--color-prime)}
.shop-item-detail .shareLinks img {width:100%;height:100%;object-fit:cover}
.shop-item-detail .shareItem {display:flex;align-items:center;gap:8px;padding:10px 15px;color:var(--ui-color-gray-700);text-decoration:none;border-top:1px solid var(--ui-color-gray-100);transition:all 0.3s;font-size:13px}
.shop-item-detail .shareItem:hover {background:var(--ui-color-gray-50);color:var(--color-prime)}
.shop-item-detail .shareItem i {font-size:16px}

/* 가격 정보 */
.shop-item-detail .priceInfo {padding:20px;margin-bottom:20px}
.shop-item-detail .priceRow {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.shop-item-detail .priceRow:last-child {margin-bottom:0}
.shop-item-detail .priceLabel {font-size:14px;color:var(--ui-color-gray-600)}
.shop-item-detail .priceValue {font-size:14px;color:var(--ui-color-gray-800)}
.shop-item-detail .priceRight {display:flex;align-items:center;gap:10px}
.shop-item-detail .custPrice {text-decoration:line-through;color:var(--ui-color-gray-500)}
.shop-item-detail .priceRow.main .mainPrice {font-size:24px;font-weight:700;color:var(--color-prime)}
.shop-item-detail .soldOut {color:var(--ui-color-error)}
.shop-item-detail .telInq {color:var(--ui-color-info)}
.shop-item-detail .discountBadge {display:inline-flex;align-items:center;background:var(--color-prime);color:var(--ui-color-white);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}

/* 상세 정보 */
.shop-item-detail .detailInfo {padding:20px 0;border-top:1px solid var(--ui-color-gray-200);border-bottom:1px solid var(--ui-color-gray-200);margin-bottom:20px}
.shop-item-detail .infoRow {display:flex;align-items:center;margin-bottom:12px}
.shop-item-detail .infoRow:last-child {margin-bottom:0}
.shop-item-detail .infoLabel {flex:0 0 80px;font-size:13px;color:var(--ui-color-gray-600)}
.shop-item-detail .infoValue {flex:1;font-size:13px;color:var(--ui-color-gray-800)}
.shop-item-detail .freeShip {color:var(--color-prime);font-weight:600}
.shop-item-detail .selectBox {padding:5px 10px;border:1px solid var(--ui-color-gray-300);border-radius:4px;font-size:13px}

/* 옵션 섹션 */
.shop-item-detail .optionSection {margin-bottom:20px}
.shop-item-detail .optionTitle {font-size:14px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:10px}
.shop-item-detail .optionSection select {width:100%;padding:10px;border:1px solid var(--ui-color-gray-300);border-radius:8px;font-size:14px;background:var(--ui-color-white)}

/* 선택된 옵션 */
.shop-item-detail .selectedOptions {background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200); padding:15px;border-radius:8px;margin-bottom:20px}
.shop-item-detail .selectedList {margin-top:10px}
.shop-item-detail .selectedItem {display:flex;align-items:center;gap:15px;padding:10px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:6px}
.shop-item-detail .selectedName {flex:1;font-size:14px;color:var(--ui-color-gray-800)}
.shop-item-detail .selectedQty {display:flex;align-items:center;gap:5px}
.shop-item-detail .qtyBtn {width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-300);border-radius:4px;cursor:pointer}
.shop-item-detail .qtyBtn:hover {background:var(--ui-color-gray-50)}
.shop-item-detail .qtyBtn i {font-size:14px}
.shop-item-detail .qtyInput {width:50px;height:30px;text-align:center;border:1px solid var(--ui-color-gray-300);border-radius:4px}
.shop-item-detail .selectedPrice {font-size:14px;font-weight:600;color:var(--ui-color-gray-900)}

/* 총 구매액 */
.shop-item-detail .totalPrice {padding:20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:8px;margin-bottom:20px}
.shop-item-detail #sit_tot_price {display:flex;justify-content:center;align-items:center;gap:10px}
.shop-item-detail #sit_tot_price .tot_tit {font-size:14px;color:var(--ui-color-gray-600);font-weight:500}
.shop-item-detail #sit_tot_price .tot_prc {font-size:24px;font-weight:700;color:var(--color-prime)}

/* 총 구매액 */
.shop-item-detail .totalPrice {display:flex; justify-content:space-between; align-items:center; margin:20px 0; padding:20px; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-gray-50);}
.shop-item-detail .totalPrice .totalLabel {color:var(--ui-color-gray-600); font-size:16px; font-weight:500;}
.shop-item-detail .totalPrice .totalAmount {color:var(--color-prime); font-size:24px; font-weight:700;}

/* 구매 버튼 */
.shop-item-detail .purchaseButtons {display:flex; gap:10px}
/* .shop-item-detail .purchaseButtons .button {flex:1} */
.shop-item-detail .purchaseButtons .button i {margin-right:5px}

/* 네이버페이 버튼 */
.shop-item-detail .naverpay-buttons {margin-top:10px}



/* 반응형 디자인 */
@media (max-width: 1024px) {
    .shop-item-detail .itemDetail {flex-direction:column}
    .shop-item-detail .itemGallery {flex:none;width:100%;}
}

@media (max-width: 768px) {
    .shop-item-detail {padding:10px 0;}
    .shop-item-detail .itemDetail {gap:20px}
    /* .shop-item-detail .mainImage {height:400px} */
    .shop-item-detail .itemName {font-size:20px}
    .shop-item-detail .purchaseButtons {flex-direction:column}
    .shop-item-detail .infoLabel {flex:0 0 70px}
}

/* ======================================
   주문상세내역 스타일
   ====================================== */

/* 주문상세 전체 래퍼 */
#sod_fin {padding:24px 0}

/* 2단 레이아웃 컨테이너 */
#sod_fin .sod_fin_infor {display:flex; gap:30px; margin-top:30px;}
#sod_fin .sod_left {flex:1.8; min-width:0;}
#sod_fin .sod_right {width:400px; flex-shrink:0; position:sticky; top:20px; height:fit-content;}

/* 반응형 - 태블릿/모바일 */
@media (max-width: 1024px) {
    #sod_fin .sod_fin_infor {flex-direction:column;}
    #sod_fin .sod_right {width:100%; position:static;}
    #sod_frm_pay .payment-methods {grid-template-columns:1fr;}
}

@media (max-width: 640px) {
    #sod_frm_pay #sod_frm_pt {flex-direction:column; gap:10px;}
}

/* 주문번호 헤더 */
#sod_fin_no {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;padding:20px;margin-bottom:24px;font-size:16px;color:var(--ui-color-gray-700);text-align:center}
#sod_fin_no strong {font-size:20px;font-weight:600;color:var(--color-prime);margin-left:8px}

/* 섹션 타이틀 */
#sod_fin section h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--color-prime)}

/* 주문금액 섹션 */
#sod_fin_tot ul {list-style:none; padding:0; margin:0;}
#sod_fin_tot ul li {display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--ui-color-gray-100);}
#sod_fin_tot ul li:last-child {border-bottom:none; padding-top:16px; }
#sod_fin_tot ul li span {font-size:14px; color:var(--ui-color-gray-600);}
#sod_fin_tot ul li strong {font-size:14px; color:var(--ui-color-gray-900); font-weight:600;}
#sod_fin_tot ul li:last-child span {font-size:15px; font-weight:600; color:var(--ui-color-gray-900);}
#sod_fin_tot ul li:last-child strong {font-size:18px; color:var(--color-prime); font-weight:700;}

/* 쿠폰 할인 섹션 */
#sod_coupon_info {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:8px; padding:20px; margin-bottom:20px;}
#sod_coupon_info h3 {font-size:16px; font-weight:600; color:var(--ui-color-gray-900); margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid var(--ui-color-gray-100);}
#sod_coupon_info .coupon_tbl table {width:100%;}
#sod_coupon_info .coupon_tbl th {padding:10px 0; font-size:14px; color:var(--ui-color-gray-600); text-align:left; width:100px;}
#sod_coupon_info .coupon_tbl td {padding:10px 0; font-size:14px;}
#sod_coupon_info .coupon_tbl strong {color:var(--color-prime); font-weight:600; margin-right:10px;}
#sod_coupon_info .coupon_tbl .button {display: inline-block; padding:6px 12px; font-size:13px; margin:6px;}

/* 결제수단 섹션 */
#sod_frm_pay {}
/* #sod_frm_pay h3 {font-size:16px; font-weight:600; color:var(--ui-color-gray-900); margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid var(--ui-color-gray-100);} */

/* pay_content 영역 디자인 */
#sod_frm_pay .pay_content {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:8px; padding:20px; margin-top:20px;}
#sod_frm_pay .pay_content fieldset {border:none; padding:0; margin:0;}
#sod_frm_pay .pay_content legend {display:none;}

/* 결제 수단 알림 메시지 - pay_content와 일관된 스타일 */
#sod_frm_pay #sod_frm_pt_alert {position:relative; display:flex; align-items:flex-start; flex-direction: column; padding:14px; background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:8px; margin-bottom:20px; font-size:14px; color:var(--ui-color-gray-700); line-height:1.5;}
#sod_frm_pay #sod_frm_pt_alert strong {font-weight:600; color:var(--ui-color-gray-900);}

/* 결제수단 카드 박스 레이아웃 */
#sod_frm_pay .payment-methods {display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; margin-top:0;}
#sod_frm_pay .payment-methods.optBox {padding:0; background:transparent; border:none;}
#sod_frm_pay .payment-methods legend {display:none;}
#sod_frm_pay .payment-methods .opt {margin:0; position:relative; justify-content:flex-start;}
#sod_frm_pay .payment-methods .opt input[type="radio"] {display:none;}
#sod_frm_pay .payment-methods .opt label {display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:10px; width:100%; background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:10px; cursor:pointer; position:relative; overflow:hidden;}
/* #sod_frm_pay .payment-methods .opt input[type="radio"]:checked + label {background:var(--color-prime); border-color:var(--color-prime);} */
#sod_frm_pay .payment-methods .opt .text {font-size:14px; font-weight:500; color:var(--ui-color-gray-700); display:flex; align-items:center; gap:8px; position:relative; z-index:1;}
/* #sod_frm_pay .payment-methods .opt input[type="radio"]:checked + label .text {color:var(--ui-color-white); font-weight:600;} */

/* 결제 아이콘 스타일 - bx 아이콘 사용 */
#sod_frm_pay .lb_icon {position:relative;}
#sod_frm_pay .lb_icon:before {display:none;}
#sod_frm_pay .opt input[type="radio"]:checked + label .lb_icon:before {background:rgba(255,255,255,0.2); color:var(--ui-color-white);}

/* 일반 결제 수단 bx 아이콘 */
#sod_frm_pay .bank_icon:before {content:'\e925';} /* bx-bank */
#sod_frm_pay .vbank_icon:before {content:'\e951';} /* bx-building-house */
#sod_frm_pay .iche_icon:before {content:'\e8c8';} /* bx-transfer */
#sod_frm_pay .hp_icon:before {content:'\e942';} /* bx-mobile */
#sod_frm_pay .card_icon:before {content:'\e8a1';} /* bx-credit-card */

/* 간편결제 브랜드 아이콘 */
#sod_frm_pay .naverpay_icon:before {content:'N'; background:linear-gradient(135deg, #1EC800, #00D900); color:var(--ui-color-white); font-weight:bold; font-size:16px; font-family:sans-serif; line-height:32px;}
#sod_frm_pay .kakaopay_icon:before {content:'\e977'; color:#FEE500; background:#3C1E1E;} /* bx-chat */
#sod_frm_pay .PAYCO:before,
#sod_frm_pay .PAYNOW:before {content:'\e9dc'; color:#FF1744;} /* bx-wallet */
#sod_frm_pay .KPAY:before {content:'\e977'; color:#002C5F;} /* bx-chat */
#sod_frm_pay .samsungpay_icon:before {content:'\e942'; color:#1428A0;} /* bx-mobile */
#sod_frm_pay .inicis_lpay:before,
#sod_frm_pay .lpay_icon:before {content:'\e9dc'; color:#C60000;} /* bx-wallet */
#sod_frm_pay .inicis_kakaopay:before {content:'\e977'; color:#FEE500; background:#3C1E1E;} /* bx-chat */
#sod_frm_pay .ssgpay_icon:before {content:'\e8c1'; color:#EA002C;} /* bx-shopping-bag */
#sod_frm_pay .skpay_icon:before {content:'\e9dc'; color:#FF6F00;} /* bx-wallet */
#sod_frm_pay .paycopay_icon:before {content:'\e9dc'; color:#FF1744;} /* bx-wallet */

/* 간편결제 선택시 아이콘 스타일 */
#sod_frm_pay .opt input[type="radio"]:checked + label .naverpay_icon:before {background:rgba(30, 200, 0, 0.3); color:var(--ui-color-white);}
#sod_frm_pay .opt input[type="radio"]:checked + label .kakaopay_icon:before {background:rgba(254, 229, 0, 0.3); color:var(--ui-color-white);}
#sod_frm_pay .opt input[type="radio"]:checked + label .PAYCO:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .PAYNOW:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .paycopay_icon:before {color:var(--ui-color-white);}
#sod_frm_pay .opt input[type="radio"]:checked + label .samsungpay_icon:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .KPAY:before {color:var(--ui-color-white);}
#sod_frm_pay .opt input[type="radio"]:checked + label .inicis_lpay:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .lpay_icon:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .ssgpay_icon:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .skpay_icon:before,
#sod_frm_pay .opt input[type="radio"]:checked + label .inicis_kakaopay:before {color:var(--ui-color-white);}

/* 포인트 사용 섹션 */
#sod_frm_pay .sod_frm_point {margin-top:20px; padding:20px; background:var(--ui-color-gray-50); border-radius:8px; border:1px solid var(--ui-color-gray-100);}
#sod_frm_pay .sod_frm_point > div:first-child {display:flex; align-items:center; gap:10px; margin-bottom:15px;}
#sod_frm_pay .sod_frm_point label {font-size:14px; color:var(--ui-color-gray-700); font-weight:500; margin:0; flex-shrink:0;}
#sod_frm_pay .sod_frm_point input[type="text"] {width:120px; padding:8px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; font-size:14px; text-align:right; font-weight:500;}
#sod_frm_pay .sod_frm_point input[type="text"]:focus {border-color:var(--color-prime); outline:2px solid rgba(79, 70, 229, 0.2); outline-offset:1px;}
#sod_frm_pay #sod_frm_pt {display:flex; gap:20px; flex-wrap:wrap;}
#sod_frm_pay #sod_frm_pt span {font-size:13px; color:var(--ui-color-gray-600); display:flex; align-items:center;}
#sod_frm_pay #sod_frm_pt strong {color:var(--ui-color-gray-900); margin:0 5px; font-weight:600;}
#sod_frm_pay #sod_frm_pt em {color:var(--color-prime); font-style:normal; font-weight:700; font-size:14px;}
#sod_frm_pay .max_point_box {padding:4px 8px; background:var(--color-prime-light); border-radius:4px;}

/* 무통장입금 계좌 선택 - pay_content와 동일한 스타일 */
#settle_bank {margin-top:20px; padding:20px; background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:8px;}
#settle_bank .settle_bank_title {font-size:15px; color:var(--ui-color-gray-900); font-weight:600; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--ui-color-gray-100);}
#settle_bank label {font-size:13px; color:var(--ui-color-gray-700); font-weight:500; margin:8px 0; display:block;}
#settle_bank label.sound_only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
#settle_bank select {width:100%; padding:10px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; background:var(--ui-color-white); margin-bottom:16px; font-size:14px; color:var(--ui-color-gray-700); transition:all 0.3s;}
#settle_bank select:focus {border-color:var(--color-prime); outline:2px solid rgba(79, 70, 229, 0.1); outline-offset:1px;}
#settle_bank input[type="text"] {width:100%; max-width:300px; padding:10px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; font-size:14px; color:var(--ui-color-gray-700); transition:all 0.3s;}
#settle_bank input[type="text"]:focus {border-color:var(--color-prime); outline:2px solid rgba(79, 70, 229, 0.1); outline-offset:1px;}
#settle_bank input[type="text"]::placeholder {color:var(--ui-color-gray-400); font-size:13px;}

/* 테이블 스타일 */
#sod_fin .tbl_head03 {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;overflow:hidden;margin-bottom:24px}
#sod_fin .tbl_head03 table {width:100%;border-collapse:collapse}
#sod_fin .tbl_head03 thead tr {background:var(--ui-color-gray-50);border-bottom:1px solid var(--ui-color-gray-200)}
#sod_fin .tbl_head03 th {padding:12px 16px;font-size:13px;font-weight:600;color:var(--ui-color-gray-700);text-align:center;border-right:1px solid var(--ui-color-gray-200)}
#sod_fin .tbl_head03 th:last-child {border-right:none}
#sod_fin .tbl_head03 td {padding:12px 16px;font-size:13px;color:var(--ui-color-gray-700);text-align:center;border-right:1px solid var(--ui-color-gray-100);border-bottom:1px solid var(--ui-color-gray-100)}
#sod_fin .tbl_head03 td.td_prd {text-align:left}
#sod_fin .tbl_head03 td:last-child {border-right:none}
#sod_fin .tbl_head03 tbody tr:last-child td {border-bottom:none}
#sod_fin .tbl_head03 tbody tr:hover {background:var(--ui-color-gray-50)}

/* 상품 이미지 */
#sod_fin .tbl_head03 .sod_img {display:inline-block;width:55px;height:55px;border-radius:4px;overflow:hidden;vertical-align:middle}
#sod_fin .tbl_head03 .sod_img img {width:100%;height:100%;object-fit:cover}

/* 주문 상태 */
#sod_fin .tbl_head03 .sit_status {display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}
#sod_fin .tbl_head03 .sit_status.sit_on {background:rgba(55, 188, 155, 0.1);color:var(--ui-color-success)}
#sod_fin .tbl_head03 .sit_status.sit_cancel {background:rgba(255, 82, 82, 0.1);color:var(--ui-color-danger)}

/* 합계 영역 */
#sod_fin .tbl_head03 tfoot {background:var(--ui-color-gray-50);border-top:2px solid var(--ui-color-gray-200)}
#sod_fin .tbl_head03 tfoot td {padding:16px;font-size:14px;font-weight:600;color:var(--ui-color-gray-900)}

/* 결제 정보 섹션 */
#sod_fin_pay {margin-top:32px}
#sod_fin_pay h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--color-prime)}

/* 배송지 정보 섹션 */
#sod_fin_receiver {margin-top:32px}
#sod_fin_receiver h2 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--color-prime)}

/* 모든 정보 섹션 공통 스타일 */
#sod_fin section {margin-bottom:32px}
#sod_fin section h3 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--color-prime)}

/* 정보 테이블 스타일 (tbl_head01) */
#sod_fin .tbl_head01 {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;overflow:hidden;margin-bottom:24px}
#sod_fin .tbl_head01 table {width:100%;border-collapse:collapse}
#sod_fin .tbl_head01 th {width:140px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--ui-color-gray-700);text-align:left;background:var(--ui-color-gray-50);border-bottom:1px solid var(--ui-color-gray-200);border-right:1px solid var(--ui-color-gray-200)}
#sod_fin .tbl_head01 td {padding:12px 16px;font-size:13px;color:var(--ui-color-gray-700);border-bottom:1px solid var(--ui-color-gray-100)}
#sod_fin .tbl_head01 tbody tr:last-child th,
#sod_fin .tbl_head01 tbody tr:last-child td {border-bottom:none}

/* 배송지 선택 영역 */
#sod_frm_taker .order_choice_place {padding:0;}
#sod_frm_taker .order_choice_place.optBox {display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
/* .order_choice_place .opt {display:flex; align-items:center; padding:12px 16px; background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:8px; transition:all 0.3s; cursor:pointer;}
.order_choice_place .opt:hover {border-color:var(--color-prime); background:var(--ui-color-gray-50);}
.order_choice_place .opt input[type="radio"],
.order_choice_place .opt input[type="checkbox"] {width:18px; height:18px; margin:0 10px 0 0; cursor:pointer;}
.order_choice_place .opt label {flex:1; margin:0; padding:0; cursor:pointer;}
.order_choice_place .opt label .text {color:var(--ui-color-gray-700); font-size:14px; font-weight:500; transition:color 0.3s;}
.order_choice_place .opt:has(input:checked) {background:var(--color-prime-light); border-color:var(--color-prime);}
.order_choice_place .opt:has(input:checked) label .text {color:var(--color-prime); font-weight:600;} */

/* 결제 총액 정보 - ul 리스트 형태 */
#sod_fin section > ul {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;padding:0;margin:0 0 24px 0;list-style:none}
#sod_fin section > ul li {display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--ui-color-gray-100)}
#sod_fin section > ul li:last-child {border-bottom:none}
#sod_fin section > ul li span {font-size:13px;color:var(--ui-color-gray-700)}
#sod_fin section > ul li strong {font-size:14px;font-weight:600;color:var(--ui-color-gray-900)}
#sod_fin section > ul li.sod_fin_tot {background:var(--ui-color-gray-50);font-size:15px}
#sod_fin section > ul li.sod_fin_tot span {font-weight:600;color:var(--ui-color-gray-800)}
#sod_fin section > ul li.sod_fin_tot strong {font-size:16px;color:var(--color-prime)}
#sod_fin section > ul li#alrdy div {margin-top:8px;padding-top:8px;border-top:1px solid var(--ui-color-gray-200);width:100%}
#sod_fin section > ul li#alrdy div p {display:flex;justify-content:space-between;margin:4px 0;font-size:12px;color:var(--ui-color-gray-600)}
#sod_fin section > ul li#alrdy div p .title {margin-right:8px}

/* 결제 방법 섹션 - tbl_head01 스타일 사용 */
#sod_fin_pay {margin-top:32px}
#sod_fin_pay h3 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:16px;padding-left:8px;border-left:3px solid var(--color-prime)}
#sod_fin_pay .tbl_head01 td a {color:var(--color-prime);text-decoration:none;margin-left:8px}
#sod_fin_pay .tbl_head01 td a:hover {text-decoration:underline}

/* 취소사유 입력 */
#sod_fin .cancel_info {margin-top:24px; padding:20px; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-white); font-size:13px; text-align:center;}
#sod_fin .cancel_info h3 {color:var(--ui-color-gray-900); font-size:16px; font-weight:600; margin-bottom:12px}
#sod_fin .cancel_info textarea {width:100%; min-height:100px; padding:12px; border:1px solid var(--ui-color-gray-300); border-radius:4px; font-size:13px; resize:vertical}
#sod_fin .cancel_info textarea:focus {outline:none; border-color:var(--color-prime)}

/* 주문취소 버튼 */
#sod_fin .btn_cancel {background:var(--ui-color-danger);color:var(--ui-color-white)}
#sod_fin .btn_cancel:hover {background:#e74a3b;transform:translateY(-1px)}

/* 결제 총액 ul (sod_bsk_tot2) */
#sod_bsk_tot2 {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;padding:0;margin:24px 0;list-style:none}
#sod_bsk_tot2 li {display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--ui-color-gray-100)}
#sod_bsk_tot2 li:last-child {border-bottom:none}
#sod_bsk_tot2 li span {font-size:13px;color:var(--ui-color-gray-700)}
#sod_bsk_tot2 li strong {font-size:14px;font-weight:600;color:var(--ui-color-gray-900)}
#sod_bsk_tot2 li.sod_fin_tot {background:var(--ui-color-gray-50);font-size:15px}
#sod_bsk_tot2 li.sod_fin_tot span {font-weight:600;color:var(--ui-color-gray-800)}
#sod_bsk_tot2 li.sod_fin_tot strong {font-size:16px;color:var(--color-prime)}

/* 결제 리스트 반응형 */
@media (max-width: 768px) {
    /* 2단 레이아웃 반응형 */
    #sod_fin .sod_fin_infor {flex-direction:column; gap:20px;}
    #sod_fin .sod_left {width:100%;}
    #sod_fin .sod_right {width:100%; position:static;}
    
    /* 결제수단 반응형 */
    #sod_frm_pay .payment-methods {grid-template-columns:1fr;}
    #sod_frm_pay #sod_frm_pt {flex-direction:column; gap:10px;}
    #sod_frm_pay .sod_frm_point > div:first-child {flex-direction:column; align-items:stretch;}
    #sod_frm_pay .sod_frm_point label {margin-bottom:8px;}
    #sod_frm_pay .sod_frm_point input[type="text"] {width:100%; max-width:none;}
    #settle_bank input[type="text"] {width:100%; max-width:none;}
    
    /* 기존 리스트 반응형 */
    #sod_frm_pay ul li {flex-direction:column;align-items:flex-start;gap:8px}
    #sod_frm_pay ul li strong {width:100%}
    #sod_fin section > ul li {flex-direction:column;align-items:flex-start;gap:8px}
    #sod_fin section > ul li span {width:100%}
    #sod_fin section > ul li strong {width:100%;text-align:right}
}

/* 버튼 영역 */
/* #sod_fin .btn_confirm {text-align:center;margin-top:32px;padding-top:32px;border-top:1px solid var(--ui-color-gray-200)}
#sod_fin .btn_confirm .btn {display:inline-block;padding:12px 24px;margin:0 4px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.3s}
#sod_fin .btn_confirm .btn_medium {background:var(--color-prime);color:var(--ui-color-white)}
#sod_fin .btn_confirm .btn_medium:hover {background:#2d6dcc;transform:translateY(-1px)}
#sod_fin .btn_confirm .btn01 {background:var(--ui-color-gray-600);color:var(--ui-color-white)}
#sod_fin .btn_confirm .btn01:hover {background:var(--ui-color-gray-700);transform:translateY(-1px)} */

/* 개인결제 버튼 컨테이너 */
#display_pay_button.btn_confirm {display:flex;justify-content:center;gap:10px;align-items:center;text-align:center;margin-top:32px;padding-top:32px;border-top:1px solid var(--ui-color-gray-200)}

/* 개인결제 결제수단 스타일 */
.personalPayWrap .payment-methods.optBox {display:grid; padding:10px; border:1px solid var(--ui-color-gray-200); border-radius:8px; grid-template-columns:repeat(2, 1fr); gap:12px;}
.personalPayWrap .payment-methods .payment-opt {margin:0; justify-content: flex-start;}
.personalPayWrap .payment-methods .payment-opt label {display:flex;align-items:center;padding:4px;background:var(--color-bg-ui);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all 0.3s}
.personalPayWrap .payment-methods .payment-opt label:hover {background:var(--color-prime-light);border-color:var(--color-prime-light)}
.personalPayWrap .payment-methods .payment-opt input[type="radio"]:checked + label {background:var(--color-prime-light);border-color:var(--color-prime);outline:2px solid var(--color-prime-light);outline-offset:1px}
.personalPayWrap .payment-methods .payment-opt .text {display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-body)}
.personalPayWrap .payment-methods .payment-opt .text i {font-size:20px;color:var(--color-prime)}

/* 상태 설명 섹션 */
#sod_sts_wrap {margin-top:16px;margin-bottom:24px}
#sod_sts_wrap #sod_sts_explan_open {display:inline-block;padding:10px 20px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-300);border-radius:6px;color:var(--ui-color-gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s}
#sod_sts_wrap #sod_sts_explan_open:hover {background:var(--ui-color-gray-50);border-color:var(--color-prime);color:var(--color-prime)}

/* 상태 설명 콘텐츠 */
#sod_sts_explan {display:none;margin-top:16px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:8px;padding:20px}

#sod_sts_explan dl {display:inline-flex; vertical-align:middle; align-items:center; gap:6px; width:25%; margin:6px 0;}
#sod_sts_explan dl dt {font-size:14px;font-weight:600;color:var(--ui-color-gray-900);padding:10px 16px;background:var(--ui-color-gray-50);border-radius:6px; position:relative;padding-left:40px}
#sod_sts_explan dl dt:before {content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-prime)}
#sod_sts_explan dl dd {font-size:13px;color:var(--ui-color-gray-600); line-height:1.6}

/* 반응형 디자인 */
@media (max-width: 768px) {
    #sod_sts_explan dl {width:100%;}
}


/* 닫기 버튼 */
#sod_sts_explan_close {display:block;width:100%;padding:12px; margin-top: 10px;; background:var(--color-prime);border:none;border-radius:6px;color:var(--ui-color-white);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s}

/* 2컬럼 레이아웃 */
#sod_fin .sod_fin_infor {display:flex;gap:30px;margin-top:30px}
#sod_fin .sod_fin_infor .sod_left {flex:1.2}
#sod_fin .sod_fin_infor .sod_right {flex:1}

/* 주문취소 버튼 */
#sod_fin .sod_fin_cancel {margin-top:20px;text-align:right}
#sod_fin .sod_fin_cancel .btn_cancel {padding:12px 30px;background:var(--ui-color-danger);color:var(--ui-color-white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s}

/* 주문취소 팝업 */
#sod_cancel_pop {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}
#sod_cancel_pop .sod_fin_pop {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:var(--ui-color-white);border-radius:12px;padding:30px;width:90%;max-width:450px;border:1px solid var(--ui-color-gray-300);z-index:10001}
#sod_cancel_pop .sod_fin_pop h3 {font-size:18px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:20px}
#sod_cancel_pop .sod_fin_pop .frm_input {width:100%;padding:12px;border:1px solid var(--ui-color-gray-300);border-radius:6px;font-size:14px;margin-bottom:15px}
#sod_cancel_pop .sod_fin_pop .frm_input:focus {outline:none;border-color:var(--color-prime)}
#sod_cancel_pop .sod_fin_pop .btn_frmline {padding:12px 24px;background:var(--color-prime);color:var(--ui-color-white);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s}
#sod_cancel_pop .sod_fin_pop .sod_cls_btn {position:absolute;top:20px;right:20px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;color:var(--ui-color-gray-500);font-size:20px;transition:all 0.3s}
#sod_cancel_pop .sod_fin_pop .sod_cls_btn:hover {color:var(--ui-color-gray-700)}
#sod_cancel_pop .sod_fin_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000}

/* 반응형 디자인 */
@media (max-width: 768px) {
    #sod_fin {padding:0px}
    #sod_fin .sod_fin_infor {flex-direction:column;gap:20px}
    #sod_fin .sod_fin_infor .sod_left {flex:1}
    #sod_fin .sod_fin_infor .sod_right {flex:1}
    #sod_fin_no {font-size:14px;padding:16px}
    #sod_fin_no strong {font-size:18px;display:block;margin-top:8px;margin-left:0}
    #sod_fin .tbl_head03 {overflow-x:auto}
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    #sod_fin .tbl_head03 table {min-width:600px}
    #sod_fin .tbl_head03 th,
    #sod_fin .tbl_head03 td {padding:8px;font-size:12px}
    #sod_fin .tbl_head01 th {width:100px;padding:10px;font-size:12px}
    #sod_fin .tbl_head01 td {padding:10px;font-size:12px}
    #sod_fin section h2,
    #sod_fin section h3 {font-size:16px}
    #sod_fin .btn_confirm .btn {display:block;width:100%;margin:8px 0}
    
    /* 개인결제 모바일 버튼 */
    #display_pay_button.btn_confirm {flex-direction:column;gap:8px}
    #display_pay_button .button {width:100%}

}

/* ======================================
   상품 정보 탭 스타일
   ====================================== */

/* 탭 전체 영역 */
#sit_info {width:100%; margin-top:60px;}
/* 탭 헤더 */
#sit_tab .tab_tit {display:flex; margin-bottom:0; padding:0; border-bottom:1px solid var(--ui-color-gray-200); list-style:none;}
#sit_tab .tab_tit li {margin:0; padding:0; flex:1;}
#sit_tab .tab_tit button {display:flex; justify-content:center; align-items:center; position:relative; width:100%; min-height:66px; padding:18px 20px; border:none; border-bottom:3px solid transparent; background:transparent; color:var(--ui-color-gray-600); font-size:16px; font-weight:500; cursor:pointer; transition:all 0.3s;gap:6px;}
#sit_tab .tab_tit button:hover {background:var(--ui-color-gray-50); color:var(--ui-color-gray-900);}
#sit_tab .tab_tit button.selected {border-bottom-color:var(--color-prime); background:var(--ui-color-white); color:var(--color-prime); font-weight:600;}
/* 탭 카운트 배지 */
#sit_tab .tab_tit .item_use_count,
#sit_tab .tab_tit .item_qa_count {display:inline-flex; justify-content:center; align-items:center; min-width:22px; height:22px; margin-left:4px; padding:0 6px; border-radius:11px; background:var(--ui-color-gray-100); color:var(--ui-color-gray-600); font-size:12px; font-weight:600;}
#sit_tab .tab_tit button.selected .item_use_count,
#sit_tab .tab_tit button.selected .item_qa_count {background:var(--color-prime); color:var(--ui-color-white);}
/* 탭 콘텐츠 */
#sit_tab .tab_con {margin:0; padding:0; list-style:none;}
#sit_tab .tab_con > li {display:none;}
#sit_tab .tab_con > li.active {display:block;}
/* 콘텐츠 제목 */
#sit_tab .contents_tit {margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid var(--ui-color-gray-200);}
#sit_tab .contents_tit span {color:var(--ui-color-gray-900); font-size:20px; font-weight:600;}
#sit_tab h3 {margin:30px 0 20px; color:var(--ui-color-gray-900); font-size:18px; font-weight:600;}
/* 상품 상세설명 */
#sit_inf_explan {padding:20px 0; color:var(--ui-color-gray-700); line-height:1.8;}
#sit_inf_explan img {max-width:100%; height:auto; margin:10px 0;}
/* 상품정보고시 테이블 */
#sit_inf_open {width:100%; font-size:14px; margin-top:20px; border-collapse:collapse;}
#sit_inf_open th {width:180px; padding:15px 20px; border:1px solid var(--ui-color-gray-200); background:var(--ui-color-gray-50); color:var(--ui-color-gray-700); font-weight:500; text-align:left;}
#sit_inf_open td {padding:15px 20px; border:1px solid var(--ui-color-gray-200); color:var(--ui-color-gray-600); line-height:1.6;}
/* 배송/교환 정보 */
#sit_dvr, #sit_ex {margin:20px 0; padding:30px; border:1px solid var(--ui-color-gray-200); border-radius:8px; background:var(--ui-color-gray-50);}
#sit_dvr_contents, #sit_ex_contents {color:var(--ui-color-gray-700); line-height:1.8;}
/* 사용후기, 상품문의 영역 */
#itemuse, #itemqa {padding:20px 0;}
/* ======================================
   관련상품 스타일
   ====================================== */

/* 관련상품 컨테이너 */
#sit_rel {position:relative; margin:40px 0; padding:40px 0; border-top:1px solid var(--ui-color-gray-200); overflow:hidden;}
#sit_rel .sit_rel_title {margin-bottom:35px; color:var(--ui-color-gray-900); font-size:24px; font-weight:700; text-align:center;}

/* bxSlider 래퍼 */
#sit_rel .bx-wrapper {position:relative; margin:0 50px; padding:0; border:0; background:transparent; box-shadow:none;}
#sit_rel .bx-viewport {overflow:hidden !important; border-radius:0;}

/* bxSlider 컨트롤 버튼 */
#sit_rel .bx-controls-direction a {position:absolute; top:50%; display:flex; justify-content:center; align-items:center; width:45px; height:45px; margin-top:-22px; border:2px solid var(--ui-color-gray-300); border-radius:50%; background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:18px; text-decoration:none; transition:all 0.3s; opacity:0.8; z-index:100;}
#sit_rel .bx-controls-direction a:hover {border-color:var(--color-prime); background:var(--color-prime); color:var(--ui-color-white); opacity:1; transform:scale(1.1);}
#sit_rel .bx-prev {left:6px;}
#sit_rel .bx-next {right:6px;}
#sit_rel .bx-controls-direction a.disabled {display:none;}

/* 관련상품 아이템 */
#sit_rel .sct_li {position:relative; height:100%; padding:0 !important; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); overflow:hidden; transition:all 0.3s;}
#sit_rel .sct_li:hover {border-color:var(--color-prime);}

/* 관련상품 이미지 영역 */
#sit_rel .sct_img {position:relative; width:100%; height:200px; overflow:hidden; background:var(--ui-color-gray-50);}
#sit_rel .sct_img a {display:block; width:100%; height:100%;}
#sit_rel .sct_img img {width:100%; height:100%; object-fit:cover; transition:transform 0.3s;}
#sit_rel .sct_li:hover .sct_img img {transform:scale(1.05);}

/* 관련상품 아이콘 (이미지 위에 배치) */
#sit_rel .sct_icon {position:absolute; top:10px; left:10px; display:flex; flex-wrap:wrap; gap:4px; z-index:2;}
#sit_rel .sct_icon span {padding:3px 8px; border-radius:4px; background:rgba(255,255,255,0.95); color:var(--ui-color-gray-700); font-size:11px; font-weight:600; border:1px solid var(--ui-color-gray-200);}
#sit_rel .sct_icon .icon_new {background:var(--ui-color-danger); color:var(--ui-color-white);}
#sit_rel .sct_icon .icon_best {background:var(--color-prime); color:var(--ui-color-white);}
#sit_rel .sct_icon .icon_hot {background:var(--ui-color-warning); color:var(--ui-color-white);}
#sit_rel .sct_icon .icon_sale {background:var(--ui-color-success); color:var(--ui-color-white);}

/* 관련상품 컨텐츠 영역 */
#sit_rel .sct_content {padding:15px;}

/* 관련상품 텍스트 */
#sit_rel .sct_txt {margin-bottom:12px; min-height:42px;}
#sit_rel .sct_txt a {display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; color:var(--ui-color-gray-900); font-size:14px; font-weight:500; line-height:1.5; text-decoration:none; transition:color 0.2s;}
#sit_rel .sct_txt a:hover {color:var(--color-prime);}

/* 관련상품 가격 */
#sit_rel .sct_cost {display:flex; justify-content:space-between;padding-top:12px; border-top:1px solid var(--ui-color-gray-100);}
#sit_rel .sct_cost strike {display:block; margin-bottom:5px; color:var(--ui-color-gray-400); font-size:13px; text-decoration:line-through;}
#sit_rel .sct_cost strong {display:block; color:var(--ui-color-gray-900); font-size:18px; font-weight:700;}
#sit_rel .sct_cost strong span {color:var(--color-prime);}

/* 할인율 표시 */
#sit_rel .sct_discount {display:inline-block; margin-left:8px; padding:2px 6px; border-radius:4px; background:var(--ui-color-danger); color:var(--ui-color-white); font-size:12px; font-weight:600;}

/* 관련상품 없을 때 */
#sit_rel .sct_noitem {padding:60px 20px; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-gray-50); color:var(--ui-color-gray-500); font-size:15px; text-align:center;}

/* 관련상품 반응형 */
@media (max-width: 768px) {
    #sit_rel {margin:40px 0 30px; padding:30px 0;}
    #sit_rel .sit_rel_title {margin-bottom:20px; font-size:20px;}
    #sit_rel .bx-prev {left:-20px;}
    #sit_rel .bx-next {right:-20px;}
    #sit_rel .bx-controls-direction a {width:35px; height:35px; font-size:14px;}
}

/* 탭 반응형 */
@media (max-width:768px) {
    #sit_tab .tab_tit {flex-wrap:wrap;}
    #sit_tab .tab_tit li {flex:1 1 50%;}
    #sit_tab .tab_tit button {padding:15px 10px; font-size:14px;}
    #sit_inf_open th {width:120px; padding:12px 15px; font-size:14px;}
    #sit_inf_open td {padding:12px 15px; font-size:14px;}
}

.relation-slider-wrapper {position:relative;}
.relation-slider-wrapper .swiper {width:100%;}
.relation-slider-wrapper .swiper-slide {width:auto; height:auto;}
.relation-slider-wrapper .sct_li {height:100%;}
.relation-slider-wrapper .swiper-button-prev,
.relation-slider-wrapper .swiper-button-next {top:40%; width:40px; height:40px; border:1px solid var(--board-gray-200, #ddd); border-radius:50%; background:var(--board-white, #fff); box-shadow:0 2px 8px rgba(0,0,0,0.1); transform:translateY(-50%);}
.relation-slider-wrapper .swiper-button-prev:hover,
.relation-slider-wrapper .swiper-button-next:hover {border-color:var(--color-prime, #007bff); background:var(--color-prime, #007bff);}
.relation-slider-wrapper .swiper-button-prev::after,
.relation-slider-wrapper .swiper-button-next::after {display:none;}
.relation-slider-wrapper .swiper-button-prev i,
.relation-slider-wrapper .swiper-button-next i {color:var(--board-gray-700, #333); font-size:24px;}
.relation-slider-wrapper .swiper-button-prev:hover i,
.relation-slider-wrapper .swiper-button-next:hover i {color:var(--board-white, #fff);}
.relation-slider-wrapper .swiper-pagination {position:relative; bottom:0 !important; margin-top:20px;}
.relation-slider-wrapper .swiper-pagination-bullet {width:8px; height:8px; background:var(--board-gray-300, #ccc); opacity:1;}
.relation-slider-wrapper .swiper-pagination-bullet-active {width:24px; border-radius:4px; background:var(--color-prime, #007bff);}
@media (max-width:768px) {
    .relation-slider-wrapper .swiper-button-prev,
    .relation-slider-wrapper .swiper-button-next {width:32px; height:32px;}
    .relation-slider-wrapper .swiper-button-prev i,
    .relation-slider-wrapper .swiper-button-next i {font-size:20px;}
}

/* ======================================
   상품문의 스타일
   ====================================== */

/* 상품문의 컨테이너 */
#sit_qa_list {margin-top:20px;}
/* 상단 버튼 영역 */
#sit_qa_list .sit_qa_top {display:flex; justify-content:flex-end; margin-bottom:20px;}
#sit_qa_list #sit_qa_wbtn {display:flex; gap:8px;}
#sit_qa_list #sit_qa_wbtn a {padding:10px 20px; border-radius:6px; font-size:14px; font-weight:500; text-decoration:none; transition:all 0.3s;}
#sit_qa_list #sit_qa_wbtn .btn02 {border:1px solid var(--color-prime); background:var(--color-prime); color:var(--ui-color-white);}
#sit_qa_list #sit_qa_wbtn .btn01 {border:1px solid var(--ui-color-gray-300); background:var(--ui-color-white); color:var(--ui-color-gray-700);}
#sit_qa_list #sit_qa_wbtn .btn01:hover {border-color:var(--ui-color-gray-400); background:var(--ui-color-gray-50);}
/* 문의 목록 */
#sit_qa_ol {margin:0; padding:0; list-style:none;}
#sit_qa_ol .sit_qa_li {margin-bottom:20px; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); transition:all 0.3s;}
#sit_qa_ol .sit_qa_li:hover {border-color:var(--ui-color-gray-300);}
/* 문의 헤더 */
#sit_qa_ol .sit_qa_header {padding:20px; border-bottom:1px solid var(--ui-color-gray-100); background:var(--ui-color-white); cursor:pointer; transition:background 0.3s;}
#sit_qa_ol .sit_qa_header:hover {background:var(--ui-color-gray-50);}
/* 상태 배지 */
#sit_qa_ol .sit_qa_status {display:inline-block; margin-bottom:12px; padding:4px 10px; border-radius:20px; font-size:12px; font-weight:600;}
#sit_qa_ol .sit_qa_status.sit_qaa_done {background:var(--ui-color-success-light); color:var(--ui-color-success);}
#sit_qa_ol .sit_qa_status.sit_qaa_yet {background:var(--ui-color-gray-100); color:var(--ui-color-gray-600);}
/* 제목 */
#sit_qa_ol .sit_qa_title {margin:0 0 12px; color:var(--ui-color-gray-900); font-size:16px; font-weight:600; line-height:1.4;}
#sit_qa_ol .sit_qa_title img {margin-left:8px; vertical-align:middle;}
/* 메타 정보 */
#sit_qa_ol .sit_qa_meta {display:flex; align-items:center; gap:15px;}
#sit_qa_ol .sit_qa_writer,
#sit_qa_ol .sit_qa_date {display:flex; align-items:center; color:var(--ui-color-gray-500); font-size:13px; gap:4px;}
#sit_qa_ol .sit_qa_writer i,
#sit_qa_ol .sit_qa_date i {font-size:14px;}
/* 토글 아이콘 */
#sit_qa_ol .sit_qa_toggle {margin-left:auto; color:var(--ui-color-gray-400); font-size:18px; transition:transform 0.3s;}
#sit_qa_ol .sit_qa_toggle i {transition:transform 0.3s;}
/* 문의/답변 내용 */
#sit_qa_ol .sit_qa_content {padding:0; animation:slideDown 0.3s ease-out;}
@keyframes slideDown {
    from {opacity:0; transform:translateY(-10px);}
    to {opacity:1; transform:translateY(0);}
}
/* 문의 내용 */
#sit_qa_ol .sit_qa_question {padding:20px; border-bottom:1px solid var(--ui-color-gray-200); background:var(--ui-color-gray-50);}
/* 답변 내용 */
#sit_qa_ol .sit_qa_answer {padding:20px; background:var(--ui-color-white);}
#sit_qa_ol .sit_qa_answer.waiting {background:var(--ui-color-gray-50); opacity:0.7;}
/* Q&A 라벨 */
#sit_qa_ol .qa_label {display:flex; align-items:center; margin-bottom:12px; gap:10px;}
#sit_qa_ol .qa_icon {display:flex; justify-content:center; align-items:center; width:28px; height:28px; border-radius:50%; font-size:16px; font-weight:700;}
#sit_qa_ol .sit_qa_question .qa_icon {background:var(--color-prime); color:var(--ui-color-white);}
#sit_qa_ol .sit_qa_answer .qa_icon {background:var(--ui-color-success); color:var(--ui-color-white);}
#sit_qa_ol .qa_text {color:var(--ui-color-gray-700); font-size:13px; font-weight:600;}
/* Q&A 내용 */
#sit_qa_ol .qa_content {padding-left:38px; color:var(--ui-color-gray-700); font-size:14px; line-height:1.7;}
#sit_qa_ol .qa_content img {max-width:100%; height:auto; margin:10px 0; border-radius:8px;}
/* 수정/삭제 버튼 */
#sit_qa_ol .sit_qa_cmd {display:flex; justify-content:flex-end; padding:10px 20px; border-top:1px solid var(--ui-color-gray-200); background:var(--ui-color-gray-50); gap:8px;}
#sit_qa_ol .sit_qa_cmd a {padding:6px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:13px; text-decoration:none; transition:all 0.2s;}
#sit_qa_ol .sit_qa_cmd a:hover {border-color:var(--ui-color-gray-400); background:var(--ui-color-gray-50); color:var(--ui-color-gray-700);}
/* 빈 상태 */
#sit_qa_list .sit_empty {padding:60px 20px; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-gray-50); color:var(--ui-color-gray-500); font-size:15px; text-align:center;}
/* 페이징 */
#sit_qa_list + .pg_wrap {margin-top:30px; text-align:center;}
/* 상품문의 반응형 */
@media (max-width:768px) {
    #sit_qa_list .sit_qa_top {justify-content:center;}
    #sit_qa_list #sit_qa_wbtn {width:100%;}
    #sit_qa_list #sit_qa_wbtn a {text-align:center; flex:1;}
    #sit_qa_ol .sit_qa_header {padding:15px;}
    #sit_qa_ol .sit_qa_title {font-size:15px;}
    #sit_qa_ol .sit_qa_meta {flex-wrap:wrap; gap:10px;}
    #sit_qa_ol .qa_content {margin-top:10px; padding-left:0;}
}
/* ======================================
   사용후기 목록 스타일
   ====================================== */
/* 사용후기 목록 컨테이너 */
#sit_use_list {}
/* 리뷰 카드 */
#sit_use_list .reviewItem {margin-bottom:20px; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); transition:all 0.3s;}
#sit_use_list .reviewItem:hover {border-color:var(--ui-color-gray-300); transform:translateY(-2px);}
/* 리뷰 헤더 */
#sit_use_list .reviewHeader {display:flex; padding:20px; cursor:pointer; gap:15px;transition:background 0.2s;}
#sit_use_list .reviewHeader:hover {background:var(--ui-color-gray-50);}
#sit_use_list .reviewLeft {flex-shrink:0;}
#sit_use_list .reviewLeft img {width:60px; height:60px; border-radius:8px; object-fit:cover;}
#sit_use_list .reviewMain {min-width:0; flex:1;}
/* 별점 */
#sit_use_list .reviewTop {display:flex; align-items:center; margin-bottom:8px; gap:10px;}
#sit_use_list .starRating {display:flex; gap:2px;}
#sit_use_list .starRating i {color:var(--ui-color-yellow-500); font-size:16px;}
#sit_use_list .starRating i.bx-star {color:var(--ui-color-gray-300);}
/* 리뷰 제목 */
#sit_use_list .reviewTitle {display:-webkit-box; display:box; margin-bottom:8px; overflow:hidden; color:var(--ui-color-gray-900); font-size:16px; font-weight:500; line-height:1.5; line-clamp:2;box-orient:vertical;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
/* 리뷰 메타 정보 */
#sit_use_list .reviewMeta {display:flex; flex-wrap:wrap; color:var(--ui-color-gray-500); font-size:13px; gap:15px;}
#sit_use_list .metaItem {display:flex; align-items:center; gap:4px;}
#sit_use_list .metaItem i {font-size:14px;}
#sit_use_list .metaItem.hasPhoto {color:var(--color-prime); font-weight:500;}
/* 리뷰 내용 영역 */
#sit_use_list .reviewContent {border-top:1px solid var(--ui-color-gray-100); background:var(--ui-color-gray-50);}
#sit_use_list .reviewText {padding:20px; color:var(--ui-color-gray-700); font-size:14px; line-height:1.8;}
#sit_use_list .reviewText img {max-width:100%; height:auto; margin:10px 0; border-radius:8px;}
/* 관리자 답변 */
#sit_use_list .reviewReply {margin-top:1px; padding:20px; border-top:1px solid var(--ui-color-gray-200); background:var(--ui-color-white);}

#sit_use_list .replyText {color:var(--ui-color-gray-700); font-size:14px; line-height:1.7;}
/* 수정/삭제 버튼 */
#sit_use_list .reviewActions {display:flex; justify-content:flex-end; padding:15px 20px; border-top:1px solid var(--ui-color-gray-100); background:var(--ui-color-gray-50); gap:8px;}
#sit_use_list .reviewActions a {padding:6px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:13px; text-decoration:none; transition:all 0.2s;}
#sit_use_list .reviewActions a:hover {border-color:var(--ui-color-gray-400); background:var(--ui-color-gray-50); color:var(--ui-color-gray-700);}
/* 빈 상태 */
#sit_use_list .sit_empty {padding:60px 20px; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-gray-50); color:var(--ui-color-gray-500); font-size:15px; text-align:center;}
#sit_use_list .sit_empty i {display:block; margin-bottom:15px; color:var(--ui-color-gray-400); font-size:48px;}
/* 페이징 */
#sit_use_list .pg_wrap {margin-top:30px; text-align:center;}
/* 사용후기 반응형 */
@media (max-width:768px) {
    #sit_use_list .reviewHeader {padding:15px;}
    #sit_use_list .reviewLeft img {width:50px; height:50px;}
    #sit_use_list .reviewTitle {font-size:15px;}
    #sit_use_list .reviewMeta {font-size:12px; gap:10px;}
    #sit_use_list .reviewText,
    #sit_use_list .replyText {padding:15px; font-size:13px;}
}
/* ======================================
   상품 상세 페이지 사용후기 스타일
   ====================================== */
/* 사용후기 상단 영역 */
#sit_use_list .sit_use_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; padding:20px; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-gray-50);}
#sit_use_list .sit_use_top h4 {margin-bottom:10px; color:var(--ui-color-gray-900); font-size:16px; font-weight:600;}
#sit_use_list .sit_use_top h4 span {margin-left:8px; color:var(--ui-color-gray-600); font-size:14px; font-weight:400;}
#sit_use_list .sit_use_top .sit_star {display:block; height:20px;}
/* 사용후기 버튼 영역 */
#sit_use_list #sit_use_wbtn {display:flex; gap:10px;}
#sit_use_list #sit_use_wbtn a {padding:10px 20px; border-radius:8px; font-size:14px; font-weight:500; text-decoration:none; transition:all 0.3s;}
#sit_use_list .itemuse_form {border:1px solid var(--color-prime); background:var(--color-prime); color:var(--ui-color-white);}
#sit_use_list .itemuse_list {border:1px solid var(--ui-color-gray-300); background:var(--ui-color-white); color:var(--ui-color-gray-700);}
#sit_use_list .itemuse_list:hover {border-color:var(--ui-color-gray-400); background:var(--ui-color-gray-50);}
/* 사용후기 목록 */
#sit_use_ol {margin:0; padding:0; list-style:none;}
#sit_use_ol .sit_use_li {margin-bottom:20px; overflow:hidden; border:1px solid var(--ui-color-gray-200); border-radius:12px; background:var(--ui-color-white); transition:all 0.3s;}
#sit_use_ol .sit_use_li:hover {border-color:var(--ui-color-gray-300);}
/* 리뷰 레이아웃 */
#sit_use_ol .sit_use_layout {display:flex; padding:20px; gap:20px;}
/* 왼쪽:이미지 */
#sit_use_ol .sit_use_image {flex-shrink:0;}
#sit_use_ol .sit_use_image img {width:100px; height:100px; border:1px solid var(--ui-color-gray-200); border-radius:8px; object-fit:cover;}
/* 오른쪽:리뷰 정보 */
#sit_use_ol .sit_use_info {display:flex; flex-direction:column; min-width:0; flex:1;}
/* 1. 제목 */
#sit_use_ol .sit_use_title {margin:0 0 12px; color:var(--ui-color-gray-900); font-size:17px; font-weight:600; line-height:1.4;}
/* 2. 내용 */
#sit_use_ol .sit_use_content {margin-bottom:15px; color:var(--ui-color-gray-700); font-size:14px; line-height:1.7; flex:1;}
#sit_use_ol .sit_use_content img {max-width:100%; height:auto; margin:10px 0; border-radius:8px;}
/* 3. 메타 정보 */
#sit_use_ol .sit_use_meta {display:flex; flex-wrap:wrap; align-items:center; padding-top:12px; border-top:1px solid var(--ui-color-gray-100); gap:15px;}
#sit_use_ol .sit_use_writer,
#sit_use_ol .sit_use_date {display:flex; align-items:center; color:var(--ui-color-gray-500); font-size:13px; gap:4px;}
#sit_use_ol .sit_use_writer i,
#sit_use_ol .sit_use_date i {font-size:14px;}
/* 별점 */
#sit_use_ol .sit_use_star {display:flex; margin-left:auto; gap:2px;}
#sit_use_ol .sit_use_star i {color:var(--ui-color-warning); font-size:15px;}
#sit_use_ol .sit_use_star .fa-star-o {color:var(--ui-color-gray-300);}
/* 수정/삭제 버튼 */
#sit_use_ol .sit_use_cmd {display:flex; justify-content:flex-end; padding:10px 20px; border-top:1px solid var(--ui-color-gray-200); background:var(--ui-color-gray-50); gap:8px;}
#sit_use_ol .sit_use_cmd a {padding:6px 12px; border:1px solid var(--ui-color-gray-300); border-radius:6px; background:var(--ui-color-white); color:var(--ui-color-gray-600); font-size:13px; text-decoration:none; transition:all 0.2s;}
#sit_use_ol .sit_use_cmd a:hover {border-color:var(--ui-color-gray-400); background:var(--ui-color-gray-50); color:var(--ui-color-gray-700);}
/* 답변 영역 */
#sit_use_ol .sit_use_reply {padding:20px; border-top:1px solid var(--ui-color-gray-200); background:var(--ui-color-white);}
#sit_use_ol .use_reply_icon {display:inline-flex; align-items:center; margin-bottom:12px; padding:4px 12px; border-radius:20px; background:var(--color-prime); color:var(--ui-color-white); font-size:12px; font-weight:600;}
#sit_use_ol .use_reply_tit {margin-bottom:8px; color:var(--ui-color-gray-900); font-size:15px; font-weight:500;}
#sit_use_ol .use_reply_name {margin-bottom:12px; color:var(--ui-color-gray-500); font-size:13px;}
#sit_use_ol .use_reply_p {color:var(--ui-color-gray-700); font-size:14px; line-height:1.7;}
/* 페이징 */
#sit_use_list + .pg_wrap {margin-top:30px; text-align:center;}
/* 상품 상세 사용후기 반응형 */
@media (max-width:768px) {
    #sit_use_list .sit_use_top {align-items:flex-start; flex-direction:column; gap:15px;}
    #sit_use_list #sit_use_wbtn {width:100%;}
    #sit_use_list #sit_use_wbtn a {text-align:center; flex:1;}
    #sit_use_ol .sit_use_layout {flex-direction:column; padding:15px; gap:15px;}
    #sit_use_ol .sit_use_image img {width:80px; height:80px;}
    #sit_use_ol .sit_use_title {font-size:16px;}
    #sit_use_ol .sit_use_meta {flex-wrap:wrap; gap:10px;}
    #sit_use_ol .sit_use_star {width:100%; margin-top:8px; margin-left:0;}
}

/* ======================================
   상품 리스트 페이지 스타일
   ====================================== */

/* 전체 래퍼 */
.shop-list-wrap {}
.shop-list-wrap .container {display:block; padding:0;}

/* 네비게이션 (브레드크럼) */
#sct_location {display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0;font-size:13px}
#sct_location .go_home {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:transparent;color:var(--ui-color-gray-500);text-decoration:none;transition:all 0.2s}
#sct_location .go_home:hover {background:var(--ui-color-gray-100);color:var(--ui-color-gray-700)}
#sct_location .go_home i {font-size:14px}
#sct_location .dividing-line {color:var(--ui-color-gray-400);font-size:12px}
#sct_location .shop_hover_selectbox {display:none}
#sct_location.is_list.is_right {justify-content:flex-start}

/* 드롭다운 네비게이션 스타일 */
#sct_location .shop_select_to_html {position:relative;display:inline-block}
#sct_location .shop_select_to_html .category_title {display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:transparent;color:var(--ui-color-gray-600);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}
#sct_location .shop_select_to_html .category_title:hover {background:var(--ui-color-gray-100);color:var(--ui-color-gray-900)}
#sct_location .shop_select_to_html.active .category_title {background:var(--ui-color-gray-100);color:var(--ui-color-gray-900)}
#sct_location .shop_select_to_html .category_title i {font-size:10px;transition:transform 0.2s}
#sct_location .shop_select_to_html.active .category_title i {transform:rotate(180deg)}

/* 드롭다운 메뉴 */
#sct_location .shop_select_to_html .menulist {display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:150px;margin-top:4px;padding:4px 0;border-radius:6px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200)}
#sct_location .shop_select_to_html.active .menulist {display:block}
#sct_location .shop_select_to_html .menulist ul {margin:0;padding:0;list-style:none}
#sct_location .shop_select_to_html .menulist ul.left-border {border-left:1px solid var(--ui-color-gray-100);padding-left:4px;margin-left:4px}
#sct_location .shop_select_to_html .menulist li {margin:0;padding:0}
#sct_location .shop_select_to_html .menulist li a {display:block;padding:6px 12px;color:var(--ui-color-gray-700);font-size:13px;text-decoration:none;transition:all 0.2s}
#sct_location .shop_select_to_html .menulist li a:hover {background:var(--ui-color-gray-50);color:var(--ui-color-gray-900)}
#sct_location .shop_select_to_html .menulist li.selected a {background:var(--ui-color-gray-100);color:var(--color-prime);font-weight:600}
#sct_location .shop_select_to_html .menulist ul.wide {display:inline-block;vertical-align:top}

/* 정렬 및 네비게이션 박스 */
.shop-list-wrap .sortAndNavBox {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid var(--ui-color-gray-100)}
.shop-list-wrap .sortAndNavBox #sct_location {flex:1;margin:0}
.shop-list-wrap .sortAndNavBox #sct_sort {flex-shrink:0;margin:0}

/* 카테고리 헤더 */
.shop-list-wrap .categoryHeader {padding-bottom:20px;border-bottom:1px solid var(--ui-color-gray-200)}
.shop-list-wrap .categoryHeader .titleBox {display:flex;justify-content:space-between;align-items:center}
.shop-list-wrap .categoryHeader .leftArea {display:flex;align-items:center;gap:12px}
.shop-list-wrap .categoryHeader .categoryName {font-size:28px;font-weight:700;color:var(--ui-color-gray-900);margin:0;letter-spacing:-0.5px}
.shop-list-wrap .categoryHeader .categoryInfo {font-size:13px;color:var(--ui-color-gray-500);padding:4px 10px;background:var(--ui-color-gray-50);border-radius:16px}
.shop-list-wrap .categoryHeader .rightArea {display:flex;align-items:center;gap:8px}
.shop-list-wrap .categoryHeader .totalCount {font-size:14px;color:var(--ui-color-gray-600)}
.shop-list-wrap .categoryHeader .totalCount strong {color:var(--ui-color-gray-900);font-weight:600}

/* 카테고리 컨텐츠 박스 */
.shop-list-wrap .categoryContent {margin-bottom:20px;padding:20px;background:var(--ui-color-gray-50);border-radius:8px}
.shop-list-wrap .categoryContent .contentBox {padding:0}

/* 하위 카테고리 박스 */
.shop-list-wrap .subCategoryBox {margin-bottom:24px}
.shop-list-wrap .subCategoryBox .sct_ct {display:flex;flex-wrap:wrap;gap:8px;padding:0;background:transparent;border:none}
.shop-list-wrap .subCategoryBox .sct_ct h2 {display:none}
.shop-list-wrap .subCategoryBox .sct_ct ul {display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.shop-list-wrap .subCategoryBox .sct_ct li {display:inline-block}
.shop-list-wrap .subCategoryBox .sct_ct a {display:inline-flex;align-items:center;padding:8px 16px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:20px;color:var(--ui-color-gray-700);font-size:13px;font-weight:500;text-decoration:none;transition:all 0.2s}
.shop-list-wrap .subCategoryBox .sct_ct a:hover {background:var(--ui-color-gray-50);border-color:var(--ui-color-gray-300);color:var(--ui-color-gray-900)}
.shop-list-wrap .subCategoryBox .sct_ct .sct_here {background:var(--color-prime);border-color:var(--color-prime);color:var(--ui-color-white)}

/* 정렬 박스 - 제거됨 (sortAndNavBox로 통합) */

/* 정렬 드롭다운 */
#sct_sort {position:relative;display:inline-block}
#sct_sort .sort_dropdown {position:relative;display:inline-block}
#sct_sort .sort_dropdown_btn {display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--ui-color-gray-200);border-radius:6px;background:var(--ui-color-white);color:var(--ui-color-gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;outline:none}
#sct_sort .sort_dropdown_btn:hover {border-color:var(--ui-color-gray-300);background:var(--ui-color-gray-50)}
#sct_sort .sort_dropdown.active .sort_dropdown_btn {border-color:var(--ui-color-gray-400);background:var(--ui-color-gray-50)}
#sct_sort .sort_dropdown_btn i {font-size:10px;transition:transform 0.2s}
#sct_sort .sort_dropdown.active .sort_dropdown_btn i {transform:rotate(180deg)}

/* 기본 ul 스타일 숨김 */
#sct_sort .sort_dropdown_menu {display:none}

/* 정렬 드롭다운 메뉴 */
#sct_sort .sort_dropdown_menu {display:none;position:absolute;top:100%;right:0;z-index:1000;min-width:140px;margin-top:4px;padding:4px 0;border-radius:6px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);list-style:none}
#sct_sort .sort_dropdown.active .sort_dropdown_menu {display:block}
#sct_sort .sort_dropdown_menu li {margin:0;padding:0}
#sct_sort .sort_dropdown_menu li a {display:block;padding:8px 14px;color:var(--ui-color-gray-700);font-size:13px;text-decoration:none;transition:all 0.2s}
#sct_sort .sort_dropdown_menu li a:hover {background:var(--ui-color-gray-50);color:var(--ui-color-gray-900)}
#sct_sort .sort_dropdown_menu li.active a {background:var(--ui-color-gray-100);color:var(--color-prime);font-weight:600}

/* 상품 리스트 박스 */
.shop-list-wrap .productListBox {margin-bottom:32px}

/* 상품 리스트 관련 스타일은 스킨 파일(skin/shop/basic/style.css)로 이동 */

/* 빈 메시지 */
.shop-list-wrap .emptyMessage {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:60px 20px;background:var(--ui-color-gray-50);border-radius:8px}
.shop-list-wrap .emptyMessage i {font-size:64px;color:var(--ui-color-gray-300);margin-bottom:16px}
.shop-list-wrap .emptyMessage p {font-size:16px;color:var(--ui-color-gray-600);margin:0}

/* 페이지네이션 */
.shop-list-wrap .paginationBox {display:flex;justify-content:center;margin-top:40px}
.shop-list-wrap .paginationBox .pg_wrap {display:flex;align-items:center;gap:4px}
.shop-list-wrap .paginationBox .pg_page,
.shop-list-wrap .paginationBox .pg_prev,
.shop-list-wrap .paginationBox .pg_next {display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--ui-color-gray-200);border-radius:6px;background:var(--ui-color-white);color:var(--ui-color-gray-600);font-size:14px;text-decoration:none;transition:all 0.3s}
.shop-list-wrap .paginationBox .pg_page:hover,
.shop-list-wrap .paginationBox .pg_prev:hover,
.shop-list-wrap .paginationBox .pg_next:hover {background:var(--ui-color-gray-50);border-color:var(--ui-color-gray-300)}
.shop-list-wrap .paginationBox .pg_current {background:var(--color-prime);border-color:var(--color-prime);color:var(--ui-color-white)}
.shop-list-wrap .paginationBox .pg_start,
.shop-list-wrap .paginationBox .pg_end {display:none}

/* 반응형 디자인 */
@media (max-width:991px) {
    .shop-list-wrap .categoryHeader .titleBox {}
    .shop-list-wrap .categoryHeader .rightArea {}
}

@media (max-width:768px) {
    .shop-list-wrap .categoryHeader .categoryName {font-size:20px}
    .shop-list-wrap .productSortBox {flex-direction:column;gap:16px;align-items:stretch}
    .shop-list-wrap .productSortBox #ssch_sort {width:100%;flex-direction:column;align-items:flex-start;gap:8px}
    .shop-list-wrap .productSortBox #ssch_sort ul {width:100%;overflow-x:auto}
    .shop-list-wrap .productSortBox .sct_lst_view {justify-content:flex-end}
}

@media (max-width:480px) {
    /* .shop-list-wrap .container {padding:;} */
    /* .shop-list-wrap .categoryHeader .titleBox {padding:16px} */
    .shop-list-wrap .categoryHeader .categoryName {font-size:18px}
}

/* ============================================
   개인결제 (Personal Payment) 스타일
   ============================================ */
/* 개인결제 래퍼 */
.personalPayWrap {padding:24px 0;}

/* 개인결제 섹션 */
.personalPayWrap .personalPaySection {margin-bottom:50px}
.personalPayWrap .personalPaySection:last-child {margin-bottom:0}

/* 섹션 헤더 - 쿠폰존과 동일한 스타일 */
.personalPayWrap .sectionHeader {margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--ui-color-gray-200)}
.personalPayWrap .sectionTitle {font-size:22px;font-weight:700;color:var(--ui-color-gray-900);margin-bottom:8px}
.personalPayWrap .sectionDesc {font-size:14px;color:var(--ui-color-gray-600)}

/* 개인결제 리스트 - 그리드 레이아웃 */
.personalPayWrap .payList {display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:20px}

/* 개인결제 아이템 */
.personalPayWrap .payItem {position:relative;transition:transform 0.2s}
.personalPayWrap .payItem:hover:not(.disabled) {transform:translateY(-2px)}
.personalPayWrap .payItem.disabled {opacity:0.6}
.personalPayWrap .payItem.disabled .payAction button {cursor:not-allowed}

/* 개인결제 컨텐츠 - 세로형 레이아웃 */
.personalPayWrap .payContent {display:flex;flex-direction:column;padding:20px;}

/* 개인결제 상단 영역 (제목, 금액) */
.personalPayWrap .payLeft {text-align:center;padding-bottom:20px;border-bottom:1px solid var(--ui-color-gray-100);margin-bottom:16px}
.personalPayWrap .payTitle {font-size:16px;font-weight:600;color:var(--ui-color-gray-900);margin-bottom:12px;word-break:keep-all}
.personalPayWrap .payAmount {font-size:28px;color:var(--color-prime);margin-bottom:8px}
.personalPayWrap .payAmount strong {font-weight:700}

/* 개인결제 상세 정보 */
.personalPayWrap .payInfo {margin-bottom:16px}
.personalPayWrap .infoRow {display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid var(--ui-color-gray-50)}
.personalPayWrap .infoRow:last-child {border-bottom:none}
.personalPayWrap .infoRow .label {color:var(--ui-color-gray-600)}
.personalPayWrap .infoRow .value {color:var(--ui-color-gray-900);font-weight:500;text-align:right}

/* 결제 상태 스타일 */
.personalPayWrap .status-pending {color:var(--ui-color-warning);font-weight:600}
.personalPayWrap .status-complete {color:var(--ui-color-success);font-weight:600}

/* 개인결제 액션 버튼 */
.personalPayWrap .payAction {margin-top:auto}
.personalPayWrap .payAction a,
.personalPayWrap .payAction button {width:100%;text-align:center;justify-content:center}

/* 빈 상태 - 쿠폰존과 동일한 스타일 */
.personalPayWrap .emptyBox {padding:60px 20px;background:var(--ui-color-gray-50);border:1px solid var(--ui-color-gray-200);border-radius:12px;text-align:center}
.personalPayWrap .emptyContent i {font-size:48px;color:var(--ui-color-gray-400);margin-bottom:16px;display:block}
.personalPayWrap .emptyContent p {font-size:15px;color:var(--ui-color-gray-600)}

/* 페이징 */
.personalPayWrap .paging {display:flex;justify-content:center;margin-top:40px}

/* 개인결제 반응형 디자인 */
@media (max-width: 768px) {
    .personalPayWrap {padding:0;}
    .personalPayWrap .sectionTitle {font-size:18px}
    .personalPayWrap .payList {grid-template-columns:1fr;gap:12px}
    .personalPayWrap .payContent {flex-direction:column;align-items:stretch;gap:16px}
    .personalPayWrap .payInfo {flex:1}
    .personalPayWrap .payAction {text-align:center}
    .personalPayWrap .payAction a,
    .personalPayWrap .payAction button {width:100%}
}

/* ===============================
   쇼핑몰 검색 페이지 스타일
   =============================== */
.shop-search-wrap {}
.shop-search-wrap .container {flex-direction:column; gap:0; padding:0;}

/* 검색 헤더 */
.shop-search-wrap .search-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding-bottom:20px; text-align:center; border-bottom:1px solid var(--ui-color-gray-200)}
.shop-search-wrap .search-title {font-size:28px;font-weight:700;color:var(--ui-color-gray-900);}
.shop-search-wrap .search-title i {color:var(--color-prime)}
.shop-search-wrap .search-result-info {font-size:16px;color:var(--ui-color-gray-600);}
.shop-search-wrap .search-result-info strong {color:var(--color-prime)}
.shop-search-wrap .result-count {color:var(--ui-color-danger);font-weight:600}

/* 검색 폼 */
.shop-search-wrap .searchBoxWrap {background:var(--ui-color-white);border:1px solid var(--ui-color-gray-200);border-radius:12px;padding:30px;margin-bottom:30px}
.shop-search-wrap .main-search-bar {margin-bottom:25px}
.shop-search-wrap .search-input-group {display:flex;gap:10px}
.shop-search-wrap .search-input {}
.shop-search-wrap .search-input:focus {}

/* 검색 옵션 */
.shop-search-wrap .search-options {display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:25px;border-top:1px solid var(--ui-color-gray-200)}
.shop-search-wrap .option-group {display:flex;flex-direction:column;gap:15px}
.shop-search-wrap .option-title {font-size:14px;font-weight:600;color:var(--ui-color-gray-700)}
.shop-search-wrap .optBox.horizontal {display:flex;flex-wrap:wrap;gap:20px}
.shop-search-wrap .price-range {display:flex;align-items:center;gap:10px}
.shop-search-wrap .price-input {width:120px;height:40px;padding:0 12px;border:1px solid var(--ui-color-gray-300);border-radius:6px;font-size:14px}
.shop-search-wrap .price-separator {color:var(--ui-color-gray-500);font-weight:500}
.shop-search-wrap .price-unit {color:var(--ui-color-gray-600);font-size:14px}

/* 카테고리 필터 */
.shop-search-wrap .category-filter {margin-bottom:30px}
.shop-search-wrap .filter-title {font-size:16px;font-weight:600;color:var(--ui-color-gray-800);margin-bottom:15px}
.shop-search-wrap .category-tabs {display:flex;flex-wrap:wrap;gap:10px}
.shop-search-wrap .category-tab {padding:10px 20px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-300);border-radius:20px;font-size:14px;color:var(--ui-color-gray-700);cursor:pointer;transition:all 0.3s}
.shop-search-wrap .category-tab:hover {border-color:var(--color-prime);color:var(--color-prime)}
.shop-search-wrap .category-tab.active {background:var(--color-prime);border-color:var(--color-prime);color:var(--ui-color-white)}
.shop-search-wrap .category-tab .count {font-weight:600;margin-left:5px}

/* 정렬 옵션 */
.shop-search-wrap .sort-options {margin-bottom:30px}
.shop-search-wrap .sort-buttons {display:flex;gap:10px;flex-wrap:wrap}
.shop-search-wrap .sort-btn {padding:10px 18px;background:var(--ui-color-white);border:1px solid var(--ui-color-gray-300);border-radius:8px;font-size:14px;color:var(--ui-color-gray-700);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.3s}
.shop-search-wrap .sort-btn:hover {border-color:var(--color-prime);color:var(--color-prime)}
.shop-search-wrap .sort-btn.active {background:var(--color-prime);border-color:var(--color-prime);color:var(--ui-color-white)}
.shop-search-wrap .sort-btn i {font-size:16px}

/* 검색 결과 없음 */
.shop-search-wrap .no-results {text-align:center;padding:60px 20px;background:var(--ui-color-gray-50);border-radius:12px}
.shop-search-wrap .no-results-icon {font-size:80px;color:var(--ui-color-gray-400);margin-bottom:20px}
.shop-search-wrap .no-results h3 {font-size:24px;color:var(--ui-color-gray-800);margin-bottom:10px}
.shop-search-wrap .no-results p {color:var(--ui-color-gray-600);margin-bottom:30px}
.shop-search-wrap .search-tips {max-width:400px;margin:0 auto;text-align:left;background:var(--ui-color-white);padding:20px;border-radius:8px}
.shop-search-wrap .search-tips h4 {font-size:16px;font-weight:600;color:var(--ui-color-gray-800);margin-bottom:15px}
.shop-search-wrap .search-tips ul {list-style:none;padding:0}
.shop-search-wrap .search-tips li {position:relative;padding-left:20px;margin-bottom:10px;color:var(--ui-color-gray-600);font-size:14px}
.shop-search-wrap .search-tips li:before {content:"•";position:absolute;left:0;color:var(--color-prime)}

/* 관리자 버튼 */
.shop-search-wrap .admin-buttons {margin-top:30px;text-align:center}

/* 검색 페이지 반응형 */
@media (max-width: 768px) {
    .shop-search-wrap {padding:0 15px}
    .shop-search-wrap .search-header {margin-bottom:30px}
    .shop-search-wrap .search-title {font-size:24px}
    .shop-search-wrap .searchBoxWrap {padding:20px}
    .shop-search-wrap .search-options {grid-template-columns:1fr}
    .shop-search-wrap .price-input {width:100px}
    .shop-search-wrap .category-tabs {gap:8px}
    .shop-search-wrap .category-tab {padding:8px 15px;font-size:13px}
    .shop-search-wrap .sort-buttons {gap:8px}
    .shop-search-wrap .sort-btn {padding:8px 12px;font-size:13px}
}

@media (max-width: 480px) {
    .shop-search-wrap .search-input-group {flex-direction:column}
    .shop-search-wrap .search-input {width:100%}
    .shop-search-wrap .price-range {flex-wrap:wrap}
    .shop-search-wrap .price-input {width:calc(50% - 10px)}
}

/* ======================================
   쿠폰 페이지 스타일
   ====================================== */

/* 전체 래퍼 */
.couponWrap {width:100%; min-height:100vh; padding:20px; background-color:var(--ui-color-gray-50)}

/* 헤더 영역 */
.couponHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px}
.couponHeader h2 {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-800); font-size:1.25rem; font-weight:600; gap:8px}
.couponHeader h2 i {color:var(--color-prime); font-size:1.5rem}

/* 쿠폰 리스트 박스 */
.couponListBox {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:12px}
.couponListBox .couponItem {border-bottom:1px solid var(--ui-color-gray-100)}

/* 쿠폰 아이템 */
.couponItem {padding:20px; }
.couponItem:hover {background:var(--ui-color-gray-50)}
.couponItem.empty {padding:60px 20px; text-align:center; color:var(--ui-color-gray-500)}
.couponItem.empty i {display:block; margin-bottom:15px; font-size:3rem; color:var(--ui-color-gray-300)}

/* 쿠폰 상단 정보 */
.couponListBox .couponItem .couponTop {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
.couponListBox .couponItem .couponTitle {font-size:1rem; font-weight:600; color:var(--ui-color-gray-800)}
.couponListBox .couponItem .couponPrice {padding:4px 12px; border-radius:6px; background:var(--color-prime); color:var(--ui-color-white); font-size:1.125rem; font-weight:700}

/* 쿠폰 하단 정보 */
.couponListBox .couponItem .couponInfoPop {display:flex; justify-content:space-between; align-items:center; color:var(--ui-color-gray-600); font-size:0.875rem;}
.couponListBox .couponItem .couponInfoPop .couponTarget {display:flex; align-items:center; gap:6px}
.couponListBox .couponItem .couponInfoPop .couponTarget i {color:var(--color-prime)}
.couponListBox .couponItem .couponInfoPop .couponDate {display:flex; align-items:center; gap:6px}
.couponListBox .couponItem .couponInfoPop .couponDate i {color:var(--ui-color-gray-400)}

/* 쿠폰 통계 */
.couponStats {display:flex; justify-content:center; gap:30px; padding:15px; background:var(--ui-color-gray-50); border-radius:0 0 12px 12px}
.couponStats .statItem {text-align:center}
.couponStats .statLabel {display:block; margin-bottom:4px; color:var(--ui-color-gray-600); font-size:0.75rem}
.couponStats .statValue {color:var(--color-prime); font-size:1.25rem; font-weight:700}

/* 쿠폰 페이지 반응형 */
@media (max-width: 768px) {
    .couponWrap {padding:15px}
}



/* ======================================
   사용후기 작성 폼 스타일
   ====================================== */

/* 전체 래퍼 */
.itemUseFormWrap {width:100%; min-height:100vh; padding:20px; background-color:var(--ui-color-gray-50)}

/* 헤더 영역 */
.itemUseHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px}
.itemUseHeader h2 {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-800); font-size:1.25rem; font-weight:600; gap:8px}
.itemUseHeader h2 i {color:var(--color-prime); font-size:1.5rem}

/* 폼 박스 */
.itemUseFormBox {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:12px; padding:30px}

/* 폼 그룹 */
.itemUseFormBox .formGroup {margin-bottom:25px}
.itemUseFormBox .formGroup:last-child {margin-bottom:0}
.itemUseFormBox .formLabel {display:flex; justify-content:flex-start; margin-bottom:8px; color:var(--ui-color-gray-700); font-size:0.9375rem; font-weight:500}
.itemUseFormBox .formLabel .required {color:var(--ui-color-danger); background: none !important;}
.itemUseFormBox .formInput {width:100%; padding:10px 14px; border:1px solid var(--ui-color-gray-200); border-radius:8px; font-size:0.9375rem; transition:all 0.2s}
.itemUseFormBox .formInput:focus {border-color:var(--color-prime); outline:none}

/* 평점 선택 */
.itemUseFormBox .ratingGroup {display:grid; gap:12px; grid-template-columns:repeat(2, 1fr);}
.itemUseFormBox .ratingItem {display:flex; align-items:center; padding:12px 16px; border:1px solid var(--ui-color-gray-200); border-radius:8px; cursor:pointer; transition:all 0.2s}
.itemUseFormBox .ratingItem:hover {background:var(--ui-color-gray-50); border-color:var(--color-prime)}
.itemUseFormBox .ratingItem.active {background:var(--color-prime); border-color:var(--color-prime)}
.itemUseFormBox .ratingItem input[type="radio"] {display:none}
.itemUseFormBox .ratingStars {display:flex; margin-right:12px; font-size:1.125rem}
.itemUseFormBox .ratingStars i {color:var(--ui-color-gray-300)}
.itemUseFormBox .ratingStars i.bxs-star {color:var(--ui-color-warning)}
.itemUseFormBox .ratingItem.active .ratingStars i {color:var(--ui-color-white)}
.itemUseFormBox .ratingText {color:var(--ui-color-gray-700); font-size:0.9375rem; font-weight:500}
.itemUseFormBox .ratingItem.active .ratingText {color:var(--ui-color-white)}

/* 버튼 그룹 */
.itemUseFormBox .formButtons {display:flex; justify-content:center; gap:10px; margin-top:30px; padding-top:30px; border-top:1px solid var(--ui-color-gray-100)}
.itemUseFormBox .formButtons .button {padding:10px 24px; font-size:0.9375rem}
.itemUseFormBox .formButtons .button i {margin-right:6px; font-size:1.125rem; vertical-align:middle}

/* 에디터 영역 스타일 */
.itemUseFormBox #is_content_wr {border:1px solid var(--ui-color-gray-200); border-radius:8px; overflow:hidden}
.itemUseFormBox .cke_chrome {border:none !important}

/* 사용후기 작성폼 반응형 */
@media (max-width: 768px) {
    .itemUseFormWrap {padding:15px}
    .itemUseFormBox {padding:20px}
    .itemUseFormBox .formButtons .button {width:100%}
}


/* ======================================
   상품문의 작성 폼 스타일
   ====================================== */

/* 전체 래퍼 */
.itemQaFormWrap {width:100%; min-height:100vh; padding:20px; background-color:var(--ui-color-gray-50)}

/* 헤더 영역 */
.itemQaHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px}
.itemQaHeader h2 {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-800); font-size:1.25rem; font-weight:600; gap:8px}
.itemQaHeader h2 i {color:var(--color-prime); font-size:1.5rem}

/* 폼 박스 */
.itemQaFormBox {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:12px; padding:30px}

/* 폼 그룹 */
.itemQaFormBox .formGroup {margin-bottom:25px}
.itemQaFormBox .formGroup:last-child {margin-bottom:0}
.itemQaFormBox .formLabel {display:flex; justify-content:flex-start; margin-bottom:8px; color:var(--ui-color-gray-700); font-size:0.9375rem; font-weight:500}
.itemQaFormBox .formLabel .required {color:var(--ui-color-danger); background: none !important;}
.itemQaFormBox .formInput {width:100%; padding:10px 14px; border:1px solid var(--ui-color-gray-200); border-radius:8px; font-size:0.9375rem; transition:all 0.2s}
.itemQaFormBox .formInput:focus {border-color:var(--color-prime); outline:none}

/* 옵션 체크박스 */
.itemQaFormBox .formOptions {display:flex; gap:15px}
.itemQaFormBox .checkOption {display:flex; align-items:center; padding:10px 16px; border:1px solid var(--ui-color-gray-200); border-radius:8px; cursor:pointer; transition:all 0.2s}
.itemQaFormBox .checkOption:hover {background:var(--ui-color-gray-50); border-color:var(--color-prime)}
.itemQaFormBox .checkOption.active {background:var(--color-prime); border-color:var(--color-prime)}
.itemQaFormBox .checkOption input[type="checkbox"] {display:none}
.itemQaFormBox .checkText {display:flex; align-items:center; gap:8px; color:var(--ui-color-gray-700); font-size:0.9375rem}
.itemQaFormBox .checkOption.active .checkText {color:var(--ui-color-white)}
.itemQaFormBox .checkText i {font-size:1.125rem}

/* 2컬럼 폼 그룹 */
.itemQaFormBox .formGroupRow {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:25px}
.itemQaFormBox .formCol {display:flex; flex-direction:column}
.itemQaFormBox .formHelp {margin-top:6px; color:var(--ui-color-gray-500); font-size:0.8125rem}

/* 버튼 그룹 */
.itemQaFormBox .formButtons {display:flex; justify-content:center; gap:10px; margin-top:30px; padding-top:30px; border-top:1px solid var(--ui-color-gray-100)}
.itemQaFormBox .formButtons .button {padding:10px 24px; font-size:0.9375rem}
.itemQaFormBox .formButtons .button i {margin-right:6px; font-size:1.125rem; vertical-align:middle}

/* 에디터 영역 스타일 */
.itemQaFormBox #iq_question_wr {border:1px solid var(--ui-color-gray-200); border-radius:8px; overflow:hidden}
.itemQaFormBox .cke_chrome {border:none !important}

/* 상품문의 작성폼 반응형 */
@media (max-width: 768px) {
    .itemQaFormWrap {padding:15px}
    .itemQaFormBox {padding:20px}
    .itemQaFormBox .formGroupRow {grid-template-columns:1fr}
    .itemQaFormBox .formButtons .button {width:100%}
}


/* ======================================
   상품 추천하기 폼 스타일
   ====================================== */

/* 전체 래퍼 */
.itemRecommendWrap {width:100%; min-height:100vh; padding:20px; background-color:var(--ui-color-gray-50)}

/* 헤더 영역 */
.itemRecommendHeader {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px}
.itemRecommendHeader h2 {display:flex; align-items:center; margin:0; color:var(--ui-color-gray-800); font-size:1.25rem; font-weight:600; gap:8px}
.itemRecommendHeader h2 i {color:var(--color-prime); font-size:1.5rem}

/* 폼 박스 */
.itemRecommendFormBox {background:var(--ui-color-white); border:1px solid var(--ui-color-gray-200); border-radius:12px; padding:30px}

/* 상품 정보 영역 */
.itemRecommendFormBox .productInfo {display:flex; align-items:center; gap:12px; padding:16px; margin-bottom:25px; background:var(--ui-color-gray-50); border:1px solid var(--ui-color-gray-200); border-radius:8px}
.itemRecommendFormBox .productInfo i {color:var(--color-prime); font-size:1.5rem}
.itemRecommendFormBox .productInfo .productName {color:var(--ui-color-gray-800); font-size:0.9375rem; font-weight:500}

/* 폼 그룹 */
.itemRecommendFormBox .formGroup {margin-bottom:25px}
.itemRecommendFormBox .formGroup:last-child {margin-bottom:0}
.itemRecommendFormBox .formLabel {display:flex; justify-content:flex-start; margin-bottom:8px; color:var(--ui-color-gray-700); font-size:0.9375rem; font-weight:500}
.itemRecommendFormBox .formLabel .required {color:var(--ui-color-danger); background: none !important;}
.itemRecommendFormBox .formInput {width:100%; padding:10px 14px; border:1px solid var(--ui-color-gray-200); border-radius:8px; font-size:0.9375rem; transition:all 0.2s}
.itemRecommendFormBox .formInput:focus {border-color:var(--color-prime); outline:none}
.itemRecommendFormBox .formTextarea {width:100%; padding:10px 14px; border:1px solid var(--ui-color-gray-200); border-radius:8px; font-size:0.9375rem; resize:vertical; transition:all 0.2s}
.itemRecommendFormBox .formTextarea:focus {border-color:var(--color-prime); outline:none}
.itemRecommendFormBox .formHelp {margin-top:6px; color:var(--ui-color-gray-500); font-size:0.8125rem}

/* 버튼 그룹 */
.itemRecommendFormBox .formButtons {display:flex; justify-content:center; gap:10px; margin-top:30px; padding-top:30px; border-top:1px solid var(--ui-color-gray-100)}
.itemRecommendFormBox .formButtons .button {padding:10px 24px; font-size:0.9375rem}
.itemRecommendFormBox .formButtons .button i {margin-right:6px; font-size:1.125rem; vertical-align:middle}

/* 상품 추천하기 폼 반응형 */
@media (max-width: 768px) {
    .itemRecommendWrap {padding:15px}
    .itemRecommendFormBox {padding:20px}
    .itemRecommendFormBox .formButtons .button {width:100%}
}


/* 배송비 쿠폰 팝업 스타일 */
#sc_coupon_frm.od_coupon {display:flex; flex-direction:column; position:relative; max-width:600px; max-height:80vh; border-radius:12px; background:var(--ui-color-white); box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); animation:slideUp 0.3s ease;}
#sc_coupon_frm.od_coupon h3 {margin:0 !important; padding:20px 24px !important; border-bottom:1px solid var(--ui-color-gray-200); border-left:0 !important; color:var(--ui-color-gray-900); font-size:18px; font-weight:600;}
#sc_coupon_frm.od_coupon .tbl_wrap {padding:0; flex:1;overflow-y:auto;}
#sc_coupon_frm.od_coupon .tbl_head02 {margin:0; border:none; background:transparent;}
#sc_coupon_frm.od_coupon .tbl_head02 table {width:100%; border-collapse:collapse;}
#sc_coupon_frm.od_coupon .tbl_head02 caption {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
#sc_coupon_frm.od_coupon .tbl_head02 thead th {position:sticky; z-index:10; top:0; padding:10px; border-bottom:1px solid var(--ui-color-gray-200); background:var(--ui-color-gray-50); color:var(--ui-color-gray-600); font-size:13px; font-weight:600; text-align:left;}
#sc_coupon_frm.od_coupon .tbl_head02 tbody td {padding:10px; border-bottom:1px solid var(--ui-color-gray-100); color:var(--ui-color-gray-800); font-size:14px; vertical-align:middle;}
#sc_coupon_frm.od_coupon .tbl_head02 tbody tr:last-child td {border-bottom:none;}
#sc_coupon_frm.od_coupon .tbl_head02 tbody tr {transition:background 0.15s ease;}
#sc_coupon_frm.od_coupon .tbl_head02 tbody tr:hover {background:var(--ui-color-gray-50);}
#sc_coupon_frm.od_coupon .tbl_head02 .td_numbig {color:var(--color-prime); font-size:16px; font-weight:700; text-align:right;}
#sc_coupon_frm.od_coupon .tbl_head02 .td_mngsmall {text-align:center;}
#sc_coupon_frm.od_coupon .sc_cp_apply {padding:8px 20px; border:none; border-radius:6px; background:var(--color-prime); color:var(--ui-color-white); font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s;}
#sc_coupon_frm.od_coupon .sc_cp_apply:hover {background:var(--color-prime); opacity:0.9; box-shadow:0 2px 8px rgba(0, 0, 0, 0.15); transform:translateY(-1px);}
#sc_coupon_frm.od_coupon .sc_cp_apply.btn_frmline {border:none;}
#sc_coupon_frm.od_coupon .btn_confirm {position:absolute; top:10px; right:10px; padding:0;}
#sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close {display:flex; justify-content:center; align-items:center; width:36px; height:36px; border:none; border-radius:50%; background:var(--ui-color-gray-100); color:var(--ui-color-gray-600); font-size:20px; cursor:pointer; transition:all 0.2s;}
#sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close:hover {background:var(--ui-color-gray-200); color:var(--ui-color-gray-900); transform:rotate(90deg);}
#sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close i {font-size:20px;}
#sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close .sound_only {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
/* 배송비 쿠폰이 없을 때 */
#sc_coupon_frm.od_coupon > p {padding:60px 24px; color:var(--ui-color-gray-500); font-size:14px; text-align:center; line-height:1.6;}
/* 배송비 쿠폰 팝업 반응형 */
@media (max-width:768px) {
    #sc_coupon_frm.od_coupon {width:95%; max-height:80vh; border-radius:8px;}
    #sc_coupon_frm.od_coupon h3 {padding:16px 52px 16px 20px !important; font-size:16px;}
    #sc_coupon_frm.od_coupon .btn_confirm {top:16px; right:16px;}
    #sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close {width:32px; height:32px;}
    #sc_coupon_frm.od_coupon .btn_confirm #sc_coupon_close i {font-size:18px;}
    #sc_coupon_frm.od_coupon .tbl_head02 thead th {padding:12px 16px; font-size:12px;}
    #sc_coupon_frm.od_coupon .tbl_head02 tbody td {padding:14px 16px; font-size:13px;}
    #sc_coupon_frm.od_coupon .tbl_head02 .td_numbig {font-size:15px;}
    #sc_coupon_frm.od_coupon .sc_cp_apply {padding:6px 16px; font-size:12px;}
    #sc_coupon_frm.od_coupon > p {padding:50px 20px;}
}
/* slideUp 애니메이션 */
@keyframes slideUp {
    from {opacity:0; transform:translateY(20px);}
    to {opacity:1; transform:translateY(0);}
}