/* ── 송주공방 상세페이지 공통 섹션 ── */
.sjw-common { --walnut:#2E1A0E; --amber:#C17F3B; --cream:#F5EFE4; --linen:#EDE4D3; --bark:#7A5230; --mid:#6B5040; --line:rgba(193,127,59,.18); --mist:#F9F5EE; font-family:'Noto Sans KR',sans-serif; color:#2C2420; line-height:1.8; font-size:14px; margin:0 auto; }

/* 장인 이미지 배너 */
.sjw-hero { position:relative; width:100%; overflow:hidden; margin-bottom:34px; background:var(--mist); }
.sjw-hero img { width:100%; display:block; object-fit:cover; object-position:center center; }
.sjw-hero-caption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent, rgba(46,26,14,.72)); padding:34px 28px 24px; color:#fff; }
.sjw-hero-caption .brand { font-family:'Noto Serif KR',serif; font-size:21px; font-weight:700; letter-spacing:.06em; margin-bottom:5px; }
.sjw-hero-caption .tagline { font-size:13px; opacity:.88; letter-spacing:.04em; }

/* 섹션 공통 */
.sjw-section { border-top:1px solid var(--line); padding:28px 0; }
.sjw-section:first-of-type { border-top:2px solid var(--walnut); }
.sjw-section-title { display:flex; align-items:center; gap:10px; font-family:'Noto Serif KR',serif; font-size:15px; font-weight:700; color:var(--walnut); margin-bottom:14px; }
.sjw-section-title .num { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:var(--walnut); color:var(--cream); font-size:11px; font-weight:700; flex-shrink:0; }

/* 리스트 */
.sjw-list { margin:0; padding:0 0 0 4px; list-style:none; }
.sjw-list li { padding:4px 0 4px 14px; position:relative; color:var(--mid); }
.sjw-list li::before { content:'·'; position:absolute; left:2px; color:var(--amber); font-weight:700; }
.sjw-list li strong { color:var(--walnut); font-weight:700; }
.sjw-list li em { font-style:normal; color:var(--amber); font-weight:600; }

/* 배송비 박스 */
.sjw-info-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-top:12px; }
.sjw-info-box { background:var(--mist); border:1px solid var(--line); padding:14px 16px; }
.sjw-info-box .label { font-size:11px; color:var(--mid); margin-bottom:4px; letter-spacing:.04em; }
.sjw-info-box .value { font-size:16px; font-weight:700; color:var(--walnut); font-family:'Noto Serif KR',serif; }
.sjw-info-box .value span { font-size:12px; font-weight:400; color:var(--mid); }

/* 강조 박스 */
.sjw-highlight { background:#fbf6ed; border-left:3px solid var(--amber); padding:14px 18px; margin:12px 0 0; color:var(--mid); font-size:13px; }
.sjw-highlight strong { color:var(--walnut); }

/* 단체주문 CTA */
.sjw-cta { background:var(--walnut); color:var(--cream); padding:24px 28px; margin-top:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.sjw-cta .cta-text { font-size:14px; line-height:1.7; }
.sjw-cta .cta-text strong { font-size:16px; display:block; margin-bottom:4px; font-family:'Noto Serif KR',serif; }
.sjw-cta .cta-btn { display:inline-flex; align-items:center; gap:6px; background:var(--amber); color:#fff; padding:10px 22px; font-weight:700; font-size:13px; white-space:nowrap; text-decoration:none; flex-shrink:0; }

/* 태블릿 */
@media (max-width:900px) {
  .sjw-hero { max-height:300px; margin-bottom:28px; }
  .sjw-hero img { height:300px; }
  .sjw-hero-caption { padding:30px 24px 22px; }
}

/* 모바일 */
@media (max-width:640px) {
  .sjw-common { font-size:13px; line-height:1.7; }
  .sjw-hero { max-height:220px; margin-bottom:24px; }
  .sjw-hero img { height:220px; object-position:center center; }
  .sjw-hero-caption { padding:36px 18px 18px; }
  .sjw-hero-caption .brand { font-size:17px; line-height:1.35; }
  .sjw-hero-caption .tagline { font-size:12px; }
  .sjw-section { padding:22px 0; }
  .sjw-section-title { font-size:14px; gap:8px; }
  .sjw-section-title .num { width:22px; height:22px; font-size:10px; }
  .sjw-list li { padding:4px 0 4px 13px; }
  .sjw-info-grid { grid-template-columns:1fr; gap:8px; }
  .sjw-info-box { padding:12px 14px; }
  .sjw-info-box .value { font-size:15px; }
  .sjw-highlight { padding:12px 14px; font-size:12px; }
  .sjw-cta { flex-direction:column; align-items:stretch; padding:20px 18px; }
  .sjw-cta .cta-btn { justify-content:center; width:100%; }
}

/* 아주 작은 모바일 */
@media (max-width:420px) {
  .sjw-hero { max-height:190px; }
  .sjw-hero img { height:190px; }
  .sjw-hero-caption { padding:30px 15px 15px; }
  .sjw-hero-caption .brand { font-size:16px; }
}