/* ============================================================
   shop.css
   영카트(쇼핑몰) 상품목록/상품상세 화면을 gakkum 디자인에 맞게 덮어씌운다.
   스킨 원본(skin/shop/basic/*)은 안 건드리고, shop/list.php·shop/item.php에서
   이 파일을 스킨 자체 style.css보다 나중에(order 99) 불러와 같은 셀렉터를 덮어쓴다.
   ============================================================ */

.shop-wrap{--sp-accent:var(--green-700);--sp-accent-dark:var(--green-900);}

/* 스킨 자체 카테고리 네비(집아이콘+드롭다운) — 우리 브레드크럼이랑 중복이라 숨김 */
.shop-wrap #sct_location{display:none;}

/* 상세페이지 현재위치(breadcrumb) - "상세 맨 위가 허전하다"는 요청으로 추가 (item.php) */
.shop-wrap .aramchan-crumb{max-width:1280px;margin:32px auto 10px;padding:0 24px 0 0;font-size:13px;color:var(--ink-faint);}
.shop-wrap .aramchan-crumb .fa-home{font-size:14px;}
.shop-wrap .aramchan-crumb a{color:var(--ink-faint);}
.shop-wrap .aramchan-crumb a:hover{color:var(--ink);text-decoration:underline;}
.shop-wrap .aramchan-crumb .sep{margin:0 6px;color:var(--line-strong);}
.shop-wrap .aramchan-crumb .current{color:var(--ink-muted);}

/* 다른 페이지(board.php 등) 관리자 아이콘 버튼과 같은 모양(38px 정사각/아이콘만) */
.shop-wrap #sct_admin.sct_admin{text-align:right;margin-bottom:10px;}
.shop-wrap .btn_admin{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:10px;background:#fff;border:1px solid var(--line-strong);color:var(--ink-muted);padding:0;
}
.shop-wrap .btn_admin:hover{background:#fff;color:var(--brand-primary);border-color:var(--brand-primary);}

/* ===== 정렬/뷰타입 줄 ===== */
/* 정렬옵션(판매많은순 등)+뷰타입 아이콘 2개 — 요청대로 통째로 삭제 */
.shop-wrap #sct_sortlst{display:none !important;}
.shop-wrap #sct_sort h2{display:none;}
.shop-wrap #ssch_sort{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:0;padding:0;}
.shop-wrap #ssch_sort a{font-size:13.5px;color:var(--ink-faint);}
.shop-wrap #ssch_sort a:hover{color:var(--sp-accent-dark);}
.shop-wrap #sct_lst{display:flex;gap:6px;list-style:none;margin:0;padding:0;}
.shop-wrap #sct_lst button{
  width:34px;height:34px;border-radius:0;border:1px solid var(--line-strong);background:#fff;color:var(--ink-muted);
}
.shop-wrap #sct_lst button:hover,
.shop-wrap #sct_lst button.active{background:var(--sp-accent-dark);color:#fff;border-color:var(--sp-accent-dark);}

/* ===== 관련 분류(하위카테고리) ===== */
.shop-wrap .sct_ct{margin:0 0 24px;}
.shop-wrap .sct_ct h2{font-size:14px;color:var(--ink-faint);margin:0 0 10px;}
.shop-wrap .sct_ct ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.shop-wrap .sct_ct a{display:block;padding:6px 14px;border-radius:0;border:1px solid var(--line-strong);color:var(--ink-muted);font-size:13.5px;}
.shop-wrap .sct_ct a:hover{border-color:var(--sp-accent);color:var(--sp-accent);}

/* ===== 상품 카드 그리드 =====
   스킨 원본의 .col-row-3{width:33.33%;float:left;padding:0 10px}가 우리 grid 안에서도
   그대로 살아있어서, grid cell(1/3) 안에서 다시 33%로 줄어들어(사실상 전체의 ~11%) 카드가
   극도로 좁게 나오던 게 진짜 원인이었음 — float/width/padding 다 무효화.
   참고사이트(sjulsan.co.kr)처럼 카드 테두리/그림자 없이 사진+텍스트만 깔끔하게. */
.shop-wrap ul.sct{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;list-style:none;margin:0 0 48px;padding:0;}
.shop-wrap .sct_li,
.shop-wrap .sct_li[class*="col-row-"]{
  width:auto !important;float:none !important;min-height:0 !important;
  padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;
  background:none;border:none;border-radius:0;overflow:visible;position:relative;
}
.shop-wrap .sct_img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper-alt);border-radius:0;}
.shop-wrap .sct_img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.shop-wrap .sct_li:hover .sct_img img{transform:scale(1.04);}
/* 쇼핑몰 아님 — 목록 카드에서 장바구니/가격/찜/공유 다 제거, 사진+제목만 */
.shop-wrap .sct_btn.list-10-btn,
.shop-wrap .cart-layer,
.shop-wrap .sct_star,
.shop-wrap .sct_bottom{display:none !important;}
.shop-wrap .shop_icon_soldout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,.5);}
.shop-wrap .soldout_txt{color:#fff;font-weight:800;font-size:15px;letter-spacing:.05em;}

.shop-wrap .sct_ct_wrap{padding:14px 0 0;}
.shop-wrap .sct_id{font-size:12px;color:var(--ink-faint);margin-bottom:4px;}
.shop-wrap .sct_txt{font-size:17px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:0;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.shop-wrap .sct_txt a{color:inherit;}
.shop-wrap .sct_li:hover .sct_txt{color:var(--sp-accent-dark);}
.shop-wrap .sct_basic{font-size:14.5px;color:var(--ink-faint);line-height:1.5;margin-top:4px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.shop-wrap .sct_sns_wrap{display:none;}
.shop-wrap .sit_icon_li{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;}
.shop-wrap .sct_noitem{padding:80px 0;text-align:center;color:var(--ink-faint);font-size:15px;grid-column:1/-1;}

/* ===== 페이지네이션 (board.css 목록과 동일 톤) ===== */
.shop-wrap .pg_wrap{display:flex;justify-content:center;margin:20px 0 40px;}
.shop-wrap .pg_wrap .pg{display:flex;align-items:center;gap:4px;}
.shop-wrap .pg_page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid transparent;color:var(--ink-muted);font-size:14px;}
.shop-wrap .pg_page:hover{border-color:var(--line-strong);color:var(--sp-accent-dark);}
.shop-wrap .pg_current{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid var(--ink);color:var(--ink);font-weight:700;font-size:14px;background:#fff;}

@media (max-width:1024px){
  .shop-wrap ul.sct{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:640px){
  .shop-wrap ul.sct{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;}
  .shop-wrap #sct_sortlst{flex-direction:column;align-items:flex-start;}
}

/* ============================================================
   상품 상세보기 (shop/item.php)
   ============================================================ */
.shop-wrap .sit_admin{text-align:right;margin-bottom:14px;}
/* 스킨 원본이 width:1200px 고정 + float 레이아웃 + border-top 라인을 쓰고 있어서 우리 그리드로 완전히 갈아엎음.
   사진:정보 = 6:4 비율, 좌우 여백 없이 꽉 차게, 위 라인도 제거 */
.shop-wrap #sit_ov_wrap{display:grid;grid-template-columns:6fr 4fr;gap:48px;align-items:start;margin-bottom:56px;width:auto;max-width:none;padding:0;border-top:none;}
.shop-wrap #sit_ov_wrap::after{content:none;}
.shop-wrap.page-wrap{padding-left:0;padding-right:0;}

/* ----- 사진 갤러리 -----
   스킨 원본은 #sit_pvi_big{float:right}인데, 안의 이미지들이 전부 position:absolute라
   float 요소가 감쌀 콘텐츠가 없어서 가로/세로가 0으로 찌그러졌었음(메인 사진이 안 보이던 원인).
   float를 끄고 폭을 명시해서 aspect-ratio가 제대로 계산되게 함.
   좌우로 진짜 슬라이드되는 트랙 구조 (item.php 자체 JS가 .sit-pvi-track을 만들고
   translateX로 이동시킴 — opacity 크로스페이드가 아니라 "움직이는" 느낌). */
.shop-wrap #sit_pvi{float:none;width:100%;position:relative;}
.shop-wrap #sit_pvi_big{
  float:none;width:100%;
  position:relative;aspect-ratio:1/1;border-radius:0;overflow:hidden;background:var(--paper-alt);touch-action:pan-y;cursor:grab;user-select:none;
}
.shop-wrap .sit-pvi-track{display:flex;width:100%;height:100%;transition:transform .45s cubic-bezier(.65,0,.35,1);}
.shop-wrap #sit_pvi_big.is-dragging{cursor:grabbing;}
.shop-wrap #sit_pvi_big.is-dragging .sit-pvi-track{transition:none;}
.shop-wrap #sit_pvi_big a.popup_item_image{position:static;flex:none;width:100%;height:100%;display:block !important;}
/* 위아래 여백 없이 박스를 꽉 채우도록 cover로 변경 (정사각 박스에 맞춰 잘라서 채움) */
.shop-wrap #sit_pvi_big a.popup_item_image img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.shop-wrap #sit_pvi_big #popup_item_image{display:none !important;} /* 돋보기 새창 링크 — 안 씀 */
/* < > 내비게이션: 배경은 아주 옅게, 화살표 자체는 큼직하고 진하게 (사진 위에서도 잘 보이게 그림자) */
.shop-wrap .sit-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border-radius:50%;
  border:none;background:rgba(255,255,255,.16);color:#fff;font-size:34px;line-height:1;font-weight:300;
  text-shadow:0 1px 6px rgba(0,0,0,.5);filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;
}
.shop-wrap .sit-nav:hover{background:rgba(255,255,255,.55);}
.shop-wrap .sit-nav-prev{left:16px;}
.shop-wrap .sit-nav-next{right:16px;}

/* 스킨 원본 #sit_pvi_thumb{float:left}가 안 지워져서 목록이 콘텐츠만큼만 폭을 차지해
   justify-content:center가 눈에 보이는 효과가 없었음(가운데 정렬할 여유 공간 자체가 없었음) —
   float 끄고 폭을 100%로 줘야 진짜로 가운데 정렬된다. */
.shop-wrap #sit_pvi_thumb{float:none !important;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;list-style:none;margin:12px 0 0;padding:0;}
.shop-wrap #sit_pvi_thumb li{width:46px;height:46px;margin:0 !important;border-radius:0;overflow:hidden;border:2px solid transparent;opacity:.55;transition:opacity .15s ease,border-color .15s ease;cursor:pointer;}
.shop-wrap #sit_pvi_thumb li:hover{opacity:.85;}
.shop-wrap #sit_pvi_thumb li.active{opacity:1;border-color:var(--sp-accent-dark);}
.shop-wrap #sit_pvi_thumb img{width:100% !important;height:100% !important;object-fit:contain;display:block;border:none !important;}

/* ----- 정보 패널 (라인 없이 깔끔하게) -----
   스킨 원본 #sit_ov{float:right;width:448px}가 우리 그리드 칸보다 좁게 고정해놔서
   설명 오른쪽에 빈 공백이 생기던 것 — float 끄고 폭을 100%로 채운다. */
.shop-wrap #sit_ov{float:none !important;width:100% !important;height:auto !important;min-height:0 !important;padding-bottom:0 !important;}
.shop-wrap #sit_title{font-size:27px;font-weight:800;color:#333;margin:0 0 8px;line-height:1.4;}
.shop-wrap #sit_desc{font-size:15.5px;color:var(--ink-muted);line-height:1.7;margin:0 0 20px;}
.shop-wrap #sit_desc:empty{display:none;}
/* 관련상품 — 안 쓰는 기능(항상 "등록된 상품이 없습니다"만 뜸), 옅은 회색 테두리 박스째로 숨김 */
.shop-wrap #sit_rel{display:none !important;}
.shop-wrap #sit_btn_opt{display:flex;gap:8px;}
.shop-wrap #sit_btn_opt a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);}
.shop-wrap #sit_btn_opt a:hover{border-color:var(--sp-accent);color:var(--sp-accent);}

/* 쇼핑몰 아님(문의기반 카탈로그) — 장바구니/바로구매/옵션수량/총금액 등 실제 결제 UI는 다 숨기고
   제작문의/목록 버튼으로 대체한다 (아래 .sit-cta-btns는 item.php 자체 JS가 만들어 넣음) */
.shop-wrap #sit_opt_info,
.shop-wrap #sit_star_sns,
.shop-wrap .sit_info,
.shop-wrap .sit_option,
.shop-wrap #sit_btn_opt,
.shop-wrap #sit_sel_option,
.shop-wrap #sit_tot_price,
.shop-wrap #sit_ov_soldout,
.shop-wrap #sit_ov_btn,
.shop-wrap #sit_buy{display:none !important;} /* #sit_buy: item.info.skin.php에 따로 있던 두번째(스티키) 장바구니/바로구매 위젯 */
.shop-wrap .sit-cta-btns{display:flex;align-items:center;gap:10px;margin-top:24px;}
.shop-wrap .sit-cta-btns .btn-biz{flex:1;border-radius:0;}
.shop-wrap .sit-cta-btns .btn-biz-primary{background:#3c8ed8;} /* 활성 서브탭과 같은 블루 */
.shop-wrap .sit-cta-btns .btn-biz-primary:hover{background:#2f78b8;}
.shop-wrap .sit-cta-btns .btn_admin{flex:none;height:52px;width:52px;border-radius:10px;}
.shop-wrap #sit_title .aramchan-title-admin{width:30px;height:30px;font-size:13px;margin-left:12px;vertical-align:middle;}

/* ----- 이전/다음 상품 : 안 씀 ----- */
.shop-wrap #sit_siblings{display:none !important;}

/* ----- 하단: "상품정보"만 남기고(사용후기/상품문의/배송교환 탭 안 씀), 글자/박스/선 다 없이
   그냥 상세설명 내용만 나온다.
   주의: 실제 탭 제목 줄은 .sanchor가 아니라 .tab_tit이었음(item.php에 있던 pg_anchor()는
   실제로 어디서도 호출 안 되는 죽은 코드였고, 진짜 탭은 item.info.skin.php의
   <ul class="tab_tit">/<ul class="tab_con"> 조합이 jQuery로 보여주고 있었음 — 그래서
   .sanchor로는 하나도 안 지워지고 있었다). */
.shop-wrap ul.tab_tit{display:none !important;}
.shop-wrap #sit_use,
.shop-wrap #sit_qa,
.shop-wrap #sit_dex{display:none !important;}
.shop-wrap #sit_inf{padding:0;border:none;}
.shop-wrap #sit_inf .contents_tit,
.shop-wrap #sit_inf h3{display:none;} /* "상품 정보" / "상품 상세설명" 제목 글자 — 안 보이게 */
.shop-wrap #sit_inf_explan{font-size:16px;line-height:1.9;color:var(--ink);}
.shop-wrap #sit_inf_explan img{max-width:100%;border-radius:12px;}
/* 상품정보고시(전자상거래법 표준 문구, 제품소재/색상/치수/제조자/세탁방법/제조연월/
   품질보증기준/AS책임자 등 "상품페이지 참고"만 채워진 법정고시 표) — 실거래가 없는
   문의기반 카탈로그라 필요없어서 숨김 */
.shop-wrap #sit_inf_open{display:none !important;}
/* 여분필드(규격/재질 등) — item.php 자체 JS가 상세설명 바로 아래에 만들어 넣는 표 */
.shop-wrap .sit-extra-fields{width:100%;border-collapse:collapse;margin-top:24px;font-size:14px;}
.shop-wrap .sit-extra-fields th,
.shop-wrap .sit-extra-fields td{padding:12px;border:1px solid var(--line);text-align:left;}
.shop-wrap .sit-extra-fields th{background:var(--paper-alt);color:var(--ink-muted);font-weight:600;width:140px;}

/* 기획서 상품은 실제 결제 상품이므로 기본 구매폼을 다시 표시한다. */
/* gap 대신 margin-right로 - order로 순서를 바꿔도 gap이 시각적 순서 기준으로 붙는 게
   맞는 스펙이긴 한데, 첫 요소(찜) 앞에 공백이 보인다는 지적이 계속 나와서 아예 gap을
   빼고 각 버튼 자기 자신의 오른쪽 margin으로 간격을 주는 방식으로 바꿔 원인을 없앤다. */
.shop-wrap #sit_ov_btn{display:flex !important;align-items:center;gap:0;margin:24px 0 0;padding:0;}
.shop-wrap #sit_ov_btn button{flex:1;height:48px;min-height:0;margin:0 10px 0 0;align-self:center;vertical-align:middle;border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer;order:2;line-height:1;}
.shop-wrap #sit_ov_btn button.sit_btn_cart{background:#fff;color:#1a1a1a;border-color:var(--line-strong);}
.shop-wrap #sit_ov_btn .sit_btn_buy{margin-right:0;}
.shop-wrap #sit_ov_btn button:hover{opacity:.82;}
/* 찜(위시) 버튼 - 아이콘 전용 정사각 버튼으로, 맨 앞(왼쪽)에 오도록 order로 이동.
   스킨 원본(.sit_btn_wish{height:50px})이 남아있으면 height는 min-height보다 우선 적용돼서
   장바구니/바로구매(48px)랑 줄이 안 맞았음 - height를 직접 명시해서 확실히 맞춘다. */
.shop-wrap #sit_ov_btn .sit_btn_wish{order:1;flex:none;width:52px;height:48px;margin:0 10px 0 0;align-self:center;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:#fff;color:var(--ink-muted);font-size:18px;line-height:1;}
.shop-wrap #sit_ov_btn .sit_btn_wish:hover{border-color:#c23b3b;color:#c23b3b;}
.shop-wrap #sit_ov{min-height:0 !important;}
.shop-wrap #sit_ov .sit_info,
.shop-wrap #sit_ov .sit_option,
.shop-wrap #sit_ov #sit_sel_option,
.shop-wrap #sit_ov #sit_tot_price{display:block !important;}

/* 별점/상품평 줄(제목 아래 노출), 찜/SNS 아이콘은 중복이라 숨김 */
.shop-wrap #sit_star_sns{display:flex !important;align-items:center;gap:6px;margin:10px 0 30px;font-size:14px;color:var(--ink-muted);}
.shop-wrap #sit_star_sns .sit_star{width:auto;height:14px;}
.shop-wrap #sit_star_sns #sit_btn_opt{display:none !important;}

/* 가격 히어로 - 제목 아래 큰 가격 */
.shop-wrap .aramchan-price-hero{margin:7px 0 20px;letter-spacing:-.02em;}
/* 할인율 배지 - 시중가>판매가일 때만 표시 */
.shop-wrap .aramchan-price-hero .disc-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}
.shop-wrap .aramchan-price-hero .disc-row .pct{font-size:24px;font-weight:800;color:#e2321f;}
.shop-wrap .aramchan-price-hero .disc-row .cust{font-size:18px;font-weight:500;color:var(--ink-faint);text-decoration:line-through;}
.shop-wrap .aramchan-price-hero .now{font-size:34px;font-weight:800;color:var(--ink);line-height:1.2;}

/* 가격표/옵션 - 아람찬 톤 재단장 */
/* .sit_info 스킨 박스(회색 이중선 원인) 제거, 표 선으로 통일 */
.shop-wrap .sit_info{border:none;margin:0;padding:0;}
.shop-wrap .sit_ov_tbl{width:100%;border-top:1px solid var(--line-strong);border-collapse:collapse;font-size:14px;}
.shop-wrap .sit_ov_tbl tr{border-bottom:1px solid #f0efe9;}
.shop-wrap .sit_ov_tbl th{text-align:left;padding:12px 0;color:var(--ink-muted);font-weight:500;width:110px;}
.shop-wrap .sit_ov_tbl td{padding:12px 0;color:var(--ink);}
.shop-wrap .sit_ov_tbl tr.tr_price td{font-size:22px;font-weight:800;color:var(--ink);}
.shop-wrap .sit_ov_tbl tr.tr_price th{padding-top:16px;}
.shop-wrap .sit_ov_tbl select{padding:8px 10px;border:1px solid var(--line-strong);font:inherit;background:#fff;}

.shop-wrap .sit_option{margin-bottom:16px;}
.shop-wrap .sit_option h3{display:none;} /* "선택옵션"/"추가옵션" 제목 - 드롭다운 자체가 라벨 역할이라 중복 */
.shop-wrap .get_item_options{margin-bottom:6px;}
.shop-wrap .get_item_options label{display:block;text-align:left;font-size:14px;font-weight:500;color:var(--ink-muted);margin-bottom:6px;}
.shop-wrap .get_item_options span{position:relative;display:block;}
.shop-wrap .get_item_options select.it_option{width:100%;padding:12px 40px 12px 14px;border:1px solid var(--line-strong);font-size:14px;font-family:inherit;background:#fff;color:var(--ink);appearance:none;-webkit-appearance:none;-moz-appearance:none;}
/* 커스텀 셀렉트 화살표 */
.shop-wrap .get_item_options span::after{content:"";position:absolute;right:16px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--ink-muted);transform:translateY(-50%);pointer-events:none;}

/* 옵션 없으면 접힘, 있으면 바로 붙어서 표시 */
.shop-wrap #sit_sel_option{margin:0;}
.shop-wrap #sit_sel_option h3{display:block;font-size:12.5px;font-weight:400;color:var(--ink-faint);margin:0 0 6px;}
.shop-wrap #sit_sel_option:not(:has(#sit_opt_added)){display:none;}
.shop-wrap #sit_opt_added{list-style:none;margin:0 0 16px;padding:0;}
/* 담긴 옵션 줄 - 실제 클래스명(js/shop.js add_sel_option), 증가/감소/삭제→아이콘 */
.shop-wrap .sit_opt_list{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line-strong);background:var(--paper-alt);margin-bottom:8px;margin-top:20px;flex-wrap:wrap;}
.shop-wrap .sit_opt_list .sit_opt_subj{flex:1;font-size:13.5px;min-width:0;color:var(--ink);}
.shop-wrap .sit_opt_list .sit_opt_prc{flex:none;font-size:13.5px;font-weight:700;color:var(--ink);margin-right:14px;}
.shop-wrap .sit_opt_list > div{display:flex;align-items:center;gap:0;flex:none;}
.shop-wrap .sit_opt_list .frm_input{width:38px;height:26px;text-align:center;border:1px solid var(--line-strong);border-left:none;border-right:none;font-size:13px;font-family:inherit;order:2;}
.shop-wrap .sit_opt_list .sit_qty_minus{width:26px;height:26px;border:1px solid var(--line-strong);background:#fff;font-size:0;padding:0;cursor:pointer;order:1;position:relative;}
.shop-wrap .sit_opt_list .sit_qty_plus{width:26px;height:26px;border:1px solid var(--line-strong);background:#fff;font-size:0;padding:0;cursor:pointer;order:3;position:relative;}
.shop-wrap .sit_opt_list .sit_qty_minus::before{content:"\2212";font-size:13px;}
.shop-wrap .sit_opt_list .sit_qty_plus::before{content:"+";font-size:13px;}
.shop-wrap .sit_opt_list .sit_opt_del{order:4;margin-left:14px;flex:none;width:24px;height:24px;border:none;background:none;font-size:0;color:var(--ink-faint);cursor:pointer;position:relative;}
.shop-wrap .sit_opt_list .sit_opt_del::before{content:"\d7";font-size:16px;}
.shop-wrap .sit_opt_list .sit_opt_del:hover{color:#c23b3b;}

.shop-wrap #sit_tot_price{display:flex;align-items:baseline;justify-content:space-between;padding:0;border-top:none;margin-bottom:0;font-size:14px;}
.shop-wrap #sit_tot_price span{color:var(--ink-muted);}
.shop-wrap #sit_tot_price strong{font-size:24px;color:var(--sp-accent-dark);margin:0 4px;}
.shop-wrap ul.tab_tit{display:flex !important;}
/* 위 172~181번째줄 "카탈로그 문의모드" 시절 숨김규칙(!important)이 순서상 나중에 와도
   그냥 이겨버려서(동일 셀렉터일 때 !important는 소스순서 무관하게 항상 우선), 여기 재표시
   규칙에 !important를 안 붙이면 무효화됨 - 그래서 탭 버튼은 눌리는데 내용판은 계속 안 보였음
   (사용후기/상품문의/상품구매안내 전부 서버에서는 정상 렌더링되고 있었음, 순수 CSS 버그). */
.shop-wrap #sit_inf,
.shop-wrap #sit_use,
.shop-wrap #sit_qa,
.shop-wrap #sit_dex{display:block !important;}
/* 위 4개를 전부 항상 켜두면 tab_tit 클릭 핸들러(item.info.skin.php)의 .hide()/.show()가
   무효화되는데, 그게 의도임 - "탭 4개 내용 다 보이게" 요청으로 탭을 눌러서 하나만 보는 방식이
   아니라 전부 한 페이지에 쭉 나열되고, 탭 버튼은 아래 스크립트로 그 위치로 스크롤만 시켜준다. */

/* ----- 하단 탭(상품정보/사용후기/상품문의/상품구매안내) 아람찬 톤으로 재단장 -----
   스킨 원본(skin/shop/basic/style.css)은 #sit_tab{width:928px} 고정폭 + 파란색(#3a8afd)
   밑줄 탭이라 우리 1280px 그리드 레이아웃/톤이랑 안 맞음 - 폭은 100%로 풀고, 활성 탭은
   검정 글씨+밑줄로 심플하게. 탭 전환 JS(item.info.skin.php)는 그대로 안 건드림. */
.shop-wrap #sit_info{display:block;width:100%;min-height:0;margin:0;border:none;background:none;}
.shop-wrap #sit_tab{width:100% !important;display:block !important;margin-top:64px;}
.shop-wrap #sit_tab .tab_tit{display:flex !important;border-bottom:1px solid var(--line-strong);background:none;padding:0;}
.shop-wrap #sit_tab .tab_tit li{flex:1;float:none;}
/* 탭 4개 항상 펼침 - 전부 활성 디자인으로 통일, 클릭은 눌림 효과만 */
.shop-wrap #sit_tab .tab_tit li button{width:100%;padding:16px 0;font-size:16px;font-weight:700;line-height:1.4;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--ink);margin-bottom:-1px;transition:opacity .15s ease;cursor:pointer;}
.shop-wrap #sit_tab .tab_tit li button:hover{opacity:.65;}
.shop-wrap #sit_tab .tab_tit li button:active{opacity:.4;}
/* 스킨 원본 파란 밑줄(.selected:after) 제거 */
.shop-wrap #sit_tab .tab_tit li button.selected:after{content:none;background:none;}
.shop-wrap #sit_tab .item_use_count,
.shop-wrap #sit_tab .item_qa_count{display:inline-block;min-width:18px;height:18px;font-size:12px;line-height:18px;padding:0 5px;background:var(--paper-alt);border-radius:9px;color:var(--ink-faint);margin-left:2px;}
.shop-wrap #sit_tab .tab_con{background:none;padding:40px 0;}

/* 섹션 사이 100px */
.shop-wrap .tab_con > li{margin-top:100px;}
.shop-wrap .tab_con > li:first-child{margin-top:0;}
/* 스킨 원본 id 셀렉터 margin 덮어씀 */
.shop-wrap #sit_inf,
.shop-wrap #sit_use,
.shop-wrap #sit_qa,
.shop-wrap #sit_dex{margin:100px 0 0;}

/* 상품구매안내(배송/교환) 카드 스타일 */
.shop-wrap #sit_dex > h2{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 24px;letter-spacing:-.02em;}
.shop-wrap #sit_dvr,
.shop-wrap #sit_ex{border:1px solid var(--line);margin-bottom:24px;padding-bottom:26px;}
.shop-wrap #sit_dvr:last-child,
.shop-wrap #sit_ex:last-child{margin-bottom:0;}
.shop-wrap #sit_dvr h3,
.shop-wrap #sit_ex h3{margin:0 0 22px;padding:18px 24px;font-size:16px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);background:var(--paper-alt);}
.shop-wrap #sit_dvr table{width:calc(100% - 48px);margin:0 24px 22px;border-collapse:collapse;font-size:15px;}
.shop-wrap #sit_dvr table th{width:140px;text-align:left;padding:10px 0;color:var(--ink-faint);font-weight:500;border-bottom:1px solid var(--line);}
.shop-wrap #sit_dvr table td{padding:10px 0;color:var(--ink);border-bottom:1px solid var(--line);}
.shop-wrap #sit_dvr p,
.shop-wrap #sit_ex p{margin:0 24px 16px;font-size:15px;color:var(--ink-muted);line-height:1.9;}
.shop-wrap #sit_dvr p:last-child,
.shop-wrap #sit_ex p:last-child{margin-bottom:0;}
.shop-wrap #sit_ex ul{margin:0 24px 16px;padding-left:20px;font-size:15px;color:var(--ink-muted);line-height:1.9;}
.shop-wrap #sit_ex ul li{margin-bottom:6px;}
.shop-wrap #sit_inf{margin-top:0;}

/* 섹션 타이틀 줄 병합(사용후기/상품문의) - item.php JS가 h3+요약줄 감싸서 한 줄+밑줄 */
.shop-wrap .aramchan-sec-title-row{display:flex;align-items:center;gap:20px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--ink);flex-wrap:wrap;}
.shop-wrap .aramchan-sec-title{font-size:20px;font-weight:800;color:var(--ink);margin:0;flex:none;letter-spacing:-.02em;}
.shop-wrap .aramchan-sec-title-meta{flex:1;min-width:0;margin:0 !important;}
/* 스킨 원본 #sit_use/#sit_qa h3{font-size:0} 덮어씀(id 특이도) */
.shop-wrap #sit_use .aramchan-sec-title,
.shop-wrap #sit_qa .aramchan-sec-title{position:static;font-size:20px;line-height:1.3;content:none;}

/* ----- 사용후기(#sit_use) 카드형 재단장 -----
   PHP 마크업(itemuse.skin.php)은 안 건드리고 CSS로만 flex 재배치.
   원본은 .sit_thum(썸네일) position:absolute 트릭이라 폭이 안 맞으면 깨지기 쉬웠음 -
   .sit_use_li를 flex row로 바꿔서 썸네일/정보/토글버튼이 자연스럽게 정렬되게 함. */
/* width:100%였던 게 .aramchan-sec-title-row 안에서 h3 타이틀이랑 같은 줄에 못 들어가고
   줄바꿈되게 만든 원인 - flex:1로 바꿔서 h3 옆에서 남는 폭만 차지하게 함 */
.shop-wrap .sit_use_top{position:relative;background:none;border:none;padding:0;margin:0;min-height:0;display:flex;align-items:center;flex-wrap:wrap;gap:14px;flex:1;min-width:0;}
.shop-wrap .sit_use_top h4{font-size:14.5px;color:var(--ink-muted);margin:0;display:flex;align-items:center;gap:6px;order:1;}
.shop-wrap .sit_use_top h4 span{color:var(--ink-faint);}
.shop-wrap .sit_use_top .sit_star{order:2;margin:0;width:auto;height:15px;}
.shop-wrap #sit_use_wbtn{order:3;margin-left:auto;}
.shop-wrap #sit_use_wbtn{position:static;display:flex;gap:8px;}
.shop-wrap #sit_use_wbtn a{padding:9px 18px;line-height:1.4;font-weight:700;font-size:14px;border:1px solid var(--line-strong);color:var(--ink-muted);background:#fff;}
.shop-wrap #sit_use_wbtn a.itemuse_form{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}

/* 스킨 원본 border-top 잔존분 명시적 제거 */
.shop-wrap #sit_use_ol{margin:0;padding:0;border-top:none;list-style:none;}
.shop-wrap .sit_use_li{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:20px 0;padding-left:0;min-height:0;border-bottom:1px solid #f0efe9;}
.shop-wrap .sit_thum{position:static;margin:0;flex:none;width:64px;height:64px;overflow:hidden;background:var(--paper-alt);cursor:pointer;}
.shop-wrap .sit_thum img{width:100%;height:100%;object-fit:cover;}
/* 별점/제목/작성자 한 줄로, 모바일은 세로 */
.shop-wrap .sit_use_dl{flex:1;min-width:0;margin:0;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;}
.shop-wrap .sit_use_dl dd{color:var(--ink-muted);line-height:1.6;font-size:13.5px;margin-left:0;margin-bottom:0;}
.shop-wrap .sit_use_dl dd:last-of-type{margin-top:0;}
/* 작성자/구분점/시계아이콘/작성일 이 다 붙어있던 것 - 15px씩 띄운다 */
.shop-wrap .sit_use_dl dd .st_bg,
.shop-wrap .sit_qa_dl dd .st_bg{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--line-strong);margin:0 15px;vertical-align:middle;}
.shop-wrap .sit_use_dl dd .fa-clock-o,
.shop-wrap .sit_qa_dl dd .fa-clock-o{margin-right:3px;color:var(--ink-faint);}
.shop-wrap .sit_use_dl .sit_use_star{margin:0 0 6px;}
.shop-wrap .sit_use_dl .sit_use_tit{font-weight:700 !important;font-size:15px;color:var(--ink) !important;display:block;margin-bottom:4px;}
.shop-wrap .sit_use_li_title{position:static;flex:none;align-self:center;border:1px solid var(--line-strong);padding:8px 14px;border-radius:0;color:var(--ink-muted);font-size:12.5px;background:#fff;}
.shop-wrap .sit_use_li_title:hover{background:var(--paper-alt);border-color:var(--ink);color:var(--ink);}
.shop-wrap .sit_use_con{flex:0 0 100%;margin:0;padding:16px;background:var(--paper-alt);}
.shop-wrap .sit_use_p{margin:0;padding:0;font-size:14px;line-height:1.8;color:var(--ink-muted);}
/* 수정/삭제 - 원본은 그냥 파란 밑줄 링크였음, 우리 칩 버튼 스타일로 */
.shop-wrap .sit_use_cmd{display:flex;gap:8px;margin-top:14px;}
.shop-wrap .sit_use_cmd a{padding:6px 14px;font-size:12.5px;border:1px solid var(--line-strong);color:var(--ink-muted);background:#fff;}
.shop-wrap .sit_use_cmd a:hover{border-color:var(--ink);color:var(--ink);}
.shop-wrap .sit_use_cmd a.itemuse_delete:hover{border-color:#c23b3b;color:#c23b3b;}
.shop-wrap .sit_use_reply{position:relative;border-top:1px solid var(--line);margin:14px 0 0;padding:14px 0 0 0;}
.shop-wrap .use_reply_icon{position:static;background:none;width:auto;height:auto;text-indent:0;display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--accent);padding:3px 9px;margin-bottom:8px;}
.shop-wrap .use_reply_tit{font-weight:700;padding-right:0;font-size:14px;}
.shop-wrap .use_reply_name{position:static;font-size:12.5px;color:var(--ink-faint);margin:4px 0 8px;}
.shop-wrap .use_reply_p{padding:0;background:none;font-size:14px;color:var(--ink-muted);}

/* ----- 상품문의(#sit_qa) 카드형 재단장 ----- */
/* width:100%가 flex-shrink 때문에 실제로는 안 늘어나고 타이틀 옆에 다 쭈그러들어
   붙어보였음("다 같은 한줄이야" 지적) - 사용후기(#sit_use_wbtn)랑 같은 방식으로
   margin-left:auto를 써서 확실하게 오른쪽 끝으로 밀어낸다. */
.shop-wrap #sit_qa_wbtn{display:flex;gap:8px;margin:0 0 0 auto;}
.shop-wrap #sit_qa_wbtn a{padding:9px 18px;line-height:1.4;font-weight:700;font-size:14px;border:1px solid var(--line-strong);color:var(--ink-muted);background:#fff;}
.shop-wrap #sit_qa_wbtn a.itemqa_form{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}
/* border-top 잔존분 제거 (사용후기와 동일) */
.shop-wrap #sit_qa_ol{margin:0;padding:0;border-top:none;list-style:none;}
.shop-wrap .sit_qa_li{position:relative;border-bottom:1px solid #f0efe9;padding:18px 0;}
.shop-wrap .sit_qa_li_title{float:none;display:block;width:100%;line-height:1.5;font-weight:700;font-size:15px;color:var(--ink);}
.shop-wrap .sit_qa_dl{float:none;width:100%;text-align:left;line-height:1.4;color:var(--ink-faint);font-size:12.5px;margin:6px 0 0;}
.shop-wrap .sit_qa_dl dd{margin-left:0;}
.shop-wrap .sit_qaa_done, .shop-wrap .sit_qaa_yet{height:auto;line-height:1.4;padding:3px 9px;margin-right:8px;border-radius:2px;font-size:12px;}
.shop-wrap .sit_qaa_done{background:#e2f6f2;color:#16b494;}
.shop-wrap .sit_qaa_yet{background:var(--paper-alt);color:var(--ink-faint);}
.shop-wrap .sit_qa_con{display:none;clear:both;margin-top:14px;}
.shop-wrap .sit_qa_p{margin:0;background:none;}
.shop-wrap .sit_qa_qaq, .shop-wrap .sit_qa_qaa{padding:14px 16px;padding-left:48px;min-height:0;font-size:14px;line-height:1.8;color:var(--ink-muted);border-top:none;}
.shop-wrap .sit_qa_qaq{background:var(--paper-alt);}
.shop-wrap .sit_qa_qaa{background:#fff;border:1px solid var(--line);margin-top:8px;}
.shop-wrap .sit_qa_p .qa_alp{top:14px;left:16px;font-size:1.3em;color:var(--accent);}
.shop-wrap .sit_qa_cmd{margin-top:10px;}
.shop-wrap .sit_qa_cmd a{font-size:12.5px;color:var(--ink-faint);margin-left:10px;}

@media (max-width:900px){
  .shop-wrap #sit_ov_wrap{grid-template-columns:minmax(0,1fr);gap:28px;width:100%;min-width:0;}
  .shop-wrap #sit_pvi,
  .shop-wrap #sit_ov{width:100% !important;min-width:0 !important;max-width:100%;}
  .shop-wrap #sit_title{max-width:100%;overflow-wrap:anywhere;word-break:keep-all;}
  .shop-wrap #sit_tab .tab_tit li{min-width:0;}
  .shop-wrap #sit_tab .tab_tit li button{padding:14px 0;font-size:13px;white-space:nowrap;word-break:keep-all;}
}

/* ----- 스티키 하단 구매바 (design/item_detail_sticky_mockup.html 확정본) -----
   상단 구매영역(#sit_ov_wrap)이 화면 밖으로 스크롤되면 나타남. */
.aramchan-sticky-buybar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06);transform:translateY(100%);transition:transform .3s ease;}
.aramchan-sticky-buybar.show{transform:translateY(0);}
.aramchan-sticky-buybar-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px;}
.aramchan-sticky-thumb{width:48px;height:48px;flex:none;background:var(--paper-alt);overflow:hidden;}
.aramchan-sticky-thumb img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.aramchan-sticky-info{flex:1;min-width:0;}
.aramchan-sticky-opt-slot:empty{display:none;}
.aramchan-sticky-opt-select{flex:1;min-width:0;max-width:220px;padding:10px 12px;border:1px solid var(--line-strong);font-size:13px;font-family:inherit;background:#fff;color:var(--ink);}
.aramchan-sticky-info .nm{font-size:13px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aramchan-sticky-info .pr{font-size:16px;font-weight:800;color:var(--ink);}
.aramchan-sticky-actions{display:flex;align-items:center;gap:8px;flex:none;}
.aramchan-sticky-wish{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:#fff;font-size:17px;color:var(--ink-muted);flex:none;font-family:inherit;cursor:pointer;}
.aramchan-sticky-wish:hover{border-color:#c23b3b;color:#c23b3b;}
.aramchan-sticky-cart,.aramchan-sticky-buy{min-width:104px;height:42px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;}
.aramchan-sticky-cart{background:#fff;color:var(--ink);}
.aramchan-sticky-buy{background:var(--brand-primary);color:#fff;}
.aramchan-sticky-cart:hover{background:var(--paper-alt);}
.aramchan-sticky-buy:hover{background:var(--brand-primary-dark);}
@media(max-width:760px){
  .aramchan-sticky-buybar{display:none !important;}
}

/* ----- 장바구니 담기 완료 모달 (지마켓 참고) -----
   사이트 전체는 각진(border-radius:0) 톤이지만, 이 모달은 요청대로 코너라운딩을 준다
   (전역 톤 변경 아니고 이 모달에만 국한된 예외). */
.aramchan-cart-modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.aramchan-cart-modal-overlay.show{opacity:1;pointer-events:auto;}
.aramchan-cart-modal{position:relative;width:340px;max-width:90vw;background:#fff;border-radius:16px;padding:44px 28px 28px;text-align:center;transform:translateY(8px);transition:transform .18s ease;box-shadow:0 20px 50px rgba(0,0,0,.18);}
.aramchan-cart-modal-overlay.show .aramchan-cart-modal{transform:translateY(0);}
.aramchan-cart-modal-close{position:absolute;top:12px;right:14px;width:28px;height:28px;border:none;background:none;font-size:20px;line-height:1;color:var(--ink-faint);cursor:pointer;}
.aramchan-cart-modal-close:hover{color:var(--ink);}
.aramchan-cart-modal .icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--paper-alt);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--sp-accent-dark,var(--ink));}
.aramchan-cart-modal .msg{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 24px;}
.aramchan-cart-modal .btns{display:flex;gap:8px;}
.aramchan-cart-modal .btns .continue,
.aramchan-cart-modal .btns .go-cart{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;border-radius:10px;cursor:pointer;font-family:inherit;text-decoration:none;}
.aramchan-cart-modal .btns .continue{background:#fff;color:var(--ink);}
.aramchan-cart-modal .btns .continue:hover{background:var(--paper-alt);}
.aramchan-cart-modal .btns .go-cart{background:var(--brand-primary);color:#fff;}
.aramchan-cart-modal .btns .go-cart:hover{background:var(--brand-primary-dark);}

.aramchan-item-form-modal{display:none;position:fixed;inset:0;z-index:10000;padding:18px;background:rgba(20,20,20,.58);align-items:center;justify-content:center;}
.aramchan-item-form-modal.show{display:flex;}
.aramchan-item-form-dialog{position:relative;width:min(100%,680px);height:min(88vh,760px);overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.24);}
.aramchan-item-form-dialog iframe{display:block;width:100%;height:100%;border:0;background:#fff;}
.aramchan-item-form-close{position:absolute;z-index:2;top:13px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#222;font:400 26px/1 Pretendard,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:pointer;}
body.item-form-modal-open{overflow:hidden;}

@media(max-width:740px){
  .aramchan-item-form-modal{padding:12px;align-items:flex-end;}
  .aramchan-item-form-dialog{width:100%;height:min(88vh,760px);border-radius:16px 16px 0 0;}
}

/* ----- 전체 사용후기/상품문의 목록 (itemuselist.php/itemqalist.php) ----- */

.shop-wrap #sps_sch,
.shop-wrap #sqa_sch{max-width:1280px;margin:0 auto 24px;padding:0 24px;display:flex;gap:8px;}
.shop-wrap #sps_sch select,
.shop-wrap #sqa_sch select{height:46px;padding:0 12px;border:1px solid var(--line-strong);border-radius:0;font:inherit;font-size:14px;background:#fff;}
.shop-wrap #sps_sch .sch_wr,
.shop-wrap #sqa_sch .sch_wr{flex:1;width:auto;display:flex;border:1px solid var(--line-strong);border-radius:0;background:#fff;}
.shop-wrap #sps_sch .sch_input,
.shop-wrap #sqa_sch .sch_input{flex:1;height:44px;padding:0 14px;border:none;font:inherit;font-size:14px;}
.shop-wrap #sps_sch .sch_btn,
.shop-wrap #sqa_sch .sch_btn{width:46px;height:44px;background:var(--brand-primary);color:#fff;border:none;}
.shop-wrap #sps_sch a,
.shop-wrap #sqa_sch a{height:46px;line-height:46px;padding:0 18px;background:#fff;color:var(--ink-muted);border:1px solid var(--line-strong);border-radius:0;font-weight:400;}

.shop-wrap #sps,
.shop-wrap #sqa{max-width:1280px;margin:0 auto;padding:0 24px;}
.shop-wrap .shop-list-total{display:flex;align-items:center;gap:5px;margin:0 0 18px;font-size:15px;line-height:1.4;color:var(--ink-muted);}
.shop-wrap .shop-list-total strong{font-weight:800;color:var(--ink);}
.shop-wrap #sps ol,
.shop-wrap #sqa ol{border-top:2px solid var(--ink);}
.shop-wrap #sps li,
.shop-wrap #sqa li{position:relative;padding:28px 0 28px 132px;border-bottom:1px solid #e5e3dc;background:none;min-height:166px;}
.shop-wrap #sqa li{padding-left:0;min-height:0;}

.shop-wrap .sps_img{top:28px;left:0;}
.shop-wrap .sps_img_inner img{width:110px;height:110px;object-fit:cover;}
.shop-wrap .sps_img .prd_detail{background:rgba(0,0,0,.55);width:26px;height:26px;border-radius:0;}

.shop-wrap .sps_section{padding-left:16px;width:calc(100% - 16px);}
.shop-wrap .sps_section > span > img{height:16px;width:auto;}
.shop-wrap .sps_section .sps_pd_name{color:var(--accent,#92795f);font-size:14px;font-weight:700;padding:8px 0 6px;}
.shop-wrap .sps_section .sps_rv_tit{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font-family:inherit;font-size:18px;line-height:1.5;font-weight:700;color:var(--ink);cursor:pointer;}
.shop-wrap .sps_section .sps_rv_tit:hover{color:var(--brand-primary);}
.shop-wrap .sps_section .sps_rv_thum{display:none;}

.shop-wrap #sps dt,
.shop-wrap #sqa dt{display:none;}
.shop-wrap #sps dd,
.shop-wrap #sqa dd{color:var(--ink-faint);font-size:14px;line-height:1.5;}

.shop-wrap .sps_con_btn .sps_dl{margin-top:10px;}
.shop-wrap .sps_con_btn button.review_detail,
.shop-wrap .sqa_con_btn button{border-radius:0;border:1px solid var(--line-strong);color:var(--ink-muted);font-size:14px;padding:9px 15px;background:#fff;}
.shop-wrap .sps_con_btn button.review_detail:hover,
.shop-wrap .sqa_con_btn button:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}

/* 사용후기 상세 - 전체화면 오버레이(원본) 카드만 다듬음 */
.shop-wrap .review_detail_cnt{display:none;position:static;clear:both;width:calc(100% + 148px);height:auto;margin-left:-148px;padding-top:16px;background:none;}
.shop-wrap .review_detail_in{position:relative;top:auto;left:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;background:#fff;border:1px solid var(--line);box-shadow:none;text-align:left;}
.shop-wrap .review_detail_in h3{margin:0;padding:20px 24px;font-size:17px;font-weight:800;border-bottom:1px solid var(--line);}
.shop-wrap .review_cnt{padding:24px;}
.shop-wrap .review_tp_cnt > span{font-size:16px;font-weight:700;display:block;margin-bottom:8px;}
.shop-wrap .review_summ{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;background:var(--paper-alt);}
.shop-wrap .review_summ img:first-child{width:44px;height:44px;object-fit:cover;}
.shop-wrap .review_bt_cnt{margin:15px 0;font-size:14.5px;line-height:1.8;color:var(--ink-muted);}
.shop-wrap .sps_reply{margin-top:14px;padding:14px;background:var(--paper-alt);border-top:none;}
.shop-wrap .rd_cls{position:absolute;top:16px;right:16px;width:28px;height:28px;border:none;background:none;font-size:18px;color:var(--ink-faint);cursor:pointer;}

/* 상품문의 목록 - 인라인 확장(팝업 아님) */
.shop-wrap .sqa_img{float:none;position:absolute;top:28px;left:0;margin:0;}
.shop-wrap .sqa_img img{width:110px;height:110px;object-fit:cover;}
.shop-wrap #sqa li{padding:28px 0 28px 132px;min-height:166px;}
.shop-wrap .sqa_section{float:none;width:100%;}
.shop-wrap #sqa li .sit_qaa_yet,
.shop-wrap #sqa li .sit_qaa_done{position:static;display:inline-block;margin:0 8px 6px 0;font-size:12px;padding:3px 9px;border-radius:2px;}
.shop-wrap #sqa li .sit_qaa_yet{background:var(--paper-alt);color:var(--ink-faint);}
.shop-wrap #sqa li .sit_qaa_done{background:#e2f6f2;color:#16b494;}
.shop-wrap .sqa_section h2{padding:0;font-size:18px;line-height:1.5;font-weight:700;color:var(--ink);}
.shop-wrap .sqa_con{margin:12px 0;background:var(--paper-alt);border-radius:0;}
.shop-wrap .sqa_con .sit_qa_qaq,
.shop-wrap .sqa_con .sit_qa_qaa{padding:14px 16px 14px 48px;position:relative;font-size:14px;line-height:1.8;color:var(--ink-muted);}
.shop-wrap .sqa_con .sit_qa_qaa{background:#fff;border:1px solid var(--line);}
.shop-wrap .sqa_con .qa_alp{position:absolute;top:14px;left:16px;font-size:1.3em;color:var(--accent,#92795f);}

@media(max-width:640px){
  .shop-wrap #sps_sch,.shop-wrap #sqa_sch{flex-wrap:wrap;}
  .shop-wrap #sps_sch select,.shop-wrap #sqa_sch select{width:100%;}
  .shop-wrap #sps,.shop-wrap #sqa{padding:0;}
  .shop-wrap #sps li,.shop-wrap #sqa li{padding:22px 0 22px 92px;min-height:126px;}
  .shop-wrap .sps_img,.shop-wrap .sqa_img{top:22px;}
  .shop-wrap .sps_img_inner img,.shop-wrap .sqa_img img{width:76px;height:76px;}
  .shop-wrap .review_detail_cnt{width:calc(100% + 108px);margin-left:-108px;}
}

@media(max-width:900px){
  .aramchan-shop-main > .aramchan-sub-categories{
    width:calc(100% - 60px)!important;
    margin-right:30px!important;
    margin-left:30px!important;
    padding-right:0!important;
    padding-left:0!important;
    box-sizing:border-box;
  }
}