[data-category-main] .category-entry-button{display:block;border:0;background:none;color:inherit;text-align:start;padding:0;font:inherit;cursor:pointer;width:100%}
[data-category-main] .card>.category-entry-button{flex:1}
[data-category-main] .card{display:flex;flex-direction:column;gap:12px}
[data-category-main] button.dgo,[data-category-main] button.copt{border:0;cursor:pointer;font:inherit;white-space:nowrap}
/* 파란 버튼 안 병기 한국어 줄(2026-10-21 사용자 「상품 선택 글씨가 잘 안 보인다」) — 페이지의 기본 .i18n-sub(#7da3d6 하늘색)가 파란 바탕에서 대비 1.6:1 → 흰색 */
[data-category-main] :is(button.dgo,button.copt) .i18n-sub{color:#fff;opacity:.9;font-weight:600}
.cat-catalog-error,.cat-option-error{padding:12px;color:#8b4429;background:#fff5ed;border:1px solid #eedacb;border-radius:8px}
/* 상품 선택 창(category-picker.mjs) — 2026-10-21 사용자 「안 이쁘다, 간격도 간결하지 못하다」 → 간결한 줄 목록.
   머리 = 서류명(+한국어)·상품 수·✕(스크롤해도 위에 붙음) · 묶음 머리(국적 등) · 한 상자 안의 줄(줄 전체가 링크, 끝에 ›). 휴대폰(≤640)은 아래 시트. */
.category-picker{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(640px,calc(100vw - 64px));max-height:min(760px,calc(100dvh - 48px));overflow:auto;overscroll-behavior:contain;
  border:0;border-radius:16px;padding:0 20px max(20px,env(safe-area-inset-bottom));color:#153455;background:#fff;box-shadow:0 24px 80px #0b1f4340}
.category-picker::backdrop{background:#0d203b80}
.category-picker .cpk-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;gap:12px;margin:0 -20px;padding:18px 20px 14px;background:#fff;border-bottom:1px solid #edf1f6}
.category-picker .cpk-titles{flex:1;min-width:0}
.category-picker h2{margin:0;font-size:18px;line-height:1.35;font-weight:800;color:#0A2A5E}
.category-picker h2 .i18n-sub{margin-top:1px;font-size:.78em;font-weight:600;color:#5d7aa3}
.category-picker-status{margin:6px 0 0;font-size:12.5px;font-weight:600;color:#7b8ca6}
.category-picker-status .i18n-sub{font-size:.95em;font-weight:500;color:#93a3b9}
.category-picker-close{flex:none;display:grid;place-items:center;width:36px;height:36px;margin:-2px -4px 0 0;border:0;border-radius:50%;background:transparent;color:#6b7f9c;font-size:16px;cursor:pointer}
.category-picker-close:hover{background:#f0f4f9;color:#0A2A5E}
.category-picker-filters{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.category-picker-filters label{flex:1 1 160px;min-width:0;font-size:12.5px;font-weight:700;color:#4a6283}
.category-picker-filters label .i18n-sub{font-size:.9em;font-weight:500;color:#7b8ca6}
.category-picker-filters select{display:block;box-sizing:border-box;width:100%;min-height:42px;margin-top:5px;border:1px solid #d3deeb;border-radius:9px;padding:7px 10px;background:#fff;color:inherit;font:inherit;font-size:15px}
.category-picker-choices{padding-top:6px}
.category-picker .cpk-group{margin:16px 2px 7px;font-size:12px;font-weight:800;letter-spacing:.02em;color:#1E5BBA}
.category-picker .cpk-group .i18n-sub{font-size:.95em;font-weight:600;color:#6d89b3;letter-spacing:0}
.category-picker .cpk-list{border:1px solid #e6ecf3;border-radius:12px;overflow:hidden}
.category-product-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#173760;text-decoration:none;overflow-wrap:anywhere;transition:background .12s}
.category-product-choice+.category-product-choice{border-top:1px solid #eef2f7}
.category-product-choice:hover{background:#f5f8fd}
.category-product-choice .cpk-main{flex:1;min-width:0;display:grid;gap:3px}
.category-product-choice .cpk-title{font-size:14.5px;font-weight:700;line-height:1.4;color:#1b2f4d}
.category-product-choice .cpk-title .i18n-sub{font-size:.86em;font-weight:500;color:#6a82a5}
.category-product-choice .cpk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;color:#8b9ab0}
.category-product-choice .cpk-meta .cpk-flag{width:20px;height:14px;border-radius:2px}
.category-product-choice .cpk-meta-arrow{color:#b3c0d3}
.category-product-choice .cpk-lang{padding:1px 6px;border-radius:5px;background:#f1f4f9;color:#5d7090;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.02em}
.category-product-choice .cpk-end{flex:none;display:flex;align-items:center;gap:8px}
.category-product-choice .cpk-badge{display:inline-flex;flex-direction:column;align-items:center;padding:3px 8px;border-radius:7px;background:#fff4df;color:#8a5a00;font-size:11.5px;font-weight:800;line-height:1.25}
.category-product-choice .cpk-badge .i18n-sub{font-size:.9em;font-weight:600;color:#a77a1f}
.category-product-choice[data-mode="unavailable"]{opacity:.62}
.category-product-choice[data-mode="unavailable"] .cpk-badge{background:#eef1f5;color:#6b778c}
.category-product-choice .cpk-chev{font-size:22px;line-height:1;color:#b3c0d3;transition:transform .12s,color .12s}
.category-product-choice:hover .cpk-chev{color:#1E5BBA;transform:translateX(2px)}
/* 국기 · 나라별 묶음 머리 · 국가 검색창(발급국이 여럿일 때, 2026-10-21 사용자 「국기 넣어 꾸며 줘」) */
.category-picker .cpk-flag{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;border-radius:3px;overflow:hidden;background:#eef1f6;box-shadow:0 0 0 1px #0f1e3c1f;color:#6b778c;font-size:9px;font-weight:800;letter-spacing:.02em}
.category-picker .cpk-flag img{display:block;width:100%;height:100%;object-fit:cover}
.category-picker .cpk-head{flex-wrap:wrap}
.category-picker .cpk-search{position:relative;flex:1 1 100%;display:block;margin-top:12px}
.category-picker .cpk-search input{display:block;box-sizing:border-box;width:100%;height:46px;margin:0;padding:0 14px 0 40px;border:1px solid #d3deeb;border-radius:12px;background:#f6f8fc;color:#153455;font:inherit;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.category-picker .cpk-search input:focus{border-color:#1E5BBA;background:#fff;box-shadow:0 0 0 3px #1e5bba22}
.category-picker .cpk-search-ic{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-55%);font-size:20px;line-height:1;color:#8da0bb;pointer-events:none}
.category-picker .cpk-search-ph{position:absolute;inset-inline-start:40px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;line-height:1.2;color:#8a9ab0;pointer-events:none}
.category-picker .cpk-search-ph .i18n-sub{font-size:.8em;font-weight:500;color:#a3b1c4}
.category-picker .cpk-search.has-value .cpk-search-ph{display:none}
.category-picker .cpk-country{display:flex;align-items:center;gap:10px;margin:18px 2px 8px;font-size:14px;font-weight:800;letter-spacing:0;color:#14305a}
.category-picker .cpk-country .cpk-cname{min-width:0;line-height:1.25}
.category-picker .cpk-country .i18n-sub{font-size:.82em;font-weight:600;color:#6d89b3}
.category-picker .cpk-count{margin-inline-start:auto;padding:2px 8px;border-radius:999px;background:#f1f4f9;color:#7b8ca6;font-size:11.5px;font-weight:700}
@media(max-width:640px){
  .category-picker{inset:auto 0 0 0;width:100%;max-width:none;margin:0;max-height:90dvh;border-radius:18px 18px 0 0;padding:0 14px max(16px,env(safe-area-inset-bottom));animation:cpkUp .22s ease-out}
  .category-picker .cpk-head{margin:0 -14px;padding:20px 14px 12px}
  .category-picker .cpk-head::before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:4px;background:#d8dfe9}
  .category-picker-filters label{flex-basis:100%}
  .category-product-choice{padding:12px;min-height:56px}
}
@keyframes cpkUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.category-picker{animation:none}.category-product-choice,.category-product-choice .cpk-chev{transition:none}}
.category-entry-button:focus-visible,.category-product-choice:focus-visible{outline:3px solid #d6a431;outline-offset:3px}
.category-product-page{margin:0;background:#f7f9fc;font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif}
#categoryProduct{max-width:1100px;margin:30px auto 60px;padding:0 24px;color:#16314e}
#categoryProduct h1{font-size:26px;margin:0 0 10px}#categoryProduct h2{font-size:19px}
.quote-product-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:30px;align-items:start}
.quote-product-info,.quote-intake{border:1px solid #dae2ed;border-radius:12px;padding:24px;background:#fff}
.quote-intake label{display:block;margin:0 0 14px;font-size:14px;font-weight:600}
.quote-intake input:not([type=checkbox]),.quote-intake select,.quote-intake textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:10px;border:1px solid #bbcbdc;border-radius:7px;background:#fff;color:#173452;font:inherit}
.quote-intake textarea{min-height:120px;resize:vertical}.quote-intake .quote-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;font-weight:400}.quote-consent input{margin-top:5px;flex:0 0 auto}
.quote-submit{width:100%;padding:12px;border:0;border-radius:8px;background:#124b96;color:#fff;font-weight:700;cursor:pointer}.quote-submit:disabled{opacity:.6;cursor:wait}
.quote-info-line{margin:14px 0;line-height:1.65}.quote-status{padding:10px 0;line-height:1.6}
@media(max-width:780px){.quote-product-layout{grid-template-columns:1fr}}
.quote-product-main{min-width:0}.quote-product-aside{background:#fff;border:1px solid #dae2ed;border-top:3px solid #c79943;border-radius:10px;padding:22px;min-width:0}
.quote-product-aside .quote-intake{border:0;padding:0}.quote-product-aside>.quote-submit{display:block;box-sizing:border-box;text-align:center;text-decoration:none}
.quote-product-info{border:0;border-left:3px solid #b68b3f;border-radius:0;padding:4px 18px;background:#f2f4f7;margin-bottom:22px}
#categoryProduct h1{font-size:23px;line-height:1.45;margin-bottom:20px}#categoryProduct h2{font-size:17px;line-height:1.5;margin:0 0 14px}
.quote-product-info h2{font-size:14px!important;color:#806123}.quote-info-line{font-size:13px;margin:8px 0}
.quote-document-section{background:#fff;border:1px solid #dfe3e9;border-radius:10px;padding:22px;margin:0 0 20px}
.quote-document-section>h2{padding-bottom:12px;border-bottom:1px solid #e8ebef;color:#203953}
.quote-document-copy{font-size:14px;line-height:1.85;color:#455264;white-space:pre-line;margin:10px 0;overflow-wrap:anywhere}
.quote-document-secondary{border-top:1px dashed #dce1e8;margin-top:14px;padding-top:10px;color:#637184}.quote-document-secondary h3{font-size:14px;margin:0}.quote-document-secondary .quote-document-copy{font-size:13px}
.quote-faq{border-bottom:1px solid #e8ebef;padding:13px 0}.quote-faq summary{cursor:pointer;font-size:14px;line-height:1.65;color:#203953}.quote-faq .quote-document-copy{padding-inline-start:16px}
.quote-content-more{background:#fff;border:1px solid #c9d2df;border-radius:6px;color:#294762;font:inherit;font-size:13px;padding:8px 14px;cursor:pointer;margin-top:14px}
.quote-content-more:focus-visible,.quote-faq summary:focus-visible{outline:3px solid #d6a431;outline-offset:3px}
.quote-related-cards{display:grid;gap:12px}.quote-related-card{padding:14px;background:#f7f8fa;border-radius:7px}.quote-related-card h3{font-size:14px;margin:0;line-height:1.6}.quote-related-card a{color:#244e79;text-decoration:none}.quote-related-card a:hover{text-decoration:underline}.quote-related-card .quote-document-copy{font-size:13px}
.quote-content-status,.quote-content-retry{font-size:13px;color:#58697b;padding:12px 0}
@media(min-width:1000px) and (min-height:1000px){.quote-product-aside{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}}
/* 목록 행 반짝이(row-sparkle.mjs, 2026-10-19 T08 — 미리보기 .spark/sparkpop 과 같은 모양). site.css 의 장식 .spark(sparkFloat)와 겹치지 않게 ak- 접두.
   행(.drow·.card)은 이미 position:relative 라 행 CSS 는 건드리지 않는다. JS 가 마우스 기기·동작 줄이기 아님일 때만 만든다. */
.ak-spark{position:absolute;pointer-events:none;font-size:13px;line-height:1;color:#FFB020;z-index:4;text-shadow:0 0 7px rgba(255,193,32,.85);animation:akSparkPop .68s ease-out forwards}
@keyframes akSparkPop{0%{opacity:0;transform:translate(0,0) scale(.3) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--dx,0),-30px) scale(1.15) rotate(var(--rot,40deg))}}
@media (prefers-reduced-motion:reduce){.ak-spark{display:none}}