@charset "UTF-8";

/* ============================================================
   shop header
   ============================================================ */
.sh_header{position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; border-bottom: 1px solid #eee;}
.sh_header a{color: inherit;}

/* 상단 유틸리티 */
.sh_top{position: relative; max-height: 50px; overflow: visible; padding: 12px 0; border-bottom: 1px solid #f2f2f2; transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.2s ease, border 0.2s ease; opacity: 1; z-index: 11;}
.sh_header.is_scrolled .sh_top{max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; border-bottom: 0; overflow: hidden; pointer-events: none;}
.sh_top ul{display: flex; justify-content: flex-end; gap: 24px;}
.sh_top ul li a{font-size: 13px; color: #555; line-height: 150%;}
.sh_top ul li.with_arrow a{display: inline-flex; align-items: center; gap: 6px;}
.sh_top ul li.with_arrow > a::after{content: '>'; font-family: 'SUIT', sans-serif; font-size: 14px; font-weight: 200; color: #555; line-height: 100%;}

/* 커뮤니티 드롭다운 */
.sh_top_community{position: relative;}
.sh_top_community .sh_top_sub{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 8px; padding: 18px 26px; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; flex-direction: column; gap: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); z-index: 10; min-width: 120px;}
.sh_top_community .sh_top_sub::before{content: ''; position: absolute; left: 0; right: 0; top: -10px; height: 10px;}
.sh_top_community .sh_top_sub li{text-align: center;}
.sh_top_community .sh_top_sub li a{display: block; font-size: 14px; font-weight: 500; color: #222; line-height: 150%;}
.sh_top_community .sh_top_sub li a:hover{color: var(--color);}
.sh_top_community:hover .sh_top_sub{display: flex;}

/* 메인 헤더 */
.sh_main{padding: 18px 0;}
.sh_main_wrap{display: flex; align-items: center; justify-content: space-between; gap: 5%;}

.sh_logo{width: 140px; flex: 0 0 auto;}
.sh_logo a{display: block;}
.sh_logo img{width: 100%;}

.sh_nav{flex: 1 1 auto;}
.sh_nav > ul{display: flex; align-items: center; gap: 40px;}
.sh_nav > ul > li{position: relative;}
.sh_nav > ul > li > a{position: relative; display: block; padding: 14px 0; font-size: 16px; font-weight: 500; color: #222; line-height: 150%; white-space: nowrap;}
.sh_nav > ul > li > a::after{content: ''; position: absolute; left: 0; right: 0; bottom: 8px; height: 2px; background: var(--color); transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease;}
.sh_nav > ul > li:hover > a{color: var(--color);}
.sh_nav > ul > li:hover > a::after{transform: scaleX(1);}

/* 메인 메뉴 드롭다운 */
.sh_sub{position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-6px); margin-top: -4px; padding: 18px 28px; background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); z-index: 100; min-width: 140px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;}
.sh_sub::before{content: ''; position: absolute; left: 0; right: 0; top: -16px; height: 16px;}
.sh_sub ul{display: flex; flex-direction: column; gap: 14px; align-items: center;}
.sh_sub ul li a{display: block; font-size: 14px; font-weight: 500; color: #333; line-height: 150%; white-space: nowrap; transition: color 0.15s ease;}
.sh_sub ul li a:hover{color: var(--color);}
.sh_nav > ul > li.has_sub:hover .sh_sub{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0s;}

.sh_util{display: flex; align-items: center; gap: 22px; flex: 0 0 auto;}
.sh_util > a, .sh_util > button{position: relative; background: transparent; border: 0; cursor: pointer; color: #222; padding: 0; line-height: 100%;}
.sh_util i{font-size: 24px; color: #222; line-height: 100%; font-weight: 300;}
.sh_util .sh_ic{width: 24px; height: 24px; display: block; color: #222;}
.sh_util_count{position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; background: var(--color); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; border-radius: 100px;}

/* 검색 레이어 */
.sh_search{display: none; padding: 24px 0; border-top: 1px solid #f2f2f2; background: #fff;}
.sh_search form{display: flex; align-items: center; border: 1px solid #222; border-radius: 100px; padding: 6px 6px 6px 24px;}
.sh_search input[type="text"]{flex: 1; border: 0; outline: none; font-size: 15px; line-height: 150%; background: transparent;}
.sh_search button{width: 40px; height: 40px; border: 0; border-radius: 100px; background: #222; color: #fff; cursor: pointer;}
.sh_search button i{font-size: 16px;}

/* 본문이 헤더 아래로 가도록 여백 — shop 페이지에만 적용 */
body.shop #wrapper, .sh_header ~ #wrapper{padding-top: 135px; background: #fff;}

/* 영카트 기본 컨테이너 제약 해제 (풀폭 레이아웃) — shop 페이지에만 */
.sh_header ~ #wrapper #container{width: 100%; margin: 0; min-height: auto;}
.sh_header ~ #wrapper #container .shop-content{padding: 20px 0 0;}
.sh_header ~ #wrapper #container .shop-content.is_index{padding-top: 0;}
.sh_header ~ #wrapper #container .is_index{margin-left: 0;}
.sh_header ~ #wrapper #aside{display: none;}

/* Swiper 초기화 전 FOUC 방지 — 슬라이드가 풀폭으로 잠시 렌더링되는 문제 */
.swiper:not(.swiper-initialized){visibility: hidden;}
.swiper:not(.swiper-initialized) .swiper-wrapper{display: flex;}
.swiper:not(.swiper-initialized) .swiper-slide{flex-shrink: 0; width: 20%;}

/* ============================================================
   메인 비주얼 슬라이드
   ============================================================ */
.visual_sec{position: relative; width: 100%; overflow: hidden;}
.visual_sec .visualSwiper{width: 100%;}
.visual_sec .swiper-slide{width: 100%;}
.visual_sec .swiper-slide a{display: block; width: 100%;}
.visual_sec .swiper-slide picture{display: block; width: 100%;}
.visual_sec .swiper-slide img{width: 100%; display: block;}

.visual_sec .swiper-pagination{bottom: 28px;}
.visual_sec .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 0.5; margin: 0 5px; transition: opacity 0.2s ease, transform 0.2s ease;}
.visual_sec .swiper-pagination-bullet-active{opacity: 1; background: #fff; transform: scale(1.2);}

/* ============================================================
   CELEB STYLE
   ============================================================ */
.cs_sec{padding: 80px 0 100px;}
.cs_title{text-align: center; padding: 80px 0 60px;}
.cs_title h2{font-size: 32px; font-weight: 500; color: #222; line-height: 150%; letter-spacing: 2px;}

.cs_banner{width: 100%; margin-bottom: 60px;}
.cs_banner img{width: 100%; display: block;}

.cs_list{position: relative; padding: 0 60px;}
.cs_card{position: relative;}
.cs_card_link{display: block; color: inherit;}

.cs_card_img{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; background: #f5f5f5;}
.cs_card_img img{width: 100%; height: 100%; object-fit: cover; display: block;}

/* SOLD OUT 표시 */
.cs_card_img .cs_soldout{position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.7); color: #fff; padding: 5px 10px; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; border-radius: 3px; z-index: 2;}

/* ──────────────────────────────────────────
   카테고리/검색 리스트 페이지 (list.10.skin.php)
   sct.sct_10 — cs_card 그리드 적용
   ────────────────────────────────────────── */
ul.sct.sct_10.sct_grid{
    display: grid !important;
    gap: 30px 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
}
ul.sct.sct_10.sct_grid.sct_col_2{grid-template-columns: repeat(2, 1fr) !important;}
ul.sct.sct_10.sct_grid.sct_col_3{grid-template-columns: repeat(3, 1fr) !important;}
ul.sct.sct_10.sct_grid.sct_col_4{grid-template-columns: repeat(4, 1fr) !important;}
ul.sct.sct_10.sct_grid.sct_col_5{grid-template-columns: repeat(5, 1fr) !important;}
ul.sct.sct_10.sct_grid.sct_col_6{grid-template-columns: repeat(6, 1fr) !important;}
ul.sct.sct_10.sct_grid > li.sct_li{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
}
ul.sct.sct_10.sct_grid > li.sct_li > .cs_card{margin: 0;}

@media all and (max-width: 1024px){
    ul.sct.sct_10.sct_grid.sct_col_4,
    ul.sct.sct_10.sct_grid.sct_col_5,
    ul.sct.sct_10.sct_grid.sct_col_6{grid-template-columns: repeat(3, 1fr) !important;}
    ul.sct.sct_10.sct_grid{gap: 24px 16px !important;}
}
@media all and (max-width: 768px){
    ul.sct.sct_10.sct_grid.sct_col_3,
    ul.sct.sct_10.sct_grid.sct_col_4,
    ul.sct.sct_10.sct_grid.sct_col_5,
    ul.sct.sct_10.sct_grid.sct_col_6{grid-template-columns: repeat(2, 1fr) !important;}
    ul.sct.sct_10.sct_grid{gap: 20px 12px !important;}
}

/* 등록된 상품 없음 */
.sct_noitem{text-align: center; padding: 80px 20px; font-size: 14px; color: #888;}

/* 카드 호버 시 WISH/ADD 액션 버튼 — 우측 중앙 세로 */
.cs_card_actions{
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    left: auto;
    display: flex; flex-direction: column; gap: 8px;
    padding: 0;
    background: transparent;
    opacity: 0; pointer-events: none;
    transform: translate(8px, -50%);
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 3;
}
.cs_card:hover .cs_card_actions{
    opacity: 1; pointer-events: auto;
    transform: translate(0, -50%);
}
.cs_card_actions .cs_act{
    flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    width: 78px; height: 36px; padding: 0 14px;
    background: rgba(255,255,255,0.95);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    font-size: 12px; font-weight: 600; letter-spacing: 0.5px;
    color: #222;
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: background 0.15s ease, color 0.15s ease;
}
.cs_card_actions .cs_act:hover{background: #222; color: #fff;}
.cs_card_actions .cs_act i{display: none;}

.cs_pick{position: absolute; top: 16px; right: 16px; background: #000; color: #fff; padding: 6px 12px; font-size: 12px; font-weight: 500; line-height: 100%; border-radius: 2px; z-index: 2;}
.cs_pick em{color: var(--color); font-style: normal; font-weight: 700;}

.cs_card_info{padding: 16px 0 0;}
.cs_card_name{font-size: 14px; font-weight: 500; color: #222; line-height: 150%; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.cs_card_grade{color: #ff3b3b; font-size: 13px; font-weight: 600; line-height: 150%; margin-bottom: 6px;}
.cs_card_price{font-size: 17px; font-weight: 700; color: #222; line-height: 150%; margin-bottom: 10px;}
.cs_card_price .cs_card_sale{color: #ff3b3b; font-weight: 800; margin-right: 6px;}
.cs_card_price .cs_card_cust{color: #aaa; font-size: 13px; font-weight: 500; text-decoration: line-through; margin-left: 6px;}
.tr_price .sit_sale_per{display: inline-block; color: #ff3b3b; font-weight: 800; margin-right: 8px;}

/* P5 쿠폰존 (couponzone.php / couponzone.10.skin) */
.couponzone_list{width: 92%; max-width: 1200px; margin: 0 auto; padding: 60px 0 0;}
.couponzone_list:last-of-type{padding-bottom: 120px;}
.couponzone_list > h2{font-size: 24px; font-weight: 700; color: #222; line-height: 130%;}
.couponzone_list > p{margin-top: 10px; color: #888; font-size: 14px; line-height: 150%; margin-bottom: 28px;}
.couponzone_list > ul{display: flex; flex-wrap: wrap; gap: 24px 2%;}
.couponzone_list > ul > li{width: calc(32% - 0px); border: 1px solid #E5E5EC; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; background: #fff;}
.couponzone_list .cp_inner{flex: 1; display: flex; flex-direction: column;}
.couponzone_list .coupon_img{position: relative;}
.couponzone_list .coupon_img > img{width: 100%; display: block;}
.couponzone_list .coupon_tit{padding: 18px 20px 0;}
.couponzone_list .coupon_tit strong{font-size: 17px; font-weight: 700; color: #222; line-height: 140%;}
.couponzone_list .coupon_tit .cp_evt{display: inline-block; margin-top: 6px; color: var(--color); font-size: 14px;}
.couponzone_list .coupon_tit .cp_evt b{font-size: 22px; font-weight: 800;}
.couponzone_list .cp_cnt{padding: 14px 20px 18px; display: flex; flex-direction: column; gap: 8px;}
.couponzone_list .coupon_target{position: relative;}
.couponzone_list .coupon_info_btn{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border: 1px solid #ddd; border-radius: 100px; background: #fafafa; font-size: 12px; color: #555; cursor: pointer;}
.couponzone_list .coupon_info{display: none; position: absolute; top: 100%; left: 0; z-index: 5; margin-top: 6px; min-width: 220px; padding: 16px 18px; background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.1);}
.couponzone_list .coupon_info h4{font-size: 14px; font-weight: 700; margin-bottom: 8px;}
.couponzone_list .coupon_info ul li{font-size: 13px; color: #555; line-height: 160%;}
.couponzone_list .coupon_info .cp_evt b{color: var(--color);}
.couponzone_list .coupon_info_cls{position: absolute; top: 10px; right: 10px; border: 0; background: none; color: #999; cursor: pointer;}
.couponzone_list .coupon_date{font-size: 13px; color: #999;}
.couponzone_list .coupon_btn{padding: 0 20px 20px;}
.couponzone_list .coupon_download{width: 100% !important; padding: 14px !important; border: 0 !important; border-radius: 10px !important; background: var(--color) !important; color: #fff !important; font-size: 15px !important; font-weight: 600; cursor: pointer; transition: opacity 0.2s ease; height: auto !important;}
.couponzone_list .coupon_download:hover{opacity: 0.9;}
.couponzone_list .coupon_download.disabled, .couponzone_list .coupon_download:disabled{background: #ccc !important; cursor: default;}
.couponzone_list .no_coupon{padding: 50px 0; text-align: center; color: #999; font-size: 15px; border: 1px dashed #e0e0e0; border-radius: 12px;}

/* P5 팝업레이어 (다중팝업/오늘하루안보기) — 그누보드 new_win 디자인 보강 */
#hd_pop .hd_pops{border: 0 !important; border-radius: 12px !important; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.25); z-index: 1001;}
#hd_pop .hd_pops_con{background: #fff;}
#hd_pop .hd_pops_con img{max-width: 100%; display: block;}
#hd_pop .hd_pops_footer{display: flex; align-items: stretch; background: #1a1a1a !important; padding: 0 !important;}
#hd_pop .hd_pops_footer button{flex: 1; padding: 13px 14px !important; font-size: 13px; background: transparent !important; border: 0; color: #fff !important; cursor: pointer; line-height: 130%;}
#hd_pop .hd_pops_footer .hd_pops_reject{text-align: left; opacity: 0.85;}
#hd_pop .hd_pops_footer .hd_pops_reject strong{color: #fff; font-weight: 700;}
#hd_pop .hd_pops_footer .hd_pops_close{flex: 0 0 auto; min-width: 72px; text-align: center; border-left: 1px solid rgba(255,255,255,0.18); font-weight: 600;}
#hd_pop .hd_pops_footer .hd_pops_close:hover{background: var(--color) !important;}

/* P5 메인 상단 롤링배너 */
.roll_sec{width: 100%; position: relative;}
.roll_sec .rollSwiper{position: relative;}
.roll_slide{width: 100%;}
.roll_slide img{width: 100%; display: block;}
.roll_sec .roll_pagination{position: absolute; bottom: 16px; left: 0; right: 0; z-index: 3; display: flex; justify-content: center; gap: 8px;}
.roll_sec .roll_pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 0.5; border-radius: 50%; cursor: pointer; transition: opacity 0.2s ease;}
.roll_sec .roll_pagination .swiper-pagination-bullet-active{opacity: 1;}
.roll_sec .roll_prev, .roll_sec .roll_next{position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 48px; aspect-ratio: 1; border: 0; background: rgba(0,0,0,0.25); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; transition: background 0.2s ease;}
.roll_sec .roll_prev{left: 20px;}
.roll_sec .roll_next{right: 20px;}
.roll_sec .roll_prev:hover, .roll_sec .roll_next:hover{background: rgba(0,0,0,0.45);}
.roll_sec .roll_prev span, .roll_sec .roll_next span{font-family: 'SUIT', sans-serif; font-size: 24px; font-weight: 200; color: #fff; line-height: 100%;}

/* 포토리뷰 — 작성 폼 */
.rv_photo_field{margin-top: 10px;}
.rv_photo_label{display: block; font-size: 14px; font-weight: 600; color: #333; margin-bottom: 10px;}
.rv_photo_label span{font-weight: 400; color: #888; font-size: 12px;}
.rv_photo_exist{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px;}
.rv_photo_thumb{display: inline-flex; flex-direction: column; align-items: center; gap: 4px;}
.rv_photo_thumb img{width: 70px; height: 70px; object-fit: cover; border: 1px solid #E5E5EC; border-radius: 6px;}
.rv_photo_thumb label{font-size: 11px; color: #888; cursor: pointer;}
.rv_photo_input{display: block; font-size: 13px;}
.rv_photo_help{margin-top: 6px; font-size: 12px; color: #aaa; line-height: 150%;}

/* 포토리뷰 — 베스트 뱃지 */
.sit_use_card_best{position: absolute; top: 8px; left: 8px; z-index: 2; background: var(--color); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; letter-spacing: 0.5px;}
.sit_use_best{outline: 2px solid var(--color); outline-offset: -2px;}

/* 상세 고정영역 템플릿 */
.sit_tpl{margin: 0 auto;}
.sit_tpl img{max-width: 100%; height: auto;}
.sit_tpl_head{margin-bottom: 30px;}
.sit_tpl_tail{margin-top: 30px;}

.pop_sec .cs_title .pop_desc{margin-top: 10px; font-size: 14px; color: #888; line-height: 150%;}

/* 브랜드 모아보기 */
.cs_brand{padding: 60px 0 120px;}
.cs_brand_head{margin-bottom: 40px; text-align: center;}
.cs_brand_title{font-size: 28px; font-weight: 700; color: #222; line-height: 130%;}
.cs_brand_list{display: flex; flex-wrap: wrap; gap: 12px 1.5%; justify-content: center;}
.cs_brand_list li{width: calc(23.875% - 0px);}
.cs_brand_list li a{display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border: 1px solid #E5E5EC; border-radius: 12px; font-size: 16px; font-weight: 600; color: #222; transition: all 0.2s ease;}
.cs_brand_list li a:hover{border-color: var(--color); color: var(--color);}
.cs_brand_list .cs_brand_cnt{font-size: 13px; font-weight: 500; color: #888;}
.cs_brand_empty{text-align: center; padding: 60px 0; color: #888; font-size: 15px;}
.cs_brand_back{margin-top: 40px; text-align: center;}
.cs_brand_back a{font-size: 14px; color: #555;}
.cs_brand_back a:hover{color: var(--color);}

.cs_card_icons{display: flex; flex-wrap: wrap; gap: 4px;}
.cs_icon{font-size: 11px; font-weight: 700; color: #fff; padding: 3px 8px; line-height: 150%; border-radius: 2px; letter-spacing: 0.5px;}
.cs_icon.icon_best{background: #f39800;}
.cs_icon.icon_new{background: #f39800;}
.cs_icon.icon_hot{background: #ff3b3b;}
.cs_icon.icon_hit{background: #00a3ff;}
.cs_icon.icon_md{background: #333;}

/* 좌우 화살표 */
.cs_prev, .cs_next{position: absolute; top: 35%; width: 44px; aspect-ratio: 1; border-radius: 50%; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: background 0.15s ease;}
.cs_prev{left: 0;}
.cs_next{right: 0;}
.cs_prev:hover, .cs_next:hover{background: #f7f7f7;}
.cs_prev span, .cs_next span{font-family: 'SUIT', sans-serif; font-size: 20px; font-weight: 200; color: #222; line-height: 100%;}
.cs_prev.swiper-button-disabled, .cs_next.swiper-button-disabled{opacity: 0.3; cursor: default;}

/* 스크롤바 페이지네이션 (썸 = 현재 보이는 비율) */
.cs_pagination{position: relative; margin-top: 40px; height: 3px; background: #f0e8e0; border-radius: 0; cursor: pointer;}
.cs_pagination .swiper-scrollbar-drag{height: 100%; background: #8b5a3c; border-radius: 0; cursor: grab;}
.cs_pagination .swiper-scrollbar-drag:active{cursor: grabbing;}
/* swiper가 자동 추가하는 swiper-scrollbar 클래스 호환 */
.cs_pagination.swiper-scrollbar{position: relative;}

/* ============================================================
   REVIEW (상품사용후기)
   ============================================================ */
.rv_sec{padding: 80px 0 100px;}
.rv_title{text-align: center; margin-bottom: 50px; position: relative;}
.rv_title h2{font-size: 26px; font-weight: 600; color: #222; line-height: 150%; letter-spacing: 1px; margin-bottom: 8px;}
.rv_title p{font-size: 14px; color: #888; line-height: 150%;}
.rv_more_link{display: inline-flex; align-items: center; gap: 4px; margin-top: 14px; padding: 8px 18px; border: 1px solid #ddd; border-radius: 100px; font-size: 13px; color: #555; line-height: 150%; transition: all 0.2s ease;}
.rv_more_link:hover{border-color: #8b7eff; color: #8b7eff;}
.rv_more_link i{font-size: 16px; line-height: 100%;}

/* 후기 없음 */
.rv_empty{text-align: center; padding: 60px 20px; background: #fafafa; border-radius: 12px;}
.rv_empty p{font-size: 15px; color: #555; line-height: 150%;}
.rv_empty .rv_empty_sub{font-size: 13px; color: #999; margin-top: 6px;}

.rv_card{position: relative;}
.rv_card_link{display: block; color: inherit; cursor: pointer;}

/* 이미지 + 구매인증 뱃지 */
.rv_card_img{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; background: #f5f5f5; margin-bottom: 16px;}
.rv_card_img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.rv_card_badge{position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,0.55); color: #fff; font-size: 11px; font-weight: 500; line-height: 100%; padding: 6px 10px; border-radius: 100px; backdrop-filter: blur(2px); z-index: 2;}

/* 카드 본문 영역 */
.rv_card_body{padding: 0 4px;}

/* 상품명 */
.rv_card_title{font-size: 16px; font-weight: 700; color: #222; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 8px;}

/* 평점 N 리뷰 N개 (보라색) */
.rv_card_rating{font-size: 13px; color: #8b7eff; line-height: 150%; margin-bottom: 6px;}
.rv_card_rating em{font-style: normal; font-weight: 600;}

/* 별점 */
.rv_card_score{display: flex; gap: 2px; margin-bottom: 14px;}
.rv_card_score i{font-size: 14px; color: #8b7eff; line-height: 100%;}

/* 본문 (2줄) */
.rv_card_text{font-size: 13px; color: #333; line-height: 150%; margin-bottom: 16px; min-height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

/* 작성자 + 날짜 (좌하단) */
.rv_card_meta{display: flex; align-items: center; gap: 12px; font-size: 12px; color: #aaa; line-height: 150%;}
.rv_card_meta .rv_writer{color: #777;}

/* ============================================================
   리뷰 상세 모달
   ============================================================ */
body.rv_modal_open{overflow: hidden;}
.rv_modal{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.rv_modal.on{display: block;}
.rv_modal_dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); cursor: pointer;}

.rv_modal_close{position: absolute; top: 24px; right: 24px; width: 44px; aspect-ratio: 1; background: transparent; border: 0; color: #fff; font-size: 28px; cursor: pointer; z-index: 5; line-height: 100%; padding: 0;}
.rv_modal_close i{font-size: 32px;}

.rv_modal_prev, .rv_modal_next{position: absolute; top: 50%; transform: translateY(-50%); width: 56px; aspect-ratio: 1; background: transparent; border: 0; color: #fff; cursor: pointer; z-index: 5; line-height: 100%; padding: 0;}
.rv_modal_prev{left: 30px;}
.rv_modal_next{right: 30px;}
.rv_modal_prev i, .rv_modal_next i{font-size: 48px;}
.rv_modal_prev:disabled, .rv_modal_next:disabled{opacity: 0.3; cursor: default;}

.rv_modal_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 1280px; max-height: 90vh; background: #fff; border-radius: 12px; overflow: hidden; display: flex; box-shadow: 0 10px 40px rgba(0,0,0,0.3);}

.rv_modal_left{position: relative; width: 60%; background: #f5f5f5; padding: 20px;}
.rv_modal_badge{position: absolute; top: 24px; right: 24px; background: rgba(255,255,255,0.95); color: #222; font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 4px; z-index: 2;}
.rv_modal_mainimg{width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 4px; background: #eee;}
.rv_modal_mainimg img{width: 100%; height: 100%; object-fit: contain; display: block;}

.rv_modal_thumbs{display: flex; gap: 8px; justify-content: center; margin-top: 16px;}
.rv_modal_thumb{width: 60px; aspect-ratio: 1; padding: 0; border: 2px solid transparent; border-radius: 4px; overflow: hidden; background: #fff; cursor: pointer;}
.rv_modal_thumb.on{border-color: #8b7eff;}
.rv_modal_thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}

.rv_modal_right{width: 40%; padding: 40px 36px; overflow-y: auto;}
.rv_modal_product{display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: #222; line-height: 150%; margin-bottom: 20px; text-decoration: none;}
.rv_modal_product i{font-size: 16px;}

.rv_modal_head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;}
.rv_modal_writer{font-size: 13px; color: #222; font-weight: 500; line-height: 150%;}
.rv_modal_report{font-size: 12px; color: #999; line-height: 150%; text-decoration: none;}

.rv_modal_meta{display: flex; align-items: center; gap: 10px; margin-bottom: 16px;}
.rv_modal_score{display: inline-flex; gap: 2px;}
.rv_modal_score i{font-size: 16px; color: #8b7eff;}
.rv_modal_date{font-size: 12px; color: #aaa; line-height: 150%;}

.rv_modal_content{font-size: 14px; color: #333; line-height: 150%; white-space: pre-wrap; margin-bottom: 24px;}

.rv_modal_helpful{display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #ddd; border-radius: 100px; background: #fff; font-size: 12px; color: #555; cursor: pointer; line-height: 150%;}
.rv_modal_helpful_n{color: #999;}

/* 다른 리뷰 영역 */
.rv_modal_others{margin-top: 36px; padding-top: 24px; border-top: 1px solid #eee;}
.rv_modal_others_head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.rv_modal_others_head h4{font-size: 14px; font-weight: 600; color: #222; line-height: 150%;}
.rv_modal_others_nav{display: flex; gap: 6px;}
.rv_modal_others_nav button{width: 26px; height: 26px; border: 1px solid #ddd; background: #fff; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #555; padding: 0;}
.rv_modal_others_nav button:disabled{opacity: 0.3; cursor: default;}
.rv_modal_others_nav button i{font-size: 16px; line-height: 100%;}
.rv_modal_others_list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
.rv_modal_other{padding: 0; border: 0; background: transparent; cursor: pointer;}
.rv_modal_other_img{display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 6px; background: #f5f5f5;}
.rv_modal_other_img img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s;}
.rv_modal_other:hover .rv_modal_other_img img{transform: scale(1.06);}

@media all and (max-width: 1024px){
    .rv_modal_box{flex-direction: column; max-height: 95vh;}
    .rv_modal_left, .rv_modal_right{width: 100%;}
    .rv_modal_prev, .rv_modal_next{display: none;}
}

@media all and (max-width: 768px){
    .rv_modal_box{width: 100%; max-height: 100vh; height: 100%; border-radius: 0;}
    .rv_modal_close{top: 12px; right: 12px;}
    .rv_modal_right{padding: 24px 20px;}
}

/* ============================================================
   카테고리 섹션 (지갑/신발/ACC) — .cs_card 재사용
   ============================================================ */
.ct_sec{padding: 80px 0 60px;}
.ct_banner{width: 100%; margin-bottom: 60px;}
.ct_banner img{width: 100%; display: block;}
.ct_title{text-align: center; margin-bottom: 50px;}
.ct_title h2{font-size: 26px; font-weight: 600; color: #222; line-height: 150%; letter-spacing: 1px; margin-bottom: 8px;}
.ct_title p{font-size: 14px; color: #999; line-height: 150%; font-weight: 400;}

/* ============================================================
   HIGH-END OF BEST (카드 스타일은 .cs_card 재사용)
   ============================================================ */
.he_sec{padding: 80px 0 100px;}
.he_banner{width: 100%; margin-bottom: 80px;}
.he_banner img{width: 100%; display: block;}
.he_title{text-align: center; margin-bottom: 50px;}
.he_title h2{font-size: 24px; font-weight: 500; color: #222; line-height: 150%; margin-bottom: 8px; letter-spacing: 0.5px;}
.he_title p{font-size: 14px; color: #999; line-height: 150%; font-weight: 400;}

@media all and (max-width: 1400px){
    .sh_nav ul{gap: 28px;}
}

@media all and (max-width: 1024px){
    .sh_top{display: none;}
    .sh_main{padding: 16px 0;}
    .sh_logo{width: 110px;}
    .sh_nav ul{gap: 20px;}
    .sh_nav ul li a{font-size: 14px;}
    #wrapper{padding-top: 80px;}

    .visual_sec .swiper-pagination{bottom: 20px;}
}

@media all and (max-width: 768px){
    .sh_nav{display: none;}
    .sh_main_wrap{justify-content: space-between;}
    .sh_util{gap: 14px;}
    .sh_util i{font-size: 18px;}
    .sh_util .sh_ic{width: 22px; height: 22px;}
    #wrapper{padding-top: 66px;}

    .visual_sec .swiper-pagination{bottom: 14px;}
    .visual_sec .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 4px;}
}

/* ============================================================
   CONTAINER 영카트 페이지 너비 보정 (.width와 동일 규칙)
   ============================================================ */
#container{width: 92% !important; max-width: 1800px !important; margin: 0 auto !important;}
@media all and (max-width: 1024px){
    #container{width: 92% !important;}
}

/* index 페이지는 풀너비 — 내부 섹션에서 .width로 콘텐츠 폭 제한 */
#wrapper.is_index #container{width: 100% !important; max-width: none !important; margin: 0 !important;}

/* shop 페이지의 wrapper 상단 여백 (헤더 가림 방지) */
body.shop #wrapper,
.sh_header ~ #wrapper{padding-top: 135px;}

/* 모바일 — 상단 여백 축소 */
@media all and (max-width: 768px){
    body.shop #wrapper,
    .sh_header ~ #wrapper{padding-top: 110px !important;} /* 헤더 + 카테고리 가로 스크롤 영역 */
}

/* ============================================================
   모바일 헤더 — 햄버거 + 가운데 로고 + 우측 장바구니 + 가로 스크롤 카테고리
   ============================================================ */
.sh_mobile_btn{display: none; background: transparent; border: 0; padding: 0; cursor: pointer; color: #222; line-height: 1;}
.sh_mobile_btn i{font-size: 26px;}
.sh_mobile_cate{display: none;}
.sh_mobile_panel{display: none;}

@media all and (max-width: 768px){
    /* sh_top 숨김 (이미 default_shop.css가 처리하지만 강제 확인) */
    .sh_top{display: none !important;}

    /* sh_main 재배치 */
    .sh_main{padding: 14px 0 !important; border-bottom: 1px solid #f0f0f0;}
    .sh_main_wrap{
        display: grid !important;
        grid-template-columns: 40px 1fr 40px !important;
        align-items: center !important;
        gap: 0 !important;
    }

    /* 햄버거 — 좌측 */
    .sh_mobile_btn{
        display: inline-flex !important;
        align-items: center; justify-content: flex-start;
        width: 40px; height: 40px;
        grid-column: 1;
    }

    /* 로고 — 가운데 */
    .sh_logo{
        grid-column: 2;
        width: auto !important;
        text-align: center;
        margin: 0 !important;
    }
    .sh_logo a{display: inline-block;}
    .sh_logo img{height: 24px !important; width: auto !important;}

    /* sh_nav (PC 메뉴) — 숨김 */
    .sh_nav{display: none !important;}

    /* sh_util — 장바구니만 우측, 사용자/검색 숨김 */
    .sh_util{
        grid-column: 3;
        display: flex !important;
        justify-content: flex-end !important;
        gap: 0 !important;
    }
    .sh_util .sh_util_user,
    .sh_util .sh_util_search{display: none !important;}
    .sh_util .sh_util_cart{width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; position: relative;}
    .sh_util_count{top: 0 !important; right: 0 !important;}

    /* 모바일 카테고리 가로 스크롤 — sh_main 아래 */
    .sh_mobile_cate{
        display: block !important;
        background: #fff;
        border-bottom: 1px solid #f0f0f0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .sh_mobile_cate::-webkit-scrollbar{display: none;}
    .sh_mobile_cate{scrollbar-width: none;}
    .sh_mobile_cate ul{
        display: flex !important;
        gap: 22px;
        padding: 12px 16px !important;
        margin: 0 !important;
        list-style: none !important;
        white-space: nowrap;
    }
    .sh_mobile_cate li{flex: 0 0 auto; list-style: none; margin: 0; padding: 0;}
    .sh_mobile_cate li a{
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #555 !important;
        text-decoration: none !important;
        line-height: 1.2;
        padding: 4px 0;
        display: inline-block;
    }
    .sh_mobile_cate li a:hover{color: #8b5a3c !important;}

    /* 모바일 사이드 패널 (햄버거 클릭 시) */
    .sh_mobile_panel{display: block !important; position: fixed; inset: 0; z-index: 9999; pointer-events: none; visibility: hidden;}
    .sh_mobile_panel.is_open{pointer-events: auto; visibility: visible;}
    .sh_mobile_panel .sh_mobile_dim{position: absolute; inset: 0; background: rgba(0,0,0,0.35); opacity: 0; transition: opacity 0.25s ease;}
    .sh_mobile_panel.is_open .sh_mobile_dim{opacity: 1;}
    .sh_mobile_panel .sh_mobile_inner{
        position: absolute; top: 0; left: 0; bottom: 0;
        width: 88%; max-width: 360px;
        background: #fff;
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(.2,.6,.2,1);
        display: flex; flex-direction: column;
    }
    .sh_mobile_panel.is_open .sh_mobile_inner{transform: translateX(0);}

    /* 상단: 유틸 좌측 + X 우측 */
    .sh_mobile_head{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 18px 6px !important;
        border-bottom: 0 !important;
    }
    .sh_mobile_util{
        display: flex !important;
        gap: 14px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 1 1 auto;
        flex-wrap: wrap;
    }
    .sh_mobile_util li{list-style: none; margin: 0; padding: 0;}
    .sh_mobile_util li a{font-size: 12px !important; color: #555 !important; text-decoration: none; padding: 0 !important; display: inline-block; line-height: 1.5;}
    .sh_mobile_close{background: transparent; border: 0; cursor: pointer; padding: 4px; color: #222; flex: 0 0 auto;}
    .sh_mobile_close i{font-size: 22px;}

    /* 탭 */
    .sh_mobile_tabs{
        display: flex;
        border-bottom: 1px solid #ddd;
        padding: 0 18px;
        margin-bottom: 0;
    }
    .sh_mtab{
        flex: 1;
        padding: 14px 0;
        background: transparent;
        border: 0;
        border-bottom: 2px solid transparent;
        font-size: 15px;
        color: #aaa;
        cursor: pointer;
        font-weight: 500;
        line-height: 1;
        position: relative;
        margin-bottom: -1px;
    }
    .sh_mtab.is_active{
        color: #222;
        font-weight: 700;
        border-bottom-color: #222;
    }

    /* 트리 */
    .sh_mobile_body{flex: 1; overflow-y: auto; padding: 0;}
    .sh_mobile_tree{
        display: none;
        list-style: none !important;
        margin: 0 !important;
        padding: 6px 0 30px !important;
    }
    .sh_mobile_tree.is_active{display: block;}
    .sh_mobile_tree > li{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sh_tree_row{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px;
    }
    .sh_tree_row .sh_tree_name{
        flex: 1 1 auto;
        display: block;
        padding: 12px 0;
        font-size: 14px;
        font-weight: 600;
        color: #222;
        text-decoration: none;
        line-height: 1.4;
    }
    .sh_tree_row .sh_tree_name:hover{color: #8b5a3c;}
    .sh_tree_toggle{
        flex: 0 0 auto;
        width: 32px; height: 32px;
        background: transparent;
        border: 0;
        cursor: pointer;
        font-size: 18px;
        color: #888;
        line-height: 1;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .sh_tree_icon{font-family: monospace; font-size: 18px; line-height: 1;}

    /* 자식 목록 (기본 숨김, has_sub.is_open 일 때 표시) */
    .sh_mobile_tree .sh_tree_sub{
        display: none;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 0 6px !important;
    }
    .sh_mobile_tree .has_sub.is_open > .sh_tree_sub{display: block;}
    .sh_mobile_tree .sh_tree_sub li{list-style: none; margin: 0; padding: 0;}
    .sh_mobile_tree .sh_tree_sub li a{
        display: block;
        padding: 8px 18px 8px 36px;
        font-size: 13px;
        color: #666;
        text-decoration: none;
        line-height: 1.4;
    }
    .sh_mobile_tree .sh_tree_sub li a:hover{color: #222; background: #fafafa;}

    /* 사이드 패널 열렸을 때 body 스크롤 잠금 */
    body.sh_mobile_open{overflow: hidden;}
}

/* 영카트 기본 페이지 타이틀 숨김 */
#wrapper_title{display: none !important;}

/* 모바일 — 게시판 표 컬럼 일부 숨김 (글쓴이 / 조회) */
@media all and (max-width: 768px){
    body #bo_list .tbl_head01 .th_name,
    body #bo_list .tbl_head01 .th_view,
    body #bo_list .tbl_head01 .td_name,
    body #bo_list .tbl_head01 .td_view,
    body #bo_list .tbl_head01 thead th:nth-child(3),
    body #bo_list .tbl_head01 thead th:nth-child(4),
    body #bo_list .tbl_head01 tbody td:nth-child(3),
    body #bo_list .tbl_head01 tbody td:nth-child(4){display: none !important;}
    /* 상단 정보 + 버튼줄도 한 줄에 자연스럽게 */
    body #bo_list #bo_btn_top{flex-wrap: wrap !important; gap: 10px !important;}
    body #bo_list .board_title h2{font-size: 22px !important;}
    body #bo_list .board_title .board_subtitle{font-size: 12px !important;}
}

/* 모바일 — 퀵메뉴 작게 + 우측 여백 줄임 */
@media all and (max-width: 768px){
    .quick_menu{right: 10px !important; bottom: 60px !important; gap: 6px !important;}
    .quick_menu .qm_btn{width: 38px !important; height: 38px !important;}
    .quick_menu .qm_kakao i,
    .quick_menu .qm_insta i,
    .quick_menu .qm_up i,
    .quick_menu .qm_down i{font-size: 16px !important;}
}

/* ============================================================
   게시판 목록 (#bo_list) — basic 스킨 깔끔한 표 디자인
   ============================================================ */
body #bo_list{max-width: 1400px !important; margin: 0 auto !important; padding: 40px 0 80px !important; width: 100% !important;}

/* 게시판 타이틀 (.board_title) — 가운데 큰 글씨 */
body #bo_list .board_title{text-align: center !important; margin: 0 0 40px !important; padding: 0 !important;}
body #bo_list .board_title h2{
    font-size: 28px !important; font-weight: 600 !important; color: #222 !important;
    line-height: 1.3 !important; margin: 0 0 12px !important; padding: 0 !important;
    text-align: center !important; letter-spacing: -0.3px;
}
/* 부제 (PHP에서 게시판별 분기 출력 .board_subtitle) */
body #bo_list .board_title .board_subtitle{
    display: block;
    font-size: 14px; color: #888; font-weight: 400;
    line-height: 1.5; margin: 8px 0 0;
    text-align: center;
}

/* 상단 페이지 정보 + 버튼 줄 */
body #bo_list #bo_btn_top{display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important;}
body #bo_list #bo_list_total{font-size: 13px !important; color: #888 !important; padding: 0 !important;}
body #bo_list #bo_list_total span{color: #222 !important; font-weight: 600 !important;}
body #bo_list .btn_bo_user{display: flex !important; gap: 6px !important; padding: 0 !important; margin: 0 !important; list-style: none !important;}
body #bo_list .btn_bo_user li{margin: 0 !important; padding: 0 !important; background: transparent !important;}
body #bo_list .btn_bo_user .btn,
body #bo_list .btn_bo_user .btn_b01,
body #bo_list .btn_bo_user .btn_admin{
    display: inline-flex !important; align-items: center; justify-content: center;
    height: 34px !important; padding: 0 14px !important;
    background: #fff !important; color: #555 !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    font-size: 12px !important; line-height: 1 !important; text-decoration: none !important;
    cursor: pointer; transition: all 0.15s ease;
}
body #bo_list .btn_bo_user .btn:hover,
body #bo_list .btn_bo_user .btn_b01:hover,
body #bo_list .btn_bo_user .btn_admin:hover{background: #222 !important; color: #fff !important; border-color: #222 !important;}

/* 표 디자인 */
body #bo_list .tbl_head01,
body #bo_list .tbl_wrap{padding: 0 !important; margin: 0 !important;}
body #bo_list .tbl_head01 table{
    width: 100% !important; border-collapse: collapse !important;
    border-top: 1px solid #222 !important;
}
body #bo_list .tbl_head01 caption{display: none !important;}
body #bo_list .tbl_head01 thead{background: #fafafa !important;}
body #bo_list .tbl_head01 thead th{
    padding: 16px 12px !important;
    font-size: 16px !important; font-weight: 500 !important; color: #555 !important;
    text-align: center !important; vertical-align: middle !important;
    background: #fafafa !important;
    border: 0 !important; border-bottom: 1px solid #e0e0e0 !important;
    line-height: 1.5 !important;
}
body #bo_list .tbl_head01 thead th a{font-size: 16px !important; font-weight: 500 !important; color: #555 !important; text-decoration: none !important;}
body #bo_list .tbl_head01 thead th a:hover{color: #222 !important;}

body #bo_list .tbl_head01 tbody td{
    padding: 14px 12px !important;
    font-size: 13px !important; color: #222 !important;
    text-align: center !important; vertical-align: middle !important;
    background: #fff !important;
    border: 0 !important; border-bottom: 1px solid #f0f0f0 !important;
    line-height: 1.5 !important;
}
body #bo_list .tbl_head01 tbody td.td_subject,
body #bo_list .tbl_head01 tbody .td_subject{text-align: left !important;}
body #bo_list .tbl_head01 tbody td a{color: #222 !important; text-decoration: none !important;}
body #bo_list .tbl_head01 tbody td a:hover{color: #8b5a3c !important; text-decoration: underline;}

/* 빈 결과 표시 */
body #bo_list .tbl_head01 tbody tr.empty_table td,
body #bo_list .tbl_head01 tbody td[colspan]{
    padding: 60px 20px !important;
    color: #aaa !important; font-size: 13px !important;
    text-align: center !important;
}

/* 페이징 */
body #bo_list .pg_wrap{display: flex !important; justify-content: center !important; gap: 4px !important; margin: 40px 0 0 !important;}
body #bo_list .pg_wrap .pg_page,
body #bo_list .pg_wrap .pg_current{
    display: inline-flex !important; align-items: center; justify-content: center;
    min-width: 34px !important; height: 34px !important; padding: 0 10px !important;
    border: 1px solid #eee !important; border-radius: 4px !important;
    background: #fff !important; color: #555 !important;
    font-size: 13px !important; text-decoration: none !important; line-height: 1 !important;
}
body #bo_list .pg_wrap .pg_current{background: #222 !important; color: #fff !important; border-color: #222 !important; font-weight: 600 !important;}
body #bo_list .pg_wrap .pg_page:hover{border-color: #222 !important; color: #222 !important;}

/* 카테고리 페이지 타이틀 (.sct_page_title) — 가운데 큰 글씨 */
body .sct_page_title{
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-align: center !important;
    margin: 40px 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.3 !important;
    letter-spacing: -0.3px;
}

/* 자식 카테고리 버튼 그룹 (#sct_ct_1, .sct_ct) — 둥근 캡슐 */
body #sct_ct_1, body .sct_ct{
    margin: 0 auto 50px !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    max-width: 1400px !important;
}
body #sct_ct_1 > h2, body .sct_ct > h2{display: none !important;}
body #sct_ct_1 > ul, body .sct_ct > ul{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
body #sct_ct_1 > ul > li, body .sct_ct > ul > li{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    float: none !important;
    border: 0 !important;
}
body #sct_ct_1 > ul > li > a, body .sct_ct > ul > li > a{
    display: inline-block !important;
    padding: 10px 22px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 100px !important;
    font-size: 13px !important;
    color: #555 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    transition: all 0.15s !important;
    font-weight: 500;
}
body #sct_ct_1 > ul > li > a:hover, body .sct_ct > ul > li > a:hover{
    border-color: #222 !important;
    color: #222 !important;
    background: #fff !important;
}
body #sct_ct_1 > ul > li.active > a, body .sct_ct > ul > li.active > a{
    background: #222 !important;
    color: #fff !important;
    border-color: #222 !important;
}

/* 주문서(#sod_frm) — 컨텐츠 폭 1200px */
body #sod_frm,
body #sod_frm.sod_frm_pc{
    max-width: 1200px !important;
    margin: 0 auto 60px !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* 주문서(#sod_frm) — 주황 톤 무력화 (변수 + 좌우 패널만 검정, 검정 배경 박스는 흰색 유지) */

/* 1. 좌우 패널/일반 영역만 검정 (검정 배경 박스 제외) */
#sod_frm .sod_left,
#sod_frm .sod_left *,
#sod_frm .sod_right,
#sod_frm .sod_right *,
#sod_frm > h1, #sod_frm > h2, #sod_frm > h3,
#sod_frm input[type="text"], #sod_frm input[type="tel"],
#sod_frm input[type="email"], #sod_frm input[type="password"],
#sod_frm input[type="number"],
#sod_frm select, #sod_frm textarea, #sod_frm label{
    color: #121212 !important;
}
/* 일반 링크만 — 검정 배경 박스 안 a는 자식 셀렉터(아래)로 흰색 강제 */
#sod_frm .sod_left a,
#sod_frm .sod_right a{color: #121212 !important;}
#sod_frm .sod_left a:hover,
#sod_frm .sod_right a:hover{color: #555 !important;}

/* 2. 주문서 페이지 — CSS 변수 local override (주황 → 검정 계열) */
#sod_frm,
#sod_frm_orderinfo,
#sod_bsk_tot,
.shop_layout #container.is_orderform,
body.shop #wrapper{
    --gold: #222 !important;
    --color: #222 !important;
}

/* 3. 결제 금액 박스 (#sod_bsk_tot) — 단색 검정 배경 + 흰 글씨 강제 */
body #sod_frm #sod_bsk_tot{
    background: #222 !important;
    background-image: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    border: 0 !important;
}
body #sod_frm #sod_bsk_tot *{
    background-image: none !important;
    background-color: transparent !important;
}
/* 박스 안의 모든 텍스트 — 흰색 강제 (정확한 셀렉터 포함) */
body #sod_frm #sod_bsk_tot,
body #sod_frm #sod_bsk_tot li,
body #sod_frm #sod_bsk_tot li *,
body #sod_frm #sod_bsk_tot ul,
body #sod_frm #sod_bsk_tot ol,
body #sod_frm #sod_bsk_tot dt,
body #sod_frm #sod_bsk_tot dd,
body #sod_frm #sod_bsk_tot span,
body #sod_frm #sod_bsk_tot strong,
body #sod_frm #sod_bsk_tot em,
body #sod_frm #sod_bsk_tot b,
body #sod_frm #sod_bsk_tot p,
body #sod_frm #sod_bsk_tot a,
body #sod_frm #sod_bsk_tot li.sod_bsk_cnt > span:last-of-type,
body #sod_frm #sod_bsk_tot li.sod_bsk_cnt strong{
    color: #fff !important;
}

/* 4. 주문하기/취소 버튼 */
#sod_frm .btn_submit,
#sod_frm input[type="submit"],
#sod_frm button[type="submit"],
#sod_frm .btn_b01,
#sod_frm .btn_b02,
#sod_frm .btn01,
#sod_frm .btn02{
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    border-radius: 4px !important;
}
#sod_frm .btn_submit:hover,
#sod_frm input[type="submit"]:hover,
#sod_frm button[type="submit"]:hover{background: #000 !important; border-color: #000 !important; color: #fff !important;}

/* 주소검색 버튼 — 흰 글씨 강제 */
#sod_frm .tbl_frm01 td .btn_address{color: #fff !important;}

/* 주문하기 버튼 (.btn_confirm 안) — 정확한 셀렉터 강제 */
#sod_frm .btn_confirm > .btn_submit,
#sod_frm .btn_confirm > input[type="submit"].btn_submit,
#sod_frm .btn_confirm > button[type="submit"]{
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    border-radius: 4px !important;
}
#sod_frm .btn_confirm > .btn_submit:hover,
#sod_frm .btn_confirm > input[type="submit"].btn_submit:hover,
#sod_frm .btn_confirm > button[type="submit"]:hover{
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* 취소/보조 버튼 — 흰 배경 + 검정 테두리 */
#sod_frm .btn_cancel,
#sod_frm .btn_close,
#sod_frm a.btn_b02,
#sod_frm a[href*="cart"]{
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #ccc !important;
}
#sod_frm .btn_cancel:hover,
#sod_frm .btn_close:hover{background: #222 !important; color: #fff !important; border-color: #222 !important;}

/* 5. 주황 테두리/포커스 */
#sod_frm input[type="text"]:focus,
#sod_frm input[type="number"]:focus,
#sod_frm input[type="tel"]:focus,
#sod_frm input[type="email"]:focus,
#sod_frm input[type="password"]:focus,
#sod_frm select:focus,
#sod_frm textarea:focus{border-color: #222 !important; outline: none !important; box-shadow: none !important;}

/* 6. 라디오/체크박스 강조 색 */
#sod_frm input[type="radio"]:checked,
#sod_frm input[type="checkbox"]:checked{accent-color: #222 !important;}

/* 7. 작은 주황 배지/표시 */
#sod_frm .sod_chk,
#sod_frm .sod_required{color: #d32f2f !important;}  /* 필수 표시는 빨강 유지 */

/* 브레드크럼 (#sct_location.view_location, #sct_location.is_list) — 우측 정렬, 작은 회색, max-width 1400 */
body #sct_location.view_location,
body #sct_location.is_list{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    text-align: right !important;
    font-size: 13px !important;
    color: #888 !important;
    line-height: 150% !important;
    width: 100% !important;
    max-width: 1400px !important;
    border: 0 !important;
    background: transparent !important;
    letter-spacing: 0 !important;
}
body #sct_location::after{display: none !important;}

/* 카테고리 셀렉트박스의 드롭다운 화살표 아이콘 숨김 */
.shop_select_to_html .category_title i{display: none !important;}

/* 홈 아이콘 숨기고 "홈" 텍스트 표시 */
body #sct_location .go_home{
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    color: #888 !important;
    line-height: 150% !important;
    text-decoration: none !important;
    vertical-align: baseline !important;
    background: transparent !important;
    border: 0 !important;
    transition: color 0.15s ease;
    display: inline-flex;
    align-items: center;
}
body #sct_location .go_home i.fa-home,
body #sct_location .go_home i{display: none !important;}
body #sct_location .go_home::before{
    content: '홈';
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #888;
    line-height: 150%;
}
body #sct_location .go_home:hover::before{color: #222;}

/* 구분자 — fa-angle-right(>) 무효화하고 슬래시 '/' 표시 */
body #sct_location i.dividing-line{
    float: none !important;
    color: #ccc !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 150% !important;
    vertical-align: baseline !important;
    font-family: 'Pretendard', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    display: inline-block;
}
body #sct_location i.dividing-line::before{
    content: '/' !important;
    font-family: 'Pretendard', sans-serif !important;
    font-size: 13px !important;
    color: #ccc !important;
    font-weight: 400 !important;
    line-height: 150%;
}

/* 카테고리 select — 텍스트처럼 보이게 */
body #sct_location select,
body #sct_location .shop_select_to_html{
    float: none !important;
    border: 0 !important;
    background: transparent !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #222 !important;
    line-height: 150% !important;
    vertical-align: baseline !important;
    font-weight: 500 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
}
body #sct_location .shop_select_to_html{display: inline-block !important; position: relative;}
body #sct_location .shop_select_to_html .selected_value{font-size: 13px !important; color: #222 !important; font-weight: 500 !important;}
body #sct_location .shop_select_to_html .menulist{left: 0 !important;}

/* ============================================================
   상품 상세 페이지 (item.php) — 카페24 참고 스타일 재설계
   ============================================================ */

/* form 외곽 */
#sit_ov_from{max-width: 1400px; margin: 0 auto; padding: 0; border-bottom: 0 !important;}

/* 좌우 2단 레이아웃 */
#sit_ov_wrap{display: flex !important; gap: 60px !important; align-items: flex-start !important; flex-direction: row !important; padding: 0 !important; float: none !important;}
#sit_pvi{flex: 0 0 calc(50% - 30px) !important; max-width: calc(50% - 30px) !important; width: calc(50% - 30px) !important; float: none !important; margin: 0 !important; padding: 0 !important;}
#sit_ov{flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important;}

/* 대표 이미지 — 정사각형, 인라인 width/height 무시 */
#sit_pvi_big{position: relative !important; width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; overflow: hidden !important; border-radius: 4px !important; background: #f5f5f5 !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important;}
#sit_pvi_big a.popup_item_image{display: block; width: 100%; height: 100%;}
#sit_pvi_big img{width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; display: block !important; padding: 0 !important;}
#sit_pvi_big a#popup_item_image{position: absolute !important; right: 14px !important; bottom: 14px !important; left: auto !important; top: auto !important; width: 40px !important; height: 40px !important; background: rgba(0,0,0,0.55) !important; color: #fff !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; z-index: 5;}
#sit_pvi_big a#popup_item_image i{font-size: 16px; color: #fff;}

/* 썸네일 가로 리스트 */
#sit_pvi_thumb{display: flex !important; gap: 8px !important; flex-wrap: wrap !important; padding: 0 !important; margin: 0 !important; list-style: none !important;}
#sit_pvi_thumb li{display: block !important; width: calc((100% - 32px) / 5) !important; margin: 0 !important; padding: 0 !important; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; background: #f5f5f5; border: 1px solid transparent; transition: border-color 0.15s; float: none !important;}
#sit_pvi_thumb li:hover{border-color: #8b5a3c;}
#sit_pvi_thumb li a{display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; border: 0 !important;}
#sit_pvi_thumb li img{width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; display: block !important;}

/* 상품명 */
#sit_ov{padding: 0 !important;}
#sit_ov #sit_title{font-size: 28px !important; font-weight: 600 !important; color: #222 !important; line-height: 140% !important; margin: 0 !important; padding: 0 0 28px 0 !important; letter-spacing: -0.3px !important; border: 0 !important; border-bottom: 1px solid #eee !important;}

/* 상품 설명/별점·위시·공유 줄 — 숨김 (참고 사이트엔 없음) */
#sit_ov #sit_desc{display: none !important;}
#sit_star_sns{display: none !important;}
/* #sit_opt_info 는 아래에서 "(최소주문수량 1개 이상)" 안내로 변경 */

/* 가격/포인트/배송 테이블 — 라벨/포인트/배송비 행 숨기고 판매가격만 단독 큰 글씨 */
#sit_ov .sit_info{margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;}
#sit_ov .sit_ov_tbl{border-collapse: collapse !important; width: 100% !important; border: 0 !important;}
#sit_ov .sit_ov_tbl caption{display: none !important;}
#sit_ov .sit_ov_tbl colgroup{display: none !important;}
/* 기본은 모든 행 숨김 */
#sit_ov .sit_ov_tbl tbody, #sit_ov .sit_ov_tbl tr{display: block !important; width: 100% !important;}
#sit_ov .sit_ov_tbl tr{display: none !important;}
/* 판매가격 행만 보이게 */
#sit_ov .sit_ov_tbl tr.tr_price{display: block !important; padding: 28px 0 !important; margin: 0 !important; border-bottom: 1px solid #eee !important; background: transparent !important;}
#sit_ov .sit_ov_tbl tr.tr_price th{display: none !important;}
#sit_ov .sit_ov_tbl tr.tr_price td{display: block !important; padding: 0 !important; background: transparent !important; border: 0 !important; width: 100% !important;}
#sit_ov .sit_ov_tbl tr.tr_price td strong{font-size: 28px !important; font-weight: 700 !important; color: #222 !important; line-height: 130% !important;}

/* 선택된 옵션 영역 — 카드형 디자인 */
#sit_sel_option{margin: 24px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important;}
#sit_sel_option h3{display: none !important;}
#sit_opt_added{list-style: none !important; padding: 0 !important; margin: 0 !important;}

#sit_opt_added .sit_opt_list{
    position: relative !important;
    padding: 18px 20px !important;
    background: #fafafa !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
}
#sit_opt_added .sit_opt_list:last-child{margin-bottom: 0 !important;}

/* 옵션명 */
#sit_opt_added .opt_name{
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding-right: 30px !important;
}
#sit_opt_added .sit_opt_subj{
    flex: 1 1 auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #444 !important;
    line-height: 150% !important;
    word-break: keep-all;
}

/* 옵션 삭제 X 버튼 (영카트가 동적 생성, 다양한 셀렉터 커버) */
#sit_opt_added .sit_opt_del,
#sit_opt_added .opt_name a,
#sit_opt_added .opt_name button{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 22px !important;
    height: 22px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: #aaa !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: color 0.15s;
}
#sit_opt_added .sit_opt_del:hover,
#sit_opt_added .opt_name a:hover,
#sit_opt_added .opt_name button:hover{color: #222 !important;}
#sit_opt_added .opt_name i{font-size: 14px !important;}

/* 수량 + 가격 한 줄 */
#sit_opt_added .opt_count{
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
}

#sit_opt_added .sit_qty_minus,
#sit_opt_added .sit_qty_plus{
    width: 36px !important; height: 36px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    padding: 0 !important;
    color: #555 !important;
    transition: all 0.15s;
}
#sit_opt_added .sit_qty_minus:hover,
#sit_opt_added .sit_qty_plus:hover{
    border-color: #8b5a3c !important;
    color: #8b5a3c !important;
}
#sit_opt_added .sit_qty_minus i,
#sit_opt_added .sit_qty_plus i{font-size: 12px;}

#sit_opt_added .num_input{
    width: 50px !important; height: 36px !important;
    padding: 0 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #222 !important;
    background: #fff !important;
    margin: 0 2px !important;
}
#sit_opt_added .num_input:focus{
    border-color: #8b5a3c !important;
    outline: none !important;
}

#sit_opt_added .sit_opt_prc{
    margin-left: auto !important;
    font-size: 14px !important;
    color: #222 !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

/* 옵션 영역 (.sit_option) — 색상/사이즈 선택 */
.sit_option{margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important;}
.sit_option h3{display: none !important;} /* "선택옵션" 라벨 숨김 */

/* 각 옵션 행 (.get_item_options) — 라벨 좌측 + select 우측 + 행 사이 구분선 */
.sit_option .get_item_options{display: flex !important; align-items: center !important; gap: 20px !important; padding: 24px 0 !important; margin: 0 !important; border-bottom: 1px solid #eee !important;}
.sit_option .get_item_options:last-of-type{border-bottom: 1px solid #eee !important;} /* 마지막 행도 구분선 유지 */
.sit_option .get_item_options label.label-title{flex: 0 0 80px !important; font-size: 13px !important; font-weight: 500 !important; color: #555 !important; line-height: 150% !important; margin: 0 !important; padding: 0 !important;}
.sit_option .get_item_options span{flex: 1 1 auto !important; min-width: 0;}

/* 옵션 select — 풀너비 + SVG 화살표 */
.sit_option select.it_option,
#sit_ov select{
    height: 50px !important;
    padding: 0 40px 0 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%23999' stroke-width='1.5' d='M1 1.5l5 5 5-5'/></svg>") no-repeat right 16px center !important;
    font-size: 14px !important; color: #222 !important;
    cursor: pointer; outline: none;
    width: 100% !important; min-width: 0 !important;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.sit_option select.it_option:focus,
#sit_ov select:focus{border-color: #8b5a3c !important;}
.sit_option select.it_option:disabled,
#sit_ov select:disabled{background-color: #fafafa !important; color: #aaa !important; cursor: not-allowed;}
.sit_option select.it_option option:disabled,
#sit_ov select option:disabled{color: #ccc;}

/* 옵션 안내 (#sit_opt_info) — 숨김 */
#sit_ov #sit_opt_info{display: none !important;}

/* TOTAL (QUANTITY) — 청회색 라벨(좌) + 가격(우) + "(N개)" 작게 (JS 후처리로 .sit_tot_qty 마크업 생성) */
#sit_tot_price{margin: 0 !important; padding: 24px 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; border-radius: 0 !important; font-size: 0 !important; color: #6c7a8a !important; display: flex !important; justify-content: space-between !important; align-items: baseline !important; min-height: 0 !important; letter-spacing: 0 !important;}
#sit_tot_price::before{content: 'TOTAL (QUANTITY)'; font-size: 14px !important; color: #6c7a8a !important; font-weight: 500 !important; letter-spacing: 1.2px;}
#sit_tot_price strong{font-size: 22px !important; font-weight: 700 !important; color: #222 !important; letter-spacing: 0 !important;}
#sit_tot_price .sit_tot_qty{font-size: 14px !important; color: #999 !important; font-weight: 500 !important; letter-spacing: 0 !important;}

/* 구매 버튼 영역 — 한 줄에 BUY · CART · WISH 가로 배치, BUY가 더 넓음 */
#sit_ov_btn{display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; margin: 24px 0 0 !important; padding: 0 !important; float: none !important; align-items: stretch !important;}

/* BUY IT NOW — 좌측, 가장 넓음 */
#sit_ov_btn .sit_btn_buy{
    order: 1 !important;
    flex: 2 1 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: auto !important; height: 60px !important; line-height: 1 !important;
    background: #8b5a3c !important; color: #fff !important;
    border: 0 !important; border-radius: 4px !important;
    font-size: 15px !important; font-weight: 600 !important; letter-spacing: 1.5px !important;
    cursor: pointer; padding: 0 !important; text-align: center;
    transition: background 0.15s;
}
#sit_ov_btn .sit_btn_buy:hover{background: #6f4429 !important;}

/* CART — 가운데 */
#sit_ov_btn .sit_btn_cart{
    order: 2 !important;
    flex: 1 1 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: auto !important; height: 60px !important; line-height: 1 !important;
    background: #fff !important; color: #222 !important;
    border: 1px solid #ccc !important; border-radius: 4px !important;
    font-size: 14px !important; font-weight: 500 !important; letter-spacing: 1.5px !important;
    cursor: pointer; padding: 0 !important; text-align: center;
    transition: all 0.15s;
}
#sit_ov_btn .sit_btn_cart:hover{background: #222 !important; color: #fff !important; border-color: #222 !important;}

/* WISH LIST — 우측 */
#sit_ov_btn .sit_btn_wish{
    order: 3 !important;
    flex: 1 1 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: auto !important; height: 60px !important; line-height: 1 !important;
    background: #fff !important; color: #222 !important;
    border: 1px solid #ccc !important; border-radius: 4px !important;
    font-size: 14px !important; font-weight: 500 !important; letter-spacing: 1.5px !important;
    cursor: pointer; padding: 0 !important; text-align: center;
    transition: all 0.15s;
}
#sit_ov_btn .sit_btn_wish:hover{background: #222 !important; color: #fff !important; border-color: #222 !important;}
#sit_ov_btn .sit_btn_wish i{display: none !important;}
#sit_ov_btn .sit_btn_wish_text{display: inline-block;}

/* 모바일 — 좁아지면 2단으로: BUY 위, CART/WISH 아래 1:1 */
@media all and (max-width: 600px){
    #sit_ov_btn{flex-wrap: wrap !important;}
    #sit_ov_btn .sit_btn_buy{flex: 1 1 100% !important; height: 54px !important;}
    #sit_ov_btn .sit_btn_cart, #sit_ov_btn .sit_btn_wish{flex: 1 1 calc(50% - 5px) !important; height: 50px !important;}
}

/* 다른 상품 보기 (이전/다음 네비) */
#sit_siblings{display: flex; justify-content: flex-end; margin: 30px auto 0; max-width: 1400px;}
#sit_siblings a{font-size: 13px; color: #888; padding: 8px 16px; border: 1px solid #eee; border-radius: 100px;}
#sit_siblings a:hover{border-color: #222; color: #222;}

/* ====== 하단 탭 영역 ====== */
#sit_info{max-width: 1400px !important; margin: 80px auto 0 !important; padding: 0 !important; float: none !important;}
#sit_tab{padding: 0 !important; margin: 0 !important;}
#sit_tab .tab_tit{display: flex !important; border-bottom: 2px solid #eee !important; padding: 0 !important; margin: 0 !important; list-style: none !important; gap: 0 !important;}
#sit_tab .tab_tit li{flex: 1 !important; list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important;}
#sit_tab .tab_tit li button{width: 100% !important; padding: 20px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; font-size: 15px !important; font-weight: 500 !important; color: #aaa !important; cursor: pointer; line-height: 150%; position: relative; bottom: -2px; transition: all 0.15s;}
#sit_tab .tab_tit li button.selected,
#sit_tab .tab_tit li button:hover{color: #222 !important; border-bottom-color: #222 !important; font-weight: 700 !important;}
#sit_tab .tab_tit li button .item_use_count,
#sit_tab .tab_tit li button .item_qa_count{display: inline-block; margin-left: 4px; padding: 0 8px; background: #f5f5f5; color: #888 !important; font-size: 11px; border-radius: 100px; line-height: 18px; vertical-align: middle; font-weight: 500 !important;}

#sit_tab .tab_con{padding: 60px 0 !important; list-style: none !important; margin: 0 !important;}
#sit_tab .tab_con > li{list-style: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important;}

/* contents_tit — "상품 정보" / "사용후기" 등 탭 콘텐츠 제목 */
#sit_inf .contents_tit,
#sit_tab .tab_con h2{font-size: 22px !important; font-weight: 700 !important; color: #222 !important; line-height: 150% !important; margin: 0 0 40px !important; padding: 0 !important; text-align: center !important; border: 0 !important;}
#sit_inf .contents_tit span{font-size: inherit !important; font-weight: inherit !important; color: inherit !important;}

/* 상품 상세설명 영역 */
#sit_inf #sit_inf_explan{width: 100% !important; max-width: 1200px !important; margin: 0 auto 60px !important; padding: 0 !important;}
#sit_inf #sit_inf_explan img{max-width: 100% !important; height: auto !important; display: block; margin: 0 auto;}

/* 상품 정보 고시 / 기타 h3 섹션 제목 */
#sit_inf h3{font-size: 17px !important; font-weight: 700 !important; color: #222 !important; line-height: 150% !important; margin: 60px 0 20px !important; padding: 30px 0 0 !important; border-top: 1px solid #eee !important;}
#sit_inf h3:first-of-type{margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important;}

/* 상품 정보 고시 테이블 */
#sit_inf_open{width: 100% !important; border-collapse: collapse !important; border-top: 1px solid #222 !important; margin: 0 !important;}
#sit_inf_open tbody{display: table-row-group !important;}
#sit_inf_open tr{display: table-row !important; border: 0 !important;}
#sit_inf_open th{display: table-cell !important; padding: 16px 24px !important; background: #fafafa !important; font-size: 13px !important; font-weight: 500 !important; color: #555 !important; text-align: left !important; vertical-align: middle !important; border: 0 !important; border-bottom: 1px solid #eee !important; width: 30% !important;}
#sit_inf_open td{display: table-cell !important; padding: 16px 24px !important; font-size: 13px !important; color: #222 !important; line-height: 150% !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #eee !important; vertical-align: middle !important; text-align: left !important;}
#sit_inf_open a{color: #222 !important; text-decoration: none;}
#sit_inf_open a:hover{color: #8b5a3c !important; text-decoration: underline;}

/* 관련상품 */
#sit_rel{max-width: 1400px; margin: 60px auto 0;}
#sit_rel h2{font-size: 20px; font-weight: 700; color: #222; line-height: 150%; margin: 0 0 24px; text-align: center;}

/* 모바일 */
@media all and (max-width: 1024px){
    #sit_ov_wrap{flex-direction: column !important; gap: 30px !important;}
    #sit_pvi, #sit_ov{flex: 1 1 auto !important; max-width: 100% !important; width: 100% !important;}
    #sit_pvi_thumb li{width: calc((100% - 24px) / 4) !important;}
}
@media all and (max-width: 768px){
    #sit_ov #sit_title{font-size: 20px !important;}
    #sit_ov .sit_ov_tbl tr.tr_price td strong{font-size: 20px !important;}
    #sit_ov_btn{grid-template-columns: 1fr 50px; gap: 8px !important;}
    #sit_ov_btn .sit_btn_buy{height: 50px !important; line-height: 50px !important; font-size: 14px !important;}
    #sit_pvi_thumb li{width: calc((100% - 18px) / 4) !important;}
    #sit_tab .tab_tit li button{padding: 14px 0 !important; font-size: 13px !important;}
}

/* ============================================================
   REVIEW 페이지 (itemuselist) — 그리드
   ============================================================ */
.rv_page{padding: 80px 0 120px;}
.rv_page .rv_title{text-align: center; margin-bottom: 40px;}
.rv_page .rv_title h2{font-size: 32px; font-weight: 600; color: #222; line-height: 150%; letter-spacing: 1px; margin-bottom: 10px;}
.rv_page .rv_title p{font-size: 15px; color: #888; line-height: 150%;}

/* 검색 */
.rv_search{display: flex; align-items: center; gap: 8px; max-width: 560px; margin: 0 auto 36px; padding: 8px; background: #f7f7f7; border-radius: 100px;}
.rv_search select{height: 40px; padding: 0 14px; border: 0; background: #fff; border-radius: 100px; font-size: 13px; color: #555; cursor: pointer; outline: none;}
.rv_search input[type="text"]{flex: 1 1 auto; height: 40px; padding: 0 16px; border: 0; background: transparent; font-size: 14px; color: #222; outline: none; min-width: 0;}
.rv_search button{width: 40px; height: 40px; border: 0; background: #222; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.rv_search button i{font-size: 18px; line-height: 100%;}
.rv_search .rv_search_reset{font-size: 12px; color: #888; padding: 0 10px; white-space: nowrap;}
.rv_search .rv_search_reset:hover{color: #222;}

/* 카운트 */
.rv_count{font-size: 14px; color: #555; line-height: 150%; margin-bottom: 20px;}
.rv_count strong{color: #8b7eff; font-weight: 700;}

/* 그리드 */
.rv_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 24px;}
.rv_grid .rv_card{position: relative;}
.rv_grid .rv_card_link{display: block; color: inherit; cursor: pointer;}

/* 페이지네이션 */
.rv_paging{display: flex; justify-content: center; margin-top: 50px;}
.rv_paging .pg_wrap{display: inline-flex; align-items: center; gap: 4px;}
.rv_paging .pg_page, .rv_paging .pg_current{display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: 6px; background: #fff; border: 1px solid #eee; font-size: 13px; color: #555; line-height: 100%;}
.rv_paging .pg_current{background: #222; color: #fff; border-color: #222; font-weight: 600;}
.rv_paging .pg_page:hover{border-color: #222; color: #222;}

@media all and (max-width: 1024px){
    .rv_grid{grid-template-columns: repeat(3, 1fr); gap: 32px 18px;}
}
@media all and (max-width: 768px){
    .rv_page{padding: 50px 0 80px;}
    .rv_page .rv_title h2{font-size: 24px;}
    .rv_grid{grid-template-columns: repeat(1, 1fr) !important; gap: 24px;}
    .rv_grid .rv_card_img{aspect-ratio: 4 / 3;} /* 가로로 와이드 — 모바일 가독성 */
    .rv_card_body{padding: 0 4px;}
    .rv_card_title{font-size: 15px !important;}
    .rv_card_text{font-size: 13px !important; -webkit-line-clamp: 3 !important;}
    .rv_search{flex-wrap: wrap;}
}

/* ============================================================
   퀵메뉴 (우측 fixed)
   ============================================================ */
.quick_menu{
    position: fixed;
    right: 20px;
    bottom: 80px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.quick_menu .qm_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
    padding: 0;
    line-height: 1;
}
.quick_menu .qm_btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

/* 카카오톡 — 노란 + 검정 아이콘 */
.quick_menu .qm_kakao{
    background: #FAE100;
    color: #3C1E1E;
}
.quick_menu .qm_kakao i{
    font-size: 22px;
    color: #3C1E1E;
    line-height: 1;
}

/* 인스타그램 — 분홍/오렌지 그라데이션 + 흰 아이콘 */
.quick_menu .qm_insta{
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}
.quick_menu .qm_insta i{font-size: 18px; color: #fff;}

/* 위/아래 — 검정 */
.quick_menu .qm_up,
.quick_menu .qm_down{
    background: #222;
    color: #fff;
}
.quick_menu .qm_up i,
.quick_menu .qm_down i{font-size: 18px; color: #fff;}
.quick_menu .qm_up:hover,
.quick_menu .qm_down:hover{background: #000;}

/* 모바일 */
@media all and (max-width: 768px){
    .quick_menu{right: 12px; bottom: 70px; gap: 8px;}
    .quick_menu .qm_btn{width: 44px; height: 44px;}
    .quick_menu .qm_kakao span{font-size: 11px;}
    .quick_menu .qm_insta i,
    .quick_menu .qm_up i,
    .quick_menu .qm_down i{font-size: 18px;}
}

/* ============================================================
   로그인 페이지 (#mb_login) — 카페24 톤 디자인 (순서 강제, SNS 숨김)
   ============================================================ */
body #mb_login{max-width: 480px; margin: 60px auto 100px; padding: 0 20px; float: none !important; display: block !important;}
body #mb_login .mbskin_box{
    padding: 0;
    display: flex !important;
    flex-direction: column !important;
}

/* 영카트 기본 .mb_log_cate (회원가입 안내 작은 줄) — 숨김 */
body #mb_login .mb_log_cate{display: none !important;}

/* SNS 로그인 영역 — 숨김 */
body #mb_login .mb_log_sns,
body #mb_login .social_login,
body #mb_login [class*="social"],
body #mb_login #social_login{display: none !important;}

/* 영카트 표준 비회원 구매 박스 (#mb_login_notmb) — 숨김 (간단 .btn_nonmember 버튼이 대체) */
body #mb_login #mb_login_notmb{display: none !important;}

/* 순서 강제 — flex order */
body #mb_login .mb_log_form{order: 1 !important;}
body #mb_login .mb_log_join{order: 2 !important;}
body #mb_login #mb_login_notmb{order: 3 !important;}
body #mb_login #mb_login_od_wr{order: 3 !important;}
body #mb_login fieldset, body #mb_login #login_fs{border: 0; padding: 0; margin: 0;}

body #mb_login #login_fs h2{
    font-size: 26px !important; font-weight: 600 !important; color: #222 !important;
    text-align: center; margin: 0 0 40px !important; padding: 0;
    letter-spacing: -0.3px;
}

/* 입력 박스 */
body #mb_login .login_wrap_box{margin: 0 0 10px;}
body #mb_login .login_wrap_box input.frm_input{
    width: 100% !important; height: 54px !important;
    padding: 0 18px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #fff !important;
    font-size: 14px !important; color: #222 !important;
    box-sizing: border-box;
}
body #mb_login .login_wrap_box input.frm_input:focus{border-color: #8b5a3c !important; outline: none !important;}

/* 보안접속 체크 */
body #mb_login .login_if_auto{display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 14px 0 20px;}
body #mb_login .login_if_auto input[type="checkbox"]{width: 16px; height: 16px; accent-color: #222;}
body #mb_login .login_if_auto label{font-size: 13px; color: #555; cursor: pointer; display: flex; align-items: center; gap: 6px;}
body #mb_login .login_if_auto label span{display: none;}

/* 로그인 버튼 — 갈색 */
body #mb_login .btn_submit{
    display: block !important; width: 100% !important; height: 54px !important; line-height: 54px !important;
    background: #8b5a3c !important; color: #fff !important;
    border: 0 !important; border-radius: 4px !important;
    font-size: 15px !important; font-weight: 600 !important; letter-spacing: 1px !important;
    cursor: pointer; padding: 0 !important; text-align: center;
    margin: 0 !important;
    transition: background 0.15s;
}
body #mb_login .btn_submit:hover{background: #6f4429 !important;}

/* 비회원 구매 간단 버튼 — 로그인 버튼 바로 아래 (항상 표시) */
body #mb_login .btn_nonmember{
    display: block !important; width: 100% !important; height: 54px !important; line-height: 52px !important;
    background: #fff !important; color: #222 !important;
    border: 1px solid #222 !important; border-radius: 4px !important;
    font-size: 14px !important; font-weight: 500 !important; letter-spacing: 1px !important;
    cursor: pointer; padding: 0 !important; text-align: center; text-decoration: none !important;
    margin: 14px 0 0 !important;
    transition: all 0.15s;
}
body #mb_login .btn_nonmember:hover{background: #222 !important; color: #fff !important;}
body #mb_login .nonmember_desc{font-size: 12px; color: #999; text-align: center; margin: 12px 0 0 !important; line-height: 1.5;}

/* ── 비회원 구매 섹션 (URL이 orderform.php 일 때만 노출) ── */
body #mb_login_notmb{
    margin: 36px 0 0;
    padding: 28px 24px;
    border: 1px solid #eee;
    border-radius: 6px;
    background: #fafafa;
}
body #mb_login_notmb h2{
    font-size: 17px !important; font-weight: 700 !important; color: #222 !important;
    margin: 0 0 8px !important; padding: 0 !important; text-align: left;
}
body #mb_login_notmb .mb_login_notmb_desc{
    font-size: 12px; color: #888; margin: 0 0 16px; line-height: 1.5;
}
body #mb_login_notmb #guest_privacy{
    max-height: 180px; overflow-y: auto;
    padding: 14px 16px;
    background: #fff; border: 1px solid #eee; border-radius: 4px;
    font-size: 12px; color: #555; line-height: 1.7;
    margin: 0 0 14px;
}
body #mb_login_notmb .chk_box{
    display: flex; align-items: center; gap: 6px;
    margin: 0 0 18px;
}
body #mb_login_notmb .chk_box input[type="checkbox"]{
    width: 16px; height: 16px; accent-color: #8b5a3c;
}
body #mb_login_notmb .chk_box label{font-size: 13px; color: #555; cursor: pointer; display: flex; align-items: center; gap: 6px;}
body #mb_login_notmb .chk_box label span{display: none;}

body #mb_login_notmb .btn_confirm{margin: 0;}
body #mb_login_notmb .btn_guest{
    display: block; width: 100%; height: 54px; line-height: 54px;
    background: #222; color: #fff !important;
    border: 0; border-radius: 4px;
    font-size: 14px; font-weight: 600; letter-spacing: 1px;
    cursor: pointer; padding: 0; text-align: center; text-decoration: none !important;
    transition: background 0.15s;
}
body #mb_login_notmb .btn_guest:hover{background: #000;}

/* ── 비회원 주문조회 섹션 — 로그인 폼과 동일 440px 폭 ── */
body #mb_login_od_wr{
    width: 440px !important;
    max-width: 100% !important;
    margin: 40px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box;
}
body #mb_login_od_wr h2{
    font-size: 22px !important; font-weight: 600 !important; color: #222 !important;
    margin: 0 0 24px !important; padding: 0 !important;
    text-align: center;
    border: 0 !important;
    letter-spacing: -0.3px;
}
body #mb_login_od_wr #mb_login_od{border: 0 !important; padding: 0 !important; margin: 0 !important;}
body #mb_login_od_wr #mb_login_od legend{display: none !important;}
body #mb_login_od_wr #mb_login_od form{display: flex; flex-direction: column; gap: 10px;}

body #mb_login_od_wr #mb_login_od input.frm_input{
    width: 100% !important; height: 52px !important;
    padding: 0 18px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    background: #fff !important;
    font-size: 14px !important; color: #222 !important;
    margin: 0 !important;
    box-sizing: border-box;
    transition: border-color 0.15s;
}
body #mb_login_od_wr #mb_login_od input.frm_input:focus{
    border-color: #8b5a3c !important; outline: none !important;
}
body #mb_login_od_wr #mb_login_od input.frm_input::placeholder{color: #aaa;}

body #mb_login_od_wr .btn_submit{
    display: block; width: 100%; height: 54px; line-height: 54px;
    background: #8b5a3c; color: #fff !important;
    border: 0; border-radius: 4px;
    font-size: 15px; font-weight: 600; letter-spacing: 1px;
    cursor: pointer; padding: 0; text-align: center;
    margin: 6px 0 0;
    transition: background 0.15s;
}
body #mb_login_od_wr .btn_submit:hover{background: #6f4429;}

body #mb_login_od_wr #mb_login_odinfo{
    margin: 20px 0 0;
    padding: 16px 18px;
    background: #fafafa;
    border-radius: 4px;
}
body #mb_login_od_wr #mb_login_odinfo p{
    font-size: 13px; color: #666; line-height: 1.7; margin: 0;
}
body #mb_login_od_wr #mb_login_odinfo strong{color: #222; font-weight: 600;}

/* 아이디/비번 찾기 */
body #mb_login #login_info{display: flex; justify-content: center; align-items: center; gap: 10px; margin: 28px 0 0; padding: 0;}
body #mb_login #login_info a{font-size: 13px; color: #555 !important; text-decoration: none; padding: 0;}
body #mb_login #login_info a:hover{color: #222 !important;}
body #mb_login #login_info .login_info_sep{color: #ddd; font-size: 12px;}

/* 회원가입 박스 */
body #mb_login .mb_log_join{
    margin: 36px 0 0;
    padding: 30px 24px;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
}
body #mb_login .mb_log_join h3{font-size: 16px; font-weight: 700; color: #222; margin: 0 0 10px; padding: 0;}
body #mb_login .mb_log_join p{font-size: 13px; color: #888; line-height: 1.6; margin: 0 0 18px;}
body #mb_login .btn_join{
    display: inline-block;
    padding: 12px 36px;
    background: #fff;
    color: #222;
    border: 1px solid #222;
    border-radius: 4px;
    font-size: 14px; font-weight: 500;
    text-decoration: none;
    transition: all 0.15s;
}
body #mb_login .btn_join:hover{background: #222; color: #fff;}

/* 기존 .mb_log_cate (회원가입 안내) 숨김 — 위 박스로 대체 */
body #mb_login .mb_log_cate{display: none !important;}

/* SNS 로그인 박스 */
body #mb_login .mb_log_sns{margin: 36px 0 0;}
body #mb_login .mb_log_sns h4{
    text-align: center;
    font-size: 14px; font-weight: 600; color: #222;
    margin: 0 0 20px; padding: 0;
    letter-spacing: 1px;
}

/* ============================================================
   FOOTER (스크린샷 디자인)
   ============================================================ */
#ft{background: #faefef !important; padding: 80px 0 30px !important; text-align: left !important; color: #555;}
#ft .width{position: relative; text-align: left;}
#ft h1, #ft h2, #ft h3, #ft h4, #ft p, #ft ul, #ft li, #ft a{text-align: left;}

.ft_inner{display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; padding-bottom: 40px; flex-wrap: wrap;}

.ft_left{display: flex; flex-direction: column; gap: 28px; max-width: 700px; flex: 1 1 auto;}

.ft_logo a{display: inline-block;}
.ft_logo img{height: 28px; width: auto; display: block;}

.ft_block h3{font-size: 13px; font-weight: 700; color: #222; line-height: 150%; margin-bottom: 8px; letter-spacing: 0.3px;}
.ft_block p{font-size: 13px; color: #555; line-height: 180%;}
.ft_block .ft_tel{font-size: 24px; font-weight: 700; color: #222; letter-spacing: 1px; line-height: 130%; margin-top: 4px;}

.ft_notice p{font-size: 12px; color: #666; line-height: 180%;}

.ft_links{display: flex; gap: 32px; padding-top: 6px; flex-wrap: wrap;}
.ft_links li{position: relative;}
.ft_links li:not(:last-child)::after{content: '|'; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 11px;}
.ft_links li a{font-size: 12px; color: #666; line-height: 150%; transition: color 0.15s ease; letter-spacing: 0.3px;}
.ft_links li a:hover{color: #222;}

.ft_company{display: flex; flex-wrap: wrap; gap: 6px 18px; padding-top: 18px; margin-top: 4px; border-top: 1px solid rgba(0,0,0,0.06);}
.ft_company span{font-size: 12px; color: #777; line-height: 160%; letter-spacing: 0.2px;}
.ft_company span b{font-weight: 600; color: #555; margin-right: 5px;}
.ft_company .ft_copy{flex-basis: 100%; margin-top: 6px; font-size: 11px; color: #aaa; line-height: 150%;}

.ft_right{display: flex; flex-direction: column; align-items: flex-end; gap: 12px; flex: 0 0 auto;}
.ft_sns_title{font-size: 13px; font-weight: 700; color: #222; line-height: 150%; letter-spacing: 0.5px;}
.ft_sns{display: flex; gap: 8px;}
.ft_sns_link{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #222; transition: all 0.2s ease;}
.ft_sns_link:hover{background: #222; color: #fff;}
.ft_sns_link i{font-size: 18px; line-height: 100%;}

#ft #ft_copy{padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.06); font-size: 11px; color: #999; text-align: center !important; line-height: 150%; letter-spacing: 0.3px;}

@media all and (max-width: 768px){
    #ft{padding: 50px 0 24px !important;}
    .ft_inner{flex-direction: column; gap: 36px; padding-bottom: 30px;}
    .ft_right{align-items: flex-start;}
    .ft_block .ft_tel{font-size: 20px;}
}

/* ============================================================
   👁 최근 본 상품 (.recent_list — 마이쇼핑 레이아웃 재사용)
   ============================================================ */
.recent_clear_all{
    float: right;
    padding: 5px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    line-height: 100%;
    margin-top: -4px;
    transition: all 0.15s ease;
}
.recent_clear_all:hover{border-color: #8B5A3C; color: #8B5A3C;}

.recent_list{margin: 0; padding: 0; list-style: none;}
.recent_item{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
    list-style: none;
}
.recent_item:first-child{padding-top: 24px;}

/* 썸네일 */
.recent_item_img{
    flex-shrink: 0;
    width: 80px; height: 80px;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
    display: block;
}
.recent_item_img img{width: 100% !important; height: 100% !important; object-fit: cover; display: block;}

/* 본문 영역 */
.recent_item_body{flex: 1; min-width: 0; padding-right: 32px;}
.recent_item_top{
    display: flex; flex-wrap: wrap; align-items: baseline;
    gap: 4px 12px;
    margin-bottom: 12px;
}
.recent_item_name{
    font-size: 13px;
    color: #222;
    line-height: 150%;
    text-decoration: none;
    word-break: keep-all;
}
.recent_item_name:hover{text-decoration: underline;}
.recent_item_price{
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}

/* 우측 액션 버튼 */
.recent_item_actions{
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.recent_btn{
    display: inline-flex; align-items: center; justify-content: center;
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    line-height: 100%;
    transition: all 0.15s ease;
}
.recent_btn_wish{}
.recent_btn_wish:hover{border-color: #222; color: #222;}
.recent_btn_cart{background: #8B5A3C; border-color: #8B5A3C; color: #fff;}
.recent_btn_cart:hover{background: #6F4528; border-color: #6F4528;}

/* 옵션 셀렉트 영역 (영카트 print_item_options) */
.recent_item_opts{
    margin-top: 8px;
    padding: 12px 0 0;
    border-top: 1px dashed #eee;
}
.recent_item_opts table{width: 100% !important; border-collapse: collapse; margin: 0;}
.recent_item_opts tr{display: block; margin-bottom: 6px;}
.recent_item_opts tr:last-child{margin-bottom: 0;}
.recent_item_opts th{
    display: inline-block;
    width: 60px;
    padding: 8px 10px !important;
    font-size: 12px;
    color: #888;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}
.recent_item_opts td{
    display: inline-block;
    width: calc(100% - 70px);
    padding: 0 !important;
    vertical-align: middle;
}
.recent_item_opts select{
    width: 100% !important;
    padding: 8px 12px !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 12px !important;
    line-height: 150% !important;
    height: auto !important;
    border-radius: 0 !important;
    cursor: pointer;
}
.recent_item_opts .add_btn,
.recent_item_opts .it_option_use{display: none !important;}

/* 우상단 삭제 */
.recent_item_del{
    position: absolute;
    top: 18px; right: 0;
    width: 28px; height: 28px;
    border-radius: 50%;
    color: #aaa;
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.15s ease;
}
.recent_item_del:hover{background: #f5f5f5; color: #222;}

/* 반응형 */
@media all and (max-width: 768px){
    .recent_item{gap: 12px; padding: 16px 0;}
    .recent_item_img{width: 60px; height: 60px;}
    .recent_item_body{padding-right: 24px;}
    .recent_item_name{font-size: 12px;}
    .recent_btn{padding: 6px 12px; font-size: 11px;}
    .recent_item_opts th{width: 50px; font-size: 11px; padding: 6px 8px !important;}
    .recent_item_opts td{width: calc(100% - 60px);}
    .recent_clear_all{float: none; display: inline-block; margin: 0 0 0 8px;}
}

/* ============================================================
   🛍 상품목록 그리드 (.sct_10) — 클린 4열 카드
   ============================================================ */
/* 목록 영역 최대폭 */
body #sct{max-width: 1400px !important; margin: 0 auto !important;}

/* 정렬바: 총 N개 (좌) + 정렬 드롭다운 (우) */
body #sct #sct_sortlst{
    display: block !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
}
body #sct #sct_sort:after,
body #sct .sct_sortbar:after{display: none !important;}
body #sct #sct_sort.sct_sortbar,
body #sct .sct_sortbar{
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px;
    padding: 16px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
}
body #sct .sct_total{margin: 0 !important; font-size: 13px !important; color: #555 !important; line-height: 100% !important;}
body #sct .sct_total strong{color: #222 !important; font-weight: 600 !important;}
body #sct .sct_oversea_filter{display: flex !important; align-items: center !important; gap: 6px;}
body #sct .sct_oversea_filter .sct_oversea_tab{display: inline-block; padding: 7px 16px; border: 1px solid #ddd; border-radius: 100px; font-size: 13px; color: #555; line-height: 100%; transition: all 0.2s ease;}
body #sct .sct_oversea_filter .sct_oversea_tab:hover{border-color: var(--color); color: var(--color);}
body #sct .sct_oversea_filter .sct_oversea_tab.on{background: var(--color); border-color: var(--color); color: #fff; font-weight: 600;}
body #sct .sct_sortsel_box{
    padding: 8px 32px 8px 14px !important;
    border: 1px solid #ddd !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.4' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    color: #555 !important;
    font-size: 13px !important;
    line-height: 100% !important;
    border-radius: 0 !important;
    cursor: pointer;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    height: auto !important;
}
body #sct #sct_lst{display: none !important;}

/* 그리드 */
body #sct .sct_10,
body #sct .sct_10.lists-row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 44px 2% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body #sct .sct_10 .sct_li{
    float: none !important;
    width: calc(25% - 1.5%) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    list-style: none !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
}

/* 이미지 1:1 */
body #sct .sct_10 .sct_img{
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    border-radius: 4px !important;
    text-align: center !important;
    margin: 0 !important;
    border: 0 !important;
}
body #sct .sct_10 .sct_img a{display: block !important; width: 100% !important; height: 100% !important;}
body #sct .sct_10 .sct_img img{
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; display: block !important; max-width: none !important;
}

/* hover 장바구니 / 위시/공유 / SNS / 아이콘뱃지 숨김 (클린) */
body #sct .sct_10 .sct_btn,
body #sct .sct_10 .sct_cart,
body #sct .sct_10 .btn_cart,
body #sct .sct_10 .list-10-btn,
body #sct .sct_10 .cart-layer,
body #sct .sct_10 .sct_cartop,
body #sct .sct_10 .sct_op_btn,
body #sct .sct_10 .sct_sns_wrap,
body #sct .sct_10 li .btn_cart{display: none !important;}

/* 상품 뱃지 (HIT/MD CHOICE/NEW/BEST/HOT) */
body #sct .sct_10 .sct_icon_li{
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px !important;
    margin-top: 10px !important;
}
body #sct .sct_10 .sct_icon_li .cs_icon{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    padding: 3px 8px;
    line-height: 150%;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

/* 품절 */
body #sct .sct_10 .shop_icon_soldout{
    position: absolute !important; left: 0; top: 0; right: 0; bottom: 0;
    display: flex !important; align-items: center; justify-content: center;
    background: rgba(255,255,255,0.55);
}
body #sct .sct_10 .shop_icon_soldout .soldout_txt{
    background: rgba(0,0,0,0.7); color: #fff;
    padding: 8px 16px; font-size: 13px; letter-spacing: 1px; border-radius: 2px;
}

/* 정보 영역 */
body #sct .sct_10 .sct_ct_wrap{padding: 14px 2px 0 !important;}
body #sct .sct_10 .sct_ct_wrap:after{display: none !important;}
body #sct .sct_10 .sct_star{margin: 0 0 8px !important;}
body #sct .sct_10 .sct_star img{width: 80px !important; height: auto !important;}

/* 상품명 */
body #sct .sct_10 .sct_txt{
    border: 0 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 14px !important;
}
body #sct .sct_10 .sct_txt a{
    color: #222 !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    text-decoration: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}

/* 등급 (it_basic) — 빨강 */
body #sct .sct_10 .sct_basic{
    margin: 0 0 8px !important;
    color: #e84c5c !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 150% !important;
}

/* 가격 */
body #sct .sct_10 .sct_bottom{min-height: 0 !important; position: static !important;}
body #sct .sct_10 .sct_cost{
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #222 !important;
    line-height: 130% !important;
}
body #sct .sct_10 .sct_dict{
    display: inline-block !important;
    margin-left: 6px;
    text-decoration: line-through;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #aaa !important;
}

/* 반응형 */
@media all and (max-width: 1024px){
    body #sct .sct_10 .sct_li{width: calc(33.333% - 1.4%) !important;}
    body #sct .sct_10{gap: 36px 2% !important;}
}
@media all and (max-width: 768px){
    body #sct .sct_10 .sct_li{width: calc(50% - 1.5%) !important;}
    body #sct .sct_10{gap: 28px 3% !important;}
    body #sct .sct_total{font-size: 12px !important;}
    body #sct .sct_10 .sct_cost{font-size: 15px !important;}
}

/* ============================================================
   📂 상품목록 분류명 타이틀 (.sct_page_title)
   ============================================================ */
body #sct .sct_page_title,
.sct_page_title{
    display: block !important;
    width: 100% !important;
    margin: 20px 0 40px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    color: #222 !important;
    line-height: 130% !important;
    letter-spacing: 1px;
    position: static !important;
    background: transparent !important;
    border: 0 !important;
}
@media all and (max-width: 1024px){
    body #sct .sct_page_title, .sct_page_title{font-size: 24px !important; margin: 16px 0 30px !important;}
}
@media all and (max-width: 768px){
    body #sct .sct_page_title, .sct_page_title{font-size: 20px !important; margin: 12px 0 24px !important;}
}

/* ============================================================
   👤 마이쇼핑 (.mypage_sec)
   ============================================================ */
.mypage_sec{padding: 40px 0 120px;}

.mypage_head{margin: 0 0 30px; text-align: center;}
.mypage_title{margin: 0; font-size: 24px; font-weight: 500; color: #222; line-height: 100%;}

/* 상단 요약 카드 (4 컬럼, 외곽 보더 한 줄) */
.mypage_summary{
    display: flex;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin: 0 0 40px;
    overflow: hidden;
}
.mypage_summary_box{
    flex: 1;
    padding: 30px 24px;
    border-left: 1px solid #e5e5e5;
    text-decoration: none;
    color: inherit;
    transition: background 0.15s ease;
    display: flex;
    align-items: center;
}
.mypage_summary_box:first-child{border-left: 0;}
a.mypage_summary_box:hover{background: #fafafa;}

/* 좌측: 회원 인사 */
.mypage_summary_user{
    flex: 1.6;
    gap: 16px;
}
.mypage_user_avatar{
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: #e5e5e5;
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    color: #aaa;
    font-size: 28px;
}
.mypage_user_avatar img{width: 100%; height: 100%; object-fit: cover; display: block;}
.mypage_user_text strong{
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 140%;
}
.mypage_user_text p{margin: 0; font-size: 12px; color: #777; line-height: 150%;}
.mypage_user_text em{font-style: normal; color: #222; font-weight: 500;}

/* 우측: 통계 박스 */
.mypage_summary_stat{
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 6px;
}
.mypage_summary_stat i{
    font-size: 22px;
    color: #555;
    line-height: 100%;
    margin-bottom: 4px;
}
.mypage_summary_stat strong{
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}
.mypage_summary_stat span{
    font-size: 12px;
    color: #777;
    line-height: 150%;
}

/* 본문 2-column 레이아웃 */
.mypage_layout{
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
.mypage_aside{flex-shrink: 0; width: 180px;}
.mypage_main{flex: 1; min-width: 0;}

/* 좌측 사이드 메뉴 */
.mypage_menu_group{margin-bottom: 30px;}
.mypage_menu_title{
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}
.mypage_menu_list{margin: 0; padding: 0; list-style: none;}
.mypage_menu_list li{margin: 0; padding: 0; list-style: none;}
.mypage_menu_list li a{
    display: block;
    padding: 6px 0;
    font-size: 13px;
    color: #666;
    line-height: 150%;
    text-decoration: none;
    transition: color 0.15s ease;
}
.mypage_menu_list li a:hover{color: #222;}
.mypage_menu_list li a.on{color: #222; font-weight: 700;}

/* 우측 본문 */
.mypage_section{margin-bottom: 50px;}
.mypage_section_title{
    margin: 0 0 16px;
    padding: 0 0 14px;
    border-bottom: 1px solid #222;
    font-size: 14px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}
.mypage_section_sub{
    margin-left: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #888;
}

/* 주문처리 현황 플로우 (입금전→배송준비중→배송중→배송완료) */
.mypage_status_flow{
    display: flex;
    margin: 0 0 20px;
    padding: 30px 0;
    list-style: none;
    border-bottom: 1px solid #eee;
}
.mypage_status_flow li{
    flex: 1;
    position: relative;
    text-align: center;
    list-style: none;
}
.mypage_status_flow li::after{
    content: '›';
    position: absolute;
    right: -6px; top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: 22px;
    font-family: 'SUIT', sans-serif;
    line-height: 100%;
}
.mypage_status_flow li:last-child::after{display: none;}
.mypage_status_flow li strong{
    display: block;
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}
.mypage_status_flow li span{
    display: block;
    font-size: 13px;
    color: #555;
    line-height: 150%;
}

/* 취소/교환/반품 (간단 박스) */
.mypage_status_extra{
    display: flex;
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    list-style: none;
}
.mypage_status_extra li{
    flex: 1;
    text-align: center;
    font-size: 13px;
    color: #555;
    line-height: 150%;
    border-left: 1px solid #eee;
    list-style: none;
}
.mypage_status_extra li:first-child{border-left: 0;}
.mypage_status_extra li strong{color: #222; font-weight: 600; margin-left: 4px;}

/* 주문내역 빈 상태 */
.mypage_empty{
    padding: 80px 20px;
    text-align: center;
}
.mypage_empty i{
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 44px; height: 44px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #aaa;
    font-size: 22px;
    margin-bottom: 14px;
}
.mypage_empty p{margin: 0; font-size: 13px; color: #888; line-height: 150%;}

/* 주문내역 리스트 */
.mypage_order_list{margin: 0; padding: 0; list-style: none;}
.mypage_order_list li{margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #f0f0f0;}
.mypage_order_list li a{
    display: block;
    padding: 16px 4px;
    text-decoration: none;
    color: inherit;
    transition: background 0.15s ease;
}
.mypage_order_list li a:hover{background: #fafafa;}
.mypage_order_meta{
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 4px;
}
.mypage_order_date{font-size: 12px; color: #888;}
.mypage_order_status{font-size: 11px; color: #fff; background: #222; padding: 3px 8px; border-radius: 2px; line-height: 100%;}
.mypage_order_name{margin: 0 0 4px; font-size: 13px; color: #222; line-height: 150%;}
.mypage_order_price{margin: 0; font-size: 14px; color: #222; font-weight: 600; line-height: 100%;}

/* 페이지네이션 */
.mypage_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 30px 0 0;
}
.mp_pg_btn{
    display: inline-flex;
    align-items: center; justify-content: center;
    min-width: 30px; height: 30px;
    padding: 0 8px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    border: 0;
    background: transparent;
    transition: color 0.15s ease;
}
.mp_pg_btn:hover{color: #222;}
.mp_pg_now{
    border: 1px solid #222;
    color: #222;
    font-weight: 600;
}

/* 반응형 */
@media all and (max-width: 1024px){
    .mypage_summary{flex-wrap: wrap;}
    .mypage_summary_box{flex: 1 0 50%; border-top: 1px solid #e5e5e5;}
    .mypage_summary_box:nth-child(-n+2){border-top: 0;}
    .mypage_summary_user{flex: 1 0 100%; border-left: 0;}
    .mypage_summary_stat{border-left: 1px solid #e5e5e5;}
    .mypage_layout{flex-direction: column;}
    .mypage_aside{width: 100%;}
    .mypage_menu_group{margin-bottom: 16px;}
    .mypage_menu_list{display: flex; flex-wrap: wrap; gap: 14px;}
    .mypage_menu_list li a{padding: 4px 0;}
}
@media all and (max-width: 768px){
    .mypage_sec{padding: 30px 0 60px;}
    .mypage_title{font-size: 20px;}
    .mypage_summary_box{padding: 20px 16px;}
    .mypage_summary_stat strong{font-size: 14px;}
    .mypage_status_flow{padding: 20px 0;}
    .mypage_status_flow li strong{font-size: 20px;}
    .mypage_status_flow li span{font-size: 12px;}
}

/* ============================================================
   🛒 장바구니 (.cart_sec) — 참고: 2ndco.co.kr 디자인
   ============================================================ */
.cart_sec{
    padding: 60px 0 120px;
    --cart-accent: #8B5A3C;
    --cart-accent-dk: #6F4528;
}

/* 상단 제목 + 스텝 */
.cart_head{text-align: center; margin: 0 0 40px;}
.cart_title{
    margin: 0 0 24px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #222;
    line-height: 100%;
}
.cart_steps{
    display: inline-flex;
    gap: 24px;
    margin: 0; padding: 0;
    list-style: none;
}
.cart_steps li{
    position: relative;
    padding: 0 28px 0 0;
    font-size: 13px;
    color: #aaa;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.cart_steps li span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: #eee;
    color: #999;
    font-size: 11px;
    font-weight: 700;
}
.cart_steps li.on{color: var(--cart-accent); font-weight: 600;}
.cart_steps li.on span{background: var(--cart-accent); color: #fff;}
.cart_steps li:not(:last-child)::after{
    content: '›';
    position: absolute;
    right: 0; top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: 16px;
    font-family: 'SUIT', sans-serif;
}

/* 탭 */
.cart_tabs{
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e5e5e5;
}
.cart_tabs li{flex: 0 0 auto; margin: 0 !important; padding: 0 !important; list-style: none !important;}
.cart_tabs li button{
    padding: 14px 28px;
    border: 0;
    background: transparent;
    color: #888;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
    position: relative;
}
.cart_tabs li button em{font-style: normal; color: inherit; margin-left: 2px;}
.cart_tabs li.on button{color: var(--cart-accent); font-weight: 700;}
.cart_tabs li.on button::after{
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px; background: var(--cart-accent);
}
.cart_tabs li button[disabled]{cursor: default; opacity: 0.6;}

/* 레이아웃: 좌측 메인 + 우측 사이드바 */
.cart_layout{
    display: flex;
    gap: 30px;
    margin-top: 30px;
    align-items: flex-start;
}
.cart_main{flex: 1; min-width: 0;}
.cart_summary{flex-shrink: 0; width: 320px;}

/* 좌측 박스 */
.cart_main_box{
    border: 1px solid #e5e5e5;
    background: #fff;
}
.cart_main_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e5e5;
    background: #fafafa;
}
.cart_all_check{
    display: inline-flex; align-items: center; gap: 8px;
    cursor: pointer;
    font-size: 13px;
    color: #222;
}
.cart_all_check input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.cart_all_check_box{
    width: 18px; height: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    position: relative;
    transition: all 0.15s ease;
}
.cart_all_check_box::after{
    content: '';
    position: absolute;
    left: 5px; top: 2px;
    width: 5px; height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.cart_all_check input:checked + .cart_all_check_box{background: var(--cart-accent); border-color: var(--cart-accent);}
.cart_all_check input:checked + .cart_all_check_box::after{opacity: 1;}
.cart_sub_label{font-size: 13px; color: #555;}

/* 상품 리스트 */
.cart_items.box_wrap{
    display: block !important;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.cart_items > .box.cart_item{
    display: block !important;
    width: 100% !important;
    padding: 24px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    background: #fff;
}
.cart_items > .box.cart_item:last-child{border-bottom: 0;}

/* 상품 상단 행 (체크 + 이미지 + 본문 + X) */
.cart_item_top{
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px;
}

/* 개별 체크박스 */
.cart_item_chk{flex-shrink: 0; padding-top: 4px;}
.cart_item_chk input{position: absolute; opacity: 0; width: 1px; height: 1px;}
.cart_item_chk label{
    display: block;
    width: 18px; height: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
}
.cart_item_chk label::after{
    content: '';
    position: absolute;
    left: 5px; top: 2px;
    width: 5px; height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.cart_item_chk input:checked + label{background: var(--cart-accent); border-color: var(--cart-accent);}
.cart_item_chk input:checked + label::after{opacity: 1;}

/* 상품 이미지 */
.cart_item_img{
    flex-shrink: 0;
    width: 100px; height: 100px;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
    display: block;
}
.cart_item_img img{width: 100% !important; height: 100% !important; object-fit: cover; display: block;}

/* 상품 본문 */
.cart_item_body{flex: 1; min-width: 0;}
.cart_item_name{
    display: block;
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 150%;
    text-decoration: none;
    word-break: keep-all;
}
.cart_item_name:hover{text-decoration: underline;}
.cart_item_price{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 100%;
}
.cart_item_options{margin: 10px 0; font-size: 12px; color: #666;}
.cart_item_options summary{cursor: pointer; padding: 6px 0; color: #555; outline: none;}
.cart_item_options_body{padding: 8px 12px; background: #fafafa; border-radius: 4px; margin-top: 4px; line-height: 160%;}
.cart_item_opt_modify{
    margin-top: 8px;
    padding: 4px 10px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 11px;
    color: #555;
    cursor: pointer;
    border-radius: 3px;
}
.cart_item_meta{
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
    margin: 0 0 10px;
    font-size: 12px;
    color: #777;
    line-height: 150%;
}
.cart_item_meta_label{color: #aaa;}
.cart_item_meta_div{color: #ddd; margin: 0 4px;}
.cart_item_sub{
    margin: 0;
    padding-top: 10px;
    border-top: 1px dashed #eee;
    font-size: 12px;
    color: #555;
    display: flex; justify-content: flex-end; gap: 4px;
    align-items: baseline;
}
.cart_item_sub strong{font-size: 16px; font-weight: 700; color: #222;}

/* 수량 stepper 행 */
.cart_item_qty_row{
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px;
    margin-top: 10px;
    background: #fafafa;
    border-radius: 4px;
}
.cart_item_qty_label{font-size: 13px; color: #444; font-weight: 500;}
.cart_qty_stepper{
    display: inline-flex; align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}
.cart_qty_stepper button{
    width: 32px; height: 32px;
    border: 0;
    background: #fff;
    color: #555;
    font-size: 14px;
    line-height: 100%;
    cursor: pointer;
    transition: background 0.15s ease;
}
.cart_qty_stepper button:hover{background: #f5f5f5;}
.cart_qty_stepper .cart_qty_input{
    width: 40px; height: 32px;
    border: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    -moz-appearance: textfield;
    padding: 0;
}
.cart_qty_stepper .cart_qty_input::-webkit-outer-spin-button,
.cart_qty_stepper .cart_qty_input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.cart_qty_change{
    padding: 8px 16px;
    border: 1px solid #aaa;
    background: #fff;
    color: #333;
    font-size: 12px;
    cursor: pointer;
    line-height: 100%;
    border-radius: 4px;
    transition: all 0.15s ease;
}
.cart_qty_change:hover{border-color: var(--cart-accent); color: var(--cart-accent);}

/* 주문금액 행 + 액션 버튼 */
.cart_item_summary_row{
    display: flex; align-items: center; gap: 6px;
    padding: 14px 0 0;
    margin-top: 12px;
    border-top: 1px dashed #eee;
    flex-wrap: wrap;
}
.cart_item_summary_label{font-size: 13px; color: #555; font-weight: 500;}
.cart_item_summary_price{font-size: 18px; font-weight: 700; color: #222; margin-left: 4px;}
.cart_item_summary_unit{font-size: 13px; color: #555;}
.cart_item_summary_btns{
    margin-left: auto;
    display: flex; gap: 6px;
}
.cart_item_btn{
    padding: 10px 22px;
    border: 1px solid var(--cart-accent);
    background: #fff;
    color: var(--cart-accent);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    line-height: 100%;
    transition: all 0.15s ease;
}
.cart_item_btn:hover{background: rgba(139,90,60,0.06);}
.cart_item_btn.cart_item_btn_buy{
    background: var(--cart-accent);
    color: #fff;
}
.cart_item_btn.cart_item_btn_buy:hover{background: var(--cart-accent-dk); border-color: var(--cart-accent-dk);}

/* 기타혜택 */
.cart_item_bonus{margin-top: 12px;}
.cart_item_bonus summary{
    cursor: pointer;
    padding: 8px 14px;
    background: #fafafa;
    color: #555;
    font-size: 12px;
    border-radius: 4px;
    outline: none;
}
.cart_item_bonus[open] summary{background: #f0ece8; color: var(--cart-accent);}
.cart_item_bonus_body{
    padding: 12px 14px;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #f0ece8;
    border-radius: 4px;
}
.cart_item_bonus_body p{margin: 4px 0; font-size: 12px; color: #555; line-height: 150%;}
.cart_item_bonus_body p strong{color: var(--cart-accent); font-weight: 600;}

/* 삭제 버튼 */
.cart_item_del{
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: 0;
    background: transparent;
    color: #888;
    cursor: pointer;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 18px;
    transition: all 0.15s ease;
}
.cart_item_del:hover{background: #f5f5f5; color: #222;}

/* 빈 장바구니 */
.cart_empty{
    text-align: center;
    padding: 80px 20px;
    color: #888;
    font-size: 14px;
    list-style: none;
}

/* 하단 액션 (좌: 전체선택/선택삭제 | 우: 견적서/내역옮기기/위시) */
.cart_actions_bottom{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid #f0f0f0;
    background: #fff;
    flex-wrap: wrap;
}
.cart_actions_left,
.cart_actions_right{display: flex; gap: 6px;}
.cart_action_btn{
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    font-size: 12px;
    cursor: pointer;
    line-height: 100%;
    transition: all 0.15s ease;
}
.cart_action_btn:hover{border-color: var(--cart-accent); color: var(--cart-accent);}

/* 우측 결제 요약 (sticky) */
.cart_summary_inner{
    position: sticky;
    top: 110px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 24px;
}
.cart_summary_title{
    margin: 0 0 20px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 100%;
}
.cart_summary_list{margin: 0; padding: 0;}
.cart_summary_list > div{
    display: flex; justify-content: space-between; align-items: baseline;
    padding: 6px 0;
}
.cart_summary_list dt{
    margin: 0; padding: 0;
    font-size: 13px; color: #555; font-weight: 400;
}
.cart_summary_list dd{
    margin: 0; padding: 0;
    font-size: 13px; color: #222; font-weight: 400;
}
.cart_summary_list dd strong{font-weight: 600;}
.cart_summary_total{
    margin-top: 10px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #e5e5e5 !important;
}
.cart_summary_total dt{font-size: 14px !important; color: #222 !important; font-weight: 600 !important;}
.cart_summary_total dd{font-size: 16px !important; color: var(--cart-accent) !important; font-weight: 700 !important;}
.cart_summary_total dd strong{font-size: 22px; font-weight: 700; margin-right: 2px;}

.cart_summary_btns{margin-top: 18px; display: flex; flex-direction: column; gap: 8px;}
.cart_order_btn{
    display: inline-flex; align-items: center; justify-content: center;
    padding: 16px 20px;
    border: 1px solid var(--cart-accent);
    background: var(--cart-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    line-height: 100%;
    text-decoration: none;
    transition: background 0.15s ease;
}
.cart_order_btn:hover{background: var(--cart-accent-dk); border-color: var(--cart-accent-dk);}
.cart_continue_btn{
    display: inline-flex; align-items: center; justify-content: center;
    padding: 14px 20px;
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    font-size: 13px;
    line-height: 100%;
    text-decoration: none;
    transition: all 0.15s ease;
}
.cart_continue_btn:hover{border-color: #222; color: #222;}
.cart_naverpay{margin-top: 8px;}

/* 이용안내 */
.cart_guide{margin-top: 40px; padding: 24px; border: 1px solid #e5e5e5; background: #fafafa;}
.cart_guide h3{
    margin: 0 0 16px;
    font-size: 15px; font-weight: 600; color: #222; line-height: 100%;
}
.cart_guide h4{
    margin: 14px 0 8px;
    font-size: 13px; font-weight: 600; color: #444; line-height: 150%;
}
.cart_guide ul{margin: 0; padding: 0; list-style: none;}
.cart_guide li{
    position: relative;
    padding: 2px 0 2px 12px;
    font-size: 12px;
    color: #777;
    line-height: 170%;
    word-break: keep-all;
}
.cart_guide li::before{
    content: '';
    position: absolute;
    left: 0; top: 11px;
    width: 3px; height: 3px;
    background: #aaa;
    border-radius: 50%;
}

/* 반응형 */
@media all and (max-width: 1024px){
    .cart_layout{flex-direction: column;}
    .cart_summary{width: 100%; position: static;}
    .cart_summary_inner{position: static; top: auto;}
}
@media all and (max-width: 768px){
    .cart_sec{padding: 40px 0 80px;}
    .cart_title{font-size: 22px; letter-spacing: 3px;}
    .cart_steps{gap: 14px;}
    .cart_steps li{padding-right: 18px; font-size: 12px;}
    .cart_steps li span{width: 20px; height: 20px; font-size: 10px;}
    .cart_tabs li button{padding: 12px 16px; font-size: 13px;}
    .cart_items > .box.cart_item{padding: 16px !important; gap: 12px;}
    .cart_item_img{width: 80px; height: 80px;}
    .cart_item_price{font-size: 15px;}
    .cart_summary_inner{padding: 18px;}
}

/* ============================================================
   💝 위시리스트 (.wishlist_sec)
   ============================================================ */
.wishlist_sec{padding: 60px 0 120px;}

.wishlist_head{margin: 0 0 40px; text-align: center;}
.wishlist_title{
    margin: 0 0 12px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #222;
    line-height: 100%;
}
.wishlist_count{
    margin: 0;
    font-size: 14px;
    color: #888;
    line-height: 150%;
}
.wishlist_count strong{color: #222; font-weight: 600;}

/* 그리드 (4열, 모바일에서 2열) */
.wishlist_grid.box_wrap{
    display: flex !important;
    flex-wrap: wrap;
    gap: 40px 3%;
    margin: 0;
    padding: 0;
}
.wishlist_grid > .box{
    position: relative;
    width: calc(25% - 24px);
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 카드 위 체크박스 (좌상단) */
.wishlist_chk{
    position: absolute;
    top: 12px; left: 12px;
    z-index: 3;
}
.wishlist_chk input[type=checkbox]{
    position: absolute; opacity: 0; width: 1px; height: 1px;
}
.wishlist_chk label{
    display: inline-block;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: rgba(255,255,255,0.95);
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
}
.wishlist_chk label::after{
    content: '';
    position: absolute;
    left: 7px; top: 3px;
    width: 6px; height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.wishlist_chk input[type=checkbox]:checked + label{
    background: #222;
    border-color: #222;
}
.wishlist_chk input[type=checkbox]:checked + label::after{opacity: 1;}
.wishlist_chk.wishlist_chk_disabled{
    padding: 4px 9px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    border-radius: 2px;
    line-height: 100%;
}

/* 카드 위 삭제 버튼 (우상단) */
.wishlist_del{
    position: absolute;
    top: 10px; right: 10px;
    z-index: 3;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.95);
    color: #555;
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: all 0.15s ease;
}
.wishlist_del:hover{background: #222; color: #fff;}
.wishlist_del i{line-height: 100%;}

/* 품절 라벨 (이미지 위 가운데) */
.wishlist_soldout{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 18px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 2px;
    z-index: 2;
}

/* 하단 액션 버튼 */
.wishlist_actions{
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.wishlist_btn{
    min-width: 220px;
    padding: 16px 32px;
    border: 1px solid #222;
    background: #fff;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    line-height: 100%;
    transition: all 0.15s ease;
}
.wishlist_btn:hover{background: #f5f5f5;}
.wishlist_btn.wishlist_btn_buy{background: #222; color: #fff;}
.wishlist_btn.wishlist_btn_buy:hover{background: #444; border-color: #444;}

/* 빈 상태 */
.wishlist_empty{
    text-align: center;
    padding: 100px 20px;
    background: #fafafa;
    border-radius: 4px;
}
.wishlist_empty i{font-size: 48px; color: #ccc; line-height: 100%; margin-bottom: 16px; display: inline-block;}
.wishlist_empty p{margin: 0 0 24px; font-size: 15px; color: #888; line-height: 150%;}
.wishlist_empty_link{
    display: inline-flex; align-items: center;
    padding: 12px 28px;
    border: 1px solid #222;
    background: #222;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.15s ease;
}
.wishlist_empty_link:hover{background: #444; border-color: #444;}

/* 카드 안에 img가 width: 100% 적용되도록 */
.wishlist_grid .cs_card_img img{width: 100%; height: 100%; object-fit: cover; display: block;}

/* 반응형 */
@media all and (max-width: 1200px){
    .wishlist_grid > .box{width: calc(33.333% - 21px);}
}
@media all and (max-width: 900px){
    .wishlist_grid.box_wrap{gap: 30px 3%;}
    .wishlist_grid > .box{width: calc(50% - 12px);}
    .wishlist_title{font-size: 26px;}
}
@media all and (max-width: 768px){
    .wishlist_sec{padding: 40px 0 80px;}
    .wishlist_head{margin-bottom: 24px;}
    .wishlist_title{font-size: 22px; letter-spacing: 3px;}
    .wishlist_grid.box_wrap{gap: 24px 4%;}
    .wishlist_grid > .box{width: calc(50% - 8px);}
    .wishlist_actions{margin-top: 40px; flex-direction: column;}
    .wishlist_btn{width: 100%; min-width: 0; padding: 14px 20px;}
}

/* ============================================================
   📑 상품상세 탭바 (#sit_info.sit_info_v2)
   - 4등분 flex / sticky / 활성탭 하단 라인
   - 기존 영카트 스킨 스타일을 완전히 덮어쓰기 위해 !important 사용
   ============================================================ */
#sit_info.sit_info_v2{
    display: block !important;
    width: 100% !important;
    max-width: 1400px !important;
    min-height: 0 !important;
    margin: 60px auto 80px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
#sit_info.sit_info_v2 #sit_tab{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 탭바 — sticky */
#sit_info.sit_info_v2 .tab_tit{
    position: sticky;
    top: 88px;
    z-index: 10;
    display: flex !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #222;
    list-style: none !important;
}
#sit_info.sit_info_v2 .tab_tit li{
    flex: 1 !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
}
#sit_info.sit_info_v2 .tab_tit li button{
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #888 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    text-align: center !important;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    z-index: 1;
}
#sit_info.sit_info_v2 .tab_tit li button:hover{color: #222 !important;}
#sit_info.sit_info_v2 .tab_tit li button.selected{
    color: #222 !important;
    font-weight: 700 !important;
    background: transparent !important;
    border: 0 !important;
}
#sit_info.sit_info_v2 .tab_tit li button.selected::after,
#sit_info.sit_info_v2 .tab_tit li .selected:after{
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    width: 100% !important;
    height: 2px !important;
    background: #222 !important;
    display: block !important;
}

/* 후기/문의 카운트 — 인라인 회색 텍스트 */
#sit_info.sit_info_v2 .tab_tit .item_use_count,
#sit_info.sit_info_v2 .tab_tit .item_qa_count{
    display: inline-block !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: #aaa !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: inherit !important;
}
#sit_info.sit_info_v2 .tab_tit li button.selected .item_use_count,
#sit_info.sit_info_v2 .tab_tit li button.selected .item_qa_count{color: #555 !important;}

/* 탭 콘텐츠 영역 — 최대폭 1200px 중앙정렬 */
#sit_info.sit_info_v2 .tab_con{
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: transparent !important;
}
#sit_info.sit_info_v2 .tab_con > li{
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 60px 0 !important;
    list-style: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* ============================================================
   📄 상세정보 탭 (#sit_inf)
   ============================================================ */
#sit_info.sit_info_v2 #sit_inf{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}

/* 상품 상세설명 (관리자 업로드 콘텐츠) — 마케팅 이미지/HTML */
#sit_info.sit_info_v2 #sit_inf_explan{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center;
    font-size: 15px;
    line-height: 180%;
    color: #333;
    word-break: keep-all;
}
#sit_info.sit_info_v2 #sit_inf_explan img{
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
}
#sit_info.sit_info_v2 #sit_inf_explan p{margin: 0 0 16px; line-height: 180%;}

/* 상품 정보 고시 섹션 타이틀 */
#sit_info.sit_info_v2 .sit_inf_section_title{
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 80px 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    text-align: left !important;
    overflow: visible !important;
    clip: auto !important;
}

/* 상품 정보 고시 테이블 */
#sit_info.sit_info_v2 #sit_inf_open{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 2px solid #222 !important;
    border-bottom: 1px solid #222 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    font-size: 14px;
    background: transparent !important;
}
#sit_info.sit_info_v2 #sit_inf_open th,
#sit_info.sit_info_v2 #sit_inf_open td{
    padding: 16px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    vertical-align: middle !important;
    text-align: left !important;
    line-height: 150% !important;
    word-break: keep-all;
}
#sit_info.sit_info_v2 #sit_inf_open tr:last-child th,
#sit_info.sit_info_v2 #sit_inf_open tr:last-child td{border-bottom: 0 !important;}
#sit_info.sit_info_v2 #sit_inf_open th{
    width: 200px !important;
    background: #fafafa !important;
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
#sit_info.sit_info_v2 #sit_inf_open td{
    background: #fff !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* ============================================================
   🚚 배송/교환/환불 안내 (#sit_dex)
   ============================================================ */
#sit_info.sit_info_v2 #sit_dex{margin: 0 !important; padding: 60px 0 !important;}

/* 가이드 섹션 블록 */
#sit_info.sit_info_v2 .sit_guide_block{
    margin: 0 0 70px;
    padding: 0;
    border: 0;
    background: transparent;
}
#sit_info.sit_info_v2 .sit_guide_block:last-child{margin-bottom: 0;}

/* 섹션 헤더 (영문 라벨 + 한글 부제) */
#sit_info.sit_info_v2 .sit_guide_head{
    margin: 0 0 24px;
    padding: 0 0 18px;
    border-bottom: 1px solid #222;
}
#sit_info.sit_info_v2 .sit_guide_eng{
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    color: #888;
    letter-spacing: 2px;
    line-height: 100%;
}
#sit_info.sit_info_v2 .sit_guide_kor{
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 130% !important;
    overflow: visible !important;
    clip: auto !important;
}

/* 섹션 본문 */
#sit_info.sit_info_v2 .sit_guide_body{
    font-size: 14px;
    line-height: 180%;
    color: #444;
    word-break: keep-all;
}
#sit_info.sit_info_v2 .sit_guide_body p{margin: 0 0 10px; line-height: 180%;}
#sit_info.sit_info_v2 .sit_guide_body p:last-child{margin-bottom: 0;}
#sit_info.sit_info_v2 .sit_guide_body img{max-width: 100%; height: auto;}

/* 결제 안내 리스트 (체크 마커) */
#sit_info.sit_info_v2 .sit_guide_list{
    margin: 0;
    padding: 0;
    list-style: none;
}
#sit_info.sit_info_v2 .sit_guide_list > li{
    position: relative;
    padding: 4px 0 4px 16px;
    margin: 0;
    list-style: none;
    line-height: 180%;
    color: #444;
}
#sit_info.sit_info_v2 .sit_guide_list > li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #888;
}

/* ============================================================
   ⭐ 상품후기 (#sit_use) — 카드 슬라이드 (Swiper)
   ============================================================ */
#sit_info.sit_info_v2 #sit_use_list .sit_use_header{
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 12px;
    padding: 30px 0 24px !important;
    margin: 0 0 24px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
#sit_info.sit_info_v2 .sit_use_section_title{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    color: #222 !important;
    line-height: 100% !important;
}
#sit_info.sit_info_v2 .sit_use_top_actions{display: flex; gap: 8px;}
#sit_info.sit_info_v2 .sit_use_top_actions a{
    display: inline-flex !important; align-items: center; justify-content: center;
    padding: 10px 18px !important;
    border: 1px solid #222 !important; border-radius: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 13px !important; font-weight: 500 !important; line-height: 100% !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}
#sit_info.sit_info_v2 .sit_use_top_actions a.itemuse_form{background: #222 !important; color: #fff !important;}
#sit_info.sit_info_v2 .sit_use_top_actions a.itemuse_form:hover{background: #444 !important; border-color: #444 !important;}
#sit_info.sit_info_v2 .sit_use_top_actions a.itemuse_list:hover{background: #f5f5f5 !important;}

/* 슬라이드 래퍼 */
#sit_info.sit_info_v2 .sit_use_swiper_wrap{position: relative; padding: 0;}
#sit_info.sit_info_v2 .sit_use_swiper{overflow: hidden; padding: 4px 0;}

/* 후기 카드 */
#sit_info.sit_info_v2 .sit_use_card{
    display: block;
    width: 100%;
    background: #fff;
    transition: transform 0.2s ease;
}
#sit_info.sit_info_v2 .sit_use_card:hover{transform: translateY(-3px);}

/* 카드 이미지 */
#sit_info.sit_info_v2 .sit_use_card_img{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: 4px;
}
#sit_info.sit_info_v2 .sit_use_card_img img{
    width: 100% !important; height: 100% !important;
    object-fit: cover; display: block;
}
#sit_info.sit_info_v2 .sit_use_card_img .sit_use_card_noimg{
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #f5f5f5 25%, #ececec 25%, #ececec 50%, #f5f5f5 50%, #f5f5f5 75%, #ececec 75%);
    background-size: 12px 12px;
}
#sit_use_card_badge,
#sit_info.sit_info_v2 .sit_use_card_badge{
    position: absolute;
    top: 10px; right: 10px;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,0.95);
    color: #222;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* 카드 본문 */
#sit_info.sit_info_v2 .sit_use_card_info{padding: 14px 4px 12px;}
#sit_info.sit_info_v2 .sit_use_card_star{
    margin-bottom: 8px;
    line-height: 100%;
    font-size: 13px;
    letter-spacing: 1px;
}
#sit_info.sit_info_v2 .sit_use_card_star .star{color: #ddd;}
#sit_info.sit_info_v2 .sit_use_card_star .star.on{color: #6a7ce0;}

#sit_info.sit_info_v2 .sit_use_card_text{
    margin: 0 0 10px !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: #333 !important;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 39px;
}
#sit_info.sit_use_v2 .sit_use_card_meta,
#sit_info.sit_info_v2 .sit_use_card_meta{
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 150% !important;
    color: #888 !important;
}
#sit_info.sit_info_v2 .sit_use_card_div{margin: 0 6px; color: #ddd;}

/* 카드 하단 상품 정보 */
#sit_info.sit_info_v2 .sit_use_card_item{
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 10px 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fafafa;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color 0.15s ease;
}
#sit_info.sit_info_v2 .sit_use_card_item:hover{border-color: #aaa;}
#sit_info.sit_info_v2 .sit_use_card_item_img{
    flex-shrink: 0;
    width: 36px; height: 36px;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
}
#sit_info.sit_info_v2 .sit_use_card_item_img img{
    width: 100% !important; height: 100% !important;
    object-fit: cover; display: block;
}
#sit_info.sit_info_v2 .sit_use_card_item_text{flex: 1; min-width: 0;}
#sit_info.sit_info_v2 .sit_use_card_item_name{
    margin: 0 0 2px !important;
    font-size: 12px !important;
    color: #222 !important;
    line-height: 130% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#sit_info.sit_info_v2 .sit_use_card_item_rating{
    margin: 0 !important;
    font-size: 11px !important;
    color: #888 !important;
    line-height: 130% !important;
    display: flex; align-items: center; gap: 4px;
}
#sit_info.sit_info_v2 .sit_use_card_item_rating .star_mini{color: #6a7ce0; font-size: 11px;}
#sit_info.sit_info_v2 .sit_use_card_item_rating strong{color: #222; font-weight: 600;}

/* 좌우 화살표 */
#sit_info.sit_info_v2 .sit_use_prev,
#sit_info.sit_info_v2 .sit_use_next{
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    width: 44px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: #fff;
    cursor: pointer;
    z-index: 5;
    display: flex; align-items: center; justify-content: center;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: background 0.15s ease;
}
#sit_info.sit_info_v2 .sit_use_prev{left: -22px;}
#sit_info.sit_info_v2 .sit_use_next{right: -22px;}
#sit_info.sit_info_v2 .sit_use_prev:hover,
#sit_info.sit_info_v2 .sit_use_next:hover{background: #f7f7f7;}
#sit_info.sit_info_v2 .sit_use_prev span,
#sit_info.sit_info_v2 .sit_use_next span{
    font-family: 'SUIT', sans-serif;
    font-size: 24px;
    font-weight: 200;
    color: #222;
    line-height: 100%;
}
#sit_info.sit_info_v2 .sit_use_prev.swiper-button-disabled,
#sit_info.sit_info_v2 .sit_use_next.swiper-button-disabled{opacity: 0.3; cursor: default;}

/* 후기 없음 */
#sit_info.sit_info_v2 .sit_empty{
    text-align: center !important;
    padding: 80px 20px !important;
    margin: 0 !important;
    background: #fafafa !important;
    color: #888 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: 0 !important;
}

/* 영카트 기본 페이지네이션 숨김 */
#sit_info.sit_info_v2 #itemuse .pg_wrap,
#sit_info.sit_info_v2 #sit_use .pg_wrap{display: none !important;}

/* ===== (구) 카드 디자인 더이상 사용하지 않음 — 셀렉터 무력화 영역 ===== */
#sit_info.sit_info_v2 #sit_use,
#sit_info.sit_info_v2 #sit_use *{box-sizing: border-box;}
#sit_info.sit_info_v2 #sit_use{margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;}
#sit_info.sit_info_v2 #sit_use_list{
    display: block !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important; border: 0 !important; min-height: 0 !important;
}

/* 후기 상단바 */
#sit_info.sit_info_v2 .sit_use_top{
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px;
    width: 100% !important;
    padding: 0 0 24px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #222 !important;
    min-height: 0 !important;
    position: static !important;
}
#sit_info.sit_info_v2 .sit_use_top_left{
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    flex-wrap: wrap;
}
#sit_info.sit_info_v2 .sit_use_top_title{
    color: #222 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 150% !important;
}
#sit_info.sit_info_v2 .sit_use_top .sit_star{
    width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    vertical-align: middle;
}
#sit_info.sit_info_v2 .sit_use_top_count{
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #888 !important;
    line-height: 150%;
}
#sit_info.sit_info_v2 .sit_use_top_count strong{font-weight: 600 !important; color: #222 !important;}

/* 후기 쓰기/더보기 버튼 */
#sit_info.sit_info_v2 .sit_use_top_right,
#sit_info.sit_info_v2 #sit_use_wbtn{
    display: flex !important; gap: 8px !important;
    position: static !important; margin: 0 !important; padding: 0 !important;
    background: transparent !important; border: 0 !important;
    text-align: right !important;
    min-height: 0 !important;
}
#sit_info.sit_info_v2 #sit_use_wbtn a{
    display: inline-flex !important; align-items: center; justify-content: center;
    padding: 10px 18px !important;
    border: 1px solid #222 !important; border-radius: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 13px !important; font-weight: 500 !important; line-height: 100% !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
    min-width: 0 !important;
}
#sit_info.sit_info_v2 #sit_use_wbtn a.itemuse_form{background: #222 !important; color: #fff !important; border-color: #222 !important;}
#sit_info.sit_info_v2 #sit_use_wbtn a.itemuse_form:hover{background: #444 !important; border-color: #444 !important;}
#sit_info.sit_info_v2 #sit_use_wbtn a.itemuse_list:hover{background: #f5f5f5 !important;}

/* 후기 리스트 */
#sit_info.sit_info_v2 #sit_use_ol{
    margin: 0 !important; padding: 0 !important;
    list-style: none !important; border: 0 !important;
}
#sit_info.sit_info_v2 .sit_use_li{
    padding: 24px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    background: transparent !important;
    position: relative !important;
}

/* 한 후기 메인 행: 썸네일 + 본문 + 토글버튼 */
#sit_info.sit_info_v2 .sit_use_main{
    display: flex !important;
    align-items: center;
    gap: 16px;
    width: 100%;
}

/* 썸네일 */
#sit_info.sit_info_v2 .sit_use_li .sit_thum{
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f5f5;
    display: block;
}
#sit_info.sit_info_v2 .sit_use_li .sit_thum img{
    width: 100% !important; height: 100% !important;
    object-fit: cover; display: block;
}

/* 본문 영역 */
#sit_info.sit_info_v2 .sit_use_body{
    flex: 1 1 auto;
    min-width: 0;
}
#sit_info.sit_info_v2 .sit_use_score{margin: 0 0 6px;}
#sit_info.sit_info_v2 .sit_use_star_img{
    width: 80px !important; height: auto !important;
    vertical-align: middle;
}
#sit_info.sit_info_v2 .sit_use_subject{
    margin: 0 0 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important;
    line-height: 150% !important;
    word-break: keep-all;
}
#sit_info.sit_info_v2 .sit_use_meta{
    margin: 0 !important;
    font-size: 12px !important;
    color: #888 !important;
    line-height: 150% !important;
}
#sit_info.sit_info_v2 .sit_use_meta .sit_use_dot{margin: 0 6px; color: #ccc;}
#sit_info.sit_info_v2 .sit_use_meta .sit_use_writer{color: #555;}

/* 내용보기 버튼 */
#sit_info.sit_info_v2 .sit_use_li_title{
    flex-shrink: 0;
    padding: 8px 14px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 12px !important; font-weight: 400 !important;
    cursor: pointer;
    border-radius: 4px !important;
    line-height: 100% !important;
    transition: all 0.15s ease;
    position: static !important;
}
#sit_info.sit_info_v2 .sit_use_li_title:hover{border-color: #222 !important; color: #222 !important;}
#sit_info.sit_info_v2 .sit_use_li_title i{margin-left: 6px !important; font-size: 11px !important; transition: transform 0.2s;}
#sit_info.sit_info_v2 .sit_use_li_title.on i{transform: rotate(180deg);}

/* 펼친 내용 */
#sit_info.sit_info_v2 .sit_use_con{
    display: none;
    padding: 20px !important;
    margin: 16px 0 0 !important;
    background: #fafafa !important;
    border-radius: 4px !important;
    border: 0 !important;
}
#sit_info.sit_info_v2 .sit_use_p{
    font-size: 13px !important; line-height: 180% !important; color: #444 !important;
    word-break: keep-all;
    margin: 0 !important;
}
#sit_info.sit_info_v2 .sit_use_p img{max-width: 100% !important; height: auto !important; margin: 8px 0 !important; border-radius: 4px;}

/* 수정/삭제 버튼 */
#sit_info.sit_info_v2 .sit_use_cmd{
    margin-top: 14px !important;
    display: flex !important; gap: 6px !important; justify-content: flex-end !important;
    text-align: right !important;
}
#sit_info.sit_info_v2 .sit_use_cmd a{
    display: inline-flex !important; align-items: center;
    padding: 5px 12px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #666 !important;
    font-size: 11px !important; line-height: 100% !important;
    text-decoration: none !important;
    border-radius: 3px !important;
}
#sit_info.sit_info_v2 .sit_use_cmd a:hover{border-color: #222 !important; color: #222 !important;}

/* 답변 */
#sit_info.sit_info_v2 .sit_use_reply{
    margin-top: 14px !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-left: 3px solid #222 !important;
    border-radius: 0 4px 4px 0 !important;
}
#sit_info.sit_info_v2 .use_reply_head{margin-bottom: 6px;}
#sit_info.sit_info_v2 .use_reply_icon{
    display: inline-block;
    padding: 3px 9px;
    background: #222; color: #fff;
    font-size: 11px; font-weight: 500;
    margin-right: 8px;
    border-radius: 2px;
    line-height: 100%;
    vertical-align: middle;
}
#sit_info.sit_info_v2 .use_reply_tit{
    display: inline;
    font-weight: 600;
    color: #222;
    font-size: 13px;
    vertical-align: middle;
}
#sit_info.sit_info_v2 .use_reply_name{font-size: 11px; color: #888;}
#sit_info.sit_info_v2 .use_reply_p{font-size: 13px; line-height: 180%; color: #444; margin-top: 8px;}

/* 후기 없음 */
#sit_info.sit_info_v2 .sit_empty{
    text-align: center !important;
    padding: 80px 20px !important;
    margin: 24px 0 0 !important;
    background: #fafafa !important;
    color: #888 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: 0 !important;
}

/* 페이지네이션 */
#sit_info.sit_info_v2 #sit_use .pg_wrap{
    margin-top: 30px !important;
    text-align: center !important;
}

/* 반응형 */
@media all and (max-width: 1024px){
    #sit_info.sit_info_v2{margin: 40px 0 60px !important;}
    #sit_info.sit_info_v2 .tab_tit{top: 110px;}
    #sit_info.sit_info_v2 .tab_tit li button{padding: 16px 8px !important; font-size: 14px !important;}
    #sit_info.sit_info_v2 .tab_con > li{padding: 40px 0 !important;}
    #sit_info.sit_info_v2 .sit_inf_section_title{margin: 60px 0 16px !important; font-size: 17px !important;}
    #sit_info.sit_info_v2 #sit_dex{padding: 40px 0 !important;}
    #sit_info.sit_info_v2 .sit_guide_block{margin-bottom: 50px;}
    #sit_info.sit_info_v2 .sit_guide_kor{font-size: 18px !important;}
}
@media all and (max-width: 768px){
    #sit_info.sit_info_v2 .tab_tit{top: 66px;}
    #sit_info.sit_info_v2 .tab_tit li button{padding: 14px 4px !important; font-size: 13px !important; letter-spacing: -0.3px;}
    #sit_info.sit_info_v2 .tab_tit .item_use_count,
    #sit_info.sit_info_v2 .tab_tit .item_qa_count{font-size: 12px !important; margin-left: 2px !important;}
    #sit_info.sit_info_v2 .tab_con > li{padding: 30px 0 !important;}

    #sit_info.sit_info_v2 #sit_inf_explan{font-size: 14px;}
    #sit_info.sit_info_v2 .sit_inf_section_title{margin: 50px 0 14px !important; font-size: 16px !important;}
    #sit_info.sit_info_v2 #sit_inf_open th{width: 110px !important; padding: 12px 14px !important; font-size: 13px !important;}
    #sit_info.sit_info_v2 #sit_inf_open td{padding: 12px 14px !important; font-size: 13px !important;}

    #sit_info.sit_info_v2 #sit_dex{padding: 30px 0 !important;}
    #sit_info.sit_info_v2 .sit_guide_block{margin-bottom: 40px;}
    #sit_info.sit_info_v2 .sit_guide_head{margin-bottom: 18px; padding-bottom: 14px;}
    #sit_info.sit_info_v2 .sit_guide_eng{font-size: 11px; letter-spacing: 1.5px;}
    #sit_info.sit_info_v2 .sit_guide_kor{font-size: 16px !important;}
    #sit_info.sit_info_v2 .sit_guide_body{font-size: 13px;}

    /* 상품후기 슬라이드 모바일 */
    #sit_info.sit_info_v2 #sit_use_list .sit_use_header{padding-bottom: 16px !important; margin-bottom: 16px !important;}
    #sit_info.sit_info_v2 .sit_use_section_title{font-size: 18px !important; letter-spacing: 1.5px !important;}
    #sit_info.sit_info_v2 .sit_use_top_actions a{padding: 8px 12px !important; font-size: 12px !important;}
    #sit_info.sit_info_v2 .sit_use_prev{left: -10px; width: 36px;}
    #sit_info.sit_info_v2 .sit_use_next{right: -10px; width: 36px;}
    #sit_info.sit_info_v2 .sit_use_card_text{font-size: 12px !important; min-height: 36px;}
}

/* P2~P5 신규요소 모바일 — 필터/브랜드/할인/쿠폰존/롤링배너/팝업 */
@media all and (max-width: 768px){
    /* P2 필터/브랜드/할인 */
    body #sct .sct_oversea_filter .sct_oversea_tab{padding: 6px 12px; font-size: 12px;}
    .cs_brand{padding: 40px 0 80px;}
    .cs_brand_title{font-size: 22px;}
    .cs_brand_list li{width: calc(50% - 4px);}
    .cs_brand_list li a{padding: 14px 16px; font-size: 14px;}
    .pop_sec .cs_title .pop_desc{font-size: 12px;}

    /* P5 롤링배너 — 화살표 축소 */
    .roll_sec .roll_prev, .roll_sec .roll_next{width: 36px;}
    .roll_sec .roll_prev{left: 10px;}
    .roll_sec .roll_next{right: 10px;}
    .roll_sec .roll_prev span, .roll_sec .roll_next span{font-size: 18px;}

    /* P5 쿠폰존 — 1열 */
    .couponzone_list{padding-top: 40px;}
    .couponzone_list > h2{font-size: 20px;}
    .couponzone_list > ul{gap: 16px;}
    .couponzone_list > ul > li{width: 100%;}

    /* P5 팝업 — 뷰포트 넘침 방지(관리자 px값 무시, 화면 기준 fixed 중앙·폭 cap) */
    #hd_pop .hd_pops{position: fixed !important; top: 20px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 92vw !important; max-width: 92vw !important;}
    #hd_pop .hd_pops_con{width: 100% !important; max-width: 100% !important; height: auto !important; box-sizing: border-box;}
    #hd_pop .hd_pops_con img{width: 100%; height: auto;}
}

/* =========================================================
   WEEKLY BEST — 1위 히어로 + 2~5위 그리드
   ========================================================= */
.cs_rank{position: absolute; top: 10px; left: 10px; z-index: 3; min-width: 26px; height: 26px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.78); color: #fff; font-size: 13px; font-weight: 700; line-height: 1; border-radius: 4px;}

/* WEEKLY BEST 섹션은 콘텐츠 폭을 1200으로 (다른 섹션 1400 유지) */
.pop_sec .width{max-width: 1200px;}

/* 바닥 정렬: 1위는 정사각형(높이 기준), 2~5위 그리드 카드가 행 높이를 채워 맞춤 */
.pop_rank{display: flex; gap: 30px; align-items: stretch;}
.pop_hero{width: 54%; flex-shrink: 0;}
.pop_grid{width: 46%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr 1fr; gap: 20px 24px;}

/* 1위 히어로 — 정사각형 사진 유지 */
.pop_hero .cs_card_img{aspect-ratio: 1 / 1;}
.pop_hero .cs_card_name{font-size: 20px;}
.pop_hero .cs_card_price{font-size: 19px;}
.pop_hero .cs_rank{top: 16px; left: 16px; min-width: 52px; height: 52px; font-size: 26px; border-radius: 8px; background: #c8a24c;} /* 1위 골드 */

/* 2~5위 그리드 — 카드가 행 높이를 채우도록(이미지 flex-fill) → 1위 높이에 바닥 맞춤 */
.pop_grid .cs_card{display: flex; min-height: 0;}
.pop_grid .cs_card_link{flex: 1; display: flex; flex-direction: column; min-height: 0;}
.pop_grid .cs_card_img{flex: 1 1 0; aspect-ratio: auto; min-height: 0;}
.pop_grid .cs_card_info{flex-shrink: 0;}
.pop_grid .cs_rank{top: 10px; left: 10px; min-width: 32px; height: 32px; font-size: 15px; border-radius: 6px;}
.pop_grid .cs_card:nth-child(1) .cs_rank{background: #9aa0a6;} /* 2위 실버 */
.pop_grid .cs_card:nth-child(2) .cs_rank{background: #b07a4b;} /* 3위 브론즈 */

@media all and (max-width: 1024px){
    .pop_rank{gap: 20px;}
    .pop_hero .cs_card_name, .pop_hero .cs_card_price{font-size: 16px;}
    .pop_hero .cs_rank{min-width: 42px; height: 42px; font-size: 20px;}
}

@media all and (max-width: 768px){
    /* 전체를 가로형 랭킹 리스트로(1위 포함 세로 정렬) — PC 히어로 flex 보정 */
    .pop_rank{flex-direction: column; gap: 12px;}
    .pop_hero, .pop_grid{width: 100%; display: block;}
    .pop_grid{grid-template-columns: 1fr; gap: 12px;}
    .pop_rank .cs_card{display: block;}
    .pop_rank .cs_card_link{display: flex; flex-direction: row; align-items: center; gap: 14px;}
    .pop_rank .cs_card_img{flex: 0 0 96px !important; width: 96px !important; aspect-ratio: 1 / 1 !important; min-height: 0;}
    .pop_rank .cs_card_info{flex: 1; min-width: 0; text-align: left; padding: 0;}
    .pop_rank .cs_card_name{font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .pop_rank .cs_card_grade{font-size: 12px;}
    .pop_rank .cs_card_price{font-size: 15px; margin-top: 4px;}
    .pop_rank .cs_card_icons, .pop_rank .cs_card_actions{display: none;}
    .pop_rank .cs_rank{top: 6px; left: 6px; min-width: 24px; height: 24px; font-size: 12px; border-radius: 5px;}
    .pop_hero .cs_rank{min-width: 28px; height: 28px; font-size: 14px;}
}