/* 검색 노출용 정적 목록 · FAQ · 푸터 지역 링크 (common.py · pages/products.py · pages/company.py) */
/* 얇은 선 표 톤: 배경 박스·배지 없이 1px 선만 */

/* 푸터 지역 안내 */
.ft-mn .wrap{flex-wrap:wrap}
.ft-area{order:3;width:100%;display:flex;flex-wrap:wrap;gap:2px 16px;padding:0 0 14px;margin-top:-6px}
.ft-area a{font-size:12px;color:var(--ink3)}
.ft-area a:hover{color:var(--ink2);text-decoration:underline}

/* 분류별 전체 품목 목록 (p-<분류>) */
.slist{margin-top:28px;border-top:1px solid var(--ink)}
.slist>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px;border-bottom:1px solid var(--line);font-size:16px;font-weight:700;letter-spacing:-.02em}
.slist>summary::-webkit-details-marker{display:none}
.slist>summary small{font-size:13px;font-weight:500;color:var(--ink3)}
.slist>summary span{flex:1}
.slist[open]>summary small{display:none}
.slist>summary::after{content:"";flex:none;width:8px;height:8px;border-right:1.5px solid var(--ink2);border-bottom:1.5px solid var(--ink2);transform:rotate(45deg);margin:-4px 6px 0 0;transition:transform .2s}
.slist[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.slist-tbl{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.slist-tbl th,.slist-tbl td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.55}
.slist-tbl thead th{font-size:12.5px;font-weight:600;color:var(--ink3);padding-top:12px}
.slist-tbl th:first-child,.slist-tbl td:first-child{width:34%;padding-left:2px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.slist-tbl td:nth-child(2){color:var(--ink2);overflow-wrap:anywhere}
.slist-tbl td:last-child,.slist-tbl th:last-child{width:64px;text-align:right;padding-right:2px;color:var(--ink3);font-size:13px}
.slist-note{font-size:13px;color:var(--ink3);padding:12px 2px 0}

/* 취급품목 분류별 품목 수 (products) */
.ssum{margin-top:56px}
.ssum h2{font-size:clamp(20px,2.6vw,24px);font-weight:800;letter-spacing:-.03em;line-height:1.35}
.ssum>p{margin-top:6px;color:var(--ink2);font-size:14.5px}
.ssum-tbl{width:100%;border-collapse:collapse;margin-top:16px;border-top:1px solid var(--ink);font-size:14.5px;table-layout:fixed}
.ssum-tbl th,.ssum-tbl td{padding:14px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.ssum-tbl thead th{font-size:12.5px;font-weight:600;color:var(--ink3);padding:11px 8px}
.ssum-tbl th:first-child,.ssum-tbl td:first-child{width:22%;padding-left:2px}
.ssum-tbl td:first-child a{font-weight:700;color:var(--ink)}
.ssum-tbl td:first-child a:hover{color:var(--brand)}
.ssum-tbl th:nth-child(2),.ssum-tbl td:nth-child(2){width:84px;text-align:right;color:var(--ink2);white-space:nowrap}
.ssum-tbl td:last-child{color:var(--ink2);padding-left:20px}

/* FAQ (shipping · quote) */
.faq{margin:56px 0 8px}
.faq h2{font-size:clamp(20px,2.6vw,24px);font-weight:800;letter-spacing:-.03em;line-height:1.35}
.faq-list{margin-top:16px;border-top:1px solid var(--ink)}
.faq-it{padding:18px 2px;border-bottom:1px solid var(--line)}
.faq-it h3{font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.5;display:flex;gap:8px}
.faq-it h3 span{color:var(--brand);flex:none}
.faq-a{margin-top:6px;padding-left:26px;color:var(--ink2);font-size:14.5px;line-height:1.75}
.faq-a a{color:var(--brand);font-weight:600}

@media (max-width:720px){
  .slist-tbl{font-size:13.5px}
  .slist-tbl th:first-child,.slist-tbl td:first-child{width:40%}
  .slist-tbl td:last-child,.slist-tbl th:last-child{width:46px}
  .ssum-tbl,.ssum-tbl tbody,.ssum-tbl tr,.ssum-tbl td{display:block;width:auto !important}
  .ssum-tbl thead{display:none}
  .ssum-tbl tr{padding:14px 2px;border-bottom:1px solid var(--line)}
  .ssum-tbl td{border:0;padding:0 !important;text-align:left !important}
  .ssum-tbl td:nth-child(2){display:inline;font-size:13px;color:var(--ink3)}
  .ssum-tbl td:first-child{display:inline;margin-right:8px}
  .ssum-tbl td:last-child{margin-top:4px;font-size:13.5px}
  .faq-a{padding-left:0}
}