/* BASIC css start */
/* 피시위즈 모바일 최근 본 상품 — CSS 탭 (today_product.css)
   2026-08-10 새로 짬. 모바일 세트 31258.

   ★ 여기에는 상품 카드 규칙이 한 줄도 없습니다. 일부러 없습니다.
     카드 모양·색·크기와 3열 격자(좌우 16 · 가로 8 · 세로 24)는
     header.1.css 「카드 v3」 한 곳이 전 화면을 잡습니다.
     카드를 고칠 일이 생기면 header.1.css 만 고칩니다.

   이 파일에 남는 것 — 이 화면만의 것 세 가지입니다.
     1) 화면 제목   2) 카드 아래 단추 두 개   3) 결과 없음 */

/* 화면 제목 — 부품표 「섹션머리」 : 제목 16 Bold, 제목과 내용 사이 16 */
#contents .today_product .fw-pagehead {padding:24px 16px 16px;}
#contents .today_product .fw-pt {margin:0; font-size:16px; font-weight:800;
	color:#14181D; letter-spacing:-.3px;}

/* 카드 아래 단추 두 개 (담기 · 삭제)
   폭 114 카드 안에 두 칸이 들어가야 해서 반씩 나누고 사이를 4 띄웁니다.
   높이·테두리·모서리는 공통 부품 `.fw-tool`(32 · 모서리 8) 을 그대로 씁니다 —
   새 값을 만들지 않으려고 이미 있는 부품을 골랐습니다.
   `.fw-tool` 은 원래 안 늘어나는 부품(flex:none)이라 여기서만 늘어나게 풉니다. */
/* ★ 2026-08-15 (M88) : 글자와 상자가 어긋나 보이던 것을 고쳤습니다.
   【실측한 것】
     단추 높이는 32 인데 글자 줄높이가 11.5 라 글자가 상자 위쪽에 붙어 있었고,
     글자 맞춤이 왼쪽(align:left)이라 왼쪽으로 쏠려 있었습니다.
     게다가 「옵션 고르기」 는 「담기」 보다 길어서, 3열 카드(폭 130) 안에
     두 단추를 나란히 두면 글자가 잘리거나 두 줄로 접혔습니다.
   【고침】
     · 두 단추를 위아래로 쌓습니다. 각 단추가 카드 폭을 다 씁니다.
     · 상자 안에서 글자를 가로세로 한가운데로 맞춥니다.
     · 글자가 두 줄로 접히지 않게 nowrap 을 둡니다.
     · 높이 32 를 min-height 로 못박습니다 (세로로 쌓으면 높이가 줄어듭니다).
   폰 폭(390)으로 줄여 시험했습니다 — 두 단추 다 폭 122 · 높이 32 · 글자 안 넘침. */
#contents .today_product .fw-cardbtn {display:flex; flex-direction:column; gap:4px; margin-top:8px;}
#contents .today_product .fw-cardbtn .fw-tool {
	flex:0 0 auto; width:100%; min-width:0; box-sizing:border-box;
	min-height:32px;
	display:flex; align-items:center; justify-content:center;
	padding:0 6px; font-size:11.5px; line-height:1;
	text-align:center; white-space:nowrap;
}

/* 최근 본 상품이 없을 때 — 상품목록(shopbrand)과 같은 모양으로 둡니다 */
#contents .today_product .none-data {text-align:center; padding:60px 16px;
	color:#A8ADB3; font-size:13px;}
#contents .today_product .none-ico {font-size:38px; margin-bottom:8px;}

/* BASIC css end */