:root {
  --brand-900: #16324f;
  --brand-800: #214a68;
  --teal-700: #0b6e69;
  --teal-100: #dff5f1;
  --orange-600: #e66f1a;
  --orange-100: #fff0e5;
  --bg: #f4f7f6;
  --surface: #ffffff;
  --text: #17222b;
  --muted: #52616b;
  --line: #d5dfdd;
  --success: #15803d;
  --warning: #8a5a00;
  --danger: #b42318;
  --info: #2563eb;
  --shadow: 0 12px 32px rgba(24, 59, 78, .10);
  --radius: 16px;
  --max: 1280px;
  font-family: "Noto Sans KR Variable", "Malgun Gothic", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  font-size: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); line-height: 1.6; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ffb366; outline-offset: 2px; }
[hidden] { display: none !important; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; left: 12px; top: -60px; background: #fff; border: 2px solid var(--brand-900); padding: 10px 16px; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.test-ribbon { min-height: 36px; padding: 6px 24px; display: flex; justify-content: center; gap: 12px; align-items: center; background: #143545; color: #edfafa; font-size: .875rem; text-align: center; }
.test-ribbon strong { color: #ffd27a; }
.access-environment { margin-left: 8px; padding: 3px 9px; border-radius: 999px; background: #fff; color: #163b50; white-space: nowrap; }
.offline-banner { background: #7a2e22; color: white; padding: 8px 16px; text-align: center; font-weight: 700; }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }
.header-inner, .nav-inner, .page-shell, .footer-inner, .utility-inner, .category-mega-inner { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.utility-bar { border-bottom: 1px solid #e7eceb; background: #f8faf9; color: var(--muted); font-size: .76rem; }
.utility-inner { min-height: 31px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.utility-inner nav { display: flex; gap: 16px; align-items: center; }
.utility-inner a:hover { color: var(--teal-700); text-decoration: underline; }
.inline-count { display: inline-grid; place-items: center; min-width: 17px; min-height: 17px; padding-inline: 4px; border-radius: 999px; background: var(--danger); color: white; font-size: .68rem; }
.header-inner { min-height: 96px; display: grid; grid-template-columns: 270px minmax(300px, 1fr) auto; gap: 24px; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px 5px 15px 5px; background: var(--brand-900); color: white; font-weight: 900; font-size: 1.25rem; box-shadow: inset -8px -8px 0 rgba(15,118,110,.3); }
.brand b { display: block; font-size: 1.25rem; letter-spacing: -.03em; }
.brand small { display: block; color: var(--muted); font-size: .72rem; white-space: nowrap; }
.global-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; max-width: 650px; }
.search-input-wrap { position: relative; min-width: 0; }
.global-search input { border: 2px solid var(--brand-900); border-radius: 12px; padding: 0 16px; min-width: 0; }
.search-button { background: var(--brand-900); color: white; min-width: 76px; }
.search-suggest { position: absolute; z-index: 90; inset: calc(100% + 7px) 0 auto; max-height: min(60vh, 520px); overflow: auto; padding: 10px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 20px 54px rgba(24,59,78,.19); }
.search-suggest p { margin: 6px 8px; color: var(--muted); }
.suggest-group + .suggest-group { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px; }
.suggest-group > strong { display: block; padding: 5px 9px; color: var(--muted); font-size: .76rem; }
.suggest-group a { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: center; padding: 8px 9px; border-radius: 9px; }
.suggest-group a:hover, .suggest-group a:focus-visible { background: var(--teal-100); }
.suggest-group a small { grid-column: 2; color: var(--muted); margin-top: -6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.suggest-group a span { color: var(--teal-700); font-size: .72rem; font-weight: 800; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.head-quick { display: grid; min-width: 82px; padding: 6px 9px; border-radius: 9px; }
.head-quick:hover { background: #edf3f2; }
.head-quick b { font-size: .86rem; }
.head-quick small { color: var(--muted); font-size: .68rem; }
.primary-nav { background: var(--brand-900); color: white; }
.nav-inner { display: flex; min-height: 48px; align-items: stretch; gap: 4px; }
.nav-inner a, .category-toggle { display: grid; place-items: center; padding: 0 18px; font-weight: 700; border: 0; border-bottom: 3px solid transparent; background: transparent; color: inherit; cursor: pointer; }
.category-toggle { grid-auto-flow: column; gap: 9px; min-width: 182px; background: rgba(255,255,255,.08); }
.nav-inner a:hover, .nav-inner a[aria-current="page"] { background: rgba(255,255,255,.10); border-bottom-color: #ffb366; }
.category-mega { position: absolute; left: 0; right: 0; color: var(--text); background: white; border-bottom: 1px solid var(--line); box-shadow: 0 22px 45px rgba(24,59,78,.16); }
.category-mega-inner { display: grid; grid-template-columns: 230px 1fr; gap: 32px; padding-block: 26px 30px; }
.category-mega-inner h2, .category-mega-inner p { margin: 5px 0; }
.category-mega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.category-mega-grid a { display: grid; grid-template-columns: 14px 1fr; gap: 2px 8px; align-items: center; padding: 11px; border-radius: 10px; }
.category-mega-grid a:hover { background: var(--teal-100); color: var(--teal-700); }
.category-mega-grid small { grid-column: 2; color: var(--muted); font-size: .72rem; }
.category-dot { width: 8px; height: 8px; border-radius: 2px; background: var(--orange-600); }

main { min-height: 62vh; }
.page-shell { padding-block: 40px 72px; }
.page-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 28px; }
.page-head h1, .section-title { margin: 0; letter-spacing: -.04em; line-height: 1.2; }
.page-head h1 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.page-head p { margin: 8px 0 0; color: var(--muted); }
.section { margin-top: 44px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.section-title { font-size: 1.35rem; }
.muted { color: var(--muted); }
.danger-text { color: var(--danger); }
.success-text { color: var(--success); }
.eyebrow { color: var(--teal-700); font-weight: 800; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }
.section-kicker { display: block; margin-bottom: 4px; color: var(--teal-700); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }
.section-more { color: var(--brand-900); font-weight: 800; white-space: nowrap; }

.market-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .55fr); gap: 18px; }
.hero-copy, .hero-trust { border-radius: 24px; overflow: hidden; }
.hero-copy { position: relative; min-height: 390px; padding: clamp(32px,5vw,62px); background: radial-gradient(circle at 80% 14%, rgba(255,255,255,.16), transparent 26%), linear-gradient(135deg,#123747,#17685f); color: white; }
.hero-copy h1 { margin: 10px 0 14px; max-width: 720px; font-size: clamp(2.25rem,5vw,4.3rem); line-height: 1.04; letter-spacing: -.06em; }
.hero-copy h1 em { color: #ffd187; font-style: normal; }
.hero-copy > p { max-width: 680px; color: #d7efeb; font-size: 1.04rem; }
.hero-search { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 26px; max-width: 720px; position: relative; z-index: 1; }
.hero-search input { border: 0; min-height: 54px; box-shadow: 0 8px 24px rgba(0,0,0,.14); }
.search-keywords { display: flex; flex-wrap: wrap; gap: 7px 13px; margin-top: 14px; color: #d7efeb; font-size: .8rem; }
.search-keywords a { text-decoration: underline; text-underline-offset: 3px; }
.hero-trust { padding: 28px; background: #fff9ee; border: 1px solid #ecd5ad; }
.trust-title { display: flex; gap: 13px; align-items: center; }
.trust-title b, .trust-title small { display: block; }
.trust-title b { font-size: 1.2rem; }
.trust-title small { color: var(--muted); }
.shield-mark { width: 44px; height: 52px; display: grid; place-items: center; clip-path: polygon(50% 0,95% 18%,87% 74%,50% 100%,13% 74%,5% 18%); background: var(--orange-600); color: white; font-weight: 900; }
.hero-trust ol { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 12px; }
.hero-trust li { display: grid; grid-template-columns: 27px 1fr; gap: 10px; align-items: center; font-size: .9rem; }
.hero-trust li span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #ffe0a6; font-weight: 900; }
.hero-trust .btn { width: 100%; }

.home-category-section { margin-top: 24px; padding: 23px; background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.home-category-section .category-grid { grid-template-columns: repeat(11, 1fr); gap: 8px; }
.home-category-section .category-card { min-height: 98px; padding: 10px 6px; font-size: .82rem; }
.category-icon { color: var(--teal-700); font-size: 1.35rem; }
.category-card small { color: var(--muted); font-size: .67rem; }
.home-product-section { content-visibility: auto; contain-intrinsic-size: 530px; }
.product-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 248px); grid-template-rows: 1fr; justify-content: start; gap: 14px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 2px 2px 14px; scroll-snap-type: inline proximity; }
.product-rail .product-card { scroll-snap-align: start; }
.product-rail .product-image-wrap { aspect-ratio: 4 / 3; }
.product-rail .product-image { display: block; height: 100%; aspect-ratio: auto; object-fit: contain; }
.home-empty { min-height: 116px; display: grid; place-items: center; padding: 20px; border: 1px dashed #aebfbc; border-radius: 14px; color: var(--muted); text-align: center; background: rgba(255,255,255,.62); }
.product-image-wrap { position: relative; }
.product-card-flags { position: absolute; z-index: 4; inset: 9px auto auto 9px; display: flex; flex-wrap: wrap; gap: 5px; pointer-events: none; }
.card-flag { padding: 4px 7px; border-radius: 7px; background: #143545; color: white; font-size: .67rem; font-weight: 800; box-shadow: 0 4px 14px rgba(0,0,0,.14); }
.card-flag.inspect { background: var(--teal-700); }
.card-flag.result { background: var(--success); }
.product-card-top, .product-price-row, .product-card-bottom { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.product-category { color: var(--teal-700); font-size: .73rem; font-weight: 800; }
.product-model { margin: -3px 0 8px; height: 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--muted); font-size: .77rem; }
.product-price-row del, .detail-price-row del { color: var(--muted); font-size: .76rem; }
.product-facts { display: grid; gap: 4px; margin: 11px 0; padding: 9px 0; border-block: 1px solid #edf1f0; }
.product-facts div { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 7px; font-size: .72rem; }
.product-facts dt { color: var(--muted); }
.product-facts dd { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product-card-bottom { margin-top: 10px; color: var(--muted); font-size: .69rem; }
.knowledge-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.condition-guide, .inspection-quick { padding: 28px; border-radius: var(--radius); }
.condition-guide { background: white; border: 1px solid var(--line); }
.inspection-quick { color: white; background: linear-gradient(140deg,#163c4d,#0f766e); }
.inspection-quick .section-kicker, .inspection-quick p { color: #d9efeb; }
.condition-guide h2, .inspection-quick h2 { margin: 3px 0 13px; }
.condition-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.condition-list div { display: grid; gap: 3px; padding: 13px; background: #f4f7f6; border-radius: 10px; }
.condition-list span { color: var(--muted); font-size: .8rem; }
.community-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.community-columns > div { padding: 20px; background: white; border: 1px solid var(--line); border-radius: var(--radius); min-width: 0; }
.community-columns h3 { margin-top: 0; }
.notice-support { display: grid; grid-template-columns: 1.3fr .7fr; gap: 18px; }
.notice-support > div, .notice-support aside { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.notice-support aside { background: #fff8eb; border-color: #ecd5ad; }
.notice-line { display: grid; grid-template-columns: 70px minmax(170px,.7fr) minmax(0,1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.notice-line span { color: var(--teal-700); font-size: .75rem; font-weight: 800; }
.notice-line p { margin: 0; color: var(--muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.detail-price-row { display: flex; align-items: baseline; gap: 12px; }
.detail-price-row .detail-price { margin-bottom: 4px; }
.setup-shell { display: grid; grid-template-columns: minmax(0,.8fr) minmax(440px,1fr); gap: 28px; align-items: start; }
.setup-intro { position: sticky; top: 190px; padding: 34px; color: white; background: linear-gradient(145deg,#143545,#0f766e); border-radius: 24px; }
.setup-intro h1 { font-size: clamp(1.8rem,3vw,2.8rem); line-height: 1.18; letter-spacing: -.04em; }
.setup-intro p, .setup-intro li { color: #d9efeb; }
.inspection-process { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.inspection-process article { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.inspection-process article > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: var(--teal-100); color: var(--teal-700); font-weight: 900; }
.inspection-process h2 { font-size: 1rem; margin: 13px 0 5px; }
.inspection-process p { margin: 0; color: var(--muted); font-size: .82rem; }

.hero { display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; align-items: stretch; }
.hero-main { position: relative; overflow: hidden; padding: clamp(28px, 5vw, 60px); border-radius: 28px 8px 28px 8px; background: linear-gradient(135deg, var(--brand-900), #1d5a67); color: white; min-height: 330px; }
.hero-main::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 360px; height: 360px; border: 52px solid rgba(255,255,255,.08); border-radius: 50%; }
.hero-main h1 { max-width: 650px; margin: 8px 0 16px; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.08; letter-spacing: -.055em; }
.hero-main p { max-width: 620px; color: #d9efed; font-size: 1.05rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; position: relative; z-index: 1; }
.hero-side { display: grid; gap: 16px; }
.notice-card, .quick-card { padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.notice-card h2, .quick-card h2 { font-size: 1.05rem; margin: 0 0 8px; }
.notice-card p, .quick-card p { margin: 0; color: var(--muted); }

.btn { min-height: 44px; border-radius: 10px; border: 1px solid transparent; padding: 9px 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; cursor: pointer; transition: transform .15s, background .15s, border-color .15s; }
.btn:hover { transform: translateY(-1px); }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.btn-primary { background: var(--orange-600); color: white; }
.btn-primary:hover { background: #c95405; }
.btn-secondary { background: var(--teal-700); color: white; }
.btn-ghost { background: white; border-color: var(--line); color: var(--brand-900); }
.btn-danger { background: var(--danger); color: white; }
.btn-small { min-height: 36px; padding: 6px 11px; font-size: .875rem; }
.icon-btn { min-width: 44px; min-height: 44px; border: 0; background: transparent; border-radius: 10px; cursor: pointer; position: relative; color: inherit; }
.icon-btn:hover { background: #edf3f2; }
.count-badge { position: absolute; right: 1px; top: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--danger); color: white; font-size: .72rem; display: grid; place-items: center; }

.category-grid, .quick-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.category-card { min-height: 92px; padding: 16px; display: grid; place-items: center; text-align: center; border: 1px solid var(--line); border-radius: 14px; background: white; font-weight: 800; }
.category-card:hover { border-color: var(--teal-700); background: var(--teal-100); }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.product-card { min-width: 0; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: var(--radius); transition: transform .18s, box-shadow .18s; }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.product-image { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; background: #e7efed; }
.product-content { padding: 16px; }
.product-content h3 { margin: 7px 0 8px; font-size: 1rem; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product-price { margin: 0; font-size: 1.18rem; font-weight: 900; letter-spacing: -.02em; }
.product-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; color: var(--muted); font-size: .8rem; }
.badge { display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 3px 9px; border-radius: 999px; font-weight: 800; font-size: .75rem; border: 1px solid currentColor; }
.badge::before { content: "●"; font-size: .55rem; }
.badge-selling, .badge-active, .badge-normal, .badge-거래완료, .badge-정상 { color: var(--success); background: #eefbf2; }
.badge-reserved, .badge-예약중, .badge-제안중, .badge-재협의 { color: var(--warning); background: #fff8df; }
.badge-progress, .badge-거래진행, .badge-검수중, .badge-처리중 { color: var(--info); background: #eef4ff; }
.badge-error, .badge-suspended, .badge-거래취소, .badge-이상, .badge-검수취소 { color: var(--danger); background: #fff1ef; }
.badge-철회 { color: var(--muted); background: #f2f4f6; }

.report-history-list { display: grid; gap: 12px; }
.report-history-card { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.report-history-card > div { min-width: 0; }
.report-history-card small { margin-left: 8px; color: var(--muted); }
.report-history-card h3 { margin: 10px 0 6px; }
.report-history-card p { margin: 0 0 6px; overflow-wrap: anywhere; }
@media (max-width: 640px) { .report-history-card { flex-direction: column; } .report-history-card .btn { width: 100%; } }
.badge-unchecked, .badge-미검사 { color: var(--muted); background: #f0f3f2; }

.filter-card, .form-card, .detail-card, .panel, .table-card, .empty-state, .error-state, .loading-state { background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.filter-card, .form-card, .detail-card, .panel { padding: 24px; }
.filter-grid, .form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.field { min-width: 0; }
.field.span-2 { grid-column: span 2; }
.field.span-full { grid-column: 1 / -1; }
.field label { display: block; font-weight: 800; margin-bottom: 6px; }
.field small { display: block; color: var(--muted); margin-top: 5px; }
.field-error { color: var(--danger) !important; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid #aebfbc; border-radius: 10px; min-height: 46px; padding: 10px 12px; color: var(--text); background: white; }
textarea { min-height: 130px; resize: vertical; }
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"] { border: 2px solid var(--danger); background: #fff9f8; }
.checkbox, .radio { display: flex; align-items: flex-start; gap: 9px; font-weight: 600; }
.checkbox input, .radio input { width: 20px; min-height: 20px; margin-top: 3px; flex: none; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; border-top: 1px solid var(--line); padding-top: 20px; }
.error-summary { padding: 14px 16px; margin-bottom: 18px; border-left: 5px solid var(--danger); background: #fff1ef; border-radius: 8px; color: #722017; }
.reset-code { display: block; padding: 12px; border-radius: 9px; background: #eef3f2; overflow-wrap: anywhere; user-select: all; }

.product-detail { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 28px; align-items: start; }
.gallery-main { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; border-radius: 18px; border: 1px solid var(--line); background: white; }
.detail-summary { position: sticky; top: 174px; }
.detail-summary h1 { margin: 8px 0 10px; font-size: clamp(1.6rem, 3vw, 2.35rem); line-height: 1.2; }
.detail-price { font-size: 1.8rem; font-weight: 900; margin: 16px 0; }
.spec-list { display: grid; grid-template-columns: 120px 1fr; margin: 22px 0; border-top: 1px solid var(--line); }
.spec-list dt, .spec-list dd { margin: 0; padding: 10px 0; border-bottom: 1px solid var(--line); }
.spec-list dt { color: var(--muted); font-weight: 700; }
.detail-actions { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; }
.state-flow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.state-step { padding: 8px 12px; border-radius: 10px; background: #edf3f2; font-weight: 800; font-size: .85rem; }
.state-step.current { background: var(--brand-900); color: white; }

.chat-layout { display: grid; grid-template-columns: 320px minmax(0, 1fr); min-height: 650px; background: white; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.chat-list { border-right: 1px solid var(--line); overflow: auto; }
.chat-list-item { display: grid; grid-template-columns: 56px 1fr auto; gap: 10px; padding: 14px; border-bottom: 1px solid var(--line); }
.chat-list-item:hover, .chat-list-item.active { background: #edf7f5; }
.chat-list-item img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; }
.chat-list-item h3, .chat-list-item p { margin: 0; }
.chat-list-item p { color: var(--muted); font-size: .84rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-room { display: grid; grid-template-rows: auto 1fr auto; min-width: 0; }
.chat-product-bar { padding: 14px 18px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.messages { padding: 20px; overflow: auto; background: #f6f8f7; min-height: 430px; max-height: 62vh; }
.message-row { display: flex; margin: 10px 0; }
.message-row.mine { justify-content: flex-end; }
.message { max-width: min(76%, 620px); }
.message-bubble { padding: 10px 13px; border-radius: 14px 14px 14px 3px; background: white; border: 1px solid var(--line); white-space: pre-wrap; overflow-wrap: anywhere; }
.mine .message-bubble { background: var(--teal-700); color: white; border-color: var(--teal-700); border-radius: 14px 14px 3px 14px; }
.message-meta { margin-top: 3px; color: var(--muted); font-size: .72rem; }
.mine .message-meta { text-align: right; }
.offer-card { margin: 12px 0; padding: 18px; border: 2px solid var(--orange-600); background: var(--orange-100); border-radius: 14px; }
.offer-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.offer-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 0; }
.offer-detail-grid > div { min-width: 0; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.62); }
.offer-detail-grid .offer-detail-wide { grid-column: 1 / -1; }
.offer-detail-grid dt { margin: 0 0 5px; color: var(--muted); font-size: .78rem; font-weight: 800; }
.offer-detail-grid dd { margin: 0; font-weight: 800; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.offer-card .form-actions { margin-top: 14px; }
.chat-compose { padding: 14px; border-top: 1px solid var(--line); }
.chat-compose form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.chat-attachment { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-width: 0; }
.chat-attachment .muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.chat-blocked-notice {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #e8c48b;
  border-radius: 11px;
  color: #713f12;
  background: #fff8e8;
}
.chat-blocked-notice b { font-size: .82rem; }
.chat-blocked-notice span { font-size: .76rem; line-height: 1.55; }

.tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 20px; }
.tabs a, .tabs button { flex: none; min-height: 42px; border: 1px solid var(--line); background: white; border-radius: 999px; padding: 8px 15px; font-weight: 800; cursor: pointer; }
.tabs a.active, .tabs button.active { background: var(--brand-900); border-color: var(--brand-900); color: white; }
.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.summary-card { padding: 20px; background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.summary-card b { display: block; font-size: 2rem; letter-spacing: -.04em; }
.summary-card span { color: var(--muted); }
.list { display: grid; gap: 10px; }
.list-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--line); align-items: center; }
.list-row h3, .list-row p { margin: 0; }
.list-row p { color: var(--muted); }

.table-wrap { overflow: auto; }
table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .9rem; }
th, td { padding: 12px 11px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { position: sticky; top: 0; background: var(--brand-900); color: white; white-space: nowrap; }
tbody tr:hover { background: #f3f8f7; }
.table-actions { display: flex; flex-wrap: wrap; gap: 6px; }


.community-page-head small { display: block; margin-top: 8px; color: #666; font-size: 13px; line-height: 1.5; }
.community-notice-panel { margin: 0 0 16px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); display: grid; grid-template-columns: 190px 1fr; gap: 16px; align-items: start; }
.community-notice-title { display: flex; flex-direction: column; gap: 4px; }
.community-notice-title b { font-size: 15px; }
.community-notice-title span { color: #666; font-size: 13px; line-height: 1.45; }
.community-notice-row { min-width: 0; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 7px 4px; border-bottom: 1px solid var(--line); }
.community-notice-row:last-child { border-bottom: 0; }
.community-notice-row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.community-notice-row small { color: #666; font-size: 12px; }
.community-notice-empty { margin: 6px 0; }
.community-view-tabs { display: flex; gap: 8px; margin: 0 0 16px; overflow-x: auto; }
.community-view-tabs a { flex: none; padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-weight: 700; font-size: 14px; }
.community-view-tabs a:hover, .community-view-tabs a.active { background: var(--teal-100); color: var(--teal-700); border-color: transparent; }
.community-layout { display: grid; grid-template-columns: 240px 1fr; gap: 24px; }
.board-nav { background: white; border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; height: fit-content; }
.board-nav a { display: block; padding: 11px 12px; border-radius: 9px; font-weight: 700; }
.board-nav a b { display: block; font-size: 15px; line-height: 1.35; }
.board-nav a small { display: block; margin-top: 3px; color: #666; font-size: 12px; line-height: 1.4; font-weight: 500; }
.board-nav a.active small, .board-nav a:hover small { color: inherit; opacity: .82; }
.board-nav a:hover, .board-nav a.active { background: var(--teal-100); color: var(--teal-700); }
.post-list { background: white; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.post-row { display: grid; grid-template-columns: 130px 1fr auto; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--line); align-items: center; }
.post-row:hover { background: #f4f9f8; }
.post-row h3, .post-row p { margin: 0; }
.post-row p { color: var(--muted); font-size: .85rem; }
.post-body { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1.02rem; }
.comment { padding: 16px 0; border-bottom: 1px solid var(--line); }
.comment.reply { margin-left: 32px; border-left: 3px solid var(--teal-100); padding-left: 16px; }
.comment-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 5px; }

.empty-state, .error-state, .loading-state { min-height: 240px; padding: 40px 24px; display: grid; place-items: center; text-align: center; color: var(--muted); }
.error-state { color: var(--danger); }
.spinner { width: 28px; height: 28px; border-radius: 50%; border: 3px solid #dce7e5; border-top-color: var(--teal-700); animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.site-footer { background: #102d3b; color: #e7f2f0; padding: 36px 0 100px; }
.footer-inner { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 28px; align-items: start; }
.footer-inner p { color: #b9d0cc; }
.footer-inner dl, .footer-inner dd { margin: 0; }
.footer-inner dl div { display: grid; grid-template-columns: 90px 1fr; gap: 8px; }
.footer-inner dt { color: #b9d0cc; }
.footer-policy-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; }
.footer-policy-links a { color:inherit; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.policy-document { white-space:pre-wrap; line-height:1.85; }
.support-contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.support-contact-grid article { padding:20px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.support-contact-grid span { display:block; color:var(--muted); font-size:.9rem; margin-bottom:6px; }
.support-contact-grid b { font-size:1.05rem; }
.version-line { text-align: right; }
.mobile-nav { display: none; }

.toast-region { position: fixed; z-index: 80; right: 20px; bottom: 24px; display: grid; gap: 10px; width: min(380px, calc(100vw - 40px)); }
.toast { background: #17222b; color: white; padding: 14px 16px; border-radius: 12px; box-shadow: var(--shadow); animation: toast-in .2s ease-out; }
.toast.error { background: #7d2018; }
.toast.success { background: #0d6330; }
@keyframes toast-in { from { transform: translateY(10px); opacity: 0; } }
.app-dialog { border: 0; padding: 0; width: min(560px, calc(100vw - 28px)); border-radius: var(--radius); box-shadow: 0 24px 80px rgba(0,0,0,.28); }
.app-dialog::backdrop { background: rgba(11,31,41,.65); }
.dialog-card { margin: 0; padding: 0; }
.dialog-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.dialog-head h2 { margin: 0; }
#dialog-content { padding: 20px; }
.dialog-actions { padding: 16px 20px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 8px; }

.workflow-form-description { margin: 0 0 16px; color: var(--muted); line-height: 1.65; }
.workflow-form-grid { align-items: start; }
.workflow-form-grid .field { min-width: 0; }
.workflow-form-grid .field > label { display: flex; align-items: baseline; gap: 6px; min-height: 26px; margin-bottom: 7px; line-height: 1.25; }
.workflow-form-grid .danger-text { flex: none; white-space: nowrap; }
.workflow-form-grid .field.span-2 input,
.workflow-form-grid .field.span-2 select,
.workflow-form-grid .field.span-full textarea { min-height: 52px; }
.workflow-form-grid .field > small { display: block; margin-top: 6px; color: var(--muted); line-height: 1.45; }
.workflow-form-grid input[type="file"] { padding: 10px; background: #f8fbfa; }
.workflow-checkbox { display:flex; width:100%; min-width:0; min-height:48px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:#f8fbfa; align-items:flex-start; gap:10px; }
.workflow-form-grid .workflow-checkbox { grid-column:1 / -1; }
.workflow-checkbox input { flex:0 0 auto; margin-top:2px; }
.workflow-checkbox span { display:grid; min-width:0; gap:3px; }
.workflow-checkbox b { white-space:normal; word-break:keep-all; overflow-wrap:break-word; line-height:1.5; }
.workflow-checkbox small { color: var(--muted); font-weight: 400; }
.field-error[hidden] { display: none; }
.field-error { margin-bottom: 14px; padding: 11px 13px; border: 1px solid #f2b8b5; border-radius: 10px; background: #fff0ef; color: var(--danger); font-weight: 700; }
.app-dialog[data-dialog-kind="workflow-form"] { overscroll-behavior: contain; }
.app-dialog[data-dialog-kind="workflow-form"] .dialog-card { user-select: text; }
.inspection-fieldset { margin: 14px 0; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfc; }
.inspection-fieldset legend { padding: 0 8px; font-weight: 800; color: var(--ink); }
.inspection-hold-panel { border-left: 5px solid var(--warning); background: #fff8e6; }
.inspection-hold-panel strong { color: #7a4a00; }
.workflow-status-note { padding: 12px 14px; border-radius: 12px; background: #eef7f5; color: var(--teal-900); line-height: 1.55; }
.stage-cancel-action { display: grid; gap: 8px; margin-top: 18px; padding: 16px; border-radius: 14px; }
.stage-cancel-action p { margin: 0; color: var(--muted); }
.stage-cancel-action .btn { justify-self: start; margin-top: 4px; }

.tab-count { display: inline-grid; min-width: 21px; height: 21px; padding: 0 6px; place-items: center; border-radius: 999px; background: var(--teal-700); color: #fff; font-size: .72rem; }
.task-summary { display: flex; flex-wrap: wrap; gap: 8px; }
.task-summary span { padding: 7px 10px; border-radius: 999px; background: #eef5f4; color: var(--muted); font-size: .82rem; }
.work-inbox { display: grid; gap: 10px; }
.work-task { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: inherit; text-decoration: none; transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.work-task:hover { border-color: var(--teal-500); transform: translateY(-1px); box-shadow: 0 10px 28px rgba(12,74,69,.10); }
.work-task.priority-high { border-left: 5px solid var(--warning); }
.work-task h3, .work-task p { margin: 0; }
.work-task p { margin-top: 5px; color: var(--muted); line-height: 1.45; }
.work-task small { display: block; margin-top: 7px; color: var(--muted); }
.task-type { display: inline-block; margin-bottom: 5px; color: var(--teal-700); font-size: .78rem; font-weight: 800; }
.summary-card-link { color: inherit; text-decoration: none; }
.summary-card-link small { color: var(--muted); }

@media (max-width: 640px) {
  .offer-detail-grid { grid-template-columns: 1fr; }
  .offer-detail-grid .offer-detail-wide { grid-column: 1; }
  .offer-card-head { align-items: flex-start; }
}

/* v1.6.3-test — readable, versioned signup and inspection consent */
.policy-consent-field { display: grid; gap: 12px; }
.policy-consent-field.required-policy { border-left: 4px solid var(--primary,#3665f3); background: #f7faff; }
.policy-consent-field.optional-policy { border-left: 4px solid #98a2b3; background: #fbfcfd; }
.policy-consent-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.policy-summary { padding: 12px 14px; border-radius: 10px; background: #fff; border: 1px solid #e1e7ef; }
.policy-summary b,.policy-summary p { display: block; }
.policy-summary p { margin: 4px 0 0; color: #344054; line-height: 1.6; }
.policy-details { border-top: 1px solid #d9e2f1; padding-top: 10px; }
.policy-details > summary { min-height: 42px; display: flex; align-items: center; cursor: pointer; color: var(--primary,#3665f3); font-weight: 800; }
.policy-document { max-height: min(52vh,560px); overflow: auto; margin-top: 8px; padding: 18px; border: 1px solid #d0d9e6; border-radius: 10px; background: #fff; color: #172026; font-size: .95rem; line-height: 1.75; overflow-wrap: anywhere; }
.policy-document:focus { outline: 3px solid rgba(54,101,243,.22); outline-offset: 2px; }
.policy-copy-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.policy-status-note p { margin: 10px 0 0; }
@media (max-width: 640px) {
  .policy-consent-field { padding: 12px; }
  .policy-document { max-height: 50vh; padding: 14px; font-size: .9rem; }
  .policy-copy-actions .btn { flex: 1 1 140px; }
}

@media (max-width: 1050px) {
  .header-inner { grid-template-columns: 220px 1fr auto; gap: 12px; }
  .head-quick { display: none; }
  .nav-inner a, .category-toggle { padding-inline: 12px; font-size: .87rem; }
  .category-toggle { min-width: 155px; }
  .category-mega-grid { grid-template-columns: repeat(3,1fr); }
  .market-hero { grid-template-columns: 1fr; }
  .hero-copy { min-height: 340px; }
  .hero-trust ol { grid-template-columns: repeat(2,1fr); }
  .home-category-section .category-grid { grid-template-columns: repeat(6,1fr); }
  .product-grid { grid-template-columns: repeat(3, 1fr); }
  .category-grid { grid-template-columns: repeat(3, 1fr); }
  .summary-grid { grid-template-columns: repeat(2, 1fr); }
  .inspection-process { grid-template-columns: repeat(3,1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .version-line { text-align: left; }
}

@media (max-width: 800px) {
  .test-ribbon { padding-inline: 12px; flex-direction: column; gap: 0; }
  .test-ribbon span { font-size: .75rem; }
  .site-header { position: static; }
  .header-inner { width: min(calc(100% - 24px), var(--max)); grid-template-columns: 1fr auto; min-height: 72px; }
  .utility-bar { display: none; }
  .brand small { display: none; }
  .global-search { display: none; }
  .header-actions { grid-column: 2; }
  .primary-nav { display: none; }
  .header-actions .icon-btn { display: none; }
  .page-shell { width: min(calc(100% - 24px), var(--max)); padding-block: 26px 100px; }
  .hero, .market-hero { grid-template-columns: 1fr; }
  .hero-main { min-height: 300px; }
  .hero-copy { min-height: 0; padding: 34px 26px; }
  .hero-copy h1 { font-size: clamp(2rem,9vw,3.3rem); }
  .hero-trust ol { grid-template-columns: 1fr 1fr; }
  .home-category-section .category-grid { grid-template-columns: repeat(4,1fr); }
  .product-rail { grid-auto-columns: minmax(220px,72vw); }
  .knowledge-grid, .notice-support, .setup-shell { grid-template-columns: 1fr; }
  .setup-intro { position: static; }
  .community-columns { grid-template-columns: 1fr; }
  .inspection-process { grid-template-columns: repeat(2,1fr); }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .filter-grid, .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workflow-form-grid { grid-template-columns: 1fr; }
  .workflow-form-grid .span-2, .workflow-form-grid .span-full { grid-column: 1; }
  .work-task { align-items: flex-start; flex-direction: column; }
  .work-task .btn { width: 100%; }
  .task-summary { width: 100%; }
  .product-detail { grid-template-columns: 1fr; }
  .detail-summary { position: static; }
  .community-notice-panel { grid-template-columns: 1fr; gap: 8px; }
  .community-notice-row { grid-template-columns: 22px minmax(0,1fr); }
  .community-notice-row small { display: none; }
  .community-layout { grid-template-columns: 1fr; }
  .board-nav { display: flex; overflow-x: auto; }
  .board-nav a { flex: none; }
  .board-nav a small { display: none; }
  .post-row { grid-template-columns: 1fr auto; }
  .post-row > :first-child { grid-column: 1 / -1; }
  .chat-layout { grid-template-columns: 1fr; min-height: 0; }
  .chat-list { border-right: 0; }
  .chat-room { min-height: 650px; }
  .footer-inner { width: min(calc(100% - 24px), var(--max)); grid-template-columns: 1fr; }
  .mobile-nav { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; min-height: calc(66px + env(safe-area-inset-bottom)); padding: 7px 8px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(5, 1fr); background: white; border-top: 1px solid var(--line); box-shadow: 0 -8px 24px rgba(24,59,78,.08); }
  .mobile-nav a { display: grid; place-items: center; align-content: center; min-height: 52px; font-size: .72rem; font-weight: 800; color: var(--muted); }
  .mobile-nav a span { font-size: 1.2rem; line-height: 1; }
  .mobile-nav a[aria-current="page"] { color: var(--orange-600); }
  .site-footer { padding-bottom: 120px; }
  .toast-region { bottom: 86px; right: 12px; }
}

@media (max-width: 520px) {
  .header-inner { width: calc(100% - 20px); }
  .brand-mark { width: 42px; height: 42px; }
  .brand b { font-size: 1.08rem; }
  #session-button { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .page-head { align-items: flex-start; flex-direction: column; }
  .hero-main { padding: 28px 22px; border-radius: 20px 6px 20px 6px; }
  .hero-actions { display: grid; }
  .market-hero { gap: 12px; }
  .hero-copy, .hero-trust { border-radius: 18px; }
  .hero-copy { padding: 29px 20px; }
  .hero-copy h1 { font-size: 2.25rem; }
  .hero-search { grid-template-columns: 1fr; }
  .hero-trust { padding: 21px; }
  .hero-trust ol { grid-template-columns: 1fr; }
  .home-category-section { padding: 16px; }
  .home-category-section .category-grid { grid-template-columns: repeat(3,1fr); }
  .home-category-section .category-card { min-height: 86px; }
  .product-rail { grid-auto-columns: minmax(220px,84vw); }
  .condition-list { grid-template-columns: 1fr; }
  .notice-line { grid-template-columns: auto 1fr; }
  .notice-line p { grid-column: 1 / -1; }
  .inspection-process { grid-template-columns: 1fr; }
  .setup-intro, .setup-shell .form-card { padding: 22px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .product-grid { grid-template-columns: 1fr; }
  .filter-grid, .form-grid { grid-template-columns: 1fr; }
  .field.span-2, .field.span-full { grid-column: auto; }
  .form-card, .filter-card, .detail-card, .panel { padding: 18px; }
  .form-actions { position: sticky; bottom: 72px; z-index: 10; margin-inline: -18px; padding: 12px 18px; background: rgba(255,255,255,.96); }
  .form-actions .btn { flex: 1; }
  .summary-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .summary-card { padding: 14px; }
  .summary-card b { font-size: 1.5rem; }
  .detail-actions { position: sticky; bottom: 72px; z-index: 10; padding: 10px; margin-inline: -10px; background: rgba(255,255,255,.96); }
  .message { max-width: 88%; }
  .chat-product-bar { align-items: flex-start; }
  .post-row { padding: 14px; }
  .comment.reply { margin-left: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media (forced-colors: active) {
  .badge, .btn, .product-card, .panel { border: 1px solid CanvasText; }
}

/* v1.1.1 · 똑!수리몰 고유 marketplace refresh (똑!수리몰 고유 브랜드 유지) */
:root {
  --brand-900: #191919;
  --brand-800: #333333;
  --teal-700: #3665f3;
  --teal-100: #eef3ff;
  --orange-600: #e53238;
  --orange-100: #fff0f1;
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #191919;
  --muted: #5f6368;
  --line: #d7d7d7;
  --info: #3665f3;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
  --radius: 18px;
  --max: 1320px;
}
body { background: #fff; }
.test-ribbon { min-height: 30px; padding-block: 4px; background: #f7f7f7; color: #4b4b4b; border-bottom: 1px solid #e5e5e5; font-size: .78rem; }
.test-ribbon strong { color: #191919; }
.site-header { background: #fff; border-bottom-color: #d9d9d9; backdrop-filter: none; }
.utility-bar { background: #fff; color: #444; border-bottom: 1px solid #e5e5e5; }
.utility-inner { min-height: 34px; }
.utility-inner a:first-child { color: #3665f3; text-decoration: underline; text-underline-offset: 2px; }
.utility-inner a:hover { color: #3665f3; }
.header-inner { min-height: 92px; grid-template-columns: 235px minmax(360px,1fr) auto; gap: 22px; }
.brand { gap: 10px; }
.brand-wordmark { display: inline-flex; align-items: baseline; line-height: 1; letter-spacing: -.07em; white-space: nowrap; }
.brand-wordmark i { font-style: normal; font-size: 2.25rem; font-weight: 900; }
.brand-wordmark i:nth-child(1) { color: #16324f; }
.brand-wordmark i:nth-child(3) { color: #0b6e69; }
.brand-wordmark i:nth-child(4) { color: #e66f1a; }
.brand-wordmark i:nth-child(5) { color: #2c8f83; }
.brand-wordmark .brand-bang { margin: 0 .04em 0 .02em; color: #e53935; font-size: 1.75rem; font-weight: 950; letter-spacing: 0; transform: translateY(-.18em); }
.brand-copy { padding-top: 10px; }
.brand-copy small { display: block; color: #6a6a6a; font-size: .7rem; white-space: nowrap; }
.global-search { max-width: none; grid-template-columns: minmax(0,1fr) 150px 82px; gap: 0; }
.global-search input, .global-search select { min-height: 48px; border: 2px solid #191919; background: white; }
.global-search input { border-radius: 11px 0 0 11px; padding-inline: 17px; }
.global-search select { border-left: 0; border-radius: 0; padding-inline: 10px; color: #444; font-size: .82rem; }
.global-search .search-button { margin-left: 8px; border-radius: 11px; background: #3665f3; border-color: #3665f3; min-width: 82px; }
.search-suggest { border-radius: 12px; border-color: #bdbdbd; box-shadow: 0 10px 26px rgba(0,0,0,.15); }
.search-input-wrap { min-width: 0; }
.header-actions { gap: 2px; }
.head-quick { border-radius: 10px; }
.head-quick:hover { background: #f5f5f5; }
.primary-nav { background: #fff; color: #333; border-top: 1px solid #efefef; border-bottom: 1px solid #d7d7d7; }
.nav-inner { min-height: 44px; justify-content: center; }
.nav-inner a, .category-toggle { padding-inline: 16px; font-size: .84rem; font-weight: 500; border-bottom: 0; }
.category-toggle { margin-right: auto; min-width: 160px; justify-content: start; background: transparent; color: #555; }
.nav-inner a:hover, .nav-inner a[aria-current="page"], .category-toggle:hover { background: #f5f5f5; color: #191919; text-decoration: underline; text-underline-offset: 3px; }
.category-mega { border-bottom-color: #bdbdbd; box-shadow: 0 12px 28px rgba(0,0,0,.14); }
.category-mega-grid a { border-radius: 10px; }
.category-mega-grid a:hover { background: #f5f5f5; color: #3665f3; }
.category-dot { border-radius: 50%; background: #3665f3; }
.page-shell { padding-top: 28px; }
.section { margin-top: 48px; }
.section-kicker, .eyebrow { color: #555; text-transform: none; letter-spacing: 0; }
.section-title { font-size: 1.55rem; }
.section-more { color: #191919; text-decoration: underline; text-underline-offset: 3px; }
.btn { border-radius: 999px; }
.btn-primary, .search-button { background: #3665f3; border-color: #3665f3; }
.btn-secondary { background: #fff; border-color: #191919; color: #191919; }

.ttok-home { padding-top: 22px; }
.ttok-promo { position: relative; min-height: 360px; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr); align-items: center; padding: clamp(32px,5vw,64px); border-radius: 24px; }
.ttok-promo.hero-yellow { background: linear-gradient(135deg,#fff2d8 0%,#f4fbf9 55%,#dff5f1 100%); }
.ttok-promo.inspection-blue { min-height: 290px; margin-top: 52px; background: linear-gradient(135deg,#dff5f1,#eef7ff); }
.promo-copy { position: relative; z-index: 2; max-width: 700px; }
.promo-label { display: inline-block; margin-bottom: 10px; font-size: .78rem; font-weight: 800; letter-spacing: .04em; }
.promo-copy h1, .promo-copy h2 { margin: 0 0 16px; color: #191919; letter-spacing: -.055em; line-height: 1.03; word-break: keep-all; overflow-wrap: normal; text-wrap: balance; }
.promo-copy h1 { font-size: clamp(2.6rem,5vw,4.7rem); }
.promo-copy h2 { font-size: clamp(2rem,4vw,3.25rem); }
.promo-copy p { max-width: 650px; margin: 0 0 24px; color: #333; font-size: 1rem; }
.promo-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.btn.ttok-primary-button { min-height: 48px; padding: 10px 22px; border: 1px solid #191919; border-radius: 12px; background: #191919; color: white; font-weight: 700; }
.text-link { color: #191919; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.parts-art { position: relative; min-height: 280px; }
.parts-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; align-content: center; }
.hero-part-card { display: grid; gap: 10px; }
.hero-part-image-wrap { min-height: 132px; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 14px 34px rgba(0,0,0,.12); }
.hero-part-image { width: 100%; height: 108px; object-fit: contain; display: block; }
.hero-part-label { justify-self: start; padding: 6px 12px; border-radius: 999px; background: #191919; color: #fff; font-weight: 800; letter-spacing: .02em; }
.inspection-art { position: relative; justify-self: end; width: 260px; height: 190px; border: 5px solid #191919; background: #fff; color: #191919; box-shadow: 18px 18px 0 #3665f3; }
.inspection-art span { position: absolute; left: 22px; top: 18px; font-size: 1.2rem; }
.inspection-art b { font-size: 6rem; color: #86b817; }
.home-shortcuts { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid #d7d7d7; border-top: 0; background: white; }
.home-shortcuts a { min-height: 86px; padding: 16px 18px; display: grid; align-content: center; border-right: 1px solid #e3e3e3; }
.home-shortcuts a:last-child { border-right: 0; }
.home-shortcuts a:hover { background: #f7f7f7; }
.home-shortcuts b, .home-shortcuts small { display: block; }
.home-shortcuts b { font-size: .95rem; }
.home-shortcuts small { color: #666; font-size: .72rem; }
.ttok-categories { padding: 0; background: white; border: 0; }
.ttok-categories .category-grid { display: grid; grid-template-columns: repeat(11,minmax(90px,1fr)); gap: 18px; }
.ttok-categories .category-card { min-height: 150px; padding: 0; display: grid; grid-template-rows: 104px auto auto; justify-items: center; background: transparent; border: 0; border-radius: 16px; text-align: center; }
.ttok-categories .category-card:hover { transform: none; box-shadow: none; }
.ttok-categories .category-icon { width: 104px; height: 104px; display: grid; place-items: center; border-radius: 24px; font-size: 2rem; color: #191919; overflow: hidden; transition: transform .18s ease; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.ttok-categories .category-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
.ttok-categories .category-card:hover .category-icon { transform: scale(1.05); }
.ttok-categories .tone-1 .category-icon { background: #f7e376; }
.ttok-categories .tone-2 .category-icon { background: #d6e4ff; }
.ttok-categories .tone-3 .category-icon { background: #ffd9dc; }
.ttok-categories .tone-4 .category-icon { background: #dcebc4; }
.ttok-categories .tone-5 .category-icon { background: #eadcff; }
.ttok-categories .tone-6 .category-icon { background: #d8f1ef; }
.ttok-categories .category-card b { margin-top: 8px; font-size: .9rem; }
.ttok-categories .category-card small { color: #777; font-size: .68rem; }
.home-product-section .section-head { margin-bottom: 14px; }
.product-rail { gap: 16px; }
.product-card { border: 0; border-radius: 16px; box-shadow: none; background: white; overflow: hidden; }
.product-card:hover { transform: none; box-shadow: none; }
.product-image-wrap { border-radius: 14px; background: #f3f3f3; overflow: hidden; }
.product-content { padding: 12px 2px 4px; }
.product-content h3 { font-size: .96rem; font-weight: 500; line-height: 1.35; }
.product-price { font-size: 1.2rem; }
.ttok-home .product-facts { display: none; }
.ttok-home .product-meta { border-top: 0; padding-top: 4px; }
.ttok-home .product-card-bottom { font-size: .7rem; }
.home-empty { min-height: 150px; border: 1px dashed #bdbdbd; border-radius: 16px; background: #fafafa; }
.ttok-info-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border: 1px solid #d7d7d7; }
.ttok-info-grid article { padding: 30px; border-right: 1px solid #d7d7d7; }
.ttok-info-grid article:last-child { border-right: 0; }
.ttok-info-grid h2 { margin: 10px 0 6px; font-size: 1.2rem; }
.ttok-info-grid p { margin: 0; color: #555; }
.info-mark { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: white; font-weight: 900; }
.info-mark.red { background: #e53238; }
.info-mark.blue { background: #3665f3; }
.info-mark.green { background: #86b817; }

.setup-shell { gap: 38px; }
.setup-intro { top: 168px; color: #191919; background: #f7e376; border-radius: 16px; }
.setup-intro p, .setup-intro li { color: #333; }
.setup-steps { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 12px; }
.setup-steps li { display: flex; align-items: center; gap: 12px; }
.setup-steps b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #191919; color: white; }
.setup-help { margin-top: 22px !important; padding-top: 18px; border-top: 1px solid rgba(0,0,0,.22); }
.setup-badge { display: inline-block; margin-bottom: 7px; padding: 5px 10px; border-radius: 999px; background: #eef3ff; color: #3665f3; font-size: .72rem; font-weight: 800; }
.form-card, .filter-card, .detail-card, .panel, .table-card { border-radius: 18px; box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.field input, .field select, .field textarea, input, select, textarea { border-radius: 11px; }
.tabs a { border-radius: 11px; }
.site-footer { background: #f7f7f7; color: #333; border-top: 1px solid #d7d7d7; }
.footer-inner p, .footer-inner dt { color: #666; }

@media (max-width: 1180px) {
  .header-inner { grid-template-columns: 190px 1fr auto; }
  .brand-wordmark i { font-size: 1.9rem; }
  .brand-wordmark .brand-bang { font-size: 1.5rem; }
  .brand-copy { display: none; }
  .ttok-categories .category-grid { grid-template-columns: repeat(6,1fr); }
}
@media (max-width: 900px) {
  .ttok-promo { grid-template-columns: 1fr; min-height: 0; gap: 28px; }
  .parts-art { min-height: 240px; }
  .hero-part-image-wrap { min-height: 118px; }
  .hero-part-image { height: 94px; }
  .home-shortcuts { grid-template-columns: repeat(3,1fr); }
  .home-shortcuts a:nth-child(3) { border-right: 0; }
  .home-shortcuts a:nth-child(-n+3) { border-bottom: 1px solid #e3e3e3; }
  .ttok-categories .category-grid { grid-template-columns: repeat(4,1fr); }
  .ttok-info-grid { grid-template-columns: 1fr; }
  .ttok-info-grid article { border-right: 0; border-bottom: 1px solid #d7d7d7; }
  .ttok-info-grid article:last-child { border-bottom: 0; }
}
@media (max-width: 800px) {
  .brand-wordmark i { font-size: 1.65rem; }
  .brand-wordmark .brand-bang { font-size: 1.3rem; }
  .header-actions #session-button { border-radius: 999px; }
  .ttok-home { width: 100%; padding-top: 0; }
  .ttok-promo { padding: 30px 22px; }
  .promo-copy h1 { font-size: 2.55rem; }
  .parts-art { min-height: 240px; }
  .parts-photo-grid { gap: 12px; }
  .home-shortcuts, .ttok-categories, .home-product-section, .ttok-info-grid { width: calc(100% - 24px); margin-inline: auto; }
  .ttok-categories .category-grid { grid-template-columns: repeat(3,1fr); gap: 12px; }
  .ttok-categories .category-icon { width: 88px; height: 88px; }
  .inspection-art { justify-self: center; }
}
@media (max-width: 520px) {
  .brand-wordmark i { font-size: 1.45rem; }
  .brand-wordmark .brand-bang { font-size: 1.15rem; }
  .ttok-promo { padding: 27px 18px; }
  .promo-copy h1 { font-size: 2.15rem; }
  .promo-copy h2 { font-size: 1.85rem; }
  .parts-art { min-height: 210px; margin-inline: 0; }
  .parts-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .hero-part-image-wrap { min-height: 102px; padding: 10px; }
  .hero-part-image { height: 76px; }
  .hero-part-label { font-size: .82rem; padding: 5px 10px; }
  .home-shortcuts { grid-template-columns: 1fr 1fr; }
  .home-shortcuts a { border-bottom: 1px solid #e3e3e3; }
  .home-shortcuts a:nth-child(even) { border-right: 0; }
  .home-shortcuts a:last-child { grid-column: 1/-1; border-bottom: 0; }
  .ttok-categories .category-grid { grid-template-columns: repeat(3,1fr); gap: 8px; }
  .ttok-categories .category-card { grid-template-rows: 76px auto auto; min-height: 118px; }
  .ttok-categories .category-icon { width: 74px; height: 74px; font-size: 1.45rem; }
  .inspection-art { width: 210px; height: 150px; }
}

/* v1.1.1 상품 사진 선택 미리보기 */
.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}
.image-preview-grid figure{margin:0;border:1px solid #d8dce3;border-radius:12px;overflow:hidden;background:#fff}
.image-preview-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1f5}
.image-preview-grid figcaption{padding:8px 10px;font-size:12px;line-height:1.35;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v1.1.3 로그아웃·안심검수 단계형 운영 화면 */
.header-logout{white-space:nowrap}
.inspection-timeline{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #d7d7d7;background:#fff}
.inspection-timeline li{position:relative;min-height:92px;padding:16px 12px;display:flex;gap:10px;align-items:flex-start;border-right:1px solid #e3e3e3;color:#777}
.inspection-timeline li:last-child{border-right:0}
.inspection-timeline li>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #b8b8b8;border-radius:50%;font-weight:900;background:#fff}
.inspection-timeline li b,.inspection-timeline li small{display:block}
.inspection-timeline li b{font-size:.86rem;line-height:1.35;color:#555}
.inspection-timeline li small{margin-top:4px;font-size:.7rem}
.inspection-timeline li.done{background:#f1f8e8;color:#52740d}
.inspection-timeline li.done>span{border-color:#86b817;background:#86b817;color:#fff}
.inspection-timeline li.current{background:#eef3ff;color:#2449a8;box-shadow:inset 0 -4px 0 #3665f3}
.inspection-timeline li.current>span{border-color:#3665f3;background:#3665f3;color:#fff}
.inspection-timeline li.current b{color:#191919}
.inspection-next-card{padding:24px 28px;background:#f7e376;border:1px solid #d8c256}
.inspection-next-card span{display:inline-block;padding:4px 9px;background:#191919;color:#fff;font-size:.72rem;font-weight:800}
.inspection-next-card h2{margin:11px 0 4px;font-size:1.4rem}
.inspection-next-card p{margin:0;color:#333}
.inspection-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.inspection-summary-grid article{padding:18px;border:1px solid #d7d7d7;background:#fff}
.inspection-summary-grid span,.inspection-summary-grid b,.inspection-summary-grid small{display:block}
.inspection-summary-grid span{font-size:.75rem;color:#666}
.inspection-summary-grid b{margin-top:5px;font-size:1.05rem}
.inspection-summary-grid small{margin-top:3px;color:#777;font-size:.7rem}
.inspection-guide-banner{padding:20px 24px;border-left:5px solid #3665f3;background:#eef3ff}
.inspection-guide-banner b{display:block;margin-bottom:4px}
.inspection-guide-banner p{margin:0;color:#3f4f6e}
.inspection-item-choice{padding:16px;border:1px solid #d7d7d7;background:#fff;align-items:flex-start}
.inspection-item-choice span b,.inspection-item-choice span small{display:block}
.inspection-item-choice span small{color:#666;font-size:.72rem}
.action-panel{border-left:5px solid #3665f3}
.confirm-box{margin:16px 0;padding:14px;background:#f7f7f7;border:1px solid #d7d7d7}
.inspection-result-grid{display:grid;gap:10px;margin-bottom:18px}
.inspection-result-row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(140px,.55fr) minmax(220px,1fr);gap:14px;align-items:end;padding:14px;border:1px solid #d7d7d7;background:#fafafa}
.inspection-result-row>div:first-child{align-self:center}
.inspection-result-row b,.inspection-result-row small{display:block}
.inspection-result-row small{color:#666;font-size:.72rem}
.inspection-process-seven{grid-template-columns:repeat(7,1fr)}

@media(max-width:1180px){
  .inspection-timeline{grid-template-columns:repeat(4,1fr)}
  .inspection-timeline li:nth-child(4n){border-right:0}
  .inspection-timeline li{border-bottom:1px solid #e3e3e3}
  .inspection-process-seven{grid-template-columns:repeat(4,1fr)}
  .inspection-summary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .header-logout{padding-inline:10px}
  .inspection-timeline{grid-template-columns:1fr 1fr}
  .inspection-timeline li:nth-child(even){border-right:0}
  .inspection-result-row{grid-template-columns:1fr}
  .inspection-process-seven{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .header-logout{font-size:.76rem}
  .inspection-timeline,.inspection-summary-grid,.inspection-process-seven{grid-template-columns:1fr}
  .inspection-timeline li{border-right:0}
}

/* v1.1.5 안심검수 결제·완료 상태 */
.inspection-timeline-ten{grid-template-columns:repeat(5,minmax(0,1fr))}
.inspection-timeline-ten li:nth-child(5n){border-right:0}
.payment-panel{border-left:6px solid #3665f3}
.completion-panel{border:2px solid #2f7d32;background:#f1f8e8}
.completion-panel h2{color:#256429}
@media(max-width:1050px){
  .inspection-timeline-ten{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inspection-timeline-ten li:nth-child(5n){border-right:1px solid #e3e3e3}
  .inspection-timeline-ten li:nth-child(3n){border-right:0}
}
@media(max-width:680px){
  .inspection-timeline-ten{grid-template-columns:1fr 1fr}
  .inspection-timeline-ten li:nth-child(3n){border-right:1px solid #e3e3e3}
  .inspection-timeline-ten li:nth-child(even){border-right:0}
}
@media(max-width:430px){
  .inspection-timeline-ten{grid-template-columns:1fr}
  .inspection-timeline-ten li{border-right:0}
}

/* v1.1.6 LAN / authentication visibility refinements */
.product-card-flags { isolation: isolate; overflow: visible; }
.auth-setting-card,
.verification-panel,
.verification-off {
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px;
  background: #f8faf9;
}
.setting-switch {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 12px;
  background: white;
  border: 1px solid var(--line);
}
.setting-switch input { margin-top: 4px; width: 20px; height: 20px; }
.setting-switch b,
.setting-switch small,
.verification-off b,
.verification-off small { display: block; }
.setting-switch small,
.verification-off small { margin-top: 4px; color: var(--muted); }
.warning-note,
.success-note {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: .86rem;
  line-height: 1.55;
}
.warning-note { color: #7a4300; background: #fff4d6; border: 1px solid #f1cf80; }
.success-note { color: #0d6330; background: #e8f6ed; border: 1px solid #a7d9b8; }
.verification-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.verification-head b,
.verification-head small { display: block; }
.verification-head small { margin-top: 4px; color: var(--muted); }
.verification-row { margin-top: 12px; display: grid; grid-template-columns: auto minmax(120px,1fr) auto; gap: 8px; align-items: center; }
.verification-off { background: #eef6ff; }

@media (max-width: 620px) {
  .verification-row { grid-template-columns: 1fr; }
  .verification-row .btn { width: 100%; }
  .verification-head { align-items: flex-start; }
}

/* v1.2.1 기능별 구조 */
.product-spec-fieldset { border: 1px solid var(--line); border-radius: 14px; padding: 16px; background: #f9fcfb; }
.product-spec-fieldset legend { padding: 0 8px; color: var(--brand-900); font-weight: 900; }
.safe-purchase-state { padding: 18px; margin-bottom: 16px; border-left: 5px solid var(--orange-600); border-radius: 12px; background: var(--orange-100); }
.safe-purchase-state b { display: block; font-size: 1.25rem; color: var(--brand-900); }
.safe-purchase-state p { margin: 6px 0 0; }
.wrap-flow { flex-wrap: wrap; align-items: center; }
.wrap-flow .state-step { min-width: 120px; }
.state-step.done { border-color: var(--teal-700); background: var(--teal-100); color: var(--brand-900); }
.badge-예외처리,.badge-관리자확인,.badge-재검수요청 { background: #fff0e5; color: #8b3d00; border-color: #e66f1a; }
.badge-거래완료,.badge-구매취소완료 { background: #dcfce7; color: #166534; border-color: #86c59a; }
@media (max-width: 720px) { .safe-purchase-state { padding: 14px; } .wrap-flow .state-step { min-width: 104px; font-size: .78rem; } }


.danger-zone { border: 1px solid rgba(185, 28, 28, .26); background: rgba(254, 242, 242, .72); }
.account-withdrawal-card { grid-column: 1 / -1; display: grid; gap: 18px; }
.account-withdrawal-card .section-head { margin-bottom: 0; }
.account-withdrawal-form { display: grid; gap: 18px; }
.account-withdrawal-form .policy-details { background: #fff; border-radius: 12px; }
.account-withdrawal-card .warning-note ul { margin: 10px 0; padding-left: 22px; }
.account-withdrawal-card .warning-note li + li { margin-top: 6px; }
.account-withdrawal-card .warning-note a { color: inherit; font-weight: 800; }
.inspection-timeline.terminal { opacity: .88; }
.inspection-timeline.terminal + .inspection-next-card { border-left: 4px solid var(--muted, #64748b); }

/* v1.2.5 선택형 업무 UI */
.choice-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:10px 0}.choice-row label{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line,#d7e1e6);border-radius:10px;background:#fff;cursor:pointer}.choice-row input{margin:0}.choice-row label:has(input:checked){border-color:#0b6e69;box-shadow:0 0 0 2px rgba(11,110,105,.12)}@media(max-width:650px){.choice-row{display:grid;grid-template-columns:1fr}.choice-row label{width:100%}}

/* v1.3.0 실사용 UI 통합 */
:root{--ttok-radius-card:18px;--ttok-radius-control:11px;--ttok-shadow-card:0 10px 30px rgba(15,23,42,.06);--ttok-purple:#7c3aed}
.inspection-detail-page{max-width:1440px}.inspection-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f7fbff,#fff 62%);box-shadow:var(--ttok-shadow-card)}
.inspection-title-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inspection-title-row h1{margin:5px 0 8px}.inspection-detail-hero>div>p{max-width:950px;margin:0;color:var(--muted);line-height:1.65}
.inspection-top-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.inspection-top-meta article,.inspection-role-summary article,.engineer-kpi-grid article,.admin-task-counts article{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.inspection-top-meta span,.inspection-role-summary span,.engineer-kpi-grid span,.admin-task-counts span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.inspection-top-meta b,.inspection-role-summary b,.engineer-kpi-grid b,.admin-task-counts b{display:block;margin-top:5px;color:var(--brand-900);font-size:1rem;overflow-wrap:anywhere}.inspection-role-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.inspection-role-summary small{display:block;margin-top:5px;color:var(--muted)}
.inspection-progress-shell{margin:20px 0 16px}.inspection-mobile-current{display:none}.inspection-timeline.inspection-timeline-user{grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border-radius:16px;box-shadow:var(--ttok-shadow-card)}.inspection-timeline-user li{min-height:94px}.inspection-next-card{margin-top:0;border-radius:18px;box-shadow:var(--ttok-shadow-card)}
.inspection-result-card{margin:0 0 18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.04)}.inspection-result-card legend{padding:0 8px;font-size:1.05rem;font-weight:900}.result-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.result-choice{position:relative;cursor:pointer}.result-choice input{position:absolute;opacity:0}.result-choice span{display:flex;min-height:44px;align-items:center;justify-content:center;text-align:center;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;font-weight:800;font-size:.82rem}.result-choice input:checked+span{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.inspection-result-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.inspection-result-extra{display:none;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.inspection-result-extra.is-open{display:grid}.inspection-evidence-field{margin-top:12px}
.history-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.history-filter{min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.history-filter.active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.history-timeline{position:relative;padding-left:18px}.history-timeline:before{content:"";position:absolute;left:25px;top:10px;bottom:10px;width:2px;background:#dbe4ea}.history-timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:13px;padding:0 0 18px}.history-timeline-item[hidden]{display:none}.history-dot{z-index:1;width:14px;height:14px;margin-top:18px;border:3px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 0 0 2px #2563eb}.history-card{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.history-card h3{margin:8px 0 5px;font-size:.96rem}.history-meta{display:flex;flex-wrap:wrap;gap:7px 10px;color:var(--muted);font-size:.74rem}.history-role,.history-kind{padding:2px 7px;border-radius:999px;background:#f1f5f9;font-weight:800}.history-state{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--muted);font-size:.78rem}.tone-success .history-dot{background:#16a34a;box-shadow:0 0 0 2px #16a34a}.tone-warning .history-dot{background:#f97316;box-shadow:0 0 0 2px #f97316}.tone-error .history-dot{background:#dc2626;box-shadow:0 0 0 2px #dc2626}.tone-waiting .history-dot{background:#94a3b8;box-shadow:0 0 0 2px #94a3b8}.tone-admin .history-dot{background:var(--ttok-purple);box-shadow:0 0 0 2px var(--ttok-purple)}.tone-admin .history-card{border-color:#ddd6fe;background:#faf7ff}
.admin-nav-groups{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 14px;margin-bottom:20px}.admin-nav-group{flex:0 0 auto;display:grid;gap:4px;min-width:104px;padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff}.admin-nav-group>span{padding:0 6px;color:var(--muted);font-size:.66rem;font-weight:900}.admin-nav-group a{padding:8px 9px;border-radius:9px;color:var(--brand-900);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}.admin-nav-group a.active,.admin-nav-group a:hover{background:#eaf1ff;color:#0b57d0}.admin-work-section,.engineer-dashboard{padding:22px;border:1px solid var(--line);border-radius:20px;background:#f8fbff}.admin-task-counts{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:9px;margin:14px 0;overflow-x:auto}.admin-task-counts article b,.engineer-kpi-grid article b{font-size:1.5rem}.admin-task-list,.engineer-work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-task-card,.engineer-work-card{display:block;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.admin-task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.admin-task-card h3,.engineer-work-card h3{margin:7px 0 4px;font-size:.95rem}.admin-task-card p,.engineer-work-card p{margin:0 0 10px;color:var(--muted);font-size:.8rem;line-height:1.5}.admin-task-card.is-delayed{border-color:#fdba74;background:#fffaf5}.engineer-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 18px}.engineer-work-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.engineer-work-head small{color:var(--muted)}
@media(max-width:1100px){.inspection-top-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.inspection-role-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-timeline.inspection-timeline-user{grid-template-columns:repeat(4,minmax(0,1fr))}.result-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-task-list,.engineer-work-list{grid-template-columns:1fr}}
@media(max-width:720px){.inspection-detail-hero{grid-template-columns:1fr;padding:18px}.inspection-top-meta{grid-template-columns:1fr 1fr}.inspection-mobile-current{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.inspection-mobile-current span,.inspection-mobile-current b,.inspection-mobile-current small{display:block}.inspection-progress-shell .inspection-timeline-user{display:none;grid-template-columns:1fr;margin-top:8px}.inspection-progress-shell.expanded .inspection-timeline-user{display:grid}.inspection-role-summary,.inspection-result-controls,.inspection-result-extra{grid-template-columns:1fr}.result-choice-grid{grid-template-columns:1fr 1fr}.engineer-kpi-grid{grid-template-columns:1fr 1fr}.admin-task-card{grid-template-columns:1fr}.history-timeline{padding-left:8px}.history-timeline:before{left:15px}}
@media(max-width:420px){.inspection-top-meta,.inspection-role-summary,.result-choice-grid,.engineer-kpi-grid{grid-template-columns:1fr}.inspection-mobile-current{grid-template-columns:1fr}}

/* v1.3.2 realtime chat badge */
.header-chat-button { position: relative; text-decoration: none; }
.header-chat-button .count-badge, #notification-button .count-badge { position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; }
.toast { display: flex; align-items: center; gap: 12px; }
.toast > span { flex: 1; min-width: 0; }
.toast-action { flex: 0 0 auto; font-weight: 700; text-decoration: underline; color: inherit; }
.mobile-nav .inline-count { margin-left: 3px; }


/* v1.3.4 buyer fulfillment selection */
.chat-activity-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 4px;padding:16px 18px;border:1px solid #d8e4ff;border-radius:16px;background:#f7faff;box-shadow:0 6px 18px rgba(15,63,145,.06)}
.chat-activity-card h3{margin:4px 0 5px;font-size:16px}.chat-activity-card p{margin:0;color:#60708a;font-size:13px}.chat-activity-card .eyebrow{color:#1769ff}.inspection-activity{border-color:#cfe0ff;background:linear-gradient(135deg,#f8fbff,#eef5ff)}
@media(max-width:640px){.chat-activity-card{align-items:stretch;flex-direction:column}.chat-activity-card .btn{width:100%}}

/* v1.4.0 production notification navigation */
.notification-list { gap: 8px; }
.notification-row {
  width: 100%;
  border: 1px solid var(--line, #e3e7ec);
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.notification-row:hover, .notification-row:focus-visible { border-color: #8eb4ff; background: #f7faff; outline: none; }
.notification-row.unread { border-left: 4px solid #246bfd; background: #f8fbff; }
.notification-meta { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.notification-unread-dot { width: 8px; height: 8px; border-radius: 999px; background: #246bfd; display: inline-block; }
.empty-note { padding: 28px 12px; color: #667085; text-align: center; }

/* v1.4.3 test - inspection selection, alignment, accordion usability */
.sell-inspection-section {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 18px;
  background: #fbfcfc;
}
.sell-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}
.sell-section-head > div > b { display: block; color: var(--text); font-size: 1rem; }
.sell-section-head > div > small { display: block; margin-top: 4px; color: var(--muted); line-height: 1.45; }
.toggle-choice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid #aebfbc;
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  font-weight: 800;
  white-space: nowrap;
}
.toggle-choice input { width: 18px; min-height: 18px; margin: 0; }
.sell-inspection-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.sell-inspection-options[hidden] { display: none !important; }
.sell-inspection-options .field > label,
.form-card .field > label {
  color: var(--text);
  line-height: 1.3;
}
.sell-inspection-options .field > small,
.form-card .field > small { color: #66736f; }
.inspection-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}
.inspection-support-choice {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 82px;
  padding: 13px 14px;
  border: 1px solid #c9d4d1;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.inspection-support-choice:hover { border-color: var(--teal-700); }
.inspection-support-choice:has(input:checked) {
  border-color: var(--teal-700);
  background: var(--teal-100);
  box-shadow: 0 0 0 2px rgba(11,110,105,.1);
}
.inspection-support-choice input { width: 19px; min-height: 19px; margin-top: 2px; flex: none; }
.inspection-support-choice span { min-width: 0; display: grid; gap: 4px; }
.inspection-support-choice b { color: var(--text); }
.inspection-support-choice small { margin: 0 !important; color: #66736f !important; line-height: 1.4; }
.inspection-supported-list { display: flex; flex-wrap: wrap; gap: 8px; }
.inspection-supported-list span {
  padding: 8px 11px;
  border: 1px solid #b9d6d0;
  border-radius: 999px;
  background: #eef9f6;
  color: #0b5d59;
  font-weight: 800;
  font-size: .85rem;
}
.product-detail-accordions { display: grid; gap: 10px; }
.detail-accordion {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15,23,42,.045);
}
.detail-accordion > summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 66px;
  padding: 15px 18px;
  cursor: pointer;
  user-select: none;
}
.detail-accordion > summary::-webkit-details-marker { display: none; }
.detail-accordion > summary span:first-child { min-width: 0; display: grid; gap: 3px; }
.detail-accordion > summary b { color: var(--text); font-size: 1rem; }
.detail-accordion > summary small { color: var(--muted); }
.detail-accordion-arrow { color: var(--muted); font-size: 1.25rem; transition: transform .18s ease; }
.detail-accordion[open] .detail-accordion-arrow { transform: rotate(180deg); }
.detail-accordion-body { padding: 0 18px 18px; border-top: 1px solid #eef1f0; }
.detail-accordion-body .spec-list { margin-bottom: 0; }

.inspection-timeline-user li { padding: 0; }
.inspection-timeline-user li > button {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.inspection-timeline-user li > button:hover { background: rgba(11,110,105,.055); }
.inspection-timeline-user li > button > span {
  flex: none;
}
.inspection-timeline-user li > button > div { min-width: 0; }
.inspection-timeline-user li > button b,
.inspection-timeline-user li > button small { display: block; }
.inspection-timeline-user li > button small { margin-top: 3px; color: var(--muted); }
.inspection-stage-detail-shell { margin-top: 12px; }
.inspection-stage-detail {
  padding: 16px 18px;
  border: 1px solid #cfdcd9;
  border-radius: 14px;
  background: #fff;
}
.inspection-stage-detail[hidden] { display: none; }
.inspection-stage-detail h3 { margin: 4px 0 6px; color: var(--text); }
.inspection-stage-detail p { margin: 0; color: #52615e; line-height: 1.6; }

@media (max-width: 900px) {
  .inspection-support-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .sell-section-head { align-items: flex-start; flex-direction: column; }
  .sell-inspection-options { grid-template-columns: 1fr; }
  .inspection-support-grid { grid-template-columns: 1fr; }
  .inspection-support-choice { min-height: 0; }
}
.card-flag.refurb { background: #146b32; color: #fff; }

/* v1.4.4 test - header alignment / typography / color normalization */
:root {
  --header-text: #111827;
  --header-subtext: #667085;
  --header-active: #3665f3;
  --header-hover: #f5f7fb;
}

/* Keep every utility item on one visual baseline. */
.header-actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 6px;
  min-height: 64px;
}
.header-actions > .icon-btn,
.header-actions > .head-quick,
.header-actions > #session-button,
.header-actions > .header-logout {
  box-sizing: border-box;
  min-height: 64px;
  margin: 0;
  align-self: stretch;
  border-radius: 14px;
  line-height: 1.2;
}

/* Chat / notification: same size, color and weight. */
.header-actions > .icon-btn {
  display: inline-flex;
  min-width: 70px;
  padding: 0 13px;
  align-items: center;
  justify-content: center;
  color: var(--header-text);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  text-decoration: none;
  background: transparent;
}
.header-actions > .icon-btn:hover,
.header-actions > .icon-btn:focus-visible {
  color: var(--header-active);
  background: var(--header-hover);
  text-decoration: none;
}

/* Two-line shortcuts share one typography system. */
.header-actions > .head-quick {
  display: flex;
  min-width: 112px;
  padding: 8px 14px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  color: var(--header-text);
  text-decoration: none;
  background: transparent;
}
.header-actions > .head-quick b {
  color: var(--header-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.header-actions > .head-quick small {
  margin: 0;
  color: var(--header-subtext);
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.header-actions > .head-quick:hover,
.header-actions > .head-quick:focus-visible {
  background: var(--header-hover);
  text-decoration: none;
}
.header-actions > .head-quick:hover b,
.header-actions > .head-quick:focus-visible b {
  color: var(--header-active);
}

/* Account and logout are right-side actions, not heavier navigation labels. */
.header-actions > #session-button,
.header-actions > .header-logout {
  padding: 0 22px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  white-space: nowrap;
  transform: none;
}
.header-actions > #session-button {
  min-width: 128px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: var(--header-text);
}
.header-actions > #session-button:hover,
.header-actions > #session-button:focus-visible {
  border-color: #aeb6c2;
  background: var(--header-hover);
  color: var(--header-active);
}
.header-actions > .header-logout {
  min-width: 112px;
  border: 1px solid #b42318;
  background: #b42318;
  color: #fff;
}
.header-actions > .header-logout:hover,
.header-actions > .header-logout:focus-visible {
  border-color: #912018;
  background: #912018;
  color: #fff;
}

/* Search CTA follows the same primary typography, but remains the primary blue action. */
.global-search .search-button {
  min-height: 52px;
  border-radius: 14px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  transform: none;
}

/* Badge positioning must not alter header item alignment. */
.header-chat-button .count-badge,
#notification-button .count-badge {
  top: 5px;
  right: 5px;
}

@media (max-width: 1320px) {
  .header-inner { grid-template-columns: 190px minmax(300px,1fr) auto; gap: 14px; }
  .header-actions { gap: 3px; }
  .header-actions > .icon-btn { min-width: 60px; padding-inline: 9px; }
  .header-actions > .head-quick { min-width: 98px; padding-inline: 10px; }
  .header-actions > #session-button { min-width: 112px; padding-inline: 16px; }
  .header-actions > .header-logout { min-width: 96px; padding-inline: 15px; }
}

@media (max-width: 1180px) {
  .header-actions > .head-quick { display: none; }
}

@media (max-width: 800px) {
  .header-actions { min-height: 48px; }
  .header-actions > .icon-btn,
  .header-actions > .head-quick,
  .header-actions > #session-button,
  .header-actions > .header-logout { min-height: 48px; }
  .header-actions > #session-button,
  .header-actions > .header-logout { font-size: .84rem; padding-inline: 12px; }
}

/* v1.4.4 test - admin dashboard cards are direct navigation targets */
.admin-task-counts .admin-task-count {
  min-width: 0;
  min-height: 112px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  gap: 5px;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}
.admin-task-counts .admin-task-count span {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
}
.admin-task-counts .admin-task-count b {
  margin-top: 0;
  color: var(--header-text, var(--text));
  font-size: 1.5rem;
  font-weight: 800;
}
.admin-task-counts .admin-task-count small {
  color: var(--header-subtext, var(--muted));
  font-size: .72rem;
  font-weight: 600;
}
.admin-task-counts .admin-task-count:hover,
.admin-task-counts .admin-task-count:focus-visible {
  border-color: #8eafff;
  background: #f7f9ff;
  box-shadow: 0 8px 22px rgba(54,101,243,.10);
  transform: translateY(-2px);
  outline: none;
}
.admin-task-counts .admin-task-count.is-active {
  border-color: #3665f3;
  background: #eef3ff;
  box-shadow: 0 0 0 2px rgba(54,101,243,.10);
}
.admin-task-filter-bar {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 0 12px;
  padding: 9px 12px;
  border: 1px solid #d9e2ff;
  border-radius: 12px;
  background: #f8faff;
}
.admin-task-filter-bar > div { display: flex; align-items: center; gap: 8px; }
.admin-task-filter-bar b { color: #244fbf; }
.admin-task-filter-bar span { color: var(--muted); font-size: .82rem; }
.admin-summary-link {
  display: grid;
  gap: 2px;
  min-height: 132px;
  align-content: center;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}
.admin-summary-link small { margin-top: 6px; font-size: .76rem; font-weight: 600; }
.admin-summary-link:hover,
.admin-summary-link:focus-visible {
  border-color: #8eafff;
  background: #f8faff;
  box-shadow: 0 8px 22px rgba(54,101,243,.08);
  transform: translateY(-2px);
  outline: none;
}

/* Final header dimensions: one baseline, one weight system, one action palette. */
.header-inner { min-height: 88px; }
.header-actions { min-height: 56px; align-items: stretch; }
.header-actions > .icon-btn,
.header-actions > .head-quick,
.header-actions > #session-button,
.header-actions > .header-logout { min-height: 56px; height: 56px; }
.header-actions > .icon-btn { font-size: .96rem; font-weight: 700; }
.header-actions > .head-quick { justify-content: center; gap: 4px; }
.header-actions > .head-quick b { font-size: .96rem; font-weight: 700; }
.header-actions > .head-quick small { font-size: .75rem; font-weight: 500; color: #667085; }
.header-actions > #session-button,
.header-actions > .header-logout { font-size: .96rem; font-weight: 700; }
.header-actions > .header-logout {
  background: #fff;
  color: #b42318;
  border-color: #d92d20;
}
.header-actions > .header-logout:hover,
.header-actions > .header-logout:focus-visible {
  background: #fff3f2;
  color: #912018;
  border-color: #b42318;
}
.global-search input,
.global-search select,
.global-search .search-button { min-height: 56px; height: 56px; }
.global-search .search-button { font-size: .96rem; font-weight: 700; }

@media (max-width: 720px) {
  .admin-task-filter-bar { align-items: stretch; flex-direction: column; }
  .admin-task-filter-bar .btn { width: 100%; }
}


/* v1.4.5 test - one-time search help and seller-only listing status */
.search-first-help { margin: 6px 8px; color: var(--muted); line-height: 1.65; }
#sell-status:disabled { background: #f5f7fa; color: var(--muted); cursor: not-allowed; }

/* v1.5.0-test — transaction/inspection workflow optimization */
:root {
  --ui-control-h: 50px;
  --ui-radius: 14px;
  --ui-gap: 16px;
}

/* Search: preserve the exact placeholder at every supported width. */
.global-search { min-width: 0; }
.search-input-wrap { min-width: 0; width: 100%; }
#global-search-input {
  width: 100%;
  min-width: 15.5ch;
  box-sizing: border-box;
  font-size: clamp(14px, 0.96rem, 16px);
  font-weight: 500;
  letter-spacing: -.02em;
  padding-left: 16px;
  padding-right: 12px;
  text-overflow: clip;
}
#global-search-input::placeholder {
  color: #667085;
  opacity: 1;
  font-weight: 500;
  font-size: inherit;
  letter-spacing: -.02em;
}
.search-first-help { padding: 10px 12px; margin: 0; border-radius: 10px; background: #f8fafc; }

/* Shared field alignment. */
.form-grid { align-items: start; }
.field > label, .field > legend { min-height: 24px; display: flex; align-items: center; gap: 5px; color: #182230; font-weight: 700; }
.field > input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.field > select { min-height: var(--ui-control-h); box-sizing: border-box; }
.field > small { display: block; margin-top: 7px; line-height: 1.55; color: #667085; }
.btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.btn-small { min-height: 36px; }

/* Transaction workspace */
.trade-detail-page { max-width: 1220px; }
.trade-hero { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 20px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.trade-product-thumb { width: 108px; aspect-ratio: 1; overflow: hidden; border-radius: 14px; background: #f4f6f8; }
.trade-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.trade-title-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.trade-title-row h1 { margin: 3px 0 5px; }
.trade-hero-copy > p { margin: 0; color: var(--muted); }
.trade-context-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.trade-context-grid article { min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.trade-context-grid span { display: block; color: var(--muted); font-size: .78rem; }
.trade-context-grid b { display: block; margin-top: 4px; overflow-wrap: anywhere; }
.trade-progress { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.trade-progress li { min-width: 0; min-height: 100px; display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.trade-progress li > span { flex: 0 0 30px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 999px; background: #f0f2f5; color: #667085; font-weight: 800; }
.trade-progress li b, .trade-progress li small { display: block; }
.trade-progress li small { margin-top: 4px; color: var(--muted); line-height: 1.35; }
.trade-progress li.done { border-color: #b7e4c7; background: #f4fbf6; }
.trade-progress li.done > span { background: #dcfce7; color: #15803d; }
.trade-progress li.current { border-color: #8eafff; background: #f5f8ff; box-shadow: 0 0 0 2px rgba(54,101,243,.08); }
.trade-progress li.current > span { background: #3665f3; color: #fff; }
.trade-progress li.cancelled { border-color: #f3b8b3; background: #fff7f6; }
.trade-progress li.cancelled > span { background: #fee4e2; color: #b42318; }
.trade-next-card { padding: 22px; border: 1px solid #cbd8ff; border-left: 5px solid #3665f3; border-radius: 16px; background: #f8faff; }
.trade-next-card > span { color: #244fbf; font-weight: 700; font-size: .82rem; }
.trade-next-card h2 { margin: 6px 0; }
.trade-next-card p { margin: 0; color: #475467; }
.trade-next-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.trade-list-link { text-decoration: none; }
.trade-list-link:hover, .trade-list-link:focus-visible { background: #f8faff; border-color: #b8c9ff; outline: none; }

/* Reuse compact visual workflow for safe-purchase instead of exposing internal states. */
.safe-purchase-progress { grid-template-columns: repeat(6,minmax(0,1fr)); }

/* Engineer work inbox cards are actual navigation controls. */
.engineer-kpi-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.engineer-kpi-card { min-height: 112px; padding: 16px; display: grid; align-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: inherit; text-decoration: none; transition: transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
.engineer-kpi-card span, .engineer-kpi-card small { color: var(--muted); }
.engineer-kpi-card b { font-size: 1.65rem; }
.engineer-kpi-card:hover, .engineer-kpi-card:focus-visible, .engineer-kpi-card.active { border-color: #8eafff; background: #f8faff; box-shadow: 0 7px 18px rgba(54,101,243,.08); outline: none; transform: translateY(-1px); }
.engineer-filter-title { margin: 18px 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.engineer-filter-title span { color: var(--muted); }

/* Timeline filters and cards should remain readable on narrow widths. */
.history-filters { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.history-filter { flex: 0 0 auto; }

@media (max-width: 1180px) {
  .trade-context-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trade-progress, .safe-purchase-progress { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .engineer-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 960px) {
  .header-inner { grid-template-columns: minmax(0,1fr) auto; gap: 10px 12px; padding-block: 10px; }
  .brand { grid-column: 1; }
  .header-actions { grid-column: 2; }
  .global-search { display: grid; grid-column: 1 / -1; grid-row: 2; max-width: none; grid-template-columns: minmax(0,1fr) 76px; gap: 8px; }
  .global-search select { display: none; }
  .global-search input { border-radius: 12px; border: 2px solid #191919; }
  .global-search .search-button { margin-left: 0; min-width: 76px; }
}

@media (max-width: 720px) {
  .header-inner { width: calc(100% - 20px); grid-template-columns: minmax(0,1fr) auto; }
  #global-search-input { font-size: 15px; padding-inline: 12px; }
  .trade-hero { grid-template-columns: 72px minmax(0,1fr); gap: 12px; padding: 16px; }
  .trade-product-thumb { width: 72px; }
  .trade-context-grid { grid-template-columns: 1fr 1fr; }
  .trade-progress, .safe-purchase-progress { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; }
  .trade-progress li { min-width: min(78vw,260px); scroll-snap-align: start; }
  .trade-next-actions .btn { width: 100%; }
  .engineer-kpi-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .global-search { grid-template-columns: minmax(0,1fr) 68px; }
  .global-search .search-button { min-width: 68px; padding-inline: 8px; }
  .trade-context-grid { grid-template-columns: 1fr; }
  .engineer-kpi-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .global-search { grid-template-columns: minmax(0,1fr) 64px; gap: 6px; }
  .global-search .search-button { min-width: 64px; padding-inline: 6px; }
  #global-search-input { font-size: 14px; padding-inline: 10px; }
}


/* v1.5.2-test — search placeholder/login-state consistency */
#global-search-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  line-height: 1.35;
  padding-left: 18px;
  padding-right: 18px;
  overflow: visible;
}
#global-search-input::placeholder {
  color: #667085;
  opacity: 1;
  font: inherit;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (max-width: 720px) {
  #global-search-input { padding-inline: 14px; font-size: 15px; }
}
@media (max-width: 480px) {
  #global-search-input { padding-inline: 12px; font-size: 14px; }
}

/* v1.6.1-test — CMS, banners, theme, policy, permission and admin trash administration */
.cms-banner-zone { display: grid; gap: 12px; margin: 0 0 24px; }
.cms-banner-zone.is-rotating .cms-banner-card { display: none; }
.cms-banner-zone.is-rotating .cms-banner-card.is-current { display: grid; animation: cms-banner-in .24s ease-out; }
@keyframes cms-banner-in { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.btn { border-radius: var(--button-radius,999px); }
.cms-banner-card { min-height: 126px; display: grid; grid-template-columns: minmax(220px,42%) 1fr; align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius,18px); background: #fff; color: inherit; text-decoration: none; }
.cms-banner-card picture { display: block; height: 100%; min-height: 126px; background: #f4f6f8; }
.cms-banner-card img { width: 100%; height: 100%; min-height: 126px; object-fit: cover; }
.cms-banner-card > span { display: grid; gap: 6px; padding: 20px 24px; }
.cms-banner-card b { font-size: clamp(1.1rem,2vw,1.55rem); }
.cms-banner-card small { color: var(--muted); line-height: 1.55; }
.cms-preview-canvas { display: grid; gap: 8px; padding: 14px; border: 1px dashed #9aa8bd; border-radius: 16px; background: #f8fafc; }
.cms-preview-block { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.cms-preview-block.is-hidden { opacity: .55; }
.cms-preview-block small { color: var(--muted); }
.banner-admin-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 14px; }
.banner-admin-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.banner-admin-card > img { width: 100%; aspect-ratio: 16 / 6; object-fit: cover; background: #f4f6f8; }
.banner-admin-card > div { padding: 15px; }
.banner-admin-card h3 { margin: 10px 0 5px; }
.banner-admin-card p,.banner-admin-card small { color: var(--muted); }
.theme-preview { padding: 22px; border: 1px solid var(--line); border-radius: var(--preview-radius,18px); background: var(--preview-bg,#fff); color: var(--preview-text,#111); }
.theme-preview article { margin-top: 14px; padding: 16px; border: 1px solid currentColor; border-radius: var(--preview-radius,18px); }
.theme-preview button { min-height: 40px; padding: 8px 14px; border: 0; border-radius: var(--button-radius,12px); background: var(--preview-primary,#3665f3); color: #fff; font-weight: 800; }
.permission-matrix-guide { display: block; margin-top: 8px; color: #667085; font-size: .82rem; line-height: 1.5; }
.permission-matrix-wrap { max-width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.permission-matrix { min-width: 1580px; table-layout: fixed; }
.permission-matrix th,
.permission-matrix td { text-align: center; vertical-align: middle; }
.permission-matrix thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  min-width: 86px;
  width: 86px;
  padding: 12px 7px;
  background: #eef6f5;
  color: #17312f;
  border-bottom: 1px solid #cddbd9;
  white-space: normal;
  writing-mode: horizontal-tb;
  font-size: .78rem;
  line-height: 1.3;
  font-weight: 800;
}
.permission-matrix thead th:first-child {
  left: 0;
  z-index: 5;
  width: 178px;
  min-width: 178px;
  background: #163f3b;
  color: #fff;
  white-space: nowrap;
}
.permission-matrix tbody th {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 178px;
  min-width: 178px;
  padding: 12px 14px;
  background: #fff;
  color: #20262e;
  text-align: left;
  white-space: nowrap;
  font-size: .86rem;
  font-weight: 800;
  box-shadow: 1px 0 0 var(--line);
}
.permission-matrix tbody tr:nth-child(even) th { background: #fbfcfd; }
.permission-matrix tbody tr:hover th { background: #f3f8f7; }
.permission-column-label { display: block; color: inherit; word-break: keep-all; overflow-wrap: normal; }
.permission-toggle { display: grid; place-items: center; min-height: 40px; cursor: pointer; }
.permission-toggle input { width: 19px; height: 19px; accent-color: var(--primary,#3665f3); cursor: pointer; }
.permission-toggle:focus-within { outline: 2px solid #2f6df6; outline-offset: 2px; border-radius: 6px; }
@media (max-width: 760px) {
  .permission-matrix { min-width: 1460px; }
  .permission-matrix thead th { min-width: 78px; width: 78px; font-size: .74rem; }
  .permission-matrix thead th:first-child,
  .permission-matrix tbody th { min-width: 154px; width: 154px; }
}
.policy-consent-field,.policy-status-note { padding: 14px; border: 1px solid #d9e2f1; border-radius: 12px; background: #f8faff; }
.policy-consent-field small,.policy-status-note small { display: block; margin-top: 5px; color: var(--muted); }

@media (max-width: 720px) {
  .cms-banner-card { grid-template-columns: 1fr; }
  .cms-banner-card picture,.cms-banner-card img { min-height: 108px; }
  .cms-preview-block { align-items: flex-start; flex-direction: column; }
}

/* v1.6.2-test — approved A-plan marketplace usability additions */
.suggest-title-row,
.recent-search-row,
.market-view-toolbar,
.pagination,
.product-gallery-thumbs {
  display: flex;
  align-items: center;
}

/* v1.6.3-test — policy consent, fee policy, and internal feedback */
.feedback-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.feedback-meta-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfb}.feedback-images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.feedback-images img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.feedback-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.feedback-pagination .disabled{pointer-events:none;opacity:.45}.feedback-detail .post-body{white-space:pre-wrap;overflow-wrap:anywhere}.policy-consent-field,.required-policy{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfdfd}.policy-details{margin-top:12px}.policy-document{max-height:420px;overflow:auto;padding:18px;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:#fff;line-height:1.75}.policy-copy-actions{display:flex;gap:8px;margin-top:10px}.policy-summary p{margin-bottom:8px}
@media(max-width:820px){.feedback-meta-grid{grid-template-columns:1fr 1fr}.feedback-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.feedback-meta-grid{grid-template-columns:1fr}.feedback-images{grid-template-columns:1fr 1fr}}
.suggest-title-row { justify-content: space-between; gap: 12px; padding: 5px 9px; }
.suggest-title-row > strong { color: var(--muted); font-size: .76rem; }
.suggest-clear,
.recent-search-delete { min-height: 32px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.suggest-clear:hover,
.recent-search-delete:hover { background: #fff1ef; color: var(--danger); }
.recent-search-row { justify-content: space-between; gap: 8px; border-radius: 9px; }
.recent-search-row > a { flex: 1; min-width: 0; }
.recent-search-delete { flex: none; width: 34px; padding: 0; font-weight: 900; }
.market-view-toolbar { justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 18px 0 12px; }
.market-view-toolbar > div { display: flex; gap: 6px; }
.product-grid.product-list-view { grid-template-columns: 1fr; }
.product-grid.product-list-view .product-card > a { display: grid; grid-template-columns: minmax(190px, 280px) 1fr; }
.product-grid.product-list-view .product-image { height: 100%; min-height: 180px; aspect-ratio: auto; }
.pagination { justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 28px; }
.pagination a { min-width: 40px; min-height: 40px; display: inline-grid; place-items: center; padding: 6px 10px; border: 1px solid var(--line); border-radius: 9px; background: white; font-weight: 800; }
.pagination a[aria-current="page"] { background: var(--brand-900); color: white; border-color: var(--brand-900); }
.pagination a.disabled { opacity: .45; pointer-events: none; }
.product-gallery-thumbs { gap: 9px; margin-top: 12px; overflow-x: auto; padding: 2px 2px 7px; }
.gallery-thumb { flex: 0 0 82px; width: 82px; height: 64px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: white; cursor: pointer; }
.gallery-thumb[aria-pressed="true"] { border-color: var(--orange-600); }
.gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.axis-status-card { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 14px 0 20px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #f8faf9; }
.axis-status-card > div { min-width: 0; padding: 10px 12px; border-radius: 10px; background: white; }
.axis-status-card small,
.axis-status-card b { display: block; }
.axis-status-card small { color: var(--muted); }
.axis-status-card > small { grid-column: 1 / -1; }
.axis-status-card b { margin-top: 3px; overflow-wrap: anywhere; }
.mfa-enroll { display: grid; gap: 16px; justify-items: stretch; }
.mfa-enroll > img { width: min(280px,100%); height: auto; justify-self: center; border: 1px solid var(--line); border-radius: 12px; background: white; }
.mfa-enroll > label { display: grid; gap: 6px; min-width: 0; }
.mfa-enroll code { display: block; padding: 10px 12px; overflow-wrap: anywhere; border-radius: 9px; background: #f2f4f7; font-size: .88rem; }
.recovery-code-list { max-height: 320px; margin: 0; padding: 16px; overflow: auto; border-radius: 12px; background: #101828; color: #f9fafb; font: 700 .95rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; user-select: all; }

@media (max-width: 640px) {
  .product-grid.product-list-view .product-card > a { grid-template-columns: 118px minmax(0,1fr); }
  .product-grid.product-list-view .product-image { min-height: 142px; }
  .axis-status-card { grid-template-columns: 1fr; }
}


/* v1.6.3.2.14 — role-targeted test participation popup for members and inspection engineers */
.test-participation-popup{display:grid;gap:16px;min-width:min(560px,78vw);max-width:720px}
.test-popup-image{width:100%;max-height:320px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#f5f7f8}
.test-popup-copy{padding:14px 16px;border-radius:13px;background:#f8fbff;line-height:1.75;font-size:.95rem}
.test-popup-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.test-popup-actions{display:flex;gap:10px;flex-wrap:wrap}
.test-popup-actions .btn-primary{flex:1 1 260px}
.popup-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.popup-admin-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.popup-admin-card>img{width:160px;height:120px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}
.popup-admin-card h3{margin:9px 0 5px}
.popup-admin-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);line-height:1.55;max-height:7.2em;overflow:auto}
.popup-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}
.popup-stats b{padding:8px;border-radius:9px;background:#f6f8fa;text-align:center;font-size:.76rem}
@media(max-width:820px){.popup-admin-grid{grid-template-columns:1fr}.popup-admin-card{grid-template-columns:120px minmax(0,1fr)}.popup-admin-card>img{width:120px;height:100px}}
@media(max-width:560px){.test-participation-popup{min-width:0}.test-popup-quick{grid-template-columns:1fr}.popup-admin-card{grid-template-columns:1fr}.popup-admin-card>img{width:100%;height:auto;max-height:220px}.popup-stats{grid-template-columns:1fr 1fr}}

/* v1.6.3.2.24 — private media, EXIF removal, admin MFA security hotfix */
/* v1.6.3.2.25 — admin-controlled global MFA policy, disabled by default */
/* v1.6.3.2.27 — safe-inspection tiered pricing, disclosure, responsibility and storage */
.auth-field-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.auth-field-head a,.auth-help-row a { color:var(--orange-600); font-size:.86rem; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.auth-help-row { margin:15px 0 0; padding:12px 14px; border-radius:11px; background:#fff7ed; color:#6f3b15; font-size:.9rem; }

/* FIX20 business information footer */
.business-footer { background:#fff; color:#202124; border-top:1px solid #ececec; padding:34px 0 36px; }
.business-footer-inner { width:min(calc(100% - 48px), 1460px); margin:0 auto; }
.business-footer-nav { display:flex; align-items:center; gap:24px; min-height:42px; font-size:.95rem; font-weight:700; }
.business-footer-nav a { color:#1f2328; text-decoration:none; }
.business-footer-nav a.privacy { color:#e53935; }
.business-footer-nav button { margin-left:auto; border:1px solid #d8dde3; border-radius:7px; background:#fff; color:#4a5562; padding:5px 10px; cursor:pointer; }
.business-footer-rule { height:3px; background:#202124; margin:8px 0 54px; }
.business-footer-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr); gap:72px; }
.business-footer-company { padding-right:70px; border-right:1px solid #e1e4e8; }
.business-footer h2 { margin:0 0 22px; color:#17191c; font-size:1.65rem; letter-spacing:-.04em; }
.business-bank-line { display:flex; flex-wrap:wrap; align-items:baseline; gap:13px 20px; min-height:58px; padding:0 0 30px; border-bottom:1px solid #e6e8eb; }
.business-bank-line .business-bank-name { color:#1267a8; font-size:1.55rem; font-weight:900; }
.business-bank-line strong { color:#07090c; font-size:2.1rem; line-height:1.1; letter-spacing:.035em; }
.business-bank-line b { font-size:1rem; }
.business-footer-empty { color:#7a828c; }
.business-company-meta { margin-top:28px; color:#737b84; font-size:.93rem; line-height:1.7; }
.business-company-meta p { margin:4px 0; }
.business-company-meta b { color:#535b64; }
.business-copyright { margin:34px 0 0; color:#353b42; font-size:.9rem; }
.business-footer-support h2 { margin-bottom:12px; }
.business-support-phone { display:block; color:#05070a; font-size:3.45rem; line-height:1.1; letter-spacing:.02em; }
.business-support-notes { margin:12px 0 34px; color:#f06a2b; line-height:1.65; }
.business-footer-support section { margin-top:25px; }
.business-footer-support h3 { margin:0 0 9px; font-size:1.05rem; }
.business-footer-support p { margin:0; line-height:1.65; color:#353b42; }
@media (max-width:900px) {
  .business-footer-inner { width:min(calc(100% - 28px), 1460px); }
  .business-footer-nav { gap:14px; overflow-x:auto; white-space:nowrap; }
  .business-footer-rule { margin-bottom:30px; }
  .business-footer-grid { grid-template-columns:1fr; gap:36px; }
  .business-footer-company { padding-right:0; padding-bottom:34px; border-right:0; border-bottom:1px solid #e1e4e8; }
  .business-bank-line strong { font-size:1.55rem; }
  .business-support-phone { font-size:2.55rem; }
}
.password-recovery-intro { margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.password-recovery-intro h2 { margin:5px 0 7px; font-size:1.7rem; }
.password-recovery-intro p { margin:0; color:var(--muted); line-height:1.65; }
#reset-confirm-zone { margin-top:24px; padding-top:5px; border-top:1px dashed var(--line); }
#reset-request-status:empty { display:none; }
#reset-request-status:not(:empty) { margin-bottom:14px; }
.signup-page { max-width: 1040px; }
.signup-shell { width: min(100%, 940px); margin: 0 auto; }
.signup-brand { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:28px; }
.signup-brand-link { display:inline-flex; align-items:center; gap:12px; }
.signup-brand-mark { width:58px; height:58px; display:grid; place-items:center; border-radius:19px 7px 19px 7px; background:linear-gradient(145deg,var(--brand-900),var(--teal-700)); color:#fff; font-size:1.24rem; font-weight:950; box-shadow:0 10px 24px rgba(22,50,79,.16); }
.signup-brand-link b { display:block; font-size:1.45rem; letter-spacing:-.04em; }
.signup-brand-link small { display:block; color:var(--muted); font-size:.78rem; }
.signup-login-link { color:var(--muted); font-size:.9rem; }
.signup-login-link b { color:var(--orange-600); }
.signup-heading { text-align:center; margin:8px 0 28px; }
.signup-heading h1 { margin:5px 0 8px; font-size:clamp(2rem,5vw,3rem); letter-spacing:-.05em; }
.signup-heading p { margin:0; color:var(--muted); }
.signup-progress { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); max-width:720px; margin:0 auto 24px; padding:0; position:relative; }
.signup-progress::before { content:""; position:absolute; left:16.5%; right:16.5%; top:22px; height:2px; background:#dfe6e4; z-index:0; }
.signup-progress li { position:relative; z-index:1; display:grid; justify-items:center; gap:7px; color:#87938f; font-size:.84rem; font-weight:800; text-align:center; }
.signup-progress li b { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:2px solid #d6dfdd; background:#fff; color:#7b8985; }
.signup-progress li.active { color:var(--brand-900); }
.signup-progress li.active b { border-color:var(--orange-600); background:var(--orange-600); color:#fff; box-shadow:0 0 0 6px rgba(230,111,26,.12); }
.signup-progress li.done { color:var(--teal-700); }
.signup-progress li.done b { border-color:var(--teal-700); background:var(--teal-700); color:#fff; }
.signup-card { background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 18px 50px rgba(18,42,56,.09); overflow:hidden; }
.signup-step { padding:34px; }
.signup-step-head { margin-bottom:24px; }
.signup-step-head > span { display:inline-block; color:var(--orange-600); font-size:.78rem; font-weight:900; letter-spacing:.08em; }
.signup-step-head h2 { margin:5px 0 7px; font-size:clamp(1.45rem,3vw,2rem); letter-spacing:-.04em; outline:none; }
.signup-step-head p { margin:0; color:var(--muted); line-height:1.65; }
.signup-type-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.signup-type-card { position:relative; min-height:250px; display:grid; justify-items:center; align-content:center; gap:7px; padding:28px 20px; border:2px solid #d8e0de; border-radius:18px; background:#fff; color:var(--text); cursor:pointer; text-align:center; transition:.16s ease; }
.signup-type-card:hover { transform:translateY(-2px); border-color:#9db1ac; box-shadow:0 12px 28px rgba(22,50,79,.08); }
.signup-type-card.selected { border-color:var(--orange-600); background:linear-gradient(180deg,#fff9f3,#fff3e8); box-shadow:0 14px 34px rgba(230,111,26,.12); }
.signup-type-card .signup-type-icon { min-width:68px; height:40px; display:grid; place-items:center; padding:0 13px; border-radius:999px; background:#eef3f2; color:var(--brand-900); font-size:.8rem; font-weight:900; }
.signup-type-card.selected .signup-type-icon { background:var(--orange-600); color:#fff; }
.signup-type-card > b { margin-top:9px; font-size:1.45rem; letter-spacing:-.04em; }
.signup-type-card strong { color:var(--brand-900); }
.signup-type-card small { color:var(--muted); font-weight:600; }
.signup-type-card i { position:absolute; right:15px; top:15px; width:28px; height:28px; display:none; place-items:center; border-radius:50%; background:var(--orange-600); color:#fff; font-style:normal; font-weight:900; }
.signup-type-card.selected i { display:grid; }
.signup-actions { display:flex; justify-content:space-between; gap:12px; margin-top:28px; padding-top:22px; border-top:1px solid var(--line); }
.signup-actions .signup-main-button { min-width:210px; }
.signup-agree-all { padding:17px 18px; border:2px solid #cbd8d5; border-radius:14px; background:#f7faf9; margin-bottom:16px; }
.signup-agree-all span { display:grid; gap:3px; }
.signup-agree-all small { color:var(--muted); font-weight:500; }
.signup-policy-list { display:grid; gap:14px; }
.signup-policy-card { border:1px solid #d9e1df; border-radius:14px; background:#fff; overflow:hidden; }
.signup-policy-card.required { border-left:4px solid var(--orange-600); }
.signup-policy-card.optional { border-left:4px solid #98a2a0; }
.signup-policy-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px 16px; border-bottom:1px solid #edf1f0; }
.signup-policy-title label { margin:0; }
.signup-policy-title label span { display:grid; gap:2px; }
.signup-policy-title small { color:var(--muted); font-weight:500; }
.signup-policy-state { flex:none; padding:3px 8px; border-radius:999px; background:#f2f5f4; color:var(--muted); font-size:.72rem; font-weight:800; }
.signup-policy-summary { padding:10px 16px; background:#f8faf9; color:#41504c; font-size:.88rem; }
.signup-policy-scroll { max-height:185px; overflow:auto; padding:15px 16px; color:#56635f; font-size:.86rem; line-height:1.7; white-space:normal; background:#fff; }
.signup-policy-scroll:focus { outline:3px solid rgba(230,111,26,.16); outline-offset:-3px; }
.signup-form-section { padding:22px; border:1px solid #dce4e2; border-radius:16px; background:#fbfdfc; }
.signup-form-section + .signup-form-section { margin-top:18px; }
.signup-form-section h3 { margin:0 0 4px; font-size:1.18rem; }
.signup-form-section > p { margin:0 0 16px; color:var(--muted); font-size:.88rem; }
.signup-form-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.signup-business-section { border-color:#f2c6a8; background:#fff9f4; }
.signup-final-check { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-top:18px; padding:15px 17px; border-radius:13px; background:#eef6f4; color:var(--brand-900); }
.signup-final-check span { color:var(--muted); font-size:.86rem; }
@media (max-width:800px) {
  .signup-page { width:min(calc(100% - 24px),var(--max)); }
  .signup-brand { align-items:flex-start; }
  .signup-login-link { text-align:right; }
  .signup-step { padding:24px; }
  .signup-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .signup-form-grid .span-full { grid-column:1/-1; }
}
@media (max-width:600px) {
  .signup-brand { gap:10px; }
  .signup-brand-mark { width:48px; height:48px; }
  .signup-brand-link small { display:none; }
  .signup-login-link { font-size:.78rem; }
  .signup-progress li span { font-size:.73rem; }
  .signup-progress li b { width:38px; height:38px; }
  .signup-progress::before { top:19px; }
  .signup-step { padding:20px 16px; }
  .signup-type-grid { grid-template-columns:1fr; }
  .signup-type-card { min-height:190px; }
  .signup-form-section { padding:16px; }
  .signup-form-grid { grid-template-columns:1fr; }
  .signup-form-grid .span-2,.signup-form-grid .span-full { grid-column:1; }
  .signup-actions { display:grid; grid-template-columns:1fr 1.45fr; }
  .signup-actions .btn { width:100%; min-width:0; }
  .signup-final-check { align-items:flex-start; flex-direction:column; gap:4px; }
}

/* v1.6.3.2.34 FIX22 — readable administrator navigation and content editors */
.admin-page-shell,
.page-shell:has(> .admin-nav-groups) {
  width: min(calc(100% - 48px), 1540px);
}
.admin-nav-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  gap: 14px;
  overflow: visible;
  padding: 0;
  margin-bottom: 28px;
}
.admin-nav-group {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 7px 9px;
  padding: 15px;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .04);
}
.admin-nav-group > span {
  grid-column: 1 / -1;
  padding: 0 5px 6px;
  border-bottom: 1px solid #edf0f3;
  font-size: .75rem;
  line-height: 1.4;
}
.admin-nav-group a {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 11px;
  font-size: .88rem;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}
.admin-content-editor-grid,
.summary-grid:has(#admin-notice-form) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
}
.admin-content-editor-grid > .panel,
.summary-grid:has(#admin-notice-form) > .panel {
  min-width: 0;
  padding: clamp(24px, 2vw, 32px);
}
.admin-content-editor-grid > .panel > h2,
.summary-grid:has(#admin-notice-form) > .panel > h2 {
  margin: 0 0 24px;
  font-size: clamp(1.45rem, 2vw, 1.8rem);
}
#admin-notice-form,
#admin-category-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
#admin-notice-form .field.span-2,
#admin-notice-form .field.span-full {
  grid-column: 1 / -1;
}
#admin-notice-form textarea {
  min-height: 190px;
}
#admin-notice-form > .btn,
#admin-category-form > .btn {
  width: max-content;
  min-width: 136px;
  padding-inline: 20px;
  white-space: nowrap;
  justify-self: start;
}
.admin-content-editor-grid .list,
.summary-grid:has(#admin-notice-form) .list {
  margin-top: 28px;
}
.admin-content-editor-grid .list-row,
.summary-grid:has(#admin-notice-form) .list-row {
  min-width: 0;
  gap: 18px;
  padding-block: 18px;
}
.admin-content-editor-grid .list-row > span,
.summary-grid:has(#admin-notice-form) .list-row > span {
  min-width: 0;
}
.admin-content-editor-grid .list-row b,
.admin-content-editor-grid .list-row small,
.summary-grid:has(#admin-notice-form) .list-row b,
.summary-grid:has(#admin-notice-form) .list-row small {
  display: block;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.admin-content-editor-grid .table-actions,
.summary-grid:has(#admin-notice-form) .table-actions {
  flex-wrap: nowrap;
}
.admin-content-editor-grid .table-actions .btn,
.summary-grid:has(#admin-notice-form) .table-actions .btn {
  min-width: 64px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .admin-nav-groups { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
  .admin-content-editor-grid,
  .summary-grid:has(#admin-notice-form) { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .admin-page-shell,
  .page-shell:has(> .admin-nav-groups) { width: min(calc(100% - 24px), 1540px); }
  .admin-nav-groups { grid-template-columns: 1fr; gap: 10px; }
  .admin-nav-group { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
  #admin-notice-form,
  #admin-category-form { grid-template-columns: 1fr; }
  #admin-notice-form .field.span-2,
  #admin-notice-form .field.span-full { grid-column: 1; }
  #admin-notice-form > .btn,
  #admin-category-form > .btn { width: 100%; }
  .admin-content-editor-grid .list-row,
  .summary-grid:has(#admin-notice-form) .list-row { grid-template-columns: 1fr; }
  .admin-content-editor-grid .table-actions,
  .summary-grid:has(#admin-notice-form) .table-actions { justify-content: flex-start; }
}

@media (max-width: 430px) {
  .admin-nav-group { grid-template-columns: 1fr; }
  .admin-nav-group > span { grid-column: 1; }
  .admin-content-editor-grid > .panel,
  .summary-grid:has(#admin-notice-form) > .panel { padding: 18px; }
}

/* FIX24 account recovery, selling-count, trade guide and search-clear UX */
#global-search-input { padding-right: 46px; }
.search-input-clear {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 10px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: #e9edf2;
  color: #374151;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}
.search-input-clear:hover,
.search-input-clear:focus-visible { background: #dbe4ee; color: #111827; outline: 2px solid #3665f3; outline-offset: 1px; }
.search-input-clear[hidden] { display: none; }

.auth-tabs { flex-wrap: wrap; }
.auth-field-head > span { display: flex; gap: 5px; align-items: center; }
.recovery-process,
.compact-recovery-process { list-style: none; padding: 0; margin: 18px 0 24px; }
.recovery-process { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; }
.recovery-process li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #f8fbff; }
.recovery-process li > b { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #3665f3; color: white; font-size: 1rem; }
.recovery-process strong,
.recovery-process small { display: block; }
.recovery-process strong { font-size: 1rem; line-height: 1.45; word-break: keep-all; overflow-wrap: break-word; }
.recovery-process small { margin-top: 6px; color: var(--muted); line-height: 1.65; word-break: keep-all; overflow-wrap: break-word; }

.account-security-layout { display: grid; gap: 22px; max-width: 980px; margin-inline: auto; }
.account-profile-card { max-width: none; }
.account-identity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.account-identity-grid > div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.account-identity-grid span,
.account-identity-grid b { display: block; }
.account-identity-grid span { color: var(--muted); font-size: .78rem; }
.account-identity-grid b { margin-top: 4px; overflow-wrap: anywhere; }
.optional-settings { margin: 18px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; }
.optional-settings > summary { cursor: pointer; font-weight: 800; }
.security-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.security-action-grid a { display: block; padding: 17px; border: 1px solid #c9d7fa; border-radius: 14px; background: #f5f8ff; color: inherit; text-decoration: none; }
.security-action-grid a:hover { border-color: #3665f3; box-shadow: 0 8px 20px rgba(54,101,243,.10); }
.security-action-grid b,
.security-action-grid small { display: block; }
.security-action-grid small { margin-top: 5px; color: var(--muted); line-height: 1.5; }
.compact-recovery-process { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: .8rem; }
.compact-recovery-process li:not(:last-child)::after { content: "→"; margin-left: 7px; color: #8fa0b3; }

.trade-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.guide-role { display: inline-flex; padding: 6px 10px; border-radius: 999px; font-size: .75rem; font-weight: 900; }
.guide-role.buyer { background: #eaf1ff; color: #214eac; }
.guide-role.seller { background: #e9f8ef; color: #187442; }
.guide-checklist { display: grid; gap: 10px; padding-left: 22px; }
.guide-checklist li { padding-left: 5px; }
.guide-checklist b,
.guide-checklist span { display: block; }
.guide-checklist span { margin-top: 3px; color: var(--muted); line-height: 1.55; }
.guide-chat-example,
.sample-listing { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #f8fafc; }
.guide-chat-example p,
.sample-listing p { margin-bottom: 0; line-height: 1.65; }
.sample-listing h3 { margin: 7px 0 15px; }
.sample-listing dl { display: grid; grid-template-columns: 70px 1fr; gap: 8px 12px; margin: 0; }
.sample-listing dt { color: var(--muted); font-weight: 800; }
.sample-listing dd { margin: 0; }
.guide-flow > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.guide-flow > div span { padding: 12px; border-radius: 11px; background: #edf3ff; text-align: center; font-weight: 800; }

.product-spec-assistant { padding: 18px; border: 1px solid #b9cdfd; border-radius: 14px; background: #f5f8ff; }
.product-spec-assistant h3 { margin: 6px 0 10px; }
.spec-suggestion-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 8px; padding: 0; list-style: none; }
.spec-suggestion-list li { display: flex; justify-content: space-between; gap: 10px; padding: 10px; background: white; border-radius: 9px; }
.chat-connection-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; border-bottom: 1px solid var(--line); background: #f5faf7; }
.chat-connection-status[data-mode="fallback"] { background: #fff8e8; }
.chat-connection-status[data-mode="offline"] { background: #fff0f0; }
.chat-connection-status small { color: var(--muted); text-align: right; }
.trade-safety-card { margin: 10px 12px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfe; }
.trade-safety-card summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.trade-safety-card summary small { display: block; color: var(--muted); }
.trade-safety-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 14px 0; }
.trade-safety-grid span { padding: 10px; border-radius: 9px; background: white; color: var(--muted); }
.trade-safety-grid b { display: block; color: var(--ink); margin-top: 4px; }
.safety-checklist { line-height: 1.7; }
.shipment-panel code { font-size: 1rem; font-weight: 800; }

@media (max-width: 900px) {
  .recovery-process,
  .trade-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-flow > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .recovery-process,
  .trade-guide-grid,
  .account-identity-grid,
  .security-action-grid,
  .guide-flow > div { grid-template-columns: 1fr; }
  .compact-recovery-process { display: grid; }
  .compact-recovery-process li::after { display: none; }
  .chat-connection-status { align-items: flex-start; flex-direction: column; }
  .chat-connection-status small { text-align: left; }
  .trade-safety-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* FIX31 — search-first portal header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #e5e9e8;
  box-shadow: 0 4px 18px rgba(15,23,42,.035);
}
.site-header .utility-bar { display: none; }
.search-first-header {
  width: min(calc(100% - 48px), 1580px);
  min-height: 174px;
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(540px, 2.7fr) minmax(190px, .8fr);
  align-items: start;
  gap: 28px;
  padding-block: 22px 15px;
}
.portal-brand-zone,
.portal-header-actions {
  min-height: 64px;
  display: flex;
  align-items: center;
}
.portal-brand-zone { gap: 15px; padding-top: 2px; }
.portal-brand-zone .brand { min-width: 0; gap: 8px; }
.portal-brand-zone .brand-copy { padding-top: 8px; }
.portal-brand-zone .brand-wordmark i { font-size: 1.9rem; }
.portal-brand-zone .brand-wordmark .brand-bang { font-size: 1.5rem; }
.portal-menu-toggle {
  position: relative;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #23302f;
  cursor: pointer;
}
.portal-menu-toggle > span,
.portal-menu-toggle::before,
.portal-menu-toggle::after {
  content: "";
  position: absolute;
  left: 11px;
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .18s ease, top .18s ease, opacity .18s ease;
}
.portal-menu-toggle::before { top: 14px; }
.portal-menu-toggle > span { top: 23px; }
.portal-menu-toggle::after { top: 32px; }
.portal-menu-toggle:hover,
.portal-menu-toggle:focus-visible { background: #f0f7f5; color: var(--brand-900); outline: 2px solid color-mix(in srgb, var(--brand-900) 35%, transparent); outline-offset: 2px; }
.portal-menu-toggle[aria-expanded="true"]::before { top: 23px; transform: rotate(45deg); }
.portal-menu-toggle[aria-expanded="true"] > span { opacity: 0; }
.portal-menu-toggle[aria-expanded="true"]::after { top: 23px; transform: rotate(-45deg); }

.portal-search-center { min-width: 0; display: grid; gap: 12px; }
.global-search.portal-search {
  position: relative;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  max-width: 920px;
  min-height: 64px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 68px minmax(0,1fr) 56px;
  align-items: center;
  gap: 0;
  padding: 0 7px 0 5px;
  border: 2px solid var(--brand-900);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(11,110,105,.07);
}
.global-search.portal-search:focus-within {
  border-color: var(--teal-700);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--teal-700) 13%, transparent), 0 8px 24px rgba(11,110,105,.09);
}
.portal-search-mark {
  display: grid;
  place-items: center;
  color: var(--brand-900);
  font-size: 1.12rem;
  font-weight: 950;
  letter-spacing: -.08em;
  white-space: nowrap;
}
.global-search.portal-search .search-input-wrap { position: relative; height: 60px; }
.global-search.portal-search #global-search-input {
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 0 48px 0 5px;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #172026;
  font-size: clamp(1rem,1.45vw,1.22rem);
  font-weight: 600;
}
.global-search.portal-search #global-search-input::placeholder { color: #a2aaa9; font-weight: 500; }
.global-search.portal-search .portal-search-category { display: none !important; }
.global-search.portal-search .search-input-clear {
  right: 7px;
  width: 32px;
  height: 32px;
  background: #eef3f2;
  color: #53615f;
}
.global-search.portal-search .portal-search-button {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--brand-900);
  cursor: pointer;
}
.global-search.portal-search .portal-search-button:hover,
.global-search.portal-search .portal-search-button:focus-visible { background: #edf8f5; outline: 2px solid color-mix(in srgb, var(--brand-900) 35%, transparent); }
.portal-search-button > span {
  position: absolute;
  left: 13px;
  top: 12px;
  width: 17px;
  height: 17px;
  border: 2.5px solid currentColor;
  border-radius: 50%;
}
.portal-search-button > span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2.5px;
  right: -8px;
  bottom: -5px;
  border-radius: 2px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: left center;
}
.global-search.portal-search .search-suggest {
  inset: calc(100% + 8px) -55px auto -68px;
  max-height: min(58vh,520px);
  border-color: #c9d8d5;
  border-radius: 18px;
  box-shadow: 0 20px 48px rgba(15,46,43,.16);
}

.portal-shortcuts {
  width: min(100%, 860px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(9,minmax(66px,1fr));
  gap: 6px;
  align-items: start;
}
.portal-shortcuts > a,
.portal-shortcuts > button {
  min-width: 0;
  min-height: 70px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 5px;
  padding: 0 3px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #273330;
  text-decoration: none;
  cursor: pointer;
}
.portal-shortcuts > a:hover,
.portal-shortcuts > a:focus-visible,
.portal-shortcuts > a[aria-current="page"],
.portal-shortcuts > button:hover,
.portal-shortcuts > button:focus-visible { color: var(--brand-900); background: #f3f8f7; outline: none; }
.portal-shortcut-icon {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe7e5;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 7px rgba(15,23,42,.07);
  color: var(--brand-900);
  font-size: .78rem;
  font-weight: 950;
}
.portal-shortcuts > a:nth-child(2) .portal-shortcut-icon { color: #e58b15; }
.portal-shortcuts > a:nth-child(3) .portal-shortcut-icon { color: #2563eb; }
.portal-shortcuts > a:nth-child(4) .portal-shortcut-icon { color: #b45309; }
.portal-shortcuts > a:nth-child(5) .portal-shortcut-icon { color: #6941c6; }
.portal-shortcuts > a:nth-child(6) .portal-shortcut-icon { color: #d03a73; }
.portal-shortcuts > a:nth-child(7) .portal-shortcut-icon { color: #0d7490; }
.portal-shortcuts > a:nth-child(8) .portal-shortcut-icon { color: #15803d; }
.portal-shortcut-icon.portal-more-dots { color: #74807e; letter-spacing: 2px; }
.portal-shortcuts b { max-width: 100%; font-size: .75rem; line-height: 1.25; white-space: nowrap; }

.portal-header-actions { justify-content: flex-end; gap: 7px; }
.portal-action-button,
.portal-account-button {
  position: relative;
  flex: 0 0 auto;
  min-width: 52px;
  min-height: 54px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 6px 8px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #273330;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.portal-action-button:hover,
.portal-action-button:focus-visible,
.portal-account-button:hover,
.portal-account-button:focus-visible { color: var(--brand-900); background: #f0f7f5; outline: 2px solid color-mix(in srgb, var(--brand-900) 28%, transparent); outline-offset: 1px; }
.portal-account-button { min-width: 64px; border: 1px solid #d8e2e0; }
.portal-account-button.portal-logout { color: #b42318; }
.portal-bell-icon,
.portal-user-icon { position: relative; width: 25px; height: 25px; display: block; }
.portal-bell-icon::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 15px;
  height: 17px;
  border: 2px solid currentColor;
  border-radius: 9px 9px 6px 6px;
}
.portal-bell-icon::after { content: ""; position: absolute; left: 10px; bottom: 1px; width: 6px; height: 2px; border-radius: 2px; background: currentColor; }
.portal-user-icon::before { content: ""; position: absolute; left: 8px; top: 1px; width: 9px; height: 9px; border: 2px solid currentColor; border-radius: 50%; }
.portal-user-icon::after { content: ""; position: absolute; left: 3px; bottom: 1px; width: 19px; height: 10px; border: 2px solid currentColor; border-radius: 12px 12px 5px 5px; }
.portal-header-actions #notification-count { top: 1px; right: 1px; }

.primary-nav.portal-menu-host {
  position: relative;
  display: block;
  height: 0;
  min-height: 0;
  border: 0;
  background: transparent;
  color: var(--text);
}
.portal-menu-panel[hidden] { display: none; }
.category-mega.portal-menu-panel { top: 0; border-top: 1px solid #e5e9e8; }
.portal-menu-inner {
  width: min(calc(100% - 48px), 1480px);
  max-height: min(72vh,620px);
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(190px,.8fr) minmax(240px,.9fr) minmax(420px,2fr);
  gap: 30px;
  padding-block: 28px 34px;
}
.portal-menu-intro h2 { margin: 5px 0 8px; font-size: 1.5rem; }
.portal-menu-intro p { color: var(--muted); line-height: 1.6; }
.portal-menu-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; align-content: start; }
.portal-menu-links a {
  min-height: 43px;
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid #e5e9e8;
  border-radius: 11px;
  background: #fff;
  color: #25312f;
  font-size: .87rem;
  font-weight: 750;
  text-decoration: none;
}
.portal-menu-links a:hover,
.portal-menu-links a:focus-visible,
.portal-menu-links a[aria-current="page"] { border-color: color-mix(in srgb,var(--brand-900) 40%,#d7e0de); background: #f1f8f6; color: var(--brand-900); outline: none; }
.portal-category-section h3 { margin: 0 0 10px; }
.portal-category-section .category-mega-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

@media (max-width: 1220px) {
  .search-first-header {
    min-height: 246px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px 18px;
    padding-block: 13px 12px;
  }
  .portal-brand-zone { grid-column: 1; grid-row: 1; }
  .portal-header-actions { grid-column: 2; grid-row: 1; }
  .portal-search-center { grid-column: 1 / -1; grid-row: 2; gap: 9px; }
  .global-search.portal-search { max-width: 900px; }
  .portal-shortcuts { width: min(100%,860px); }
  .portal-menu-inner { grid-template-columns: 190px 250px minmax(360px,1fr); }
}

@media (max-width: 820px) {
  .site-header { position: sticky; }
  .search-first-header { width: calc(100% - 24px); min-height: 232px; }
  .portal-brand-zone .brand-wordmark i { font-size: 1.65rem; }
  .portal-brand-zone .brand-wordmark .brand-bang { font-size: 1.3rem; }
  .portal-brand-zone .brand-copy small { display: none; }
  .portal-menu-toggle { flex-basis: 44px; width: 44px; height: 44px; }
  .global-search.portal-search { min-height: 56px; grid-template-columns: 53px minmax(0,1fr) 49px; }
  .global-search.portal-search .search-input-wrap,
  .global-search.portal-search #global-search-input { height: 52px; min-height: 52px; }
  .global-search.portal-search #global-search-input { font-size: 15px; padding-left: 2px; padding-right: 42px; }
  .global-search.portal-search .portal-search-button { width: 42px; min-width: 42px; height: 42px; min-height: 42px; }
  .portal-search-button > span { left: 10px; top: 9px; }
  .global-search.portal-search .search-suggest { inset: calc(100% + 8px) -48px auto -53px; }
  .portal-shortcuts { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: thin; padding: 1px 2px 7px; }
  .portal-shortcuts > a,
  .portal-shortcuts > button { flex: 0 0 74px; scroll-snap-align: start; }
  .portal-menu-inner { width: calc(100% - 24px); grid-template-columns: 1fr 1.8fr; gap: 20px; }
  .portal-menu-intro { grid-column: 1 / -1; }
  .portal-category-section .category-mega-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 540px) {
  .search-first-header { min-height: 218px; width: calc(100% - 18px); gap: 7px 8px; }
  .portal-brand-zone { gap: 7px; }
  .portal-brand-zone .brand { gap: 0; }
  .portal-brand-zone .brand-wordmark i { font-size: 1.42rem; }
  .portal-brand-zone .brand-wordmark .brand-bang { font-size: 1.12rem; }
  .portal-header-actions { gap: 1px; }
  .portal-action-button { min-width: 43px; padding-inline: 5px; }
  .portal-action-button > span:last-child { font-size: .65rem; }
  .portal-account-button { min-width: 51px; min-height: 46px; padding-inline: 6px; font-size: .7rem; }
  .portal-bell-icon,
  .portal-user-icon { transform: scale(.88); }
  .global-search.portal-search { grid-template-columns: 47px minmax(0,1fr) 44px; padding-inline: 3px; }
  .portal-search-mark { font-size: .94rem; }
  .global-search.portal-search #global-search-input { font-size: 14px; }
  .global-search.portal-search .search-suggest { inset: calc(100% + 8px) -43px auto -47px; }
  .portal-shortcuts > a,
  .portal-shortcuts > button { flex-basis: 69px; }
  .portal-shortcut-icon { width: 40px; height: 40px; }
  .portal-shortcuts b { font-size: .7rem; }
  .portal-menu-inner { grid-template-columns: 1fr; }
  .portal-menu-intro { grid-column: 1; }
  .portal-menu-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .portal-category-section .category-mega-grid { grid-template-columns: 1fr; }
}

/* FIX32 — product-detail seller safety summary */
.detail-meta-list { margin-top: 0; }
.product-safety-card {
  margin: 16px 0;
  padding: 15px;
  border-color: #c9d8d5;
  border-left: 4px solid var(--brand-900);
  background: #f7fbfa;
}
.product-safety-card summary { gap: 12px; }
.product-safety-card summary > span:first-child { min-width: 0; }
.product-safety-card summary b,
.product-safety-card summary small { display: block; }
.product-safety-card summary b { font-size: .95rem; }
.product-safety-card summary small { margin-top: 3px; line-height: 1.45; }
.product-safety-card .trade-safety-grid {
  grid-template-columns: repeat(auto-fit,minmax(105px,1fr));
  gap: 7px;
}
.product-safety-card .trade-safety-grid span { min-width: 0; border: 1px solid #e2ebe9; font-size: .72rem; }
.product-safety-card .trade-safety-grid b { overflow-wrap: anywhere; font-size: .82rem; }
.product-safety-card .warning-note,
.product-safety-card .danger-note,
.product-safety-card .success-note { margin: 12px 0; padding: 11px 12px; border-radius: 10px; line-height: 1.55; font-size: .78rem; }
.neutral-safety-note { margin: 12px 0; padding: 11px 12px; border: 1px solid #cbd5e1; border-radius: 10px; background: #f8fafc; color: #475569; line-height: 1.55; font-size: .78rem; }
.detail-chat-only-note { margin: 10px 0 0; line-height: 1.5; }
.seller-privacy-note { display:block; margin-top:6px; color:var(--muted); font-size:.78rem; font-weight:400; line-height:1.45; }
.logout-complete-note{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:15px 17px;border:1px solid #9bcfc7;border-radius:14px;background:#eaf8f5;color:#174f49}
.logout-complete-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#087a73;color:#fff;font-size:1.05rem;font-weight:900}
.logout-complete-note div{display:grid;gap:3px}.logout-complete-note b{font-size:1rem}.logout-complete-note small{color:#456c68;line-height:1.4}
.product-safety-card .danger-note { color: #9f1d16; background: #fff0ef; border: 1px solid #efb4af; }
.external-safety-note {
  display: grid;
  gap: 8px;
  margin: 12px 0;
  padding: 11px 12px;
  border: 1px dashed #b7c5c2;
  border-radius: 10px;
  background: #fff;
}
.external-safety-copy { display: grid; gap: 3px; }
.external-safety-copy b { font-size: .8rem; }
.external-safety-copy > span { color: var(--muted); font-size: .73rem; line-height: 1.5; }
.external-safety-links {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}
.external-safety-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #b9d3ce;
  border-radius: 9px;
  color: var(--brand-900);
  background: #f5fbfa;
  font-size: .74rem;
  font-weight: 750;
  line-height: 1.4;
  text-decoration: none;
}
.external-safety-links a:hover { border-color: var(--brand-700); background: #edf8f6; }
.external-safety-links a:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand-500) 35%, transparent); outline-offset: 2px; }
.external-safety-links a span { flex: 0 0 auto; color: currentColor; font-size: .85rem; }
.external-safety-warning { color: #8a4b08; font-size: .7rem; font-weight: 650; line-height: 1.5; }
.product-safety-card .safety-checklist { margin: 10px 0; padding-left: 20px; color: #475467; font-size: .75rem; }
.product-safety-card .safety-source { display: block; padding-top: 10px; border-top: 1px solid #dde7e5; color: var(--muted); line-height: 1.5; }
.safety-owner-note { margin: 12px 0 0; font-size: .78rem; }

@media (max-width: 480px) {
  .product-safety-card { padding: 12px; }
  .product-safety-card summary { align-items: flex-start; }
  .product-safety-card .trade-safety-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .external-safety-links { grid-template-columns: 1fr; }
}

/* FIX33 — external fraud-lookup links without personal-data transfer */

/* FIX34 — reversible member blocking in chat */

/* FIX35 — engineer-first inspection intake and scope review */
.inspection-work-brief {
  border-color: #c9d8ff;
  background: #f8faff;
}
.inspection-brief-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 16px;
}
.inspection-product-brief,
.inspection-request-brief {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.inspection-brief-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.inspection-brief-heading small,
.inspection-brief-heading h3 { display: block; }
.inspection-brief-heading small { color: var(--muted); font-weight: 700; }
.inspection-brief-heading h3 { margin: 3px 0 0; font-size: 1.05rem; }
.inspection-brief-step {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #3665f3;
  font-weight: 900;
}
.inspection-product-summary {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.inspection-product-summary > img,
.inspection-product-placeholder {
  width: 150px;
  aspect-ratio: 1;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: #f2f4f7;
}
.inspection-product-summary > img { object-fit: cover; }
.inspection-product-placeholder {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
}
.inspection-product-summary dl {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  margin: 0;
}
.inspection-product-summary dt,
.inspection-product-summary dd {
  min-width: 0;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f2;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.inspection-product-summary dt { color: var(--muted); font-weight: 750; }
.inspection-product-summary dd { color: var(--text); font-weight: 650; }
.inspection-description { margin-top: 14px; border-top: 1px solid var(--line); }
.inspection-description summary { padding: 13px 0 4px; cursor: pointer; color: var(--brand-900); font-weight: 800; }
.inspection-description p { margin: 10px 0 0; color: #475467; line-height: 1.7; white-space: pre-wrap; }
.inspection-request-items { display: flex; flex-wrap: wrap; gap: 9px; }
.inspection-request-items span {
  padding: 10px 13px;
  border: 1px solid #aac0ff;
  border-radius: 999px;
  color: #244fbf;
  background: #eef3ff;
  font-weight: 800;
}
.inspection-request-brief > .muted { margin: 16px 0 0; line-height: 1.65; }
.inspection-scope-summary { max-width: 900px; }
.inspection-scope-simple-form {
  display: grid;
  gap: 16px;
  max-width: 900px;
  margin-top: 22px;
  padding: 20px;
  border: 1px solid #d9e2ff;
  border-radius: 16px;
  background: #fbfcff;
}
.inspection-scope-simple-form textarea { min-height: 96px; }
.inspection-scope-simple-form .form-actions { margin-top: 0; }

@media (max-width: 960px) {
  .inspection-brief-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .inspection-product-brief,
  .inspection-request-brief,
  .inspection-scope-simple-form { padding: 15px; }
  .inspection-product-summary { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; }
  .inspection-product-summary > img,
  .inspection-product-placeholder { width: 84px; }
  .inspection-product-summary dl { grid-template-columns: 1fr; }
  .inspection-product-summary dt { padding-bottom: 2px; border-bottom: 0; }
  .inspection-product-summary dd { padding-top: 0; }
  .inspection-scope-summary { grid-template-columns: 1fr; }
  .inspection-scope-summary dt { padding-bottom: 2px; border-bottom: 0; }
  .inspection-scope-summary dd { padding-top: 0; }
}

/* FIX35-R2 — customer-first inspection application */
.inspection-apply-page { max-width: 1040px; }
.inspection-apply-form {
  display: grid;
  gap: 18px;
  padding: 0;
  overflow: hidden;
}
.inspection-apply-product,
.inspection-apply-request,
.inspection-apply-confirm { padding: 24px; }
.inspection-apply-request,
.inspection-apply-confirm { border-top: 1px solid var(--line); }
.inspection-apply-step-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.inspection-apply-step-head > span {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: var(--brand-900);
  font-weight: 900;
}
.inspection-apply-step-head small,
.inspection-apply-step-head h2 { display: block; }
.inspection-apply-step-head small { color: var(--muted); font-weight: 750; }
.inspection-apply-step-head h2 { margin: 2px 0 0; font-size: 1.18rem; }
.inspection-apply-product-body {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
.inspection-apply-image img,
.inspection-apply-image > div {
  width: 190px;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f2f4f7;
}
.inspection-apply-image img { display: block; object-fit: cover; }
.inspection-apply-image > div { display: grid; place-items: center; color: var(--muted); font-weight: 750; }
.inspection-apply-product-body h3 { margin: 0; font-size: 1.2rem; }
.inspection-apply-model { margin: 6px 0 14px; color: var(--muted); font-weight: 700; }
.inspection-apply-product-body dl {
  display: grid;
  grid-template-columns: 138px minmax(0, 1fr);
  margin: 0;
}
.inspection-apply-product-body dt,
.inspection-apply-product-body dd {
  min-width: 0;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f2;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.inspection-apply-product-body dt { color: var(--muted); font-weight: 750; }
.inspection-apply-product-body dd { font-weight: 650; }
.inspection-apply-help {
  margin: 18px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  color: #365063;
  background: #f2f7fa;
  line-height: 1.6;
}
.inspection-apply-request > p { margin: -6px 0 16px 50px; color: var(--muted); }
.inspection-request-note { margin-top: 18px; }
.inspection-request-note textarea { min-height: 92px; }
.inspection-apply-cost-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.inspection-apply-cost-grid article {
  display: grid;
  gap: 4px;
  padding: 16px;
  border: 1px solid #d9e3e1;
  border-radius: 12px;
  background: #f8fbfa;
}
.inspection-apply-cost-grid article span,
.inspection-apply-cost-grid article small { color: var(--muted); }
.inspection-apply-cost-grid article b { font-size: 1.08rem; }
.inspection-apply-flow { margin: 16px 0; border: 1px solid var(--line); border-radius: 12px; }
.inspection-apply-flow summary { padding: 13px 15px; cursor: pointer; font-weight: 800; }
.inspection-apply-flow p { margin: 0; padding: 0 15px 15px; color: var(--muted); line-height: 1.6; }
.inspection-apply-form > .form-actions { padding: 0 24px 24px; }
.inspection-customer-note {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #d9e2ff;
  border-radius: 12px;
  background: #f8faff;
}
.inspection-customer-note b { display: block; margin-bottom: 6px; color: #244fbf; }
.inspection-customer-note p { margin: 0; line-height: 1.65; white-space: pre-wrap; }

@media (max-width: 680px) {
  .inspection-apply-product,
  .inspection-apply-request,
  .inspection-apply-confirm { padding: 18px; }
  .inspection-apply-product-body { grid-template-columns: 92px minmax(0, 1fr); gap: 14px; }
  .inspection-apply-image img,
  .inspection-apply-image > div { width: 92px; border-radius: 12px; }
  .inspection-apply-product-body dl { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .inspection-apply-product-body dt { padding-bottom: 2px; border-bottom: 0; }
  .inspection-apply-product-body dd { padding-top: 0; }
  .inspection-apply-request > p { margin-left: 0; }
  .inspection-apply-cost-grid { grid-template-columns: 1fr; }
  .inspection-apply-form > .form-actions { padding: 0 18px 18px; }
}

/* FIX36 — distinct home, full-menu and more-menu navigation */
.portal-search-center { position: relative; }
.portal-shortcuts {
  width: min(100%, 570px);
  grid-template-columns: repeat(5, minmax(76px, 1fr));
  gap: 10px;
}

/* FIX37 — chat-only direct purchase and trust-first public UX */
.inspection-process-customer { grid-template-columns: repeat(5,minmax(0,1fr)); }
@media (max-width: 960px) {
  .inspection-process-customer { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .inspection-process-customer { grid-template-columns: 1fr; }
  .promo-copy h1, .promo-copy h2 { text-wrap: pretty; }
}
.portal-shortcuts > a,
.portal-shortcuts > button { min-height: 72px; }
.portal-shortcuts > a:nth-child(1) .portal-shortcut-icon { color: var(--brand-900); }
.portal-shortcuts > a:nth-child(2) .portal-shortcut-icon { color: #b45309; }
.portal-shortcuts > a:nth-child(3) .portal-shortcut-icon { color: #d03a73; }
.portal-shortcuts > a:nth-child(4) .portal-shortcut-icon { color: #0d7490; }

/* FIX38 — visible one-line support shortcuts */
.portal-brand-zone .brand-copy { display: none; }
.portal-shortcuts {
  width: min(100%, 860px);
  grid-template-columns: repeat(8, minmax(76px, 1fr));
  gap: 6px;
}
.portal-shortcuts > a:nth-child(5) .portal-shortcut-icon { color: #6941c6; }
.portal-shortcuts > a:nth-child(6) .portal-shortcut-icon { color: #d03a73; }
.portal-shortcuts > a:nth-child(7) .portal-shortcut-icon { color: #b45309; }
.portal-shortcuts > a:nth-child(8) .portal-shortcut-icon { color: #15803d; }

.portal-more-menu {
  position: absolute;
  z-index: 125;
  top: calc(100% + 8px);
  right: 0;
  width: min(380px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid #d7e1df;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 22px 52px rgba(15, 46, 43, .2);
}
.portal-more-menu[hidden] { display: none; }
.portal-more-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 3px 10px 7px; }
.portal-more-head b { font-size: 1rem; }
.portal-more-head button,
.portal-menu-heading > button {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #f2f6f5;
  color: #34413f;
  font: inherit;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}
.portal-more-head button:hover,
.portal-more-head button:focus-visible,
.portal-menu-heading > button:hover,
.portal-menu-heading > button:focus-visible { background: #e6f2ef; color: var(--brand-900); outline: 2px solid color-mix(in srgb, var(--brand-900) 30%, transparent); }
.portal-more-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.portal-more-links a {
  min-width: 0;
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px 13px;
  border: 1px solid #e3e9e8;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
}
.portal-more-links a:hover,
.portal-more-links a:focus-visible { border-color: #9dc4bc; background: #f2f8f6; color: var(--brand-900); outline: none; }
.portal-more-links b { font-size: .86rem; }
.portal-more-links small { color: var(--muted); font-size: .7rem; line-height: 1.4; }

.portal-menu-inner {
  grid-template-columns: minmax(0, 1.65fr) minmax(330px, .75fr);
  gap: 24px 32px;
  padding-block: 22px 30px;
}
.portal-menu-heading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e7eceb;
}
.portal-menu-heading h2 { margin: 3px 0 4px; font-size: 1.45rem; }
.portal-menu-heading p { margin: 0; color: var(--muted); }
.portal-menu-groups {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-content: start;
}
.portal-menu-group {
  min-width: 0;
  padding: 16px;
  border: 1px solid #e2e9e7;
  border-radius: 14px;
  background: #fff;
}
.portal-menu-group h3 { margin: 0 0 10px; color: var(--brand-900); font-size: .93rem; }
.portal-menu-group nav { display: grid; gap: 3px; }
.portal-menu-group a {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 6px 7px;
  border-radius: 8px;
  color: #34413f;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}
.portal-menu-group a:hover,
.portal-menu-group a:focus-visible,
.portal-menu-group a[aria-current="page"] { background: #edf7f4; color: var(--brand-900); outline: none; }
.portal-category-section {
  min-width: 0;
  padding: 17px;
  border-radius: 14px;
  background: #f7faf9;
}
.portal-category-section h3 { margin: 0 0 4px; }
.portal-category-section > p { margin: 0 0 11px; color: var(--muted); font-size: .75rem; }
.portal-category-section .category-mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.portal-category-section .category-mega-grid a {
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 39px;
  padding: 8px 9px;
  border: 1px solid transparent;
  background: #fff;
}
.portal-category-section .category-mega-grid a:hover,
.portal-category-section .category-mega-grid a:focus-visible { border-color: #acd0c9; outline: none; }
.portal-category-section .category-dot { width: 7px; height: 7px; border-radius: 50%; background: #3665f3; }
.portal-category-section .category-arrow { color: #778380; }
.portal-menu-staff {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e7eceb;
}
.portal-menu-staff[hidden] { display: none; }
.portal-menu-staff a {
  padding: 8px 11px;
  border-radius: 9px;
  background: #f3f6f5;
  color: #52605d;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: none;
}
.portal-menu-staff a:hover,
.portal-menu-staff a:focus-visible { background: #e8f2f0; color: var(--brand-900); outline: none; }

@media (max-width: 1220px) {
  .portal-shortcuts { width: min(100%, 860px); }
  .portal-menu-inner { grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); }
  .portal-menu-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .portal-shortcuts { width: 100%; }
  .portal-shortcuts > a,
  .portal-shortcuts > button { flex-basis: 86px; }
  .portal-more-menu { right: 0; top: calc(100% + 4px); }
  .portal-menu-inner { grid-template-columns: 1fr; gap: 18px; }
  .portal-menu-heading,
  .portal-menu-groups,
  .portal-category-section,
  .portal-menu-staff { grid-column: 1; }
  .portal-category-section .category-mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
  .portal-more-menu { position: fixed; top: auto; right: 9px; bottom: calc(66px + env(safe-area-inset-bottom)); left: 9px; width: auto; max-height: 64vh; overflow-y: auto; }
  .portal-more-links { grid-template-columns: 1fr; }
  .portal-more-links a { min-height: 60px; }
  .portal-menu-groups { grid-template-columns: 1fr; }
  .portal-category-section .category-mega-grid { grid-template-columns: 1fr; }
  .portal-menu-heading p { font-size: .78rem; }
}
/* FIX39: 상품 채팅과 분리된 1:1 고객문의 */
.support-inquiry-page{max-width:1120px}
.support-purpose-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;margin-bottom:22px;border:1px solid #b8d7d4;border-radius:16px;background:#f1f9f8;color:#24413f}
.support-purpose-note b{flex:0 0 auto;color:#086e68}.support-purpose-note a{font-weight:800;text-decoration:underline}
.support-inquiry-list{display:grid;gap:12px}.support-inquiry-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px;border:1px solid var(--line,#dfe5e4);border-radius:18px;background:#fff;color:inherit;text-decoration:none}
.support-inquiry-card:hover,.support-inquiry-card:focus-visible{border-color:#087a73;box-shadow:0 8px 24px rgba(0,82,77,.09)}.support-inquiry-card.has-unread{border-left:5px solid #ef8a17}.support-inquiry-card h2{font-size:1.08rem;margin:10px 0 5px}.support-inquiry-card p,.support-inquiry-card small{color:#687472}.support-inquiry-card>div:last-child{text-align:right;display:grid;gap:6px}
.support-inquiry-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;margin-bottom:16px;border-radius:16px;background:#f5f7f7}.support-linked{flex-basis:100%}.support-linked a{font-weight:700}
.support-admin-form{display:flex;align-items:end;gap:12px;padding:16px 18px;margin-bottom:18px;border:1px solid #d9e6e4;border-radius:16px;background:#fff}.support-admin-form .field{min-width:170px}.support-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.support-message-list{display:grid;gap:14px;margin:18px 0 22px}.support-message{max-width:82%;padding:16px 18px;border-radius:18px;background:#f2f5f5}.support-message.is-admin{margin-left:auto;background:#e8f6f4;border:1px solid #b9dcd8}.support-message-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:8px}.support-message-head time{font-size:.82rem;color:#6c7776}.support-message p{margin:0;white-space:pre-wrap}.support-message-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.support-message-images img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid #d8dfde}.support-reply-form{margin-top:18px}
@media(max-width:720px){.support-purpose-note{display:grid}.support-inquiry-card{display:grid;gap:10px}.support-inquiry-card>div:last-child{text-align:left}.support-admin-form{display:grid}.support-admin-form .field{min-width:0}.support-message{max-width:94%}.support-message-images{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* FIX42: always-visible test feedback and post-payment storage panels */
.home-test-feedback-quick{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;border:1px solid #cfe2df;background:#f6fbfa}
.home-test-feedback-quick h2{margin:.25rem 0 .35rem;font-size:1.25rem}.home-test-feedback-quick p{margin:0;color:#536361}.home-test-feedback-quick .form-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:8px}
.inspection-post-payment-panel,.storage-detail-panel{border:1px solid #cfe2df;background:#fbfefd}.inspection-post-payment-panel .summary-grid,.storage-detail-panel .summary-grid{margin-top:14px}
.storage-detail-panel .warning-note{margin:16px 0}.storage-history{margin-top:16px;border-top:1px solid var(--line,#dfe5e4);padding-top:12px}.storage-history summary{cursor:pointer;font-weight:700}.storage-detail-panel .list{margin-top:14px}
.test-feedback-quick-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d7e6e4;background:#fbfefd}.test-feedback-quick-nav p{margin:.35rem 0 0;color:#5c6a68}.test-feedback-quick-nav .form-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:720px){.home-test-feedback-quick{display:grid;gap:14px}.home-test-feedback-quick .form-actions{width:100%}.home-test-feedback-quick .form-actions .btn{flex:1 1 180px;text-align:center}.storage-detail-panel .summary-grid{grid-template-columns:1fr}.storage-detail-panel .list-row{align-items:flex-start;gap:12px}.inspection-post-payment-panel .form-grid{grid-template-columns:1fr}}
@media(max-width:720px){.test-feedback-quick-nav{display:grid;gap:12px}.test-feedback-quick-nav .form-actions{width:100%}.test-feedback-quick-nav .form-actions .btn{flex:1 1 180px;text-align:center}}

/* FIX43: search-adjacent feedback and readable administrator controls. */
.feedback-search-bar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;width:100%;min-width:0}
.feedback-search-bar a,.test-popup-snooze .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;font-size:16px;border:1px solid #c3dad7;border-radius:10px;background:#f1f8f7;color:#08655e;text-decoration:none}
.feedback-search-bar [hidden]{display:none}.admin-settings-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.admin-settings-hub a{display:flex;flex-direction:column;gap:8px;min-height:96px;padding:20px;background:#f1f8f7;border:1px solid #bfd5d2;border-radius:14px;color:#12443f;text-decoration:none}.admin-settings-hub b{font-size:19px}.admin-settings-hub span{font-size:15px}.admin-nav-groups a{font-size:16px;min-height:44px}.test-popup-snooze{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:760px){.admin-settings-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-search-bar a{flex:1 1 135px}.admin-nav-groups{display:grid;grid-template-columns:1fr}.test-popup-snooze .btn{flex:1 1 180px}}
@media(max-width:380px){.admin-settings-hub{grid-template-columns:1fr}}


/* FIX44 — move feedback shortcuts beside 1:1 support and move admin entry into MY. */
.portal-shortcuts {
  width: min(100%, 1060px);
  grid-template-columns: repeat(10, minmax(76px, 1fr));
}
.portal-shortcuts > a:nth-child(9) .portal-shortcut-icon { color: #2563eb; }
.portal-shortcuts > a:nth-child(10) .portal-shortcut-icon { color: #7c3aed; }
.portal-feedback-shortcut b { white-space: normal; text-align: center; line-height: 1.18; }
.my-admin-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 16px;
  padding: 16px 18px;
  border: 1px solid #c8dcd9;
  border-radius: 16px;
  background: #f5faf9;
}
.my-admin-entry > div:first-child { display: grid; gap: 3px; }
.my-admin-entry > div:first-child > b { color: #123f3b; font-size: 1.05rem; }
.my-admin-entry > div:first-child > small { color: var(--muted); }
.my-admin-entry-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
@media (max-width: 1220px) {
  .portal-shortcuts { width: min(100%, 1000px); }
}
@media (max-width: 820px) {
  .portal-shortcuts { width: 100%; }
  .portal-feedback-shortcut b { white-space: normal; }
  .my-admin-entry { align-items: stretch; flex-direction: column; }
  .my-admin-entry-actions { justify-content: stretch; }
  .my-admin-entry-actions .btn { flex: 1 1 160px; text-align: center; }
}


/* FIX45 — product favorite scroll stability, compact seller-safety disclosure, and hamburger cleanup. */
.product-safety-card:not([open]) { padding-top: 13px; padding-bottom: 13px; }
.product-safety-card:not([open]) summary { margin: 0; }
.product-safety-card summary small { overflow-wrap: anywhere; }
#product-favorite-count { font-variant-numeric: tabular-nums; }


/* FIX46 — favorite toggle visual stability. Keep hover geometry unchanged while the request is in flight. */
.detail-actions [data-action="favorite"] { min-width: 0; }
.detail-actions [data-action="favorite"][aria-busy="true"] { cursor: wait; }


/* FIX47 — all-age readability and clearer menu roles; layout, routes and workflows are unchanged. */
.portal-feedback-shortcut[hidden] { display: none !important; }
.portal-shortcuts { grid-template-columns: repeat(8, minmax(76px, 1fr)); }
.portal-shortcuts.has-test-feedback { grid-template-columns: repeat(10, minmax(76px, 1fr)); }
.portal-menu-heading p,
.portal-category-section > p {
  color: #666666;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.55;
}
.portal-menu-group h3 {
  font-size: 16px;
  font-weight: 700;
}
.portal-menu-group a {
  font-size: 15px;
  font-weight: 600;
  color: #2f3b39;
}
.portal-menu-group .portal-menu-rich-link {
  min-height: 62px;
  display: grid;
  align-content: center;
  align-items: initial;
  gap: 4px;
  padding: 8px 9px;
}
.portal-menu-rich-link b {
  display: block;
  color: #263330;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}
.portal-menu-rich-link small {
  display: block;
  color: #666666;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.portal-category-section .category-mega-grid b {
  font-size: 15px;
  font-weight: 650;
}
.portal-category-section .category-mega-grid a {
  min-height: 44px;
}
.support-inquiry-page .page-head p,
.support-purpose-note span,
.support-purpose-note small,
.support-contact-grid span {
  color: #666666;
  font-size: max(13px, .875rem);
  line-height: 1.55;
}
#global-search-input::placeholder {
  color: #666666;
  opacity: 1;
}
@media (max-width: 540px) {
  .portal-menu-heading p,
  .portal-category-section > p,
  .portal-menu-rich-link small { font-size: 13px; }
  .portal-menu-group .portal-menu-rich-link { min-height: 58px; }
  #global-search-input { font-size: 14px; }
}


/* FIX49-R1 — cleaner listing cards + compact delivery/pickup guidance */
.business-footer-delivery-summary { margin:0; color:#353b42; line-height:1.7; }
.business-footer-delivery-details { margin-top:14px; border-top:1px solid #e5e8eb; }
.business-footer-delivery-details summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:46px; padding:12px 0 4px; color:#2d3836; font-weight:700; cursor:pointer; list-style:none; }
.business-footer-delivery-details summary::-webkit-details-marker { display:none; }
.business-footer-delivery-details summary span { flex:none; font-size:1.15rem; transition:transform .18s ease; }
.business-footer-delivery-details[open] summary span { transform:rotate(45deg); }
.business-footer-delivery-detail { padding:10px 0 2px; }
.business-footer-delivery-detail h4 { margin:14px 0 6px; font-size:.96rem; }
.business-footer-delivery-detail p { margin:0; color:#4b535b; line-height:1.7; }
@media (max-width:720px) {
  .business-footer-delivery-summary { font-size:.92rem; line-height:1.65; }
  .business-footer-delivery-details summary { font-size:.92rem; }
}


/* FIX53-R1 · 정식 서비스 UI 마감: 가독성/상품 중심/반응형/피드백 */
:root{
  --radius:14px;
  --text:#222222;
  --muted:#666666;
  --line:#d9dfe3;
  --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;--ui-space-6:32px;
}
body{color:#222;background:#f6f7f8;overflow-x:clip}
.page-head h1{font-size:clamp(24px,3vw,28px);font-weight:700;letter-spacing:-.035em}
.section-title,.panel>h2{font-size:clamp(18px,2vw,20px);font-weight:700}
.page-head p,.promo-copy p,.panel p,.detail-card p,.support-purpose-note,.home-support-links small,.portal-menu-rich-link small{color:#666}
.muted{color:#666}
.section{margin-top:32px}
.section-head{margin-bottom:16px}
.form-card,.filter-card,.detail-card,.panel,.table-card,.product-card,.category-card{border-radius:14px}
.form-card,.filter-card,.detail-card,.panel,.table-card{box-shadow:none;border:1px solid #d9dfe3}
.btn{min-height:44px;font-weight:700}
.btn-primary,.search-button{background:#3665f3;border-color:#3665f3;color:#fff}
.btn-primary:hover,.search-button:hover{background:#2855d8}
.btn-secondary{background:#fff;border-color:#3665f3;color:#234fc5}
.btn-ghost{background:#fff;border-color:#d9dfe3;color:#444}
.danger-text.btn-ghost,.btn-ghost.danger-text{border-color:transparent;background:transparent;color:#9f2f27}
.icon-btn,.portal-action-button,.portal-menu-toggle{min-width:44px;min-height:44px}

/* 홈: 상품 탐색을 먼저, 과도한 배너 대신 정보 밀도 조정 */
.ttok-home{padding-top:24px}
.ttok-home>.home-category-section{margin-top:0}
.ttok-home>.hero-yellow{margin-top:28px}
.ttok-promo{min-height:320px;border-radius:18px}
.ttok-promo.hero-yellow{background:linear-gradient(135deg,#fff5df 0%,#f5faf9 58%,#e8f5f2 100%)}
.promo-copy h1{font-size:clamp(36px,4.5vw,58px);line-height:1.08}
.promo-copy h2{font-size:clamp(28px,3.8vw,42px);line-height:1.12}
.promo-copy p{font-size:16px;line-height:1.65}
.home-shortcuts{grid-template-columns:repeat(4,1fr);border:1px solid #d9dfe3;border-radius:0 0 14px 14px;overflow:hidden}
.home-shortcuts a{min-height:80px}
.home-shortcuts b{font-size:15px;font-weight:600}.home-shortcuts small{font-size:13px;color:#666}
.ttok-categories .category-card b{font-size:15px;font-weight:600}.ttok-categories .category-card small{font-size:13px;color:#666}
.home-community-support{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}
.home-community-card,.home-support-card{padding:24px;border:1px solid #d9dfe3;border-radius:14px;background:#fff}
.home-community-list{display:grid}
.home-community-list a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:10px 0;border-top:1px solid #edf0f2}
.home-community-list a:first-child{border-top:0}.home-community-list b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.home-community-list small{flex:none;color:#666;font-size:13px}
.home-notice-list{display:grid;margin-top:12px}.home-notice-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf0f2}.home-notice-list span{font-size:13px;font-weight:700;color:#3665f3}.home-notice-list b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-support-links{display:grid;gap:8px;margin-top:16px}.home-support-links a{display:grid;padding:12px 14px;border:1px solid #e1e5e8;border-radius:12px}.home-support-links b{font-size:15px}.home-support-links small{font-size:13px}

/* 상품 카드: 동일 높이/1:1 이미지/가격 중심/메타 2줄 */
.product-grid{align-items:stretch;gap:20px}
.product-card{height:100%;border:1px solid #e0e4e7;background:#fff;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.product-card:hover{transform:none;border-color:#c7cfd5;box-shadow:0 8px 22px rgba(15,23,42,.07)}
.product-card-link{display:flex;flex-direction:column;height:100%;min-width:0}
.product-image-wrap{border-radius:0;background:#f1f3f5;overflow:hidden}
.product-image{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f1f3f5}
.product-content{display:flex;flex:1;flex-direction:column;padding:14px 14px 16px;min-width:0}
.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.product-condition-brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px;font-weight:500}
.product-content h3{min-height:43px;margin:8px 0 4px;font-size:16px;font-weight:600;line-height:1.35;-webkit-line-clamp:2}
.product-model{min-height:20px;margin:0;color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-price-row{display:flex;align-items:baseline;gap:8px;margin-top:9px;min-height:31px}.product-price{font-size:20px;font-weight:800;line-height:1.35;color:#222;white-space:nowrap}.product-price-row del{color:#888;font-size:13px}
.product-card-meta{display:grid;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f2;color:#666;font-size:13px;line-height:1.4}.product-card-meta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-inspection-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;margin-top:10px;padding:4px 9px;border-radius:8px;background:#eef5ff;color:#244fbd;font-size:13px;font-weight:700}.product-inspection-placeholder{display:block;height:38px}
.product-card-flags{display:flex;gap:6px;flex-wrap:wrap}.card-flag{font-size:12px}
.ttok-home .product-facts{display:none}
.ttok-home .product-content{padding:12px 12px 14px}

/* 상품 상세: 주요 행동/검수/판매자 안전 정보 시각 우선순위 */
.detail-summary h1{font-size:clamp(24px,3vw,32px);font-weight:700}.detail-price{font-size:clamp(26px,3vw,32px);font-weight:800}
.product-detail-inspection{display:grid;gap:7px;margin:12px 0}.product-detail-inspection small{color:#666;font-size:14px}
.detail-actions{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(180px,1.25fr);gap:10px}.detail-actions .btn-primary{font-weight:800}
.trade-safety-card summary small{font-size:13px;color:#666}.trade-safety-grid span,.safety-checklist,.external-safety-note{font-size:14px}

/* 공개 화면 글자 가독성 */
.portal-menu-group h3,.portal-category-section h3{font-size:16px}.portal-menu-group a,.portal-menu-rich-link b{font-size:15px;font-weight:600}.portal-menu-rich-link small,.portal-category-section p,.category-mega-grid small{font-size:13px;color:#666;line-height:1.5}
.community-page-head small,.community-notice-title span,.community-notice-row small,.board-nav a small{font-size:13px;color:#666}.board-nav a b,.community-notice-row b{font-size:15px}.post-row p{font-size:14px}
.field small{font-size:13px;color:#666}.field label{font-size:14px}.support-contact-grid span{color:#666}

/* 로딩: 상품 목록은 카드 스켈레톤 */
.loading-head-skeleton{display:grid;gap:10px;margin-bottom:24px}.loading-head-skeleton span{display:block;height:22px;width:min(360px,70%);border-radius:8px;background:#e9ecef;animation:ui-pulse 1.2s ease-in-out infinite alternate}.loading-head-skeleton span+span{height:14px;width:min(220px,55%)}
.product-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-skeleton{padding-bottom:16px;border:1px solid #e1e5e8;border-radius:14px;background:#fff;overflow:hidden}.product-skeleton div{aspect-ratio:1/1;background:#e9ecef}.product-skeleton span,.product-skeleton b,.product-skeleton i{display:block;height:13px;margin:12px 14px 0;border-radius:6px;background:#e9ecef;animation:ui-pulse 1.2s ease-in-out infinite alternate}.product-skeleton span+span{width:65%}.product-skeleton b{height:22px;width:48%}.product-skeleton i{height:10px;width:74%}.product-skeleton i+i{width:55%}@keyframes ui-pulse{to{opacity:.45}}

/* 빈 상태와 오류 상태 */
.empty-state,.error-state{min-height:220px;display:grid;place-items:center;text-align:center;padding:32px}.empty-state h2,.error-state h1{font-size:20px}.empty-state p,.error-state p{color:#666}

/* 반응형/터치 */
@media (max-width:1024px){.product-grid,.product-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-community-support{grid-template-columns:1fr}.ttok-categories .category-grid{grid-template-columns:repeat(6,minmax(90px,1fr))}}
@media (max-width:800px){.page-shell{width:min(calc(100% - 24px),var(--max));padding-top:20px}.product-grid,.product-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ttok-home>.home-category-section{width:calc(100% - 24px);margin-inline:auto}.ttok-home>.hero-yellow{border-radius:0}.home-shortcuts{width:calc(100% - 24px);grid-template-columns:repeat(2,1fr);border-radius:14px;margin-top:12px}.home-shortcuts a:nth-child(2n){border-right:0}.detail-actions{grid-template-columns:1fr}.btn-small{min-height:44px}.chat-room{min-height:min(650px,calc(100dvh - 150px))}.chat-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media (max-width:520px){.page-head{align-items:flex-start;flex-direction:column;gap:12px}.page-head .btn{width:100%}.product-grid,.product-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-content{padding:10px}.product-content h3{font-size:15px;min-height:40px}.product-model,.product-condition-brand,.product-card-meta{font-size:13px}.product-price{font-size:18px}.product-inspection-badge{font-size:12px;padding-inline:7px}.product-card-top .badge{font-size:11px;padding-inline:6px}.ttok-categories .category-grid{grid-template-columns:repeat(3,1fr)}.ttok-categories .category-card small{font-size:13px}.promo-copy h1{font-size:34px}.promo-copy h2{font-size:28px}.promo-copy p{font-size:14px}.home-community-list a{display:grid;gap:2px}.home-community-list small{font-size:13px}.toast-region{width:calc(100vw - 24px);right:12px}.toast{font-size:14px}.portal-menu-rich-link small{font-size:13px}}
@media (max-width:390px){.product-grid,.product-skeleton-grid{gap:8px}.product-content{padding:9px}.product-card-meta{font-size:12.5px}.product-inspection-badge{font-size:12px}.ttok-categories .category-grid{gap:6px}.ttok-categories .category-icon{width:70px;height:70px}.global-search input{font-size:14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-skeleton span,.product-skeleton b,.product-skeleton i,.loading-head-skeleton span{animation:none}}


/* FIX53-R1 · 홈 비율/간격/카테고리 타이포 정리
   사용자 캡처에서 확인된 세로로 긴 상품 카드, 프로모션 글/사진 간격,
   카테고리 보조문구 크기 불균형을 공개 홈 화면 범위에서 보정한다. */

/* 섹션 제목 계층을 동일하게 유지 */
.ttok-home .section-head{align-items:flex-end;gap:20px;margin-bottom:14px}
.ttok-home .section-kicker{display:block;margin-bottom:2px;color:#666;font-size:14px;font-weight:500;line-height:1.4}
.ttok-home .section-title{margin:0;color:#222;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.025em}
.ttok-home .section-more{flex:none;font-size:14px;font-weight:600}

/* 카테고리: 작은 영문/설명줄을 제거하고 사진 + 이름만 같은 비율로 표시 */
.ttok-categories .category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.ttok-categories .category-card{min-height:148px;grid-template-rows:112px minmax(40px,auto);align-content:start;justify-items:center;gap:8px;padding:0 4px}
.ttok-categories .category-icon{width:112px;height:112px;border-radius:20px;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.ttok-categories .category-card b{display:-webkit-box;min-height:40px;margin:0;color:#222;font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all;text-align:center}
.ttok-categories .category-card small{display:none!important}

/* 메인 브랜드 프로모션: 글과 이미지가 서로 붙거나 한쪽으로 몰리지 않도록 균형 조정 */
.ttok-promo{grid-template-columns:minmax(0,1fr) minmax(360px,500px);column-gap:clamp(36px,5vw,72px);row-gap:28px;min-height:310px;padding:clamp(34px,4.5vw,54px)}
.ttok-promo .promo-copy{max-width:620px}
.ttok-promo .promo-label{margin-bottom:10px;font-size:14px;font-weight:700;line-height:1.4}
.ttok-promo .promo-copy h1{margin-bottom:16px;font-size:clamp(36px,4.2vw,54px);line-height:1.1}
.ttok-promo .promo-copy h2{margin-bottom:16px;font-size:clamp(28px,3.4vw,40px);line-height:1.15}
.ttok-promo .promo-copy p{max-width:590px;margin-bottom:22px;font-size:15px;line-height:1.65}
.ttok-promo .parts-art{justify-self:end;width:100%;max-width:500px;min-height:0}
.ttok-promo .parts-photo-grid{gap:14px 16px;align-content:center}
.ttok-promo .hero-part-card{gap:6px}
.ttok-promo .hero-part-image-wrap{min-height:126px;padding:12px;border-radius:16px;box-shadow:0 9px 24px rgba(15,23,42,.09)}
.ttok-promo .hero-part-image{height:102px}
.ttok-promo .hero-part-label{padding:4px 10px;font-size:13px;line-height:1.35}

/* 홈 상품: 좁고 긴 카드 대신 일정 폭의 가로 비율과 짧은 정보 밀도를 사용 */
.home-product-section{content-visibility:auto;contain-intrinsic-size:470px;margin-top:28px}
.home-product-section+.home-product-section{margin-top:30px}
.home-product-section .product-rail{grid-auto-columns:240px;gap:18px;padding:2px 2px 10px}
.ttok-home .product-card{min-width:0;border-radius:14px}
.ttok-home .product-card-link{height:100%}
.ttok-home .product-rail .product-image-wrap{aspect-ratio:1/1;border-radius:14px 14px 0 0;background:#f3f4f5}
.ttok-home .product-rail .product-image{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;padding:8px}
.ttok-home .product-content{padding:12px 12px 13px}
.ttok-home .product-card-top{min-height:24px;gap:6px}
.ttok-home .product-card-top .badge{flex:none;white-space:nowrap;font-size:12px;line-height:1.25;padding:4px 8px}
.ttok-home .product-condition-brand{font-size:13px}
.ttok-home .product-content h3{min-height:42px;margin:7px 0 0;font-size:16px;font-weight:600;line-height:1.32}
.ttok-home .product-model{display:none}
.ttok-home .product-price-row{min-height:29px;margin-top:7px}
.ttok-home .product-price{font-size:20px}
.ttok-home .product-card-meta{gap:4px;margin-top:8px;padding-top:8px;font-size:13px;line-height:1.35}
.product-card-transaction,.product-card-social{display:flex!important;min-width:0;gap:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card-transaction>span,.product-card-social>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.product-card-transaction>span+span::before,.product-card-social>span+span::before{content:" · ";white-space:pre;color:#888}
.ttok-home .product-card-transaction .product-age{display:none}
.ttok-home .product-card-social:empty{display:none!important}
.ttok-home .product-inspection-badge{min-height:27px;margin-top:8px;padding:4px 8px;font-size:12.5px}
.ttok-home .product-inspection-placeholder{height:35px}
.ttok-home .product-card-flags{inset:8px auto auto 8px}

/* 일반 상품목록도 상태 배지가 두 줄로 찢어지지 않게 한다. */
.product-card-top .badge{flex:none;white-space:nowrap}

@media (max-width:1180px){
  .ttok-categories .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .home-product-section .product-rail{grid-auto-columns:228px}
  .ttok-promo{grid-template-columns:minmax(0,1fr) minmax(320px,440px);column-gap:36px}
}
@media (max-width:900px){
  .ttok-categories .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}
  .ttok-promo{grid-template-columns:1fr;gap:24px;padding:30px 24px}
  .ttok-promo .parts-art{justify-self:stretch;max-width:none}
  .home-product-section .product-rail{grid-auto-columns:minmax(218px,42vw)}
}
@media (max-width:800px){
  .ttok-home .section-title{font-size:20px}
  .ttok-home .section-kicker{font-size:13px}
  .ttok-categories .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ttok-categories .category-card{min-height:132px;grid-template-rows:94px minmax(36px,auto)}
  .ttok-categories .category-icon{width:94px;height:94px}
  .ttok-categories .category-card b{min-height:36px;font-size:15px}
  .home-product-section .product-rail{grid-auto-columns:minmax(210px,48vw);gap:12px}
}
@media (max-width:520px){
  .ttok-home .section-head{align-items:center;gap:12px;margin-bottom:12px}
  .ttok-home .section-title{font-size:19px}
  .ttok-categories .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
  .ttok-categories .category-card{min-height:116px;grid-template-rows:78px minmax(34px,auto);gap:6px}
  .ttok-categories .category-icon{width:78px;height:78px;border-radius:16px}
  .ttok-categories .category-card b{min-height:34px;font-size:14px;line-height:1.3}
  .ttok-promo{padding:26px 18px;gap:20px}
  .ttok-promo .promo-label{font-size:13px}
  .ttok-promo .promo-copy h1{font-size:32px}
  .ttok-promo .promo-copy h2{font-size:27px}
  .ttok-promo .promo-copy p{font-size:14px;line-height:1.6}
  .ttok-promo .parts-photo-grid{gap:10px}
  .ttok-promo .hero-part-image-wrap{min-height:96px;padding:9px}
  .ttok-promo .hero-part-image{height:76px}
  .ttok-promo .hero-part-label{font-size:12px}
  .home-product-section .product-rail{grid-auto-columns:calc((100vw - 44px)/2);gap:10px}
  .ttok-home .product-content{padding:10px}
  .ttok-home .product-content h3{min-height:39px;font-size:15px}
  .ttok-home .product-price{font-size:18px}
  .ttok-home .product-card-meta{font-size:12.5px}
  .ttok-home .product-condition-brand{font-size:12.5px}
  .ttok-home .product-card-top .badge{font-size:11px;padding:3px 6px}
  .ttok-home .product-inspection-badge{font-size:12px}
}
@media (max-width:390px){
  .ttok-categories .category-grid{gap:12px 6px}
  .ttok-categories .category-icon{width:72px;height:72px}
  .ttok-categories .category-card{grid-template-rows:72px minmax(34px,auto)}
  .home-product-section .product-rail{grid-auto-columns:calc((100vw - 40px)/2);gap:8px}
}


/* FIX53-R1 · Amazon형 탐색 장점을 똑!수리몰 브랜드에 맞게 재설계
   검색 중심 2단 헤더 / 상품 판단 정보 우선순위 / 홈 길이 제한 / 전 연령 가독성 */

:root{--ui-text:#222;--ui-body:#444;--ui-muted:#666;--ui-subtle:#888;--ui-radius:14px;--ui-gap:16px}

/* 1단: 전체/로고 + 검색 + 상품채팅/알림/MY */
.site-header{background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.06)}
.search-first-header{min-height:82px;grid-template-columns:minmax(190px,230px) minmax(420px,1fr) minmax(300px,auto);gap:22px;padding-block:10px}
.portal-search-center{display:block;min-width:0}
.portal-shortcuts{display:none!important}
.global-search.portal-search{height:54px;min-height:54px;border-width:2px;border-radius:14px}
.global-search.portal-search .search-input-wrap{height:50px}
.global-search.portal-search #global-search-input{height:50px;min-height:50px;font-size:16px;color:var(--ui-text)}
.global-search.portal-search .portal-search-button{width:58px;height:50px;min-height:50px}
.portal-header-actions{gap:8px;white-space:nowrap}
.portal-action-button,.portal-account-button{min-width:58px;min-height:48px}
.portal-chat-header{text-decoration:none}
.portal-chat-icon{width:21px;height:17px;border:2px solid currentColor;border-radius:6px;position:relative;display:inline-block}
.portal-chat-icon::after{content:"";position:absolute;left:3px;bottom:-5px;width:7px;height:7px;border-left:2px solid currentColor;transform:skewY(-35deg)}

/* 2단: 자주 찾는 제품 카테고리 + 서비스 진입 */
.header-category-bar{border-top:1px solid #eef1f1;border-bottom:1px solid #dfe5e4;background:#fff;color:var(--ui-body)}
.header-category-inner{width:min(calc(100% - 40px),var(--max));min-height:44px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}
.header-category-links,.header-service-links{display:flex;align-items:center;gap:2px;min-width:0;white-space:nowrap}
.header-category-links{overflow:hidden}
.header-category-links a,.header-service-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 10px;border-radius:8px;color:#333;font-size:14px;font-weight:650;text-decoration:none}
.header-category-links a:hover,.header-category-links a:focus-visible,.header-service-links a:hover,.header-service-links a:focus-visible{background:#eef7f5;color:var(--brand-900);outline:2px solid color-mix(in srgb,var(--brand-900) 24%,transparent);outline-offset:-2px}
.header-service-links{flex:none;border-left:1px solid #e7eceb;padding-left:8px}
.header-service-safe{color:var(--brand-900)!important}.header-service-sell{font-weight:800!important}
.primary-nav.portal-menu-host{border:0;min-height:0}

/* 홈은 6개 핵심 카테고리 + compact hero + 핵심 상품 3개 섹션에 집중 */
.ttok-home{padding-top:20px}
.ttok-home>.home-category-section{margin-top:0;margin-bottom:18px}
.ttok-categories .category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ttok-categories .category-card{min-height:118px;grid-template-rows:82px 28px;gap:6px;padding:8px 6px;border:1px solid #e7ebed;border-radius:14px;background:#fff}
.ttok-categories .category-card:hover,.ttok-categories .category-card:focus-visible{border-color:#b8c7c5;box-shadow:0 6px 18px rgba(15,23,42,.06);outline:none}
.ttok-categories .category-icon{width:82px;height:82px;border-radius:14px;box-shadow:none;background:#f5f6f7}
.ttok-categories .category-card b{min-height:28px;font-size:15px;line-height:1.3}
.ttok-promo.hero-yellow{min-height:260px;margin-top:18px;padding:32px 38px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);column-gap:56px;border-radius:18px}
.ttok-promo .promo-copy{max-width:650px}
.ttok-promo .promo-label{margin-bottom:7px;color:var(--brand-900);font-size:14px}
.ttok-promo .promo-copy h1{margin:0 0 12px;font-size:clamp(34px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em}
.ttok-promo .promo-copy p{margin:0 0 18px;color:var(--ui-body);font-size:15px;line-height:1.6}
.ttok-promo .promo-copy p b{color:var(--ui-text);font-weight:700}
.ttok-promo .parts-art{max-width:420px}
.ttok-promo .parts-photo-grid{gap:10px 12px}
.ttok-promo .hero-part-image-wrap{min-height:102px;padding:9px;border-radius:14px;box-shadow:0 6px 16px rgba(15,23,42,.06)}
.ttok-promo .hero-part-image{height:82px}
.ttok-promo .hero-part-label{padding:3px 9px;font-size:12px}
.home-product-section{margin-top:26px;contain-intrinsic-size:440px}
.home-product-section+.home-product-section{margin-top:28px}
.ttok-home .section-head{margin-bottom:12px}
.ttok-home .section-title{font-size:21px}.ttok-home .section-kicker{font-size:14px;color:var(--ui-muted)}

/* 상품 카드는 쇼핑 판단 순서: 이미지 → 상품명 → 상태/브랜드 → 후기 → 가격 → 거래정보 → 검수/찜 */
.product-card{border-radius:var(--ui-radius);border:1px solid #e1e6e8;background:#fff;box-shadow:none;transition:border-color .16s,box-shadow .16s}
.product-card:hover{transform:none;border-color:#bfc9cc;box-shadow:0 7px 20px rgba(15,23,42,.065)}
.product-image-wrap{aspect-ratio:1/1;background:#f6f7f8}
.product-image{width:100%;height:100%;object-fit:contain;padding:8px}
.product-card-flags{inset:8px 8px auto 8px;justify-content:space-between;pointer-events:none}
.card-flag.status{margin-left:auto;background:rgba(255,255,255,.94);color:#222;border:1px solid #d7dddf;font-weight:700}
.product-content{display:flex;flex-direction:column;min-height:238px;padding:13px 14px 14px}
.product-content h3{display:-webkit-box;min-height:43px;margin:0 0 7px;color:var(--ui-text);font-size:16px;font-weight:650;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product-condition-brand{display:block;min-width:0;margin:0 0 4px;color:var(--ui-muted);font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-review-line{min-height:20px;margin:0 0 6px;color:#5f6768;font-size:13px;line-height:1.4}
.product-price-row{min-height:30px;margin:0 0 7px;align-items:baseline}
.product-price{margin:0;color:#111;font-size:21px;font-weight:800;line-height:1.35;white-space:nowrap}
.product-price-row del{color:var(--ui-subtle);font-size:12.5px}
.product-card-transaction{display:block!important;min-width:0;margin:0;color:var(--ui-muted);font-size:13px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.product-inspection-badge{display:inline-flex;align-items:center;min-width:0;max-width:calc(100% - 50px);min-height:28px;margin:0;padding:4px 8px;border-radius:8px;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-inspection-placeholder{display:block;height:28px}
.product-favorite-count{flex:none;color:var(--ui-muted);font-size:13px;white-space:nowrap}
.product-model,.product-card-meta{display:none!important}
.home-product-section .product-rail{grid-auto-columns:238px;gap:16px;padding-bottom:10px}
.ttok-home .product-content{min-height:225px}

/* 검색/목록: 결과 의미를 먼저 보여주고 필터는 보조 */
.market-page-head h1{max-width:760px}.market-page .filter-card{border-radius:14px;background:#fbfcfc}.market-page .market-result-section{margin-top:22px}
.market-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

/* 상세: 왼쪽 이미지 약 45%, 오른쪽 구매판단 약 55% */
.product-detail{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:32px}
.gallery-main{aspect-ratio:1/1;object-fit:contain;background:#f7f8f8;border-radius:16px;padding:12px}
.detail-summary{top:145px;border-radius:16px}.detail-summary h1{color:var(--ui-text);font-size:clamp(1.55rem,2.4vw,2.15rem)}
.detail-price{font-size:2rem}
.detail-decision-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.detail-decision-summary span{min-width:0;padding:10px 11px;border:1px solid #e1e7e6;border-radius:10px;background:#fafcfc}
.detail-decision-summary small{display:block;margin-bottom:3px;color:var(--ui-muted);font-size:12px}.detail-decision-summary b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--ui-text)}
.detail-actions{grid-template-columns:minmax(112px,.7fr) minmax(180px,1.3fr);gap:10px}.detail-actions .btn{min-height:48px}

/* 버튼 중요도/피드백/접근성 */
.btn-primary{font-weight:750}.btn-ghost{box-shadow:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-900) 36%,transparent);outline-offset:2px}

@media(max-width:1280px){
  .search-first-header{grid-template-columns:190px minmax(360px,1fr) auto;gap:16px}
  .header-category-inner{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.header-category-links{overflow:visible}.header-service-links{position:sticky;right:0;background:#fff}
  .ttok-promo.hero-yellow{column-gap:32px}.home-product-section .product-rail{grid-auto-columns:225px}
}
@media(max-width:1024px){
  .search-first-header{grid-template-columns:170px minmax(300px,1fr) auto}.portal-header-actions .portal-account-button{padding-inline:9px}
  .ttok-categories .category-grid{grid-template-columns:repeat(6,minmax(120px,1fr));overflow-x:auto;scroll-snap-type:inline proximity;padding-bottom:6px}.ttok-categories .category-card{scroll-snap-align:start}
  .ttok-promo.hero-yellow{grid-template-columns:1fr minmax(280px,360px);padding:28px}.market-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-detail{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:24px}
}
@media(max-width:760px){
  .search-first-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "search search";gap:8px 12px;min-height:0;padding:9px 0 8px}
  .portal-brand-zone{grid-area:brand}.portal-search-center{grid-area:search}.portal-header-actions{grid-area:actions}
  .portal-brand-zone .brand-wordmark i{font-size:1.5rem}.portal-brand-zone .brand-wordmark .brand-bang{font-size:1.2rem}
  .portal-header-actions{gap:2px}.portal-action-button,.portal-account-button{min-width:44px;min-height:44px;padding:5px 7px;font-size:11px}.portal-header-actions #header-logout{display:none!important}
  .global-search.portal-search{height:48px;min-height:48px}.global-search.portal-search .search-input-wrap,.global-search.portal-search #global-search-input,.global-search.portal-search .portal-search-button{height:44px;min-height:44px}.global-search.portal-search #global-search-input{font-size:14px}
  .header-category-inner{width:100%;min-height:42px;padding:0 10px;gap:8px}.header-category-links a,.header-service-links a{min-height:40px;padding:0 9px;font-size:13px}.header-service-links{display:none}
  .ttok-home{padding-top:14px}.ttok-categories .category-grid{width:100%;grid-template-columns:repeat(6,118px);gap:9px}.ttok-categories .category-card{min-height:112px;grid-template-rows:76px 28px}.ttok-categories .category-icon{width:76px;height:76px}.ttok-categories .category-card b{font-size:14px}
  .ttok-promo.hero-yellow{grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 20px}.ttok-promo .promo-copy h1{font-size:31px}.ttok-promo .parts-art{max-width:none}.ttok-promo .hero-part-image-wrap{min-height:86px}.ttok-promo .hero-part-image{height:68px}
  .home-product-section .product-rail{grid-auto-columns:minmax(210px,62vw);gap:12px}.market-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-detail{grid-template-columns:1fr}.detail-summary{position:static}.gallery-main{max-height:72vh}.detail-decision-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:390px){
  .header-inner,.page-shell,.header-category-inner{width:min(calc(100% - 24px),var(--max))}.header-category-inner{width:100%}
  .portal-chat-header span:last-child{display:none}.portal-action-button{min-width:44px}
  .ttok-categories .category-grid{grid-template-columns:repeat(6,108px)}
  .home-product-section .product-rail{grid-auto-columns:calc((100vw - 42px)/2);gap:9px}.product-content{min-height:215px;padding:10px}.product-content h3{font-size:15px;min-height:40px}.product-condition-brand{font-size:12.5px}.product-review-line,.product-card-transaction,.product-favorite-count{font-size:12px}.product-price{font-size:18px}.product-inspection-badge{font-size:11.5px;padding-inline:6px}
  .market-page .product-grid{gap:9px}.detail-decision-summary{gap:6px}.detail-decision-summary span{padding:9px 7px}
}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}}


/* FIX54-R1 · 첨부 레퍼런스 기반 UI 재균형
   - 데스크톱: 얇은 유틸리티 바 + 검색 중심 헤더 + 카테고리 바
   - 홈: 다크 메인 히어로 + 2개 보조 프로모션 + 4개 바로가기 + 5열 상품 레일
   - 상세: 갤러리 / 구매판단 / 판매자 안전정보 3열
   - 모바일: 검색 중심 2단 헤더, 2열 카드, 하단 CTA */

:root{
  --ref-teal:#008b83;
  --ref-teal-dark:#006f69;
  --ref-cyan:#26e0d1;
  --ref-navy:#0d1821;
  --ref-line:#e1e7e8;
  --ref-soft:#f5f8f8;
  --ref-text:#182126;
  --ref-muted:#697477;
}

/* Desktop header closely follows the supplied reference while retaining existing routes. */
@media(min-width:761px){
  .site-header{position:sticky;top:0;background:rgba(255,255,255,.985);box-shadow:0 2px 12px rgba(15,23,42,.045)}
  .site-header .utility-bar{display:block;background:#f7f9f9;border-bottom:1px solid #edf0f0;color:#4f5b5d;font-size:12px}
  .utility-inner{width:min(calc(100% - 48px),1580px);min-height:28px;justify-content:flex-start;gap:18px}
  .utility-inner nav{gap:14px}
  .utility-support-links{margin-left:auto}
  #utility-personal{margin-left:0}
  .utility-inner a{color:#4f5b5d;text-decoration:none}
  .utility-inner a:first-child{color:inherit;text-decoration:none}
  .search-first-header{width:min(calc(100% - 48px),1580px);min-height:72px;grid-template-columns:minmax(235px,270px) minmax(460px,1fr) minmax(250px,auto);gap:24px;padding:8px 0}
  .portal-brand-zone{gap:10px;min-height:56px}.portal-menu-toggle{width:46px;height:46px;flex-basis:46px;border-radius:10px;background:#f4f7f7}.portal-menu-toggle:hover{background:#eaf5f3}
  .portal-brand-zone .brand-wordmark i{font-size:1.8rem}.portal-brand-zone .brand-wordmark .brand-bang{font-size:1.4rem}
  .global-search.portal-search{max-width:none;height:48px;min-height:48px;grid-template-columns:minmax(0,1fr) 54px;padding:0;border:2px solid var(--ref-teal);border-radius:12px;overflow:visible;box-shadow:none}
  .portal-search-mark{display:none}.global-search.portal-search .search-input-wrap{height:44px}.global-search.portal-search #global-search-input{height:44px;min-height:44px;padding-left:18px;font-size:14px;font-weight:500}.global-search.portal-search .portal-search-button{width:54px;height:44px;min-height:44px;border-radius:0 9px 9px 0;background:var(--ref-teal)}
  .portal-header-actions{gap:6px}.portal-action-button,.portal-account-button{min-width:58px;min-height:48px;padding:5px 8px;border-radius:8px;font-size:11px}.portal-action-button:hover,.portal-account-button:hover{background:#f3f7f7}
  .header-category-inner{width:min(calc(100% - 48px),1580px);min-height:42px}.header-category-links a,.header-service-links a{min-height:40px;padding:0 10px;font-size:13px}.header-category-links{gap:0}.header-service-links{gap:0}
}

/* Home reference composition */
.reference-home{width:min(calc(100% - 48px),1580px);padding-top:14px}
.reference-home-hero{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;min-height:430px}
.reference-hero-main{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(390px,.95fr) minmax(340px,1.05fr);grid-template-rows:1fr auto;column-gap:20px;padding:38px 38px 0;border-radius:14px;background:radial-gradient(circle at 72% 42%,rgba(22,209,193,.20),transparent 24%),linear-gradient(135deg,#111c25,#0b151d 72%);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.13)}
.reference-hero-copy{position:relative;z-index:3;align-self:center;padding-bottom:32px}.reference-hero-copy>span{display:block;margin-bottom:12px;font-size:17px;font-weight:700;color:#f3f7f7}.reference-hero-copy h1{margin:0 0 18px;font-size:clamp(38px,4vw,62px);line-height:1.06;letter-spacing:-.045em}.reference-hero-copy h1 em{font-style:normal;color:var(--ref-cyan)}.reference-hero-copy p{max-width:540px;margin:0 0 22px;color:#cad4d7;font-size:15px;line-height:1.65}.reference-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.reference-hero-actions .btn{min-height:46px;padding-inline:20px;border-radius:8px}.btn-hero-ghost{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:#fff}.btn-hero-ghost:hover{background:rgba(255,255,255,.10)}
.reference-hero-stage{position:relative;min-height:300px;align-self:stretch}.reference-hero-stage::before{content:"";position:absolute;inset:38px 8% 12%;border-radius:50%;background:radial-gradient(circle,rgba(32,226,209,.13),transparent 66%)}.reference-hero-product{position:absolute;z-index:2;display:block;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.34))}.reference-hero-product-1{right:2%;bottom:42px;width:62%;height:190px}.reference-hero-product-2{right:42%;bottom:34px;width:45%;height:150px}.reference-hero-product-3{right:8%;top:22px;width:40%;height:128px;opacity:.92}.reference-hero-glow{position:absolute;right:22%;bottom:46px;width:210px;height:22px;border-radius:50%;background:rgba(36,224,209,.22);filter:blur(12px)}
.reference-hero-trust{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.08)}.reference-hero-trust a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-content:center;min-height:86px;padding:14px 20px;color:#fff;text-decoration:none}.reference-hero-trust a+a{border-left:1px solid rgba(255,255,255,.13)}.reference-hero-trust b{grid-row:1/3;font-size:15px}.reference-hero-trust small{color:#cbd4d6;font-size:12.5px;line-height:1.45}
.reference-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.reference-side-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;padding:24px;border-radius:14px;text-decoration:none;color:#0f2f55;background:linear-gradient(135deg,#e9f2ff,#cfe3ff)}.reference-side-card span{position:relative;z-index:2}.reference-side-card b{display:block;font-size:22px;line-height:1.2}.reference-side-card small{display:block;margin-top:8px;color:#4f6480;font-size:12.5px}.reference-side-card img{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(20,60,100,.15))}.reference-side-gpu{background:linear-gradient(135deg,#e5f1ff,#c6ddff)}.reference-side-gpu span small{margin:0 0 3px;color:#223b61;font-size:14px;font-weight:700}.reference-side-gpu span b{font-size:27px}.reference-side-gpu img{height:110px;align-self:end}
.reference-home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 26px}.reference-home-shortcuts a{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 16px;border:1px solid var(--ref-line);border-radius:10px;background:#fff;color:var(--ref-text);text-decoration:none}.reference-home-shortcuts a:hover{border-color:#b7c8c7;background:#fbfdfd}.reference-home-shortcuts b,.reference-home-shortcuts small{display:block}.reference-home-shortcuts b{font-size:14px}.reference-home-shortcuts small{margin-top:3px;color:var(--ref-muted);font-size:11.5px}.shortcut-symbol{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900}.shortcut-symbol.hot{color:#e43a56;background:#fff0f3;font-size:25px}.shortcut-symbol.new{color:#3676e8;background:#eaf2ff;font-size:10px}.shortcut-symbol.safe{color:#168f77;background:#eaf8f4;font-size:19px}.shortcut-symbol.sale{color:#ef5565;background:#fff0f1;font-size:22px}
.reference-home .home-product-section{margin-top:28px}.reference-home .home-product-section .section-head{margin-bottom:12px}.reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;padding:2px 1px 10px}.reference-home .home-product-card{min-width:0}.reference-home .home-product-card .product-content{min-height:210px;padding:12px 13px 13px}.reference-home .home-product-card .product-content h3{min-height:42px;font-size:14.5px}.reference-home .home-product-card .product-condition-brand{font-size:12.5px}.reference-home .home-product-card .product-review-line{min-height:18px;font-size:12px;color:#ce8500}.reference-home .home-product-card .product-review-line.is-empty{visibility:hidden}.reference-home .home-product-card .product-price{font-size:20px;color:#e11919}.reference-home .home-product-card .product-card-transaction{font-size:12px}.reference-home .home-product-card .product-inspection-badge{background:#eaf8f5;color:#08786f;font-size:11.5px}.reference-home .home-product-card .product-favorite-count{font-size:12px}
.reference-community-strip{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:28px;margin-top:38px;padding:28px;border:1px solid var(--ref-line);border-radius:14px;background:#fbfdfd}.reference-community-copy h2{margin:6px 0 8px;font-size:22px}.reference-community-copy p{margin:0 0 12px;color:var(--ref-muted);font-size:14px}.reference-community-strip .home-community-list{margin:0}.reference-notice-support{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center;padding:24px 0}.reference-notice-support h2{margin:5px 0;font-size:20px}.reference-support-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-support-links a{display:grid;gap:4px;min-height:70px;padding:14px;border:1px solid var(--ref-line);border-radius:10px;color:var(--ref-text);text-decoration:none}.reference-support-links b{font-size:13px;color:var(--ref-teal-dark)}.reference-support-links span{font-size:12.5px;color:var(--ref-muted);line-height:1.45}.reference-footer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px;border-top:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line)}.reference-footer-benefits article{display:flex;gap:12px;align-items:center;justify-content:center;min-height:82px;padding:14px}.reference-footer-benefits article+article{border-left:1px solid var(--ref-line)}.reference-footer-benefits>article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f8f5;color:var(--ref-teal);font-weight:900}.reference-footer-benefits b,.reference-footer-benefits small{display:block}.reference-footer-benefits b{font-size:13px}.reference-footer-benefits small{margin-top:2px;color:var(--ref-muted);font-size:11.5px}

/* Product detail reference layout */
.reference-product-page{width:min(calc(100% - 48px),1580px);padding-top:18px}.reference-breadcrumb{display:flex;gap:8px;align-items:center;margin:0 0 14px;color:#718083;font-size:12.5px}.reference-breadcrumb a{color:inherit;text-decoration:none}.reference-breadcrumb a:hover{text-decoration:underline}.reference-product-hero{display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(390px,.95fr) minmax(260px,.58fr);gap:18px;align-items:start}.reference-gallery{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;min-width:0}.reference-gallery-thumbs{display:grid;align-content:start;gap:8px}.reference-gallery-thumbs .gallery-thumb{width:60px;height:60px;border-radius:8px}.reference-gallery-main{min-width:0;display:grid;place-items:center;aspect-ratio:1.15/1;border-radius:12px;background:#f5f7f7;overflow:hidden}.reference-gallery-main .gallery-main{width:100%;height:100%;max-height:none;aspect-ratio:auto;padding:18px;border:0;border-radius:0;background:transparent;object-fit:contain}.reference-product-summary{min-width:0;padding:8px 2px}.reference-product-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.reference-product-title-row h1{margin:8px 0 8px;font-size:clamp(23px,2vw,31px);line-height:1.22;letter-spacing:-.025em}.reference-product-title-row>.badge{flex:none}.reference-product-tags{display:flex;gap:6px;flex-wrap:wrap}.reference-product-tags span{padding:4px 8px;border:1px solid #d5e7e4;border-radius:999px;background:#eff9f7;color:#39716d;font-size:11.5px}.reference-product-review{margin:0;color:#e49400;font-size:13px;font-weight:700}.reference-product-review span{color:#687376;font-weight:500}.reference-price-line{display:flex;align-items:baseline;gap:10px;margin:16px 0 12px}.reference-price-line strong{color:#e21a1a;font-size:28px;line-height:1.2}.reference-price-line del{color:#8a9496;font-size:13px}.reference-price-line>b{color:#e21a1a;font-size:13px}.reference-trade-facts{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 16px;padding:12px 0;border-top:1px solid #eef1f1;border-bottom:1px solid #eef1f1;color:#455356;font-size:12.5px}.reference-safe-box{display:grid;gap:4px;padding:14px 16px;margin:12px 0;border-radius:10px;background:#e8f8f4;color:#126e65;text-decoration:none}.reference-safe-box b{font-size:15px}.reference-safe-box span{font-size:12.5px;color:#5a7773}.reference-safe-box small{font-size:11.5px;text-decoration:underline}.reference-safe-box.is-result{background:#eaf7ef}.reference-safe-box.is-disabled{background:#f5f6f6;color:#596365}.reference-summary-actions{display:grid;grid-template-columns:110px minmax(180px,1fr);gap:8px;margin-top:18px}.reference-summary-actions .btn{min-height:48px;border-radius:7px}.btn-favorite-reference{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b7dcd7;background:#fff;color:#126e65;font-weight:700}.btn-favorite-reference small{font-size:11px;color:#6b7778}.btn-chat-reference{border:1px solid var(--ref-teal);background:#fff;color:var(--ref-teal-dark);font-weight:800}.btn-chat-reference:hover{background:#eff9f7}.reference-chat-note{margin:8px 0 0;color:#788285;font-size:11.5px;line-height:1.5}.reference-seller-card{padding:18px;border:1px solid var(--ref-line);border-radius:12px;background:#fff}.reference-seller-card h2{margin:0 0 14px;font-size:16px}.reference-seller-profile{display:flex;gap:10px;align-items:center;padding-bottom:13px;border-bottom:1px solid #eef1f1}.reference-seller-avatar{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e5f4f1;color:var(--ref-teal-dark);font-weight:900}.reference-seller-profile>div{min-width:0}.reference-seller-profile b,.reference-seller-profile small{display:block}.reference-seller-profile b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-seller-profile small{margin-top:4px;color:#b97800;font-size:11.5px}.reference-seller-profile .badge{display:inline-flex;margin-top:5px}.reference-seller-facts{display:grid;gap:9px;margin:14px 0;padding:0;list-style:none;color:#465456;font-size:12.5px}.reference-seller-facts li{display:flex;gap:7px}.reference-seller-facts li span{color:#07917f;font-weight:900}.reference-seller-card .product-safety-card{margin-top:12px;padding:0;border:0;border-radius:0;background:transparent}.reference-seller-card .product-safety-card summary{padding:10px 0;border-top:1px solid #eef1f1}.reference-seller-card .product-safety-card summary small{display:none}.reference-seller-card .product-safety-card summary .badge{font-size:10px}.reference-seller-card .trade-safety-grid{grid-template-columns:1fr 1fr}.reference-seller-card .external-safety-note,.reference-seller-card .safety-checklist{display:none}.reference-seller-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #eef1f1}.reference-seller-tools .btn{min-height:38px}.reference-detail-tabs{position:sticky;top:142px;z-index:15;display:flex;overflow-x:auto;gap:0;margin-top:28px;border-top:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line);background:rgba(255,255,255,.97)}.reference-detail-tabs button{flex:0 0 auto;min-height:54px;display:flex;align-items:center;padding:0 24px;border:0;border-bottom:3px solid transparent;background:transparent;color:#586467;font:inherit;font-size:13px;cursor:pointer}.reference-detail-tabs button:first-child{border-bottom-color:var(--ref-teal);color:var(--ref-teal-dark);font-weight:800}.reference-detail-tabs button:hover,.reference-detail-tabs button:focus-visible{color:var(--ref-teal-dark);background:#f8fbfb}.reference-detail-section{scroll-margin-top:215px;padding:28px 0;border-bottom:1px solid #eef1f1}.reference-detail-section h2{margin:0 0 14px;font-size:20px}.reference-detail-section .post-body{max-width:980px;line-height:1.75}.reference-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.reference-spec-grid>div,.reference-condition-grid article{padding:14px;border:1px solid var(--ref-line);border-radius:10px;background:#fbfcfc}.reference-spec-grid dt,.reference-condition-grid b{color:#718083;font-size:12px}.reference-spec-grid dd,.reference-condition-grid p{margin:5px 0 0;color:#263235;font-size:14px;font-weight:700}.reference-condition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-trade-stage{margin-top:24px}.reference-mobile-cta{display:none}

@media(max-width:1280px){
  .reference-home-hero{grid-template-columns:minmax(0,1fr) 300px}.reference-hero-main{grid-template-columns:minmax(330px,.95fr) minmax(280px,1.05fr);padding-inline:30px}.reference-side-card{grid-template-columns:minmax(0,1fr) 110px;padding:20px}.reference-side-card b{font-size:19px}.reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 48px)/4)}
  .reference-product-hero{grid-template-columns:minmax(390px,1.15fr) minmax(340px,.9fr) minmax(235px,.55fr)}
}
@media(max-width:1024px){
  .reference-home-hero{grid-template-columns:1fr 260px}.reference-hero-main{grid-template-columns:minmax(300px,1fr) minmax(240px,.85fr);padding:28px 26px 0}.reference-hero-copy h1{font-size:42px}.reference-hero-trust small{display:none}.reference-hero-trust a{min-height:66px}.reference-side-card{grid-template-columns:1fr;padding:18px}.reference-side-card img{position:absolute;right:10px;bottom:6px;width:115px;height:92px;opacity:.75}.reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 32px)/3)}.reference-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-product-hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.reference-seller-card{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:16px}.reference-seller-card h2{grid-column:1/-1}.reference-seller-tools{grid-column:1/-1}.reference-seller-card .product-safety-card{margin:0}.reference-detail-tabs{top:142px}.reference-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .site-header .utility-bar{display:none}.reference-home{width:min(calc(100% - 20px),1580px);padding-top:10px}.reference-home-hero{display:block;min-height:0}.reference-hero-main{display:grid;grid-template-columns:1fr;min-height:320px;padding:24px 20px 0;border-radius:12px}.reference-hero-copy{padding-bottom:14px}.reference-hero-copy>span{font-size:13px;margin-bottom:7px}.reference-hero-copy h1{font-size:34px;margin-bottom:10px}.reference-hero-copy p{display:none}.reference-hero-actions{gap:7px}.reference-hero-actions .btn{min-height:42px;padding-inline:14px;font-size:13px}.reference-hero-stage{min-height:150px}.reference-hero-product-1{right:0;bottom:14px;width:56%;height:120px}.reference-hero-product-2{right:45%;bottom:4px;width:42%;height:94px}.reference-hero-product-3{right:8%;top:0;width:32%;height:72px}.reference-hero-trust{grid-template-columns:repeat(3,1fr);margin-inline:-20px}.reference-hero-trust a{display:grid;place-items:center;min-height:58px;padding:8px;text-align:center}.reference-hero-trust b{grid-row:auto;font-size:11.5px}.reference-hero-trust small{display:none}.reference-hero-side{display:none}.reference-home-shortcuts{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 22px}.reference-home-shortcuts a{display:grid;justify-items:center;gap:5px;min-height:66px;padding:8px 4px;text-align:center}.reference-home-shortcuts a>span:last-child small{display:none}.reference-home-shortcuts b{font-size:10.5px;line-height:1.25}.shortcut-symbol{width:32px;height:32px;flex-basis:32px;border-radius:9px}.shortcut-symbol.hot{font-size:20px}.shortcut-symbol.sale{font-size:17px}.reference-home .home-product-section{margin-top:24px}.reference-home .home-product-section .product-rail{grid-auto-columns:calc((100vw - 34px)/2);gap:10px}.reference-home .home-product-card .product-content{min-height:190px;padding:10px}.reference-home .home-product-card .product-content h3{font-size:13px;min-height:36px}.reference-home .home-product-card .product-condition-brand{font-size:11px}.reference-home .home-product-card .product-review-line{font-size:11px}.reference-home .home-product-card .product-price{font-size:18px}.reference-home .home-product-card .product-card-transaction{font-size:11px}.reference-home .home-product-card .product-inspection-badge{font-size:10px;padding:4px 5px}.reference-community-strip{grid-template-columns:1fr;padding:18px;gap:18px}.reference-community-copy h2{font-size:19px}.reference-notice-support{grid-template-columns:1fr;gap:12px}.reference-support-links{grid-template-columns:1fr}.reference-footer-benefits{grid-template-columns:repeat(2,1fr)}.reference-footer-benefits article:nth-child(3){border-left:0;border-top:1px solid var(--ref-line)}.reference-footer-benefits article:nth-child(4){border-top:1px solid var(--ref-line)}
  .reference-product-page{width:min(calc(100% - 20px),1580px);padding-top:10px;padding-bottom:82px}.reference-breadcrumb{font-size:11px;margin-bottom:10px}.reference-product-hero{display:block}.reference-gallery{grid-template-columns:1fr}.reference-gallery-thumbs{order:2;display:flex;overflow-x:auto;margin-top:8px}.reference-gallery-thumbs .gallery-thumb{flex:0 0 52px;width:52px;height:52px}.reference-gallery-main{aspect-ratio:1/1}.reference-gallery-main .gallery-main{padding:10px}.reference-product-summary{padding:16px 2px 0}.reference-product-title-row h1{font-size:20px}.reference-price-line strong{font-size:24px}.reference-trade-facts{gap:10px;font-size:11.5px}.reference-summary-actions{display:none}.reference-seller-card{display:block;margin-top:18px;padding:15px}.reference-seller-card h2{font-size:15px}.reference-seller-card .trade-safety-grid{grid-template-columns:1fr 1fr}.reference-detail-tabs{top:158px;margin-top:18px}.reference-detail-tabs button{min-height:48px;padding:0 14px;font-size:11.5px}.reference-detail-section{scroll-margin-top:214px;padding:22px 0}.reference-detail-section h2{font-size:18px}.reference-spec-grid{grid-template-columns:1fr 1fr}.reference-condition-grid{grid-template-columns:1fr}.reference-mobile-cta{position:fixed;z-index:45;right:0;bottom:0;left:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;padding:9px 12px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--ref-line);background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(15,23,42,.08)}.reference-mobile-cta .btn{min-height:48px;border-radius:8px}.reference-mobile-cta .btn-favorite-reference{font-size:21px}body:has(.reference-product-page) .mobile-nav{display:none!important}
}
@media(max-width:390px){
  .reference-home{width:calc(100% - 16px)}.reference-home .home-product-section .product-rail{grid-auto-columns:calc((100vw - 30px)/2);gap:8px}.reference-hero-copy h1{font-size:31px}.reference-home-shortcuts b{font-size:10px}.reference-product-page{width:calc(100% - 16px)}.reference-spec-grid{grid-template-columns:1fr}.reference-detail-tabs{top:158px}
}

.reference-seller-facts .warning-text{color:#9a6a00}.reference-seller-facts .danger-text{color:#b42318}


/* FIX55-R1 · 상품 이미지 원본비율 + 헤더 카테고리 간소화
   - 상품 사진은 영역만 1:1로 고정하고 원본 자체는 절대 늘리지 않음
   - 상품 카드/검색/상세: object-fit:contain, 배너/프로모션 이미지는 기존 cover 정책 유지
   - PC 헤더 카테고리는 핵심 6개 + 더보기, 서비스 링크는 별도 그룹으로 시각 분리 */
@media(min-width:761px){
  .site-header .utility-inner,
  .site-header .search-first-header,
  .site-header .header-category-inner{width:min(calc(100% - 48px),1440px)}
  .header-category-inner{min-height:40px;gap:12px;overflow:visible}
  .header-category-links{flex:1 1 auto;gap:2px;overflow:hidden}
  .header-category-links a,
  .header-category-more{flex:0 0 auto;min-height:38px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#31393b;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none;cursor:pointer}
  .header-category-links a:hover,.header-category-links a:focus-visible,
  .header-category-more:hover,.header-category-more:focus-visible{background:#eef7f5;color:var(--ref-teal-dark);outline:2px solid rgba(0,139,131,.18);outline-offset:-2px}
  .header-category-more span{margin-left:2px;font-size:10px}
  .header-service-links{flex:0 0 auto;margin-left:auto;padding-left:12px;border-left:1px solid #dfe7e6;gap:3px;background:#fff}
  .header-service-links a{min-height:36px;padding:0 9px;font-size:12.5px;border-radius:7px}
  .header-service-safe{background:#edf9f6;color:var(--ref-teal-dark)!important}
  .header-service-sell{background:#fff5f5;color:#d72835!important}
}

/* 큰 모니터에서도 콘텐츠를 좌우 끝까지 늘리지 않는다. */
.reference-home,.reference-product-page{width:min(calc(100% - 48px),1440px)}

/* 상품 이미지 공통 규칙: 1:1 캔버스 + contain + 12px 여백. */
.product-card .product-image-wrap,
.product-rail .product-image-wrap{aspect-ratio:1/1!important;padding:12px;background:#fff;display:grid;place-items:center;overflow:hidden}
.product-card .product-image,
.product-rail .product-image{display:block;width:100%;height:100%;aspect-ratio:auto!important;padding:0!important;object-fit:contain!important;object-position:center!important;background:transparent}
.product-card-flags{inset:8px}
.card-flag{white-space:nowrap;line-height:1.15}

/* 1440px에서 홈 카드가 220~280px 범위에 머물도록 한다. */
.reference-home .home-product-section .product-rail{grid-auto-columns:clamp(220px,calc((100% - 64px)/5),280px);gap:16px}
.reference-home .home-product-card .product-content{min-height:202px}
.reference-home .home-product-card .product-card-transaction{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 상세 대표/썸네일도 원본비율 유지. */
.reference-gallery-main{aspect-ratio:1/1;background:#fff}
.reference-gallery-main .gallery-main{width:100%;height:100%;padding:18px!important;object-fit:contain!important;object-position:center!important;background:#fff}
.reference-gallery-thumbs .gallery-thumb{padding:4px;background:#fff}
.reference-gallery-thumbs .gallery-thumb img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:#fff}

@media(max-width:1280px) and (min-width:1025px){
  .reference-home .home-product-section .product-rail{grid-auto-columns:clamp(220px,calc((100% - 48px)/4),280px)}
}
@media(max-width:1024px) and (min-width:761px){
  .reference-home .home-product-section .product-rail{grid-auto-columns:clamp(220px,calc((100% - 32px)/3),280px)}
  .header-category-links a,.header-category-more{font-size:12.5px;padding-inline:8px}
}
@media(max-width:760px){
  .header-category-inner{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .header-category-inner::-webkit-scrollbar{display:none}
  .header-category-links{overflow:visible;flex:none}
  .header-category-more{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:#f3f7f6;color:#263638;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}
  .product-card .product-image-wrap,.product-rail .product-image-wrap{padding:9px}
  .reference-gallery-main .gallery-main{padding:10px!important}
}


/* FIX56-R1 · 최종 마감: 이미지 비율 / 상세 공백 / Hero 문구 정렬
   UI-only. DB/API/라우팅/거래/검수/SMTP 로직은 변경하지 않는다. */
:root{
  --fix56-space-1:4px;--fix56-space-2:8px;--fix56-space-3:12px;--fix56-space-4:16px;
  --fix56-space-5:24px;--fix56-space-6:32px;--fix56-space-7:40px;
}

/* 한글 UI는 단어 중간에서 자르지 않는다. */
.reference-home :is(h1,h2,h3,p,b,small,.btn,.section-title,.section-kicker),
.reference-product-page :is(h1,h2,h3,p,b,small,.btn,.badge,.state-step),
.header-category-inner :is(a,button){word-break:keep-all;overflow-wrap:normal}
.reference-home :is(.reference-hero-actions .btn,.promo-best-nowrap,.promo-kicker-nowrap),
.reference-product-page :is(.product-price,.reference-price-line strong,.badge,.state-step,.product-inspection-badge),
.header-category-inner :is(a,button){white-space:nowrap}

/* Hero: 의도된 2줄과 균형 잡힌 폭. */
.reference-hero-copy{max-width:650px}
.reference-hero-copy>span{word-break:keep-all}
.reference-hero-copy h1{max-width:650px;font-size:clamp(42px,4vw,68px);font-weight:800;line-height:1.08;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:normal;text-wrap:initial}
.reference-hero-copy p{max-width:650px;line-height:1.55;word-break:keep-all;overflow-wrap:normal}
.reference-hero-copy p>span{display:block}
.reference-hero-actions{gap:14px;align-items:center;flex-wrap:nowrap}
.reference-hero-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:10px}
.reference-side-card b,.reference-side-card small{word-break:keep-all;overflow-wrap:normal}
.reference-side-card .promo-title-lines{display:grid;gap:2px}
.reference-side-card .promo-title-lines>span{display:block;white-space:nowrap}
.reference-side-card .promo-best-nowrap,.reference-side-card .promo-kicker-nowrap{white-space:nowrap}

/* 상품 사진은 원본 비율을 보존. 배너성 배경만 cover를 허용한다. */
.product-card .product-image-wrap,.product-rail .product-image-wrap{aspect-ratio:1/1!important;padding:12px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.product-card .product-image,.product-rail .product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;max-width:100%;max-height:100%;transform:none!important}
.reference-gallery-main{width:100%;max-width:500px;max-height:500px;aspect-ratio:1/1!important;justify-self:center;background:#fff}
.reference-gallery-main .gallery-main{width:100%!important;height:100%!important;max-width:100%;max-height:100%;padding:16px!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.reference-gallery-thumbs .gallery-thumb img{object-fit:contain!important;object-position:center!important;transform:none!important}
.reference-hero-product{object-fit:contain!important;object-position:center!important}

/* 카드 텍스트 높이/정보 위치 통일. */
.product-content h3,.reference-home .home-product-card .product-content h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;max-height:2.8em;line-height:1.4}
.product-review-line{min-height:1.35em;line-height:1.35;color:#b67600}
.product-review-line.is-none{color:#777}
.product-price-row{min-height:30px;align-items:baseline}
.product-price,.product-price-row del{white-space:nowrap}
.product-card-transaction{min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card-bottom-row{min-height:28px;align-items:center}
.product-inspection-badge,.card-flag{white-space:nowrap}

/* 상세 상단: 폭/높이를 줄여 정보와 이미지가 한 덩어리로 보이게 한다. */
.reference-product-page{width:min(calc(100% - 48px),1320px)!important;padding-top:18px}
.reference-product-hero{grid-template-columns:minmax(430px,1.08fr) minmax(330px,.82fr) minmax(235px,.55fr);gap:16px;align-items:start}
.reference-gallery{grid-template-columns:60px minmax(0,500px);gap:10px;justify-content:center;align-items:start}
.reference-product-summary{padding-top:4px}
.reference-seller-card{padding:16px}
.reference-detail-tabs{margin-top:20px}
.reference-detail-tabs button{min-height:50px;padding-inline:20px}

/* generic .section의 48px margin이 상세 하단에서 중복되지 않게 한다. */
.reference-product-page .reference-detail-section{margin-top:0!important;padding:30px 0;border-bottom:1px solid #eef1f1}
.reference-product-page .reference-detail-section>h2{margin:0 0 12px;font-size:20px}
.reference-product-page #product-info{padding-top:20px}
.reference-product-page .reference-detail-tabs + #product-info{margin-top:0!important}

/* 관련 정보 그룹: 큰 빈 공간 대신 16/24/32px 규칙으로 묶는다. */
.reference-detail-group{margin-top:0;padding:30px 0;border-bottom:1px solid #eef1f1}
.reference-detail-group-title{margin:0 0 16px;font-size:20px}
.reference-detail-group .reference-detail-subsection{padding:0;border:0}
.reference-detail-group .reference-detail-subsection>h2{margin:0 0 10px;font-size:16px}
.reference-product-info-group{display:grid;grid-template-columns:1fr;gap:24px}
.reference-trade-info-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.reference-trade-info-group>.reference-detail-group-title{grid-column:1/-1}
.reference-trade-info-group .reference-detail-subsection{min-width:0;padding:16px;border:1px solid var(--ref-line);border-radius:12px;background:#fbfcfc}
.reference-trade-info-group .reference-detail-subsection p{margin:0;line-height:1.55}
.reference-trade-info-group .reference-detail-subsection p+p{margin-top:8px}

/* 제품 사양/상품 상태는 정보량에 맞는 짧은 카드. */
.reference-spec-grid{gap:10px;margin:0 0 12px}
.reference-spec-grid>div{min-height:58px;padding:12px 14px;display:grid;align-content:center}
.reference-spec-grid dt{margin:0 0 4px;font-size:12px}
.reference-spec-grid dd{margin:0;font-size:14px;line-height:1.35}
.reference-condition-grid{gap:10px}
.reference-condition-grid article{min-height:60px;padding:12px 14px;display:grid;align-content:center}
.reference-condition-grid b{font-size:12px}
.reference-condition-grid p{margin:4px 0 0;font-size:14px;line-height:1.4}

/* 거래 단계는 한 줄로 빠르게 읽히는 컴팩트 진행 정보. */
.reference-product-page .reference-trade-stage{margin-top:32px;padding:18px 20px;border-radius:12px}
.reference-product-page .reference-trade-stage h2{margin:0 0 12px;font-size:18px}
.reference-product-page .reference-trade-stage .state-flow{gap:8px;flex-wrap:nowrap;overflow-x:auto;align-items:center}
.reference-product-page .reference-trade-stage .state-step{min-height:36px;display:inline-flex;align-items:center;padding:7px 12px;white-space:nowrap}

@media(max-width:1180px) and (min-width:761px){
  .reference-product-hero{grid-template-columns:minmax(390px,1.05fr) minmax(320px,.95fr)}
  .reference-seller-card{grid-column:1/-1}
  .reference-trade-info-group{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-trade-info-group #product-delivery{grid-column:1/-1}
  .reference-hero-copy h1{font-size:clamp(42px,4.5vw,56px)}
}

@media(max-width:760px){
  .reference-home{width:calc(100% - 20px)}
  .reference-hero-copy h1{font-size:clamp(31px,9vw,42px);line-height:1.08}
  .reference-hero-copy p>span{display:inline}
  .reference-hero-copy p>span+span::before{content:" ";}
  .reference-hero-actions{flex-wrap:wrap;gap:8px}
  .reference-hero-actions .btn{min-height:44px}
  .reference-side-card .promo-title-lines>span{white-space:normal}
  .reference-product-page{width:calc(100% - 20px)!important;padding-top:10px}
  .reference-gallery{grid-template-columns:1fr;justify-content:stretch}
  .reference-gallery-main{max-width:520px;max-height:none;margin-inline:auto}
  .reference-detail-tabs{margin-top:16px}
  .reference-product-page .reference-detail-section{padding:24px 0}
  .reference-detail-group{padding:24px 0}
  .reference-detail-group .reference-detail-subsection{padding:0}
  .reference-trade-info-group{grid-template-columns:1fr;gap:10px}
  .reference-trade-info-group .reference-detail-subsection{padding:14px}
  .reference-trade-info-group>.reference-detail-group-title{grid-column:auto}
  .reference-trade-info-group #product-delivery{grid-column:auto}
  .reference-spec-grid{grid-template-columns:1fr 1fr}
  .reference-condition-grid{grid-template-columns:1fr}
  .reference-product-page .reference-trade-stage{margin-top:24px;padding:16px}
}

@media(max-width:390px){
  .reference-home,.reference-product-page{width:calc(100% - 16px)!important}
  .reference-hero-copy h1{font-size:31px}
  .reference-spec-grid{grid-template-columns:1fr}
  .product-card .product-image-wrap,.product-rail .product-image-wrap{padding:9px!important}
  .reference-product-page .reference-trade-stage .state-flow{gap:6px}
  .reference-product-page .reference-trade-stage .state-step{padding-inline:10px;font-size:12px}
}


/* FIX57-R1 · 홈 상품 중심 단순화 / 커뮤니티 분류 / 전용 배너 이미지
   UI-only. DB/API/거래/검수/SMTP/라우팅은 변경하지 않는다. */

/* 홈은 상품 탐색 중심: 섹션 제목은 1개, 더보기는 같은 수평선. */
.reference-home .home-product-section{margin-top:36px}
.reference-home .home-product-section+.home-product-section{margin-top:38px}
.reference-home .home-product-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.reference-home .home-product-section-head .section-title{margin:0;font-size:20px;line-height:1.25;font-weight:800;color:#222;word-break:keep-all}
.reference-home .home-product-section-head .section-more{margin:0;white-space:nowrap;font-size:13px;font-weight:700}
.reference-home .home-product-section .section-kicker{display:none!important}

/* 고객 등록 사진 대신 패키지에 포함된 전용 브랜드/프로모션 아트를 사용한다. */
.reference-hero-brand-stage{display:grid;place-items:center;min-width:0;padding:18px 10px 28px}
.reference-hero-brand-art{position:relative;z-index:2;display:block;width:min(100%,560px);height:auto;max-height:300px;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 24px rgba(0,0,0,.28))}
.reference-side-card img{object-fit:contain!important;object-position:center!important;transform:none!important}
.reference-side-build img{height:150px}
.reference-side-gpu img{height:118px}

/* 중요 공지가 있는 경우에만 홈 하단에 1줄로 노출. */
.home-important-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:32px;padding:13px 16px;border:1px solid #dfe8e6;border-radius:12px;background:#fbfdfc;color:#263333;text-decoration:none}
.home-important-notice b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.home-important-notice>span:last-child{color:#08786f;font-size:13px;font-weight:700;white-space:nowrap}

/* 커뮤니티: 글 종류 → 제목 → 작성자/운영 메타 순으로 명확히 분리. */
.community-post-row{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;padding:15px 16px!important}
.community-post-main{display:grid;gap:6px;min-width:0}
.community-post-title-line{display:flex;align-items:center;gap:9px;min-width:0}
.community-board-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid #cfe5e1;border-radius:999px;background:#edf8f6;color:#08786f;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.community-post-title-line h3{min-width:0;margin:0;font-size:15.5px;font-weight:700;line-height:1.4;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-post-meta{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-post-stats{align-self:center;color:#777;font-size:13px;white-space:nowrap}

/* 홈에서 이전 중복 블록이 CMS/레거시 마크업으로 남아도 기본 홈에서는 표시하지 않는다. */
.reference-home>.reference-community-strip,
.reference-home>.reference-notice-support,
.reference-home>.reference-footer-benefits,
.reference-home>.reference-home-shortcuts{display:none!important}

@media(max-width:760px){
  .reference-home .home-product-section{margin-top:28px}
  .reference-home .home-product-section+.home-product-section{margin-top:30px}
  .reference-home .home-product-section-head{margin-bottom:14px}
  .reference-home .home-product-section-head .section-title{font-size:18px}
  .reference-hero-brand-stage{min-height:150px;padding:8px 4px 16px}
  .reference-hero-brand-art{width:min(100%,420px);max-height:170px}
  .home-important-notice{grid-template-columns:auto minmax(0,1fr);padding:12px 13px}
  .home-important-notice>span:last-child{display:none}
  .community-post-row{grid-template-columns:1fr!important;gap:8px!important}
  .community-post-title-line{align-items:flex-start}
  .community-post-title-line h3{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .community-post-stats{justify-self:start;font-size:12.5px}
}

@media(max-width:390px){
  .community-post-title-line{gap:7px}
  .community-board-badge{padding-inline:7px;font-size:11.5px}
  .community-post-meta{font-size:12px}
}

/* FIX58-R1 · UI 100점 최종 마감
   - 일반 가격 다크 컬러 / 할인만 레드
   - 배너 문구·이미지 완전 분리, 전용 로컬 제품 렌더 사용
   - 커뮤니티를 수평 분류탭 + 리스트형 게시판으로 정리
   - 홈 상품 중심 구조와 FIX55~57 이미지/공백 규칙 유지 */

/* 일반 상품 가격은 브랜드 신뢰감을 해치지 않는 다크 컬러. 실제 가격 인하만 빨강. */
.product-price,
.reference-home .home-product-card .product-price,
.reference-price-line strong{color:#1f2937!important}
.product-price-row.is-discounted .product-price,
.reference-price-line.is-discounted strong,
.reference-price-line.is-discounted>b{color:#d92835!important}
.product-price-row:not(.is-discounted) del{color:#8a9496!important}
.reference-price-line:not(.is-discounted)>b{color:#1f2937!important}

/* Hero/프로모션: 글과 이미지 영역을 물리적으로 분리하고 겹침을 허용하지 않는다. */
.reference-hero-main{grid-template-columns:minmax(390px,58%) minmax(300px,42%);column-gap:28px}
.reference-hero-copy{min-width:0;max-width:660px}
.reference-hero-brand-stage{min-width:0;overflow:hidden;padding-inline:8px}
.reference-hero-brand-art{max-width:100%;max-height:310px}
.reference-side-card{grid-template-columns:minmax(0,58%) minmax(110px,42%);gap:14px;padding:24px 22px}
.reference-side-card>span{min-width:0;padding-right:2px}
.reference-side-card img{position:static!important;right:auto!important;bottom:auto!important;width:100%;max-width:160px;height:132px!important;justify-self:end;align-self:center;opacity:1!important;object-fit:contain!important}
.reference-side-card .promo-title-lines{display:grid;gap:3px}
.reference-side-card .promo-title-lines>span,
.reference-side-card .promo-kicker-nowrap,
.reference-side-card .promo-best-nowrap{word-break:keep-all;overflow-wrap:normal;white-space:nowrap}
.reference-side-gpu img{height:118px!important}

/* 커뮤니티: 사이드 내비 대신 상단 카테고리 탭 + 게시판 리스트. */
.community-page-v58{max-width:1320px}
.community-page-v58 .community-page-head{align-items:flex-end;gap:24px;margin-bottom:18px}
.community-page-v58 .community-page-head h1{margin:.25rem 0 .45rem;font-size:clamp(24px,2.2vw,30px);word-break:keep-all}
.community-page-v58 .community-page-head p{margin:0 0 5px;color:#555;font-size:14px;line-height:1.55;word-break:keep-all}
.community-page-v58 .community-page-head small{color:#777;font-size:13px}
.community-board-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;margin:0 0 14px;padding:4px 0 8px;border-bottom:1px solid #e4e8e8;scrollbar-width:none}
.community-board-tabs::-webkit-scrollbar{display:none}
.community-board-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dfe6e5;border-radius:10px;background:#fff;color:#445052;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.community-board-tabs a:hover,.community-board-tabs a:focus-visible{border-color:#9fcfc9;background:#f2faf8;color:#06766e;outline:none}
.community-board-tabs a.active{border-color:#0b9187;background:#eaf8f5;color:#066f68;font-weight:800}
.community-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.community-sort-tabs{display:flex;gap:4px;align-items:center}
.community-sort-tabs a{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:8px;color:#606b6d;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.community-sort-tabs a:hover,.community-sort-tabs a:focus-visible{background:#f3f7f6;color:#08786f;outline:none}
.community-sort-tabs a.active{background:#eef8f6;color:#08786f;font-weight:800}
.community-search-form{display:flex;align-items:center;gap:7px;min-width:min(420px,42vw)}
.community-search-form input[type="text"],.community-search-form input:not([type]){width:100%;min-height:40px;padding:0 12px;border:1px solid #dce4e3;border-radius:9px;background:#fff;font-size:14px}
.community-search-form .btn{min-height:40px;white-space:nowrap}
.community-board-list{overflow:hidden;border:1px solid #e3e8e8;border-radius:12px;background:#fff}
.community-board-list .community-post-row{display:grid;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;min-height:78px;margin:0;padding:13px 16px!important;border:0;border-bottom:1px solid #edf0f0;border-radius:0;background:#fff;text-decoration:none;box-shadow:none}
.community-board-list .community-post-row:last-child{border-bottom:0}
.community-board-list .community-post-row:hover,.community-board-list .community-post-row:focus-visible{background:#fafcfc;outline:none}
.community-post-main{min-width:0;display:grid;gap:7px}
.community-post-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.community-post-title-line h3{min-width:0;margin:0;color:#222;font-size:15.5px;font-weight:650;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-board-badge,.community-sample-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1;white-space:nowrap}
.community-board-badge.is-notice{border-color:#ccd4dd;background:#eef1f5;color:#334155}
.community-board-badge.is-review{border-color:#bfe2da;background:#ecf8f5;color:#0b7669}
.community-board-badge.is-info{border-color:#c9dcf4;background:#eff6ff;color:#235b9e}
.community-board-badge.is-question{border-color:#f3d6a9;background:#fff7e8;color:#a25700}
.community-board-badge.is-deal{border-color:#f0c9d0;background:#fff1f3;color:#b4233c}
.community-board-badge.is-free{border-color:#d9dfe1;background:#f7f8f8;color:#4b5659}
.community-sample-badge{border-color:#ded8ec;background:#f7f3ff;color:#7152a3}
.community-post-meta{color:#737d7f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-post-stats{display:flex;align-items:center;gap:12px;color:#7a8486;font-size:12.5px;white-space:nowrap}
.community-post-stats b{color:#485457;font-weight:700}

/* 상품 카드 정보 높이를 다시 고정. */
.product-card .product-content{display:grid;grid-template-rows:minmax(2.8em,2.8em) auto auto auto auto auto;align-content:start}
.product-card .product-condition-brand,.product-card .product-review-line,.product-card .product-card-transaction{margin-block:4px 0}
.product-card .product-price-row{margin-top:7px}
.product-card .product-card-bottom-row{margin-top:7px}

@media(max-width:1180px) and (min-width:761px){
  .reference-hero-main{grid-template-columns:minmax(340px,58%) minmax(260px,42%);column-gap:20px}
  .reference-side-card{grid-template-columns:minmax(0,1fr) 112px;gap:10px;padding:20px 18px}
  .reference-side-card b{font-size:18px}
  .reference-side-card small{font-size:11.5px}
  .reference-side-card img{max-width:112px;height:104px!important}
  .reference-side-gpu img{height:92px!important}
}

@media(max-width:760px){
  .community-page-v58{width:calc(100% - 20px)}
  .community-page-v58 .community-page-head{align-items:stretch;display:grid;gap:12px}
  .community-page-v58 .community-page-head .btn{justify-self:start}
  .community-board-tabs{margin-bottom:10px}
  .community-board-tabs a{min-height:38px;padding-inline:12px;font-size:13px}
  .community-list-toolbar{display:grid;gap:8px;margin-bottom:10px}
  .community-sort-tabs{overflow-x:auto;scrollbar-width:none}
  .community-sort-tabs::-webkit-scrollbar{display:none}
  .community-search-form{min-width:0;width:100%}
  .community-board-list .community-post-row{grid-template-columns:1fr!important;gap:7px!important;min-height:76px;padding:12px 13px!important}
  .community-post-title-line{align-items:flex-start;gap:7px;flex-wrap:wrap}
  .community-post-title-line h3{flex:1 1 180px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14.5px}
  .community-post-meta{font-size:12.5px}
  .community-post-stats{justify-self:start;gap:10px;font-size:12px}
  .reference-side-card img{position:static!important}
}

@media(max-width:390px){
  .community-page-v58{width:calc(100% - 16px)}
  .community-board-tabs a{padding-inline:10px;font-size:12.5px}
  .community-search-form input[type="text"],.community-search-form input:not([type]){font-size:13px}
  .community-post-title-line h3{flex-basis:150px;font-size:14px}
}


/* FIX59-R1 · 커뮤니티 게시판 UI 재설계
   - 제목 / 분류 / 작성자·시간·댓글을 구조적으로 분리
   - 홈 커뮤니티 CMS 미리보기는 상품 중심 홈 원칙에 따라 비노출
   - 전용 community-v59-* 클래스만 사용해 기존 list-row/grid 스타일과 충돌 방지 */
.reference-home .cms-community-block{display:none!important}

.community-page-v59{width:min(calc(100% - 48px),1320px);margin:0 auto;padding-top:28px;padding-bottom:48px}
.community-v59-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.community-v59-head-copy{min-width:0}
.community-v59-head .eyebrow{display:block;margin-bottom:7px;color:#08786f;font-size:13px;font-weight:800;letter-spacing:-.01em}
.community-v59-head h1{margin:0;color:#202728;font-size:clamp(24px,2.2vw,30px);font-weight:800;line-height:1.25;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:normal}
.community-v59-head p{margin:8px 0 0;color:#606a6c;font-size:14px;line-height:1.55;word-break:keep-all}
.community-v59-write{flex:0 0 auto;min-width:92px;white-space:nowrap}

.community-v59-board-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #e4e8e8;scrollbar-width:none}
.community-v59-board-tabs::-webkit-scrollbar{display:none}
.community-v59-board-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #dde5e4;border-radius:10px;background:#fff;color:#4b5759;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.community-v59-board-tabs a:hover,.community-v59-board-tabs a:focus-visible{border-color:#a7d3ce;background:#f3faf8;color:#06766e;outline:none}
.community-v59-board-tabs a.active{border-color:#0b9187;background:#eaf8f5;color:#066f68;font-weight:800}

.community-v59-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.community-v59-sort-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.community-v59-sort-tabs::-webkit-scrollbar{display:none}
.community-v59-sort-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:8px;color:#626d6f;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.community-v59-sort-tabs a:hover,.community-v59-sort-tabs a:focus-visible{background:#f3f7f6;color:#08786f;outline:none}
.community-v59-sort-tabs a.active{background:#eef8f6;color:#08786f;font-weight:800}
.community-v59-search{display:flex;align-items:center;gap:7px;width:min(420px,42vw);min-width:300px}
.community-v59-search input{width:100%;min-width:0;min-height:40px;padding:0 12px;border:1px solid #dce4e3;border-radius:9px;background:#fff;color:#222;font-size:14px}
.community-v59-search input:focus{border-color:#4eb7ae;outline:2px solid rgba(11,145,135,.12);outline-offset:0}
.community-v59-search .btn{min-height:40px;white-space:nowrap}

.community-v59-list{overflow:hidden;border:1px solid #e1e7e6;border-radius:14px;background:#fff}
.community-v59-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:7px!important;min-height:80px!important;margin:0!important;padding:15px 18px!important;border:0!important;border-bottom:1px solid #edf0f0!important;border-radius:0!important;background:#fff!important;color:inherit!important;text-decoration:none!important;box-shadow:none!important;transform:none!important}
.community-v59-row:last-child{border-bottom:0!important}
.community-v59-row:hover,.community-v59-row:focus-visible{background:#fafcfc!important;outline:none!important}
.community-v59-row:focus-visible{box-shadow:inset 0 0 0 2px rgba(11,145,135,.28)!important}
.community-v59-title-line{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important}
.community-v59-badge,.community-v59-sample{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.community-v59-badge.is-notice{border-color:#cbd5e1;background:#f1f5f9;color:#334155}
.community-v59-badge.is-review{border-color:#bfe2da;background:#ecf8f5;color:#0b7669}
.community-v59-badge.is-info{border-color:#c9dcf4;background:#eff6ff;color:#235b9e}
.community-v59-badge.is-question{border-color:#f3d6a9;background:#fff7e8;color:#a25700}
.community-v59-badge.is-deal{border-color:#f0c9d0;background:#fff1f3;color:#b4233c}
.community-v59-badge.is-free{border-color:#d9dfe1;background:#f7f8f8;color:#4b5659}
.community-v59-sample{border-color:#ded8ec;background:#f7f3ff;color:#7152a3}
.community-v59-title{min-width:0;overflow:hidden;color:#222;font-size:16px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}
.community-v59-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;color:#6b7577!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important}
.community-v59-author{color:#4d595b;font-weight:600}
.community-v59-empty{padding:44px 20px;text-align:center;color:#667174}
.community-v59-empty b{display:block;margin-bottom:6px;color:#30393b;font-size:16px}
.community-v59-empty p{margin:0;font-size:14px}

.community-post-v59{max-width:1120px}
.community-post-v59-head{margin-bottom:18px}
.community-post-v59-labels{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.community-post-v59-head h1{margin:0 0 8px;word-break:keep-all;overflow-wrap:normal}
.community-post-v59-head p{margin:0;color:#667174}

@media(max-width:760px){
  .community-page-v59{width:calc(100% - 20px);padding-top:18px;padding-bottom:32px}
  .community-v59-head{display:grid;align-items:start;gap:12px;margin-bottom:14px}
  .community-v59-head h1{font-size:23px}
  .community-v59-head p{font-size:13.5px}
  .community-v59-write{justify-self:start;min-height:42px}
  .community-v59-board-tabs{gap:6px;margin-bottom:10px;padding-bottom:10px}
  .community-v59-board-tabs a{min-height:38px;padding-inline:12px;font-size:13px}
  .community-v59-toolbar{display:grid;gap:8px;margin-bottom:10px}
  .community-v59-search{width:100%;min-width:0}
  .community-v59-row{min-height:78px!important;padding:13px 14px!important;gap:7px!important}
  .community-v59-title-line{align-items:flex-start!important;flex-wrap:wrap!important;gap:7px!important}
  .community-v59-title{flex:1 1 180px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px}
  .community-v59-meta{font-size:12.5px!important}
}

@media(max-width:390px){
  .community-page-v59{width:calc(100% - 16px)}
  .community-v59-head h1{font-size:21px}
  .community-v59-board-tabs a{padding-inline:10px;font-size:12.5px}
  .community-v59-search input{font-size:13px}
  .community-v59-row{padding:12px!important}
  .community-v59-badge,.community-v59-sample{padding-inline:7px;font-size:11.5px}
  .community-v59-title{flex-basis:150px;font-size:14.5px}
  .community-v59-meta{gap:3px!important;font-size:12px!important}
}


/* FIX62-R1 · 홈 커뮤니티 인기글 9개: PC 3×3 / 태블릿 2열 / 모바일 1열\n   - 인기글 우선, 부족한 수량은 최신글로 보충(중복 ID 제거)\n   - 모든 9개를 유지하되 반응형에서는 열 수만 줄여 텍스트 겹침을 방지 */
.home-community-mini{margin-top:32px;padding:18px 20px;border:1px solid #dfe7e6;border-radius:14px;background:#fbfdfc}
.home-community-mini-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.home-community-mini-head h2{margin:0;color:#222;font-size:18px;font-weight:800;line-height:1.3;word-break:keep-all}
.home-community-mini-head>a{flex:0 0 auto;color:#08786f;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.home-community-mini-head>a:hover,.home-community-mini-head>a:focus-visible{text-decoration:underline;outline:none}
.home-community-mini-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-community-mini-item{display:flex;min-width:0;min-height:74px;flex-direction:column;justify-content:center;gap:7px;padding:12px 14px;border:1px solid #e5ebea;border-radius:11px;background:#fff;color:inherit;text-decoration:none;overflow:hidden}
.home-community-mini-item:hover,.home-community-mini-item:focus-visible{border-color:#bcd8d4;background:#f9fcfb;outline:none}
.home-community-mini-item:focus-visible{box-shadow:0 0 0 2px rgba(11,145,135,.14)}
.home-community-mini-title-line{display:flex;align-items:center;gap:7px;min-width:0;width:100%}
.home-community-mini-title-line>strong{min-width:0;overflow:hidden;color:#263033;font-size:14px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}
.home-community-mini-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;color:#6b7577;font-size:12.5px;line-height:1.4}
.home-community-mini .community-v59-badge,.home-community-mini .community-v59-sample{min-height:22px;padding:3px 7px;font-size:11px}
@media (max-width:1199px){
  .home-community-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .home-community-mini{margin-top:26px;padding:15px 13px;border-radius:12px}
  .home-community-mini-head{margin-bottom:10px}
  .home-community-mini-head h2{font-size:17px}
  .home-community-mini-list{grid-template-columns:1fr;gap:8px}
  .home-community-mini-item{min-height:68px;padding:11px 12px}
  .home-community-mini-title-line{align-items:flex-start;flex-wrap:wrap}
  .home-community-mini-title-line>strong{flex:1 1 170px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font-size:13.5px}
  .home-community-mini-meta{font-size:12px}
}


/* FIX62-R1 · 실사형 배너 이미지 + 커뮤니티 3×3
   - 브랜드/프로모션 배너는 판매자 업로드 사진이 아닌 생성된 실사형 전용 PNG 자산 사용
   - PC 홈 커뮤니티 인기글 9개를 3×3으로 노출 */
.reference-hero-brand-art{width:min(100%,620px);max-height:330px;border-radius:12px;object-fit:contain!important}
.reference-side-card img{object-fit:contain!important;object-position:center!important;border-radius:10px}
.reference-side-build img{max-width:170px;height:155px!important}
.reference-side-gpu img{max-width:180px;height:125px!important}
@media(max-width:1280px){.reference-side-build img{max-width:132px;height:118px!important}.reference-side-gpu img{max-width:138px;height:102px!important}}
@media(max-width:760px){.reference-hero-brand-art{width:min(100%,430px);max-height:190px}}


/* FIX63-R1 · 우측 프로모션 카드 최종 마감
   - 텍스트/이미지 물리 분리, 겹침 0
   - 번들 PNG 우측 near-white strip 제거
   - 기존 FIX62 실사 이미지와 커뮤니티 3×3 유지 */
.reference-side-card{
  isolation:isolate;
  overflow:hidden!important;
  grid-template-columns:minmax(0,64%) minmax(118px,36%)!important;
  column-gap:18px!important;
  align-items:center!important;
  padding:24px 24px!important;
}
.reference-side-card>span{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  width:100%!important;
  padding:0!important;
}
.reference-side-card .promo-title-lines{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.reference-side-card .promo-title-lines>span,
.reference-side-card .promo-kicker-nowrap,
.reference-side-card .promo-best-nowrap{
  display:block!important;
  max-width:100%!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  white-space:nowrap!important;
}
.reference-side-build .promo-title-lines{font-size:20px!important;line-height:1.28!important}
.reference-side-build small{max-width:220px;font-size:12.5px!important;line-height:1.55!important}
.reference-side-gpu .promo-kicker-nowrap{font-size:14px!important}
.reference-side-gpu .promo-best-nowrap{font-size:27px!important;line-height:1.15!important}
.reference-side-card img{
  position:relative!important;
  z-index:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:100%!important;
  max-width:148px!important;
  height:132px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
  overflow:hidden!important;
  transform:none!important;
}
.reference-side-gpu img{max-width:155px!important;height:118px!important}

@media(max-width:1280px) and (min-width:761px){
  .reference-side-card{
    grid-template-columns:minmax(0,1fr) minmax(100px,118px)!important;
    column-gap:12px!important;
    padding:20px 18px!important;
  }
  .reference-side-build .promo-title-lines{font-size:17.5px!important;line-height:1.3!important}
  .reference-side-build small{max-width:190px;font-size:11.5px!important;line-height:1.5!important}
  .reference-side-gpu .promo-kicker-nowrap{font-size:13px!important}
  .reference-side-gpu .promo-best-nowrap{font-size:24px!important}
  .reference-side-build img{max-width:112px!important;height:106px!important}
  .reference-side-gpu img{max-width:118px!important;height:94px!important}
}

@media(max-width:1024px) and (min-width:761px){
  .reference-side-card{
    grid-template-columns:minmax(0,1fr) 96px!important;
    column-gap:10px!important;
    padding:18px 15px!important;
  }
  .reference-side-build .promo-title-lines{font-size:15.5px!important}
  .reference-side-build small{font-size:10.8px!important}
  .reference-side-gpu .promo-best-nowrap{font-size:21px!important}
  .reference-side-card img{position:relative!important;right:auto!important;bottom:auto!important;opacity:1!important;max-width:96px!important;height:86px!important}
  .reference-side-gpu img{height:78px!important}
}


/* FIX64-R1 · 모바일 한 화면(뷰포트) 맞춤 안정화
   - 360/390px에서 페이지 자체의 가로 overflow 0
   - 카테고리/상품레일/상세탭처럼 의도된 내부 스크롤만 허용
   - 모바일 Hero/상품/상세/커뮤니티 폭과 최소폭 충돌 정리 */
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{min-width:0!important}
  *,*::before,*::after{box-sizing:border-box}
  img,svg,video,canvas{max-width:100%}

  /* Header: 2단 구조가 360px에서도 뷰포트 밖으로 밀리지 않게 한다. */
  .site-header,.site-header .header-inner,.site-header .search-first-header,
  .site-header .header-category-bar,.site-header .header-category-inner{max-width:100%!important}
  .site-header .search-first-header{width:100%!important;padding:8px 10px!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important}
  .portal-brand-zone,.portal-search-center,.portal-header-actions,.global-search.portal-search,.search-input-wrap{min-width:0!important}
  .portal-header-actions{max-width:138px!important;justify-self:end!important;gap:0!important}
  .portal-action-button,.portal-account-button{min-width:42px!important;width:42px!important;max-width:46px!important;padding-inline:4px!important}
  .global-search.portal-search{width:100%!important;max-width:100%!important}
  .header-category-bar{overflow:hidden!important}
  .header-category-inner{width:100%!important;padding-inline:10px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .header-category-links{min-width:max-content!important;max-width:none!important}

  /* Page shells: margins are expressed as padding so width never exceeds viewport. */
  .page-shell,.reference-home,.market-page,.reference-product-page,.community-page-v58,.community-page-v59{
    width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;padding-left:10px!important;padding-right:10px!important
  }
  .reference-home{padding-top:8px!important;padding-bottom:44px!important}

  /* Hero: mobile first screen is compact and self-contained. */
  .reference-home-hero,.reference-hero-main,.reference-hero-copy,.reference-hero-stage,.reference-hero-brand-stage{width:100%!important;max-width:100%!important;min-width:0!important}
  .reference-home-hero{overflow:hidden!important}
  .reference-hero-main{min-height:0!important;padding:18px 16px 0!important;grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
  .reference-hero-copy{padding-bottom:10px!important}
  .reference-hero-copy>span{font-size:12.5px!important;line-height:1.4!important}
  .reference-hero-copy h1{max-width:100%!important;font-size:clamp(27px,8.6vw,34px)!important;line-height:1.08!important;margin-bottom:10px!important}
  .reference-hero-copy p{display:none!important}
  .reference-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:100%!important}
  .reference-hero-actions .btn{width:100%!important;min-width:0!important;min-height:40px!important;padding-inline:8px!important;font-size:12.5px!important;white-space:nowrap!important}
  .reference-hero-stage{min-height:116px!important}
  .reference-hero-brand-stage{min-height:116px!important;padding:2px 0 10px!important;overflow:hidden!important}
  .reference-hero-brand-art{width:min(100%,330px)!important;max-width:100%!important;max-height:128px!important;height:auto!important;margin-inline:auto!important}
  .reference-hero-trust{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-inline:-16px!important;width:auto!important;max-width:none!important}
  .reference-hero-trust a{min-width:0!important;min-height:54px!important;padding:7px 3px!important;overflow:hidden!important}
  .reference-hero-trust b{font-size:11px!important;line-height:1.2!important;white-space:normal!important;word-break:keep-all!important}
  .reference-hero-trust small{display:none!important}
  .reference-hero-side{display:none!important}

  /* Product sections: viewport() 계산 대신 실제 컨테이너 폭 기준 2열. */
  .reference-home .home-product-section,.reference-home .home-product-section .section-head,
  .reference-home .home-product-section .product-rail{width:100%!important;max-width:100%!important;min-width:0!important}
  .reference-home .home-product-section{overflow:hidden!important;margin-top:22px!important}
  .reference-home .home-product-section .product-rail{
    grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 10px!important
  }
  .reference-home .home-product-card,.reference-home .home-product-card .product-card-link,
  .reference-home .home-product-card .product-content{min-width:0!important;max-width:100%!important}
  .reference-home .home-product-card .product-content{min-height:184px!important;padding:9px!important}
  .reference-home .home-product-card .product-content h3{font-size:12.8px!important;min-height:2.8em!important;max-height:2.8em!important}
  .reference-home .home-product-card .product-condition-brand,.reference-home .home-product-card .product-review-line,
  .reference-home .home-product-card .product-card-transaction{font-size:10.8px!important}
  .reference-home .home-product-card .product-price{font-size:17px!important;white-space:nowrap!important}
  .reference-home .home-product-card .product-card-bottom-row{gap:4px!important;min-width:0!important;flex-wrap:wrap!important}
  .reference-home .home-product-card .product-inspection-badge{max-width:100%!important;font-size:9.8px!important;padding:4px 5px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .reference-home .home-product-card .product-favorite-count{font-size:10.5px!important;white-space:nowrap!important}

  /* 일반 마켓 카드도 2열에서 min-content가 페이지를 밀지 않도록 한다. */
  .market-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important}
  .market-page .product-card,.market-page .product-card *{min-width:0}

  /* Community mini: 9개 데이터는 유지하되 모바일은 한 열로 뷰포트 안에서만 쌓는다. */
  .home-community-mini{width:100%!important;max-width:100%!important;margin-top:24px!important;padding:14px 12px!important;overflow:hidden!important}
  .home-community-mini-head{min-width:0!important;gap:10px!important}
  .home-community-mini-head h2{min-width:0!important;font-size:16.5px!important}
  .home-community-mini-list{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:8px!important}
  .home-community-mini-item,.home-community-mini-title-line,.home-community-mini-meta{min-width:0!important;max-width:100%!important}
  .home-community-mini-item{min-height:64px!important;padding:10px 11px!important}
  .home-community-mini-title-line>strong{flex:1 1 150px!important;font-size:13.2px!important}

  /* Detail/community pages: fixed/min widths cannot force page-level horizontal scrolling. */
  .reference-product-hero,.reference-gallery,.reference-gallery-main,.reference-product-summary,.reference-seller-card,
  .reference-detail-section,.reference-detail-group,.reference-spec-grid,.reference-condition-grid,
  .community-v59-head,.community-v59-toolbar,.community-v59-list,.community-v59-row{min-width:0!important;max-width:100%!important}
  .reference-gallery-main{width:100%!important;max-width:100%!important}
  .reference-detail-tabs{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
  .reference-mobile-cta{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .community-v59-search{min-width:0!important;max-width:100%!important}
}

@media(max-width:390px){
  .site-header .search-first-header{padding-inline:8px!important}
  .page-shell,.reference-home,.market-page,.reference-product-page,.community-page-v58,.community-page-v59{padding-left:8px!important;padding-right:8px!important}
  .reference-hero-main{padding:16px 14px 0!important}
  .reference-hero-copy h1{font-size:clamp(26px,8.4vw,31px)!important}
  .reference-hero-actions .btn{font-size:12px!important;padding-inline:5px!important}
  .reference-hero-stage,.reference-hero-brand-stage{min-height:108px!important}
  .reference-hero-brand-art{width:min(100%,300px)!important;max-height:116px!important}
  .reference-hero-trust{margin-inline:-14px!important}
  .reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 8px)/2)!important;gap:8px!important}
  .reference-home .home-product-card .product-content{padding:8px!important}
  .reference-home .home-product-card .product-price{font-size:16.5px!important}
  .home-community-mini{padding:12px 10px!important}
  .home-community-mini-title-line>strong{font-size:13px!important}
}


/* FIX67-R1: 모바일 한 줄 라벨 + 상품 사진 표준화 + 상품채팅 아이콘 개선 */
.portal-chat-icon{
  width:22px!important;height:18px!important;border:2px solid currentColor!important;border-radius:8px!important;
  position:relative!important;display:inline-block!important;box-sizing:border-box!important;background:transparent!important;
}
.portal-chat-icon::before{
  content:""!important;position:absolute!important;left:4px!important;top:6px!important;width:3px!important;height:3px!important;
  border-radius:50%!important;background:currentColor!important;box-shadow:5px 0 currentColor,10px 0 currentColor!important;
}
.portal-chat-icon::after{
  content:""!important;position:absolute!important;left:3px!important;bottom:-5px!important;width:7px!important;height:7px!important;
  border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;border-radius:0 0 0 3px!important;
  transform:skewY(-28deg)!important;background:transparent!important;
}
.portal-action-button>span:last-child,.portal-account-button,.header-category-links a,.header-service-links a,
.mobile-nav a,.mobile-nav a>*{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.mobile-nav a{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.15!important}
#mobile-chat-link{font-size:.69rem!important}

/* 기존 등록 사진도 화면에서는 모두 같은 1:1 프레임으로 보이고, 새 등록은 1200x1200으로 정규화 */
.product-card .product-image-wrap,.product-rail .product-image-wrap{
  width:100%!important;aspect-ratio:1/1!important;min-height:0!important;padding:10px!important;background:#fff!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.product-card .product-image,.product-rail .product-image{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff!important;
}
.reference-gallery-main{aspect-ratio:1/1!important;background:#fff!important}
.reference-gallery-main .gallery-main{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:16px!important;background:#fff!important}
.reference-gallery-thumbs .gallery-thumb{aspect-ratio:1/1!important;background:#fff!important;overflow:hidden!important}
.reference-gallery-thumbs .gallery-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
.image-preview-grid figure{background:#fff!important}
.image-preview-grid img{width:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important;padding:8px!important;background:#fff!important}
.image-preview-grid figcaption{font-size:13px!important}

@media(max-width:540px){
  .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mobile-nav a{font-size:.67rem!important;padding-inline:2px!important;letter-spacing:-.02em!important}
  .mobile-nav a span{font-size:1.12rem!important}
  .portal-action-button>span:last-child{font-size:.64rem!important;white-space:nowrap!important}
  .product-card .product-image-wrap,.product-rail .product-image-wrap{padding:8px!important}
}


/* FIX67-R1: 관계사 바로가기 */
.business-footer-related{margin-top:22px;padding-top:18px;border-top:1px solid #e5e8eb}
.business-footer-related h3{margin:0 0 10px;font-size:1rem;font-weight:800;color:#222;letter-spacing:-.02em}
.business-related-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.business-related-links a{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:8px 12px;border:1px solid #dfe4e8;border-radius:10px;background:#fff;color:#343b43;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease}
.business-related-links a:hover,.business-related-links a:focus-visible{border-color:var(--teal-700);background:#f4fbfa;color:var(--teal-700);outline:none}
.business-related-links a span{font-size:.8em;color:#77818b}
@media(max-width:540px){.business-footer-related{margin-top:18px;padding-top:16px}.business-related-links{display:grid;grid-template-columns:1fr;gap:8px}.business-related-links a{width:100%;justify-content:space-between;min-height:44px}}


/* FIX67-R1: 모바일 글 배치 안정화 + 판매자 상품사진 동일 프레임 */
@media(max-width:540px){
  /* 메뉴/버튼/가격/상태는 모바일에서도 한 줄 유지 */
  .mobile-nav a,.mobile-nav a>*,.portal-action-button>span:last-child,.header-category-links a,.header-service-links a,
  .btn,.badge,.card-flag,.product-price,.product-price-row,.product-condition-brand,.product-review-line,.product-card-transaction{
    word-break:keep-all!important;overflow-wrap:normal!important;
  }
  .mobile-nav a,.portal-action-button>span:last-child,.btn,.badge,.card-flag,.product-price{
    white-space:nowrap!important;
  }

  /* 상품명만 최대 2줄 허용하고, 나머지 카드 정보는 한 줄/말줄임으로 정렬 */
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3{
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;white-space:normal!important;word-break:keep-all!important;
    min-height:2.8em!important;max-height:2.8em!important;line-height:1.4!important;
  }
  .product-card .product-condition-brand,.product-card .product-review-line,.product-card .product-card-transaction,
  .reference-home .home-product-card .product-condition-brand,.reference-home .home-product-card .product-review-line,
  .reference-home .home-product-card .product-card-transaction{
    min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .product-card .product-price-row,.reference-home .home-product-card .product-price-row{
    display:flex!important;align-items:baseline!important;gap:5px!important;min-width:0!important;flex-wrap:nowrap!important;
  }
  .product-card .product-price-row del,.reference-home .home-product-card .product-price-row del{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .product-card .product-card-bottom-row,.reference-home .home-product-card .product-card-bottom-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;
    min-width:0!important;flex-wrap:nowrap!important;
  }
  .product-card .product-inspection-badge,.reference-home .home-product-card .product-inspection-badge{
    min-width:0!important;max-width:calc(100% - 34px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  .product-card .product-favorite-count,.reference-home .home-product-card .product-favorite-count{
    flex:0 0 auto!important;white-space:nowrap!important;
  }

  /* 판매자가 올린 상품사진은 홈/검색/카테고리/MY/찜/관련상품 모두 동일한 1:1 크기로 표시 */
  .product-grid .product-card .product-image-wrap,.product-rail .product-card .product-image-wrap,
  .related-product-grid .product-card .product-image-wrap,.market-page .product-card .product-image-wrap{
    width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;max-height:none!important;
    box-sizing:border-box!important;padding:8px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important;
  }
  .product-grid .product-card .product-image,.product-rail .product-card .product-image,
  .related-product-grid .product-card .product-image,.market-page .product-card .product-image{
    width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff!important;
  }
  .product-grid .product-card,.product-rail .product-card,.related-product-grid .product-card,.market-page .product-card{
    min-width:0!important;align-self:stretch!important;
  }
  .product-grid .product-card>a,.product-rail .product-card>a,.related-product-grid .product-card>a,.market-page .product-card>a{
    height:100%!important;min-width:0!important;
  }

  /* 상세 대표/썸네일도 모바일에서 동일한 정사각형 캔버스 유지 */
  .reference-gallery-main{width:100%!important;aspect-ratio:1/1!important;max-height:none!important}
  .reference-gallery-main .gallery-main{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px!important}
  .reference-gallery-thumbs .gallery-thumb{flex:0 0 52px!important;width:52px!important;height:52px!important;aspect-ratio:1/1!important}
  .reference-gallery-thumbs .gallery-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
}
@media(max-width:390px){
  .mobile-nav a{font-size:.66rem!important;letter-spacing:-.025em!important}
  #mobile-chat-link{font-size:.66rem!important}
  .product-card .product-content,.reference-home .home-product-card .product-content{padding:8px!important}
  .product-card .product-price,.reference-home .home-product-card .product-price{font-size:16px!important}
  .product-card .product-inspection-badge,.reference-home .home-product-card .product-inspection-badge{font-size:9.5px!important;padding:4px 5px!important}
}


/* FIX68-R1: 모바일 UI 최종 정렬 — Hero 의도적 2줄, 채팅 SVG, 헤더/카드/커뮤니티 배열 안정화 */
.hero-line{display:block}
.hero-mobile-pc{display:none}
.hero-desktop-pc{display:inline}
.portal-chat-svg,.mobile-chat-svg{
  width:24px;height:24px;display:block;flex:0 0 auto;overflow:visible;
  stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.portal-chat-icon{display:none!important}
.portal-chat-icon::before,.portal-chat-icon::after{content:none!important;display:none!important}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  *,*::before,*::after{box-sizing:border-box}

  /* 상단은 로고/아이콘 1행 + 검색 1행으로 고정해 글 배열이 밀리지 않게 한다. */
  .search-first-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand actions" "search search"!important;
    align-items:center!important;width:100%!important;min-height:0!important;
    gap:7px 8px!important;padding:8px 10px!important;margin:0!important;
  }
  .portal-brand-zone{grid-area:brand!important;min-width:0!important;overflow:hidden!important}
  .portal-search-center{grid-area:search!important;min-width:0!important;width:100%!important}
  .portal-header-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;max-width:none!important;gap:2px!important}
  .portal-action-button,.portal-account-button{
    min-width:40px!important;width:40px!important;max-width:40px!important;min-height:40px!important;height:40px!important;
    padding:4px!important;border-radius:10px!important;gap:0!important;
  }
  .portal-action-button>span:last-child{display:none!important}
  .portal-account-button{font-size:10px!important;line-height:1!important}
  .portal-chat-svg,.portal-bell-icon,.portal-user-icon{width:22px!important;height:22px!important;transform:none!important}
  .global-search.portal-search{width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;grid-template-columns:43px minmax(0,1fr) 42px!important}
  .global-search.portal-search .search-input-wrap,.global-search.portal-search #global-search-input{height:42px!important;min-height:42px!important}
  .global-search.portal-search #global-search-input{font-size:14px!important;min-width:0!important}
  .header-category-bar{width:100%!important;overflow:hidden!important}
  .header-category-inner{width:100%!important;max-width:100%!important;padding-inline:8px!important;overflow-x:auto!important;overflow-y:hidden!important}

  /* 모바일 Hero: 첫 줄 '믿고 선택하는 PC', 둘째 줄 '전문 마켓'. */
  .reference-hero-copy h1{display:block!important;max-width:100%!important;margin:0 0 10px!important;font-size:clamp(28px,8.2vw,34px)!important;line-height:1.08!important;letter-spacing:-.045em!important;word-break:keep-all!important}
  .reference-hero-copy h1 .hero-line{display:block!important;white-space:nowrap!important}
  .reference-hero-copy h1 .hero-mobile-pc{display:inline!important}
  .reference-hero-copy h1 .hero-desktop-pc{display:none!important}
  .reference-hero-copy h1 .hero-line-two{margin-top:2px!important}
  .reference-hero-main{overflow:hidden!important}
  .reference-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important}
  .reference-hero-actions .btn{min-width:0!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* 상품카드는 2열을 유지하되 이미지/텍스트 박스 크기를 동일하게 한다. */
  .reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important}
  .market-page .product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  .product-card{min-width:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
  .product-card .product-image-wrap,.product-rail .product-image-wrap{
    width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:8px!important;overflow:hidden!important;background:#fff!important;
  }
  .product-card .product-image,.product-rail .product-image{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important;
  }
  .product-card .product-content,.reference-home .home-product-card .product-content{padding:9px!important;min-height:178px!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3{
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    min-height:2.8em!important;max-height:2.8em!important;margin-bottom:5px!important;overflow:hidden!important;
    font-size:13px!important;line-height:1.4!important;white-space:normal!important;word-break:keep-all!important;
  }
  .product-condition-brand,.product-review-line,.product-card-transaction{
    min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;
  }
  .product-price{font-size:17px!important;line-height:1.3!important;white-space:nowrap!important}
  .product-card-bottom-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important;min-width:0!important}
  .product-inspection-badge{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;padding:4px 6px!important}
  .product-favorite-count{font-size:11px!important;white-space:nowrap!important}

  /* 섹션 제목은 제목/더보기 한 줄로 정렬하고 서로 밀지 않는다. */
  .reference-home .section-head,.home-product-section .section-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0!important;
  }
  .reference-home .section-head h2,.home-product-section .section-head h2{min-width:0!important;margin:0!important;font-size:18px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .reference-home .section-head a,.home-product-section .section-head a{white-space:nowrap!important;font-size:13px!important}

  /* 커뮤니티 인기글은 모바일에서 카드별 한 줄 제목을 유지한다. */
  .home-community-mini{padding:12px 10px!important}
  .home-community-mini-list{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .home-community-mini-item{min-height:54px!important;padding:9px 10px!important}
  .home-community-mini-title-line{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important;align-items:center!important}
  .home-community-mini-title-line>strong{min-width:0!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .home-community-mini-meta{margin-top:4px!important;font-size:11.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* 하단 내비게이션은 아이콘 위 / 글자 아래의 동일한 높이로 정리한다. */
  .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-width:0!important;padding-inline:4px!important}
  .mobile-nav a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:52px!important;padding:3px 1px!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
  .mobile-nav a>span[aria-hidden="true"]{font-size:18px!important;line-height:1!important}
  .mobile-chat-svg{width:20px!important;height:20px!important}
  .mobile-nav-label{display:block!important;max-width:100%!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}
  #mobile-chat-count{position:absolute!important;top:3px!important;right:18%!important}
}

@media(max-width:390px){
  .search-first-header{padding-inline:8px!important}
  .reference-hero-copy h1{font-size:clamp(27px,8vw,31px)!important}
  .reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 8px)/2)!important;gap:8px!important}
  .market-page .product-grid,.product-grid{gap:8px!important}
  .product-card .product-content,.reference-home .home-product-card .product-content{padding:8px!important;min-height:172px!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3{font-size:12.5px!important}
  .product-price{font-size:16px!important}
  .mobile-nav a,.mobile-nav-label{font-size:9.5px!important}
}
/* FIX68 explicit hero line hooks */
.hero-line-one,.hero-line-two{display:block}

/* FIX69-R1: 모바일 커머스 홈 + 판매자 상품사진 간편 저장 억제 */
.mobile-home-trust-banner,.mobile-home-category-strip{display:none}
.product-image,.reference-gallery img,.trade-product-thumb img,.inspection-apply-image img{
  -webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;
}
.product-image-wrap,.reference-gallery-main{position:relative}
.product-image-wrap::after,.reference-gallery-main::after{
  content:"똑!수리몰";position:absolute;z-index:6;right:7px;bottom:7px;padding:3px 6px;border-radius:999px;
  background:rgba(255,255,255,.72);color:rgba(18,55,63,.64);font-size:9px;font-weight:800;line-height:1;letter-spacing:-.02em;
  pointer-events:none;backdrop-filter:blur(2px);
}
.mobile-nav-svg,.mobile-chat-svg,.portal-chat-svg{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mobile-nav-svg{width:21px;height:21px;display:block}

@media(max-width:760px){
  body{background:#f6f7f9}
  main{overflow-x:hidden}
  .reference-home{width:100%!important;max-width:100%!important;padding:8px 10px 84px!important}

  /* 앱형 모바일 홈: 상단 배너를 더 낮고 읽기 쉽게, 제품 이미지는 오른쪽에 분리 */
  .reference-home-hero{margin:0!important}
  .reference-hero-main{
    display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(118px,.88fr)!important;
    grid-template-areas:"copy stage"!important;align-items:center!important;gap:4px!important;
    min-height:240px!important;padding:22px 14px 18px 18px!important;border-radius:20px!important;overflow:hidden!important;
    background:linear-gradient(135deg,#102c39 0%,#0d4d59 54%,#0b6e69 100%)!important;
    box-shadow:0 12px 30px rgba(17,48,58,.14)!important;
  }
  .reference-hero-copy{grid-area:copy!important;position:relative!important;z-index:4!important;min-width:0!important;padding:0!important}
  .reference-hero-copy>span{font-size:11.5px!important;line-height:1.35!important;margin:0 0 8px!important;color:#d8efec!important;white-space:normal!important}
  .reference-hero-copy h1{font-size:clamp(25px,7.4vw,31px)!important;line-height:1.08!important;margin:0 0 14px!important;color:#fff!important}
  .reference-hero-copy h1 .hero-line{white-space:nowrap!important}
  .reference-hero-copy p{display:none!important}
  .reference-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:min(150px,100%)!important}
  .reference-hero-actions .btn{min-height:38px!important;height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:11.5px!important}
  .reference-hero-actions .btn-hero-ghost{display:none!important}
  .reference-hero-stage{grid-area:stage!important;display:grid!important;place-items:center!important;align-self:stretch!important;min-width:0!important;min-height:180px!important;margin:0!important;overflow:visible!important}
  .reference-hero-brand-art{position:relative!important;inset:auto!important;width:155%!important;max-width:none!important;height:190px!important;object-fit:contain!important;object-position:center!important;transform:translateX(-11%)!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))!important}
  .reference-hero-glow{display:none!important}
  .reference-hero-trust{display:none!important}
  .reference-hero-side{display:none!important}

  .mobile-home-trust-banner{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    margin:10px 0 8px!important;padding:12px 14px!important;border:1px solid #d9e9e6!important;border-radius:14px!important;
    background:#fff!important;color:#173e44!important;text-decoration:none!important;box-shadow:0 4px 14px rgba(25,64,72,.055)!important;
  }
  .mobile-home-trust-banner span{display:grid!important;gap:2px!important;min-width:0!important}
  .mobile-home-trust-banner small{font-size:10.5px!important;color:#0b7d72!important;font-weight:800!important}
  .mobile-home-trust-banner b{font-size:13px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-home-trust-banner strong{flex:none!important;color:#0b7d72!important;font-size:11.5px!important}

  /* 빠른 카테고리는 앱 쇼핑몰처럼 가로 스크롤 */
  .mobile-home-category-strip{display:block!important;margin:0 -10px 18px!important;padding:4px 0 2px!important;background:#fff!important;border-block:1px solid #eef1f2!important}
  .mobile-home-category-scroll{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:72px!important;gap:4px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity!important;padding:10px 10px 9px!important;scrollbar-width:none!important}
  .mobile-home-category-scroll::-webkit-scrollbar{display:none!important}
  .mobile-home-category-item{display:grid!important;justify-items:center!important;gap:6px!important;min-width:0!important;color:#24383e!important;text-decoration:none!important;scroll-snap-align:start!important}
  .mobile-home-category-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid #e2e8ea!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f2f6f7)!important;color:#0b6e69!important;font-size:11px!important;font-weight:900!important;box-shadow:0 3px 9px rgba(22,59,68,.06)!important}
  .mobile-home-category-item b{width:100%!important;font-size:10px!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* 2열 상품 사진 높이를 완전히 동일화 */
  .reference-home .home-product-section{margin-top:18px!important}
  .reference-home .home-product-section .section-head{margin-bottom:9px!important}
  .reference-home .home-product-section .section-head h2{font-size:17px!important}
  .reference-home .home-product-section .product-rail{grid-auto-columns:calc((100% - 9px)/2)!important;gap:9px!important;padding-bottom:6px!important}
  .reference-home .home-product-card{border-radius:12px!important;background:#fff!important;border:1px solid #e8ecee!important;box-shadow:0 4px 12px rgba(24,55,63,.045)!important}
  .reference-home .home-product-card .product-image-wrap,.market-page .product-card .product-image-wrap,.product-grid .product-card .product-image-wrap{
    aspect-ratio:1/1!important;width:100%!important;height:auto!important;padding:7px!important;background:#fff!important;border-bottom:1px solid #f0f2f3!important;
  }
  .reference-home .home-product-card .product-image,.market-page .product-card .product-image,.product-grid .product-card .product-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .reference-home .home-product-card .product-content{min-height:166px!important;padding:8px!important}
  .reference-home .home-product-card .product-content h3{font-size:12.5px!important;line-height:1.35!important;min-height:2.7em!important;max-height:2.7em!important}
  .reference-home .home-product-card .product-condition-brand,.reference-home .home-product-card .product-review-line,.reference-home .home-product-card .product-card-transaction{font-size:10.5px!important}
  .reference-home .home-product-card .product-price{font-size:16px!important}
  .product-image-wrap::after{right:5px;bottom:5px;font-size:8px;padding:3px 5px}

  /* 상단 카테고리는 한 줄 앱 탭처럼 */
  .header-category-bar{background:#fff!important;border-bottom:1px solid #eceff1!important}
  .header-category-inner{padding:0 10px!important;gap:0!important}
  .header-category-links{display:flex!important;gap:2px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .header-category-links::-webkit-scrollbar{display:none!important}
  .header-category-links a,.header-category-more{flex:0 0 auto!important;min-height:38px!important;padding:0 10px!important;font-size:11.5px!important;white-space:nowrap!important}
  .header-service-links{display:none!important}

  /* 하단 앱형 아이콘/라벨 */
  .mobile-nav{min-height:calc(62px + env(safe-area-inset-bottom))!important;padding:5px 4px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;box-shadow:0 -5px 20px rgba(22,48,54,.08)!important}
  .mobile-nav a{min-height:50px!important;gap:3px!important;color:#657277!important;font-size:9.5px!important;font-weight:700!important}
  .mobile-nav-svg,.mobile-chat-svg{width:20px!important;height:20px!important}
  .mobile-nav a[aria-current="page"]{color:#0b6e69!important}
  .mobile-nav-label{font-size:9.5px!important}
}

@media(max-width:390px){
  .reference-hero-main{grid-template-columns:minmax(0,1.14fr) minmax(108px,.86fr)!important;min-height:224px!important;padding:18px 10px 16px 15px!important}
  .reference-hero-copy h1{font-size:clamp(23px,7.2vw,28px)!important}
  .reference-hero-brand-art{height:170px!important;width:160%!important;transform:translateX(-13%)!important}
  .mobile-home-category-scroll{grid-auto-columns:68px!important}
  .mobile-home-category-icon{width:45px!important;height:45px!important}
  .reference-home .home-product-card .product-content{min-height:160px!important}
}


/* FIX70-R1 · 모바일 상단 중복 액션 정리 + 배송·수령 안내 접기 */
.business-footer-delivery-fold{
  margin-top:25px;border-top:1px solid #e5e8eb;border-bottom:1px solid #e5e8eb;
}
.business-footer-delivery-fold>summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:10px 0;
  color:#20272a;font-weight:800;cursor:pointer;list-style:none;
}
.business-footer-delivery-fold>summary::-webkit-details-marker{display:none}
.business-footer-delivery-title{font-size:1.05rem;letter-spacing:-.025em}
.business-footer-delivery-toggle{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfe4e6;border-radius:50%;font-size:1rem;line-height:1;transition:transform .18s ease,background .18s ease}
.business-footer-delivery-fold[open] .business-footer-delivery-toggle{transform:rotate(45deg);background:#f4f7f7}
.business-footer-delivery-body{padding:0 0 14px}
.business-footer-delivery-summary{display:grid;gap:3px;margin:0 0 12px!important;color:#465055!important;font-size:.9rem;line-height:1.45!important;letter-spacing:-.025em}
.business-footer-delivery-summary span{display:block}
.business-footer-delivery-fold .business-footer-delivery-detail{padding:0}
.business-footer-delivery-fold .business-footer-delivery-detail h4{margin:11px 0 5px}

@media(max-width:760px){
  /* 모바일 헤더는 로고 + 검색 + 알림만: 상품채팅/MY/로그인 중복 액션은 하단 내비게이션에 맡김 */
  .portal-header-actions #portal-chat-header,
  .portal-header-actions #portal-account-link,
  .portal-header-actions #session-button,
  .portal-header-actions #header-logout{display:none!important}
  .portal-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:46px!important;min-width:46px!important;max-width:46px!important;overflow:visible!important}
  .portal-header-actions #notification-button{
    display:grid!important;place-items:center!important;position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:transparent!important;color:#263b40!important;
  }
  .portal-header-actions #notification-button>span:last-of-type{display:none!important}
  .portal-header-actions #notification-button .portal-bell-icon{display:block!important;margin:0!important}
  .portal-header-actions #notification-count{top:1px!important;right:0!important}

  /* 배송·수령 안내는 닫힌 상태가 기본이고, 열면 핵심 안내가 정확히 두 줄로 보이도록 축약 */
  .business-footer-support section.business-footer-delivery{margin-top:14px!important}
  .business-footer-delivery-fold{margin-top:14px!important}
  .business-footer-delivery-fold>summary{min-height:48px!important;padding:8px 0!important}
  .business-footer-delivery-title{font-size:.96rem!important}
  .business-footer-delivery-body{padding-bottom:12px!important}
  .business-footer-delivery-summary{gap:2px!important;margin-bottom:10px!important;font-size:12.5px!important;line-height:1.42!important}
  .business-footer-delivery-summary span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .business-footer-delivery-fold .business-footer-delivery-detail h4{font-size:.9rem!important}
  .business-footer-delivery-fold .business-footer-delivery-detail p{font-size:.84rem!important;line-height:1.55!important}
}


@media(max-width:760px){
  /* 빠른 카테고리: 아이콘 내부 문구와 아래 문구가 중복되지 않도록 아이콘만 노출 */
  .mobile-home-category-item{gap:0!important}
  .mobile-home-category-item>b{display:none!important}
  .mobile-home-category-icon{width:52px!important;height:48px!important;border-radius:14px!important;font-size:10.5px!important;letter-spacing:-.02em!important}
}
@media(max-width:390px){.mobile-home-category-icon{width:49px!important;height:46px!important;font-size:10px!important}}


/* FIX71-R1 · 모바일 앱형 홈 재구성 + 배송·수령 안내 고객센터 이동 */
.mobile-home-tabs,.mobile-home-search{display:none}
.business-footer-support-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#0b6e69;font-weight:800;text-decoration:none;
}
.business-footer-support-link:hover{text-decoration:underline}
.support-delivery-center{scroll-margin-top:92px}
.support-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.support-delivery-grid article{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid #e4e9ea;border-radius:14px;background:#fff}
.support-delivery-grid h3{margin:0 0 7px;font-size:1rem}
.support-delivery-grid p{margin:0;color:#48545a;line-height:1.65}
.support-delivery-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eef8f6;color:#0b6e69;font-size:18px;font-weight:900}
.support-delivery-note{display:grid;gap:3px;margin:14px 0 0;padding:12px 14px;border-radius:11px;background:#f6f8f8;color:#455157;font-size:.9rem;line-height:1.45}
.support-delivery-note span{display:block}

@media(max-width:760px){
  /* 홈은 참고 이미지처럼 '로고/알림 → 탭 → 배너 → 검색 → 카테고리 → 상품' 순서로 단순화 */
  body.is-home-route .portal-search-center{display:none!important}
  body.is-home-route .search-first-header{
    grid-template-columns:minmax(0,1fr) 46px!important;grid-template-areas:"brand actions"!important;
    min-height:58px!important;padding:7px 12px!important;gap:8px!important;background:#fff!important;
  }
  body.is-home-route .portal-brand-zone{overflow:visible!important;min-height:44px!important}
  body.is-home-route .portal-menu-toggle{display:none!important}
  body.is-home-route .portal-brand-zone .brand-wordmark i{font-size:1.3rem!important}
  body.is-home-route .portal-brand-zone .brand-wordmark .brand-bang{font-size:1rem!important}
  body.is-home-route .header-category-bar{display:none!important}
  body.is-home-route .business-footer{display:none!important}
  body.is-home-route .cms-banner-zone,body.is-home-route .home-test-feedback-quick{display:none!important}

  .mobile-home-tabs{
    display:flex!important;align-items:center!important;gap:2px!important;overflow-x:auto!important;scrollbar-width:none!important;
    margin:-8px -10px 8px!important;padding:0 10px!important;min-height:39px!important;background:#fff!important;border-bottom:1px solid #eceff1!important;
  }
  .mobile-home-tabs::-webkit-scrollbar{display:none!important}
  .mobile-home-tabs a{
    position:relative!important;flex:0 0 auto!important;display:grid!important;place-items:center!important;min-height:38px!important;
    padding:0 10px!important;color:#6d767b!important;text-decoration:none!important;font-size:11.5px!important;font-weight:800!important;white-space:nowrap!important;
  }
  .mobile-home-tabs a.is-active{color:#10191d!important}
  .mobile-home-tabs a.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;background:#0b6e69}

  .reference-home{padding-top:8px!important}
  .reference-home-hero{margin:0 -2px!important}
  .reference-hero-main{
    grid-template-columns:minmax(0,1.15fr) minmax(108px,.85fr)!important;grid-template-areas:"copy stage"!important;
    min-height:176px!important;padding:15px 10px 14px 16px!important;border-radius:16px!important;gap:2px!important;
    background:linear-gradient(135deg,#6ed8f1 0%,#bde9f6 54%,#dff2f7 100%)!important;box-shadow:none!important;
  }
  .reference-hero-copy>span{font-size:10px!important;line-height:1.3!important;margin:0 0 6px!important;color:#0a5c72!important;font-weight:800!important}
  .reference-hero-copy h1{font-size:clamp(22px,6.8vw,28px)!important;line-height:1.08!important;margin:0 0 10px!important;color:#0f2e43!important;text-shadow:none!important}
  .reference-hero-copy h1 .hero-line{white-space:nowrap!important}
  .reference-hero-actions{width:118px!important;display:block!important}
  .reference-hero-actions .btn-primary{display:flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-height:34px!important;padding:0 9px!important;border-radius:9px!important;font-size:10.5px!important;background:#0b6e69!important;color:#fff!important}
  .reference-hero-stage{min-height:145px!important}
  .reference-hero-brand-art{width:148%!important;height:148px!important;transform:translateX(-13%)!important;filter:drop-shadow(0 8px 12px rgba(12,44,57,.18))!important}

  .mobile-home-search{
    display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:4px!important;
    min-height:44px!important;margin:9px 0 10px!important;padding:0 7px 0 10px!important;border:1px solid #e1e6e8!important;border-radius:11px!important;background:#fff!important;
    box-shadow:0 3px 10px rgba(27,56,64,.04)!important;
  }
  .mobile-home-search-icon{position:relative!important;width:18px!important;height:18px!important}
  .mobile-home-search-icon::before{content:"";position:absolute;left:1px;top:1px;width:10px;height:10px;border:1.8px solid #58676d;border-radius:50%}
  .mobile-home-search-icon::after{content:"";position:absolute;left:12px;top:12px;width:6px;height:1.8px;background:#58676d;border-radius:2px;transform:rotate(45deg);transform-origin:left center}
  .mobile-home-search input{min-width:0!important;width:100%!important;height:40px!important;padding:0 4px!important;border:0!important;outline:0!important;background:transparent!important;color:#1b2b31!important;font-size:12.5px!important}
  .mobile-home-search input::placeholder{color:#929ba0!important}
  .mobile-home-search button{height:32px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:#eef7f5!important;color:#0b6e69!important;font-size:10.5px!important;font-weight:800!important}

  /* 텍스트 약어 대신 실제 PC 부품 이미지 + 한 줄 라벨. 중복 문구는 없음. */
  .mobile-home-category-strip{margin:0 -10px 15px!important;padding:7px 10px 10px!important;border-block:1px solid #edf0f1!important;background:#fff!important}
  .mobile-home-category-scroll{
    display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px 5px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;
  }
  .mobile-home-category-item{display:grid!important;justify-items:center!important;gap:5px!important;min-width:0!important;text-decoration:none!important;color:#27363b!important}
  .mobile-home-category-icon{
    width:54px!important;height:54px!important;display:grid!important;place-items:center!important;padding:5px!important;
    border:1px solid #edf0f1!important;border-radius:50%!important;background:#f7f8f9!important;box-shadow:none!important;font-size:0!important;overflow:hidden!important;
  }
  .mobile-home-category-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .mobile-home-category-item>b.mobile-home-category-name{
    display:block!important;width:100%!important;max-width:76px!important;color:#4b575c!important;font-size:9.7px!important;line-height:1.2!important;
    text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  .reference-home .home-product-section{margin-top:17px!important}
  .reference-home .home-product-section .section-head h2{font-size:16px!important;letter-spacing:-.025em!important}
  .reference-home .home-product-section .section-head a{font-size:11.5px!important}

  /* 기존 1:1 규격을 유지하면서 모바일 카드 높이/사진 영역도 같은 값으로 고정 */
  .reference-home .home-product-card .product-image-wrap,.market-page .product-card .product-image-wrap,.product-grid .product-card .product-image-wrap{
    aspect-ratio:1/1!important;width:100%!important;height:auto!important;min-height:0!important;padding:7px!important;background:#fff!important;
  }
  .reference-home .home-product-card .product-image,.market-page .product-card .product-image,.product-grid .product-card .product-image{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  }

  .support-delivery-grid{grid-template-columns:1fr!important;gap:9px!important}
  .support-delivery-grid article{padding:14px!important;border-radius:12px!important}
  .support-delivery-note{font-size:12px!important;padding:11px 12px!important}
}

@media(min-width:400px) and (max-width:760px){
  .mobile-home-category-scroll{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mobile-home-category-icon{width:52px!important;height:52px!important}
  .mobile-home-category-item>b.mobile-home-category-name{font-size:9.5px!important;max-width:68px!important}
}

@media(max-width:390px){
  .reference-hero-main{min-height:168px!important;padding:14px 8px 13px 14px!important;grid-template-columns:minmax(0,1.17fr) minmax(100px,.83fr)!important}
  .reference-hero-copy h1{font-size:clamp(21px,6.7vw,26px)!important}
  .reference-hero-brand-art{height:140px!important;width:151%!important}
  .mobile-home-category-icon{width:50px!important;height:50px!important}
  .mobile-home-category-item>b.mobile-home-category-name{font-size:9.2px!important;max-width:70px!important}
}


/* FIX72-R1 · 고객센터 독립 허브 + 공식 안내를 커뮤니티와 분리 */
.support-center-page{max-width:1180px}
.support-center-tabs{display:flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px;border:1px solid #e2e8e8;border-radius:14px;background:#fff;overflow-x:auto;scrollbar-width:none}
.support-center-tabs::-webkit-scrollbar{display:none}
.support-center-tabs a{flex:0 0 auto;min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:10px;color:#4d5b60;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
.support-center-tabs a:hover,.support-center-tabs a:focus-visible{background:#f3f7f7;color:#075f5b}
.support-center-tabs a.is-active{background:#0b746d;color:#fff}
.support-center-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.support-center-category-grid>a{display:flex;align-items:center;gap:14px;min-width:0;min-height:112px;padding:20px;border:1px solid #e1e7e8;border-radius:16px;background:#fff;color:#172226;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.support-center-category-grid>a:hover,.support-center-category-grid>a:focus-visible{border-color:#7ec3bd;box-shadow:0 8px 24px rgba(8,83,78,.08);transform:translateY(-1px)}
.support-center-category-grid>a>span{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#edf8f6;color:#08716b;font-size:19px;font-weight:900}
.support-center-category-grid>a>div{min-width:0;display:grid;gap:5px}
.support-center-category-grid b{font-size:16px;line-height:1.3}
.support-center-category-grid small{color:#6a7579;font-size:13px;line-height:1.45}
.support-center-latest{margin-top:10px}
.support-notice-list{display:grid;gap:12px}
.support-notice-list .panel{margin:0}
@media(max-width:760px){
  .mobile-home-tabs{gap:4px!important;padding-right:6px!important}
  .mobile-home-tabs a{padding-inline:10px!important;font-size:12px!important}
  .support-center-page{width:min(100% - 20px,1180px)!important}
  .support-center-page .page-head{gap:12px!important;margin-bottom:14px!important}
  .support-center-page .page-head h1{font-size:26px!important}
  .support-center-page .page-head p{font-size:13px!important;line-height:1.55!important}
  .support-center-tabs{margin-bottom:14px!important;padding:5px!important;border-radius:12px!important}
  .support-center-tabs a{min-height:38px!important;padding:0 12px!important;font-size:12px!important}
  .support-center-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:18px!important}
  .support-center-category-grid>a{display:grid!important;justify-items:start!important;align-content:start!important;gap:8px!important;min-height:120px!important;padding:14px!important;border-radius:13px!important}
  .support-center-category-grid>a>span{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;font-size:16px!important}
  .support-center-category-grid b{font-size:14px!important;white-space:nowrap!important}
  .support-center-category-grid small{font-size:11.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
}

/* FIX73: visible links beneath the search; feature switch remains authoritative. */
.feedback-search-bar[hidden]{display:none!important}
.feedback-search-mobile{display:none}
.feedback-search-desktop{margin:8px 0 0;gap:8px}
.feedback-search-bar a{white-space:normal;word-break:keep-all;text-align:center;line-height:1.4;min-width:0}
@media(max-width:760px){
  body.is-home-route .feedback-search-mobile{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 12px!important;width:100%!important}
  .feedback-search-bar a{flex:1 1 135px;box-sizing:border-box;font-size:14px!important;min-height:44px!important;padding:8px 10px!important}
}

/* FIX82: prohibited listing policy */
.prohibited-listing-policy{border:1px solid #eadfc8;background:#fffdf8;border-radius:14px;padding:18px 20px;gap:12px}
.prohibited-listing-policy .sell-section-head{margin-bottom:4px}
.prohibited-listing-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}
.prohibited-listing-chips span{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border:1px solid #e7e9ec;border-radius:999px;background:#fff;color:#3d4650;font-size:.88rem;font-weight:650}
.sell-policy-live-status{margin:4px 0 0;line-height:1.55}
.prohibited-listing-policy .confirm-box{margin-top:2px}
@media (max-width:720px){.prohibited-listing-policy{padding:16px}.prohibited-listing-chips{gap:6px}.prohibited-listing-chips span{font-size:.82rem}}


/* FIX83-R1 상품 등록 화면 단순화 */
.sell-lite-form{display:grid;gap:22px}
.sell-lite-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:22px;align-items:start}
.sell-lite-panel{background:#fff;border:1px solid var(--line,#d9dfe3);border-radius:18px;padding:22px}
.sell-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.sell-panel-head h2{margin:0;font-size:1.2rem}.sell-panel-head p,.sell-panel-head small{margin:4px 0 0;color:#66736f;line-height:1.45}
.sell-required-mark{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 10px;border-radius:999px;background:#effaf6;color:#0f8a63;font-size:12px;font-weight:800}
.sell-photo-upload-field input[type="file"]{padding:11px;background:#f8fbfa}
.sell-image-stage{display:flex;align-items:center;justify-content:center;min-height:360px;margin-top:14px;border:1px solid #d8dfe4;border-radius:16px;background:#fbfcfd;overflow:hidden}
.sell-image-stage img{display:block;width:100%;height:100%;max-height:440px;object-fit:contain;background:#fff}
.sell-image-stage-empty{padding:22px;color:#76838f;text-align:center;line-height:1.6}
.sell-image-stage.is-static{min-height:320px}
.sell-edit-image-note{margin:12px 2px 0}
.image-preview-grid.compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.image-preview-grid.compact figure{border-radius:12px}.image-preview-grid.compact img{aspect-ratio:1/1!important;padding:8px!important;background:#fff!important;object-fit:contain!important}
.sell-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-chip-group{display:flex;flex-wrap:wrap;gap:10px}
.choice-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:12px 16px;border:1px solid #cfd8dd;border-radius:14px;background:#fff;color:#24303b;font-weight:800;cursor:pointer;transition:.18s ease}
.choice-chip input{position:absolute;inset:0;opacity:0;cursor:pointer}.choice-chip.is-selected,.choice-chip:has(input:checked){border-color:#11a37f;background:#eefaf6;color:#0a7b63;box-shadow:0 0 0 2px rgba(17,163,127,.08) inset}
.is-hidden{display:none!important}
.sell-description-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sell-description-grid textarea{min-height:138px}
.sell-advanced-details{border:1px solid var(--line,#d9dfe3);border-radius:16px;background:#fff;overflow:hidden}
.sell-advanced-details>summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:900;color:#24303b;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sell-advanced-details>summary::-webkit-details-marker{display:none}.sell-advanced-details>summary::after{content:"⌄";font-size:18px;color:#60707d;transition:transform .18s ease}.sell-advanced-details[open]>summary::after{transform:rotate(180deg)}
.sell-advanced-content{padding:0 22px 22px;border-top:1px solid #edf1f4}
.sell-advanced-grid{margin-top:18px}
.sell-inspection-details .sell-inspection-section{border:0;background:transparent;padding:18px 0 0}
.sell-inspection-details .sell-section-head{margin-bottom:10px}
.prohibited-listing-policy.sell-lite-panel{padding:22px}
@media(max-width:1100px){.sell-lite-top{grid-template-columns:1fr}.sell-description-grid{grid-template-columns:1fr}.sell-basic-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sell-lite-panel{padding:18px}.sell-advanced-details>summary{padding:16px 18px}.sell-advanced-content{padding:0 18px 18px}.sell-image-stage{min-height:250px}}


/* FIX85-R1 · 모바일 UI 정리: 360/375/390/430px 공통 규칙 */
.prohibited-listing-mobile-details,.business-footer-mobile-company{display:none}
@media(max-width:760px){
  html{font-size:16px}
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom));background:#f7f8f9}

  /* 헤더: 모바일에서는 채팅 중복을 제거하고 알림/계정만 유지 */
  .portal-header-actions #portal-chat-header,.portal-header-actions #header-logout{display:none!important}
  .search-first-header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "search search"!important;gap:7px 8px!important;padding:8px 10px!important}
  body.is-home-route .search-first-header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions"!important}
  .portal-header-actions{gap:4px!important}
  .portal-header-actions #notification-button,.portal-header-actions #portal-account-link{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}

  /* Hero 규칙을 마지막 한 세트로 통일: 과도한 150~160% 확대 제거 */
  .reference-home-hero{margin:0!important}
  .reference-hero-main{
    display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(112px,.92fr)!important;grid-template-areas:"copy stage"!important;
    align-items:center!important;gap:6px!important;min-height:178px!important;padding:16px 12px 15px 16px!important;border-radius:16px!important;
    overflow:hidden!important;background:linear-gradient(135deg,#6ed8f1 0%,#bde9f6 54%,#dff2f7 100%)!important;box-shadow:none!important;
  }
  .reference-hero-copy{min-width:0!important;padding:0!important}
  .reference-hero-copy>span{font-size:11.5px!important;line-height:1.35!important;margin:0 0 6px!important;color:#0a5c72!important;font-weight:800!important}
  .reference-hero-copy h1{font-size:clamp(23px,6.7vw,29px)!important;line-height:1.08!important;margin:0 0 11px!important;color:#0f2e43!important;text-shadow:none!important}
  .reference-hero-copy h1 .hero-line{white-space:nowrap!important}
  .reference-hero-copy p{display:none!important}
  .reference-hero-actions{display:block!important;width:128px!important}
  .reference-hero-actions .btn-primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:36px!important;height:36px!important;padding:0 10px!important;border-radius:9px!important;font-size:11.5px!important}
  .reference-hero-actions .btn-hero-ghost{display:none!important}
  .reference-hero-stage{display:grid!important;place-items:center!important;min-width:0!important;min-height:148px!important;margin:0!important;overflow:hidden!important}
  .reference-hero-brand-art{position:relative!important;inset:auto!important;width:118%!important;max-width:180px!important;height:150px!important;object-fit:contain!important;object-position:center!important;transform:translateX(-2%)!important;filter:drop-shadow(0 8px 12px rgba(12,44,57,.16))!important}
  .reference-hero-trust,.reference-hero-side,.reference-hero-glow{display:none!important}

  /* 빠른 카테고리: 소형 화면 4열, 400px 이상 5열. 9px 글자 제거 */
  .mobile-home-category-scroll{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px 6px!important;overflow:visible!important;padding:7px 2px 3px!important}
  .mobile-home-category-icon{width:52px!important;height:52px!important;padding:5px!important;border-radius:50%!important}
  .mobile-home-category-item>b.mobile-home-category-name,.mobile-home-category-item b{max-width:78px!important;font-size:11.5px!important;line-height:1.25!important;font-weight:700!important;color:#45545a!important}

  /* 상품 카드: 정보량을 줄이고 작은 글씨를 없앤다 */
  .product-card .product-content,.reference-home .home-product-card .product-content{padding:9px!important;min-height:154px!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3{font-size:13px!important;line-height:1.4!important;min-height:2.8em!important;max-height:2.8em!important;margin-bottom:5px!important}
  .product-condition-brand{font-size:11.5px!important;line-height:1.3!important}
  .product-review-line{display:none!important}
  .product-price{font-size:17px!important;line-height:1.3!important}
  .product-card-transaction{font-size:11.5px!important;line-height:1.3!important}
  .product-inspection-badge{font-size:11px!important;line-height:1.15!important;padding:4px 6px!important}
  .product-favorite-count{font-size:11.5px!important}

  /* 상품 등록: 제한 품목의 긴 목록은 접고 확인 체크는 항상 노출 */
  .sell-lite-page{width:min(100% - 16px,1180px)!important}
  .sell-lite-form{gap:14px!important}
  .sell-lite-panel{padding:16px!important;border-radius:14px!important}
  .sell-image-stage{min-height:240px!important}
  .sell-description-grid{gap:12px!important}
  .sell-description-grid textarea{min-height:112px!important}
  .sell-advanced-details>summary{min-height:52px!important;padding:14px 16px!important;font-size:14px!important}
  .prohibited-listing-policy .sell-section-head{margin-bottom:8px!important}
  .prohibited-listing-policy .sell-section-head small{font-size:12px!important}
  .prohibited-listing-desktop-chips{display:none!important}
  .prohibited-listing-mobile-details{display:block!important;margin:8px 0;border:1px solid #e1e8e6;border-radius:11px;background:#fbfdfc;overflow:hidden}
  .prohibited-listing-mobile-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;color:#405159;font-size:12.5px;font-weight:800;cursor:pointer}
  .prohibited-listing-mobile-details>summary::-webkit-details-marker{display:none}
  .prohibited-listing-mobile-details>summary::after{content:"⌄";font-size:16px}.prohibited-listing-mobile-details[open]>summary::after{transform:rotate(180deg)}
  .prohibited-listing-mobile-details .prohibited-listing-chips{padding:0 12px 10px;gap:6px}
  .prohibited-listing-mobile-details small{display:block;padding:0 12px 12px;font-size:11.5px;line-height:1.5}
  .prohibited-listing-long-note{display:none!important}
  .prohibited-listing-policy .confirm-box{margin-top:10px!important;padding:12px!important;font-size:12.5px!important;line-height:1.45!important}
  .sell-policy-live-status{font-size:12px!important;line-height:1.45!important}

  /* 하단 메뉴: 홈 / 상품 / 판매 / 커뮤니티 / MY */
  .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:calc(66px + env(safe-area-inset-bottom))!important;padding:5px 4px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -5px 20px rgba(22,48,54,.09)!important}
  .mobile-nav a{min-height:54px!important;gap:4px!important;font-size:11px!important;font-weight:750!important;color:#66757b!important;overflow:visible!important}
  .mobile-nav-label{font-size:11px!important;line-height:1.1!important;overflow:visible!important}
  .mobile-nav-svg,.mobile-chat-svg{width:21px!important;height:21px!important}
  .mobile-nav .mobile-nav-sell{color:#08756d!important}
  .mobile-nav .mobile-nav-sell .mobile-nav-svg{width:34px!important;height:34px!important;padding:6px!important;margin-top:-8px!important;border-radius:50%!important;background:#0b746d!important;color:#fff!important;stroke:#fff!important;box-shadow:0 4px 12px rgba(11,116,109,.23)!important}

  /* 긴 입력 중 하단 내비/고정 액션이 키보드와 겹치지 않도록 한다 */
  body:has(input:focus,textarea:focus,select:focus) .mobile-nav{transform:translateY(calc(100% + env(safe-area-inset-bottom)))!important;transition:transform .15s ease!important}
  body:has(input:focus,textarea:focus,select:focus) .form-actions{position:static!important}

  /* 상품 상세 CTA Safe Area */
  .reference-mobile-cta{padding:9px 12px max(10px,env(safe-area-inset-bottom))!important}
}
@media(min-width:400px) and (max-width:760px){
  .mobile-home-category-scroll{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mobile-home-category-icon{width:52px!important;height:52px!important}
}
@media(max-width:390px){
  .search-first-header{padding-inline:8px!important}
  .reference-hero-main{grid-template-columns:minmax(0,1.1fr) minmax(100px,.9fr)!important;min-height:168px!important;padding:14px 9px 13px 14px!important}
  .reference-hero-copy>span{font-size:11px!important}
  .reference-hero-copy h1{font-size:clamp(21px,6.5vw,26px)!important}
  .reference-hero-actions{width:118px!important}
  .reference-hero-brand-art{width:116%!important;max-width:150px!important;height:140px!important;transform:none!important}
  .mobile-home-category-icon{width:49px!important;height:49px!important}
  .mobile-home-category-item>b.mobile-home-category-name,.mobile-home-category-item b{font-size:11px!important;max-width:72px!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3{font-size:12.5px!important}
  .product-condition-brand,.product-card-transaction{font-size:11px!important}
  .product-inspection-badge{font-size:10.8px!important}
  .mobile-nav a,.mobile-nav-label{font-size:10.5px!important}
}


/* FIX87-R1 · 모바일 상품카드: 사진 → 가격 → 제목 → 등록시간/찜 중심의 초간결형 */
.product-card-mobile-heart,.product-card-mobile-inspection,.product-card-mobile-meta{display:none}
@media(max-width:760px){
  /* 카드 자체의 쇼핑몰 박스 느낌을 제거하고 이미지와 텍스트만 남긴다. */
  .product-grid,.market-page .product-grid{gap:18px 10px!important}
  .reference-home .home-product-section .product-rail{gap:10px!important}
  .product-card,.reference-home .home-product-card,.market-page .product-card{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  }
  .product-card:hover,.reference-home .home-product-card:hover,.market-page .product-card:hover{border:0!important;box-shadow:none!important;transform:none!important}
  .product-card-link{height:auto!important;display:block!important;color:inherit!important;text-decoration:none!important}

  /* 사진을 카드의 주인공으로: 여백/박스 제거, 부드러운 라운드만 유지 */
  .product-card .product-image-wrap,.product-rail .product-image-wrap,.reference-home .home-product-card .product-image-wrap,.market-page .product-card .product-image-wrap{
    position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:12px!important;background:#f4f5f5!important;overflow:hidden!important;
  }
  .product-card .product-image,.product-rail .product-image,.reference-home .home-product-card .product-image,.market-page .product-card .product-image{
    width:100%!important;height:100%!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:center!important;background:#f4f5f5!important;border-radius:12px!important;
  }
  /* 등록 과정에서 1:1로 정리된 PC 부품 사진도 전체 윤곽이 잘 보이도록 작은 화면에서는 과한 확대를 금지 */
  .product-card .product-image[data-fallback-part],.product-rail .product-image[data-fallback-part]{max-width:100%!important;max-height:100%!important}

  /* 판매상태는 사진 좌측 상단의 작은 배지, 찜은 우측 상단 */
  .product-card-flags{inset:8px auto auto 8px!important;display:flex!important;justify-content:flex-start!important;gap:4px!important;max-width:calc(100% - 54px)!important}
  .product-card-flags .card-flag{display:none!important}
  .product-card-flags .card-flag.status{display:inline-flex!important;margin:0!important;padding:4px 7px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.92)!important;color:#222!important;font-size:10.5px!important;font-weight:750!important;line-height:1.2!important;box-shadow:0 1px 5px rgba(0,0,0,.08)!important}
  .product-card-mobile-heart{display:flex!important;position:absolute!important;z-index:5!important;top:8px!important;right:8px!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:rgba(30,30,30,.10)!important;color:#fff!important;font-size:26px!important;font-family:Arial,sans-serif!important;font-weight:400!important;line-height:1!important;text-shadow:0 1px 3px rgba(0,0,0,.38)!important;pointer-events:none!important}
  .product-card-mobile-inspection{display:inline-flex!important;position:absolute!important;z-index:5!important;left:8px!important;bottom:8px!important;align-items:center!important;min-height:24px!important;max-width:calc(100% - 16px)!important;padding:4px 7px!important;border-radius:7px!important;background:rgba(235,250,247,.94)!important;color:#08776e!important;font-size:10.5px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;pointer-events:none!important}

  /* 콘텐츠 순서를 첫 번째 참고 이미지와 동일하게: 가격 → 상품명 → 시간/찜 */
  .product-card .product-content,.reference-home .home-product-card .product-content,.market-page .product-card .product-content{
    display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;padding:10px 1px 0!important;background:transparent!important;
  }
  .product-card .product-price-row,.reference-home .home-product-card .product-price-row,.market-page .product-card .product-price-row{
    order:1!important;min-height:0!important;margin:0 0 5px!important;padding:0!important;display:flex!important;align-items:baseline!important;gap:5px!important;
  }
  .product-card .product-price,.reference-home .home-product-card .product-price,.market-page .product-card .product-price{
    margin:0!important;color:#111!important;font-size:19px!important;font-weight:850!important;line-height:1.22!important;letter-spacing:-.35px!important;white-space:nowrap!important;
  }
  .product-card .product-price-row del{font-size:10.5px!important;color:#8a8f91!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3,.market-page .product-card .product-content h3{
    order:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;min-height:0!important;max-height:1.45em!important;
    margin:0!important;color:#16191b!important;font-size:14px!important;font-weight:550!important;line-height:1.45!important;letter-spacing:-.2px!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:keep-all!important;
  }
  .product-card .product-condition-brand,.product-card .product-review-line,.product-card .product-card-transaction,.product-card .product-card-bottom-row,
  .reference-home .home-product-card .product-condition-brand,.reference-home .home-product-card .product-review-line,.reference-home .home-product-card .product-card-transaction,.reference-home .home-product-card .product-card-bottom-row{
    display:none!important;
  }
  .product-card-mobile-meta{order:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important;color:#8a8f91!important;font-size:11.5px!important;font-weight:500!important;line-height:1.25!important}
  .product-card-mobile-meta span:last-child{white-space:nowrap!important;color:#9ba0a2!important}

  /* 홈/검색/카테고리 어디서나 같은 카드 비율과 리듬을 사용 */
  .product-card{height:auto!important}
  .product-rail .product-card{scroll-snap-align:start!important}
}
@media(max-width:390px){
  .product-grid,.market-page .product-grid{gap:16px 9px!important}
  .product-card .product-price,.reference-home .home-product-card .product-price,.market-page .product-card .product-price{font-size:18px!important}
  .product-card .product-content h3,.reference-home .home-product-card .product-content h3,.market-page .product-card .product-content h3{font-size:13.5px!important}
  .product-card-mobile-meta{font-size:11px!important}
  .product-card-mobile-heart{width:32px!important;height:32px!important;font-size:24px!important}
}


/* FIX88-R1 · 상품 사진 규격 통일 + 거래완료/검수완료 배지 정렬 */
/* 홈/검색/카테고리/찜/관련상품의 사진 프레임을 하나의 규격으로 강제한다. */
.product-grid .product-card .product-image-wrap,
.product-rail .product-card .product-image-wrap,
.related-product-grid .product-card .product-image-wrap,
.market-page .product-card .product-image-wrap,
.reference-home .home-product-card .product-image-wrap{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  max-height:none!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#f6f7f8!important;
}
.product-grid .product-card .product-image,
.product-rail .product-card .product-image,
.related-product-grid .product-card .product-image,
.market-page .product-card .product-image,
.reference-home .home-product-card .product-image{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:0!important;
  background:transparent!important;
}
/* 상세페이지 대표사진/썸네일도 같은 정사각형 기준을 사용한다. */
.reference-gallery-main{aspect-ratio:1/1!important;background:#f6f7f8!important;overflow:hidden!important}
.reference-gallery-main .gallery-main{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#f6f7f8!important}
.reference-gallery-thumbs .gallery-thumb{aspect-ratio:1/1!important;background:#f6f7f8!important;overflow:hidden!important}
.reference-gallery-thumbs .gallery-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* 상태 배지는 모두 같은 높이와 기준선으로 맞춘다. 거래완료+검수완료도 한 줄에서 정렬된다. */
.product-card-flags{
  position:absolute!important;
  z-index:7!important;
  inset:8px auto auto 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  pointer-events:none!important;
}
.product-card-flags .card-flag{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  height:25px!important;
  margin:0!important;
  padding:4px 8px!important;
  border-radius:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.product-card-flags .card-flag.status{margin-left:0!important}
.product-card-flags .card-flag.result{background:#14866d!important;color:#fff!important}

@media(max-width:760px){
  .product-grid .product-card .product-image-wrap,
  .product-rail .product-card .product-image-wrap,
  .related-product-grid .product-card .product-image-wrap,
  .market-page .product-card .product-image-wrap,
  .reference-home .home-product-card .product-image-wrap{
    padding:7px!important;
    border-radius:12px!important;
    background:#f5f6f7!important;
  }
  .product-card-flags{
    inset:8px auto auto 8px!important;
    max-width:calc(100% - 52px)!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
  }
  /* 모바일에서는 상태와 검수완료를 같은 상단 행에 노출한다. 리퍼 배지는 상세에서 확인한다. */
  .product-card-flags .card-flag{display:none!important}
  .product-card-flags .card-flag.status,
  .product-card-flags .card-flag.result{
    display:inline-flex!important;
    min-height:24px!important;
    height:24px!important;
    padding:4px 7px!important;
    font-size:10.5px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  .product-card-flags .card-flag.status{
    background:rgba(255,255,255,.94)!important;
    color:#222!important;
    border:1px solid rgba(215,221,223,.92)!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
  }
  .product-card-flags .card-flag.result{
    background:rgba(20,134,109,.94)!important;
    color:#fff!important;
    border:1px solid rgba(20,134,109,.94)!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
  }
  /* 검수완료는 상단 상태 배지에 표시하므로 하단에는 '검수 가능'만 표시한다. */
  .product-card-mobile-inspection{left:8px!important;bottom:8px!important}
}
@media(max-width:390px){
  .product-card-flags .card-flag.status,
  .product-card-flags .card-flag.result{font-size:10px!important;padding-inline:6px!important}
}


/* FIX89-R1 · 상품 사진 자동 규격 고정 + 완료 배지 픽셀 정렬 */
/* 기존 사진은 원본을 훼손하지 않고 동일한 1:1 프레임 안에서 중앙 정렬한다. */
.product-grid .product-card .product-image-wrap,
.product-rail .product-card .product-image-wrap,
.related-product-grid .product-card .product-image-wrap,
.market-page .product-card .product-image-wrap,
.reference-home .home-product-card .product-image-wrap{
  aspect-ratio:1/1!important;
  width:100%!important;
  height:auto!important;
  padding:8px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#f6f7f8!important;
}
.product-grid .product-card .product-image,
.product-rail .product-card .product-image,
.related-product-grid .product-card .product-image,
.market-page .product-card .product-image,
.reference-home .home-product-card .product-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
/* 거래완료/검수완료는 완전히 같은 박스 모델과 텍스트 기준선을 사용한다. */
.product-card-flags{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  inset:8px auto auto 8px!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  min-height:28px!important;
  max-width:calc(100% - 54px)!important;
  transform:none!important;
}
.product-card-flags .card-flag.status,
.product-card-flags .card-flag.result{
  position:static!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 9px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:8px!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  vertical-align:top!important;
  transform:none!important;
  text-shadow:none!important;
  box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
}
.product-card-flags .card-flag.status{
  background:rgba(255,255,255,.96)!important;
  color:#202326!important;
  border-color:#d7dddf!important;
}
.product-card-flags .card-flag.result{
  background:#14866d!important;
  color:#fff!important;
  border-color:#14866d!important;
}
.product-card-flags.has-complete-pair .card-flag.status,
.product-card-flags.has-complete-pair .card-flag.result{height:28px!important;min-height:28px!important;max-height:28px!important}
@media(max-width:760px){
  .product-card-flags{top:8px!important;left:8px!important;gap:4px!important;min-height:27px!important}
  .product-card-flags .card-flag.status,
  .product-card-flags .card-flag.result{height:27px!important;min-height:27px!important;max-height:27px!important;padding:0 8px!important;font-size:10.5px!important;line-height:1!important}
  .product-card-flags.has-complete-pair .card-flag.status,
  .product-card-flags.has-complete-pair .card-flag.result{height:27px!important;min-height:27px!important;max-height:27px!important}
}
@media(max-width:390px){
  .product-card-flags .card-flag.status,
  .product-card-flags .card-flag.result{padding:0 7px!important;font-size:10px!important}
}


/* FIX90-R1 · 상품 상태 배지 좌측 상단 고정 */
/* 이미지 중앙을 가리지 않도록 거래 상태/검수 상태를 좌측 상단 한 줄에 고정한다. */
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left,
.product-grid .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left,
.product-rail .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left,
.related-product-grid .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left,
.market-page .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left,
.reference-home .home-product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left{
  position:absolute!important;
  z-index:12!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  bottom:auto!important;
  inset:10px auto auto 10px!important;
  width:max-content!important;
  max-width:calc(100% - 58px)!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  transform:none!important;
  pointer-events:none!important;
}
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag{
  position:relative!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  transform:none!important;
  margin:0!important;
  flex:0 0 auto!important;
}
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.status,
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.result{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0 9px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  vertical-align:top!important;
}
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.status{
  background:rgba(255,255,255,.96)!important;
  color:#202326!important;
  border-color:#d7dddf!important;
}
.product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.result{
  background:#14866d!important;
  color:#fff!important;
  border-color:#14866d!important;
}
@media(max-width:760px){
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left{
    top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;
    inset:8px auto auto 8px!important;gap:4px!important;max-width:calc(100% - 52px)!important;
  }
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag{display:none!important}
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.status,
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.result{
    display:inline-flex!important;height:27px!important;min-height:27px!important;max-height:27px!important;
    padding:0 8px!important;font-size:10.5px!important;line-height:1!important;
  }
}
@media(max-width:390px){
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.status,
  .product-card .product-image-wrap > .product-card-flags.badge-anchor-top-left > .card-flag.result{padding:0 7px!important;font-size:10px!important}
}


/* FIX92-R1 · 모바일 상품카드 최종 정리
   사진 위에는 거래상태와 찜만 표시하고, 안심검수는 사진 밖 하단 정보행으로 이동한다. */
.product-card-mobile-foot,.product-card-mobile-inspection-placeholder{display:none}
@media(max-width:760px){
  /* 모바일 카드 사진 위 워터마크 제거: 상품 사진 자체에 집중 */
  .product-card .product-image-wrap::after,
  .product-grid .product-card .product-image-wrap::after,
  .product-rail .product-card .product-image-wrap::after,
  .related-product-grid .product-card .product-image-wrap::after,
  .market-page .product-card .product-image-wrap::after,
  .reference-home .home-product-card .product-image-wrap::after{display:none!important;content:none!important}

  /* 안심검수 가능 배지는 사진 안이 아니라 상품명 아래 하단 정보행에 표시 */
  .product-card-mobile-foot{
    order:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;
    min-height:24px!important;margin-top:8px!important;padding:0!important;
  }
  .product-card-mobile-inspection{
    position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;
    min-width:0!important;min-height:22px!important;height:22px!important;max-width:56%!important;margin:0!important;padding:0 7px!important;
    border:0!important;border-radius:7px!important;background:#eaf8f5!important;color:#08776e!important;
    font-size:10.5px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    text-shadow:none!important;box-shadow:none!important;pointer-events:none!important;
  }
  .product-card-mobile-inspection-placeholder{display:block!important;flex:1 1 auto!important;min-width:0!important}
  .product-card-mobile-meta{
    order:initial!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;
    margin:0!important;padding:0!important;color:#8a8f91!important;font-size:11.5px!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important;
  }
  .product-card-mobile-meta span+span::before{content:"·";margin-right:6px;color:#a3a8aa}
}
@media(max-width:390px){
  .product-card-mobile-inspection{font-size:10px!important;padding-inline:6px!important;max-width:54%!important}
  .product-card-mobile-meta{font-size:10.8px!important;gap:5px!important}
  .product-card-mobile-meta span+span::before{margin-right:5px!important}
}


/* FIX95-R1 · 상세페이지형 상품 등록 에디터 */
.sell-detail-editor-page{width:min(100% - 32px,1320px)!important}
.sell-detail-editor-form{display:grid;gap:22px;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.sell-detail-editor-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:34px;align-items:start}
.sell-detail-photo-column,.sell-detail-info-column,.sell-detail-description-section,.sell-detail-policy{background:#fff;border:1px solid #e0e5e8;border-radius:18px;padding:22px}
.sell-detail-photo-column{position:sticky;top:92px}
.sell-detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.sell-detail-section-heading>div{display:flex;align-items:flex-start;gap:10px}.sell-detail-section-heading h2{margin:0;font-size:18px}.sell-detail-section-heading p{margin:4px 0 0;color:#67747e;font-size:13px;line-height:1.45}
.sell-detail-step{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:#0f8f72;color:#fff;font-weight:900;font-size:13px}
.sell-detail-main-image{min-height:0!important;aspect-ratio:1/1;border-radius:16px;background:#f7f9fa!important}
.sell-detail-main-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:10px;background:#fff}
.sell-image-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100%;color:#7c8790}.sell-image-stage-empty b{font-size:16px;color:#45515a}.sell-image-stage-empty span{font-size:12px}
.sell-photo-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.sell-photo-pick-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;margin-bottom:10px;padding:11px 16px;border:1px solid #0f8f72;border-radius:12px;background:#f0faf7;color:#08745e!important;font-weight:900;cursor:pointer}
.sell-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:12px!important}.sell-detail-thumbnails figure{min-width:0}.sell-detail-thumbnails figcaption{display:none}
.sell-live-preview{padding:18px 0 20px;margin-bottom:18px;border-bottom:1px solid #e7ebee}.sell-live-status{display:inline-flex;padding:5px 9px;border-radius:8px;background:#f2f5f6;color:#44525c;font-size:12px;font-weight:900}.sell-live-preview h2{margin:14px 0 8px;font-size:22px;line-height:1.35;word-break:keep-all}.sell-live-preview strong{display:block;font-size:28px;line-height:1.15;color:#111827}.sell-live-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;color:#6c7780;font-size:13px}.sell-live-facts span+span:before{content:"·";margin-right:14px;color:#c0c7cc}
.sell-detail-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.sell-detail-basic-grid .span-full{grid-column:1/-1!important}
.price-input-wrap{position:relative}.price-input-wrap input{padding-right:44px!important}.price-input-wrap span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;color:#66736f}
.sell-detail-trade-choices .choice-chip{flex:1 1 120px}
.sell-detail-description-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px}.sell-detail-description-main textarea{min-height:280px}.sell-detail-description-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.sell-detail-description-side textarea{min-height:112px;height:100%}
.sell-detail-accordion{border-radius:16px!important}.sell-detail-accordion>summary span{display:grid;gap:3px}.sell-detail-accordion>summary small{font-weight:500;color:#77838c}.sell-detail-accordion>summary em{margin-left:auto;margin-right:10px;font-style:normal;font-size:12px;color:#738078;background:#f3f6f5;padding:4px 8px;border-radius:999px}
.sell-detail-policy{padding:18px 20px}.sell-detail-policy .sell-section-head{margin-bottom:10px}
.sell-detail-actions{position:sticky;bottom:18px;z-index:15;margin:0!important;padding:14px!important;border:1px solid #dce3e6!important;border-radius:16px;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(15,23,42,.12)}
@media(max-width:1080px){.sell-detail-editor-main{grid-template-columns:1fr}.sell-detail-photo-column{position:static}.sell-detail-description-layout{grid-template-columns:1fr}.sell-detail-description-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:720px){.sell-detail-editor-page{width:min(100% - 16px,100%)!important}.sell-detail-page-head{margin-bottom:12px!important}.sell-detail-page-head h1{font-size:24px!important}.sell-detail-editor-form{gap:14px}.sell-detail-photo-column,.sell-detail-info-column,.sell-detail-description-section,.sell-detail-policy{padding:16px;border-radius:14px}.sell-detail-main-image{border-radius:12px}.sell-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sell-live-preview{padding-top:8px}.sell-live-preview h2{font-size:18px}.sell-live-preview strong{font-size:24px}.sell-detail-basic-grid{grid-template-columns:1fr!important}.sell-detail-basic-grid .field{grid-column:1!important}.sell-detail-description-layout{grid-template-columns:1fr}.sell-detail-description-main textarea{min-height:210px}.sell-detail-description-side{grid-template-columns:1fr;grid-template-rows:auto}.sell-detail-description-side textarea{min-height:100px}.sell-detail-actions{bottom:calc(74px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.sell-detail-actions .btn-ghost{display:none}.sell-detail-actions .btn{min-width:0!important;padding-inline:10px!important}.sell-detail-section-heading p{font-size:12px}.sell-detail-step{width:26px;height:26px;flex-basis:26px}.sell-photo-pick-button{width:100%!important}.sell-live-facts{font-size:12px}.sell-live-facts span+span:before{margin-right:8px}.sell-live-facts{gap:6px 8px}}


/* FIX96-R1: 모바일 상품 상세 아코디언 단순화 */
.mobile-product-detail-accordion{display:none}
@media(max-width:720px){
  .reference-product-page .reference-seller-card,
  .reference-product-page .reference-detail-tabs,
  .reference-product-page>#product-info,
  .reference-product-page>.reference-detail-group,
  .reference-product-page>#product-review,
  .reference-product-page>.reference-trade-stage{display:none!important}
  .mobile-product-detail-accordion{display:grid;gap:10px;margin:18px 0 24px}
  .mobile-product-description-card,.mobile-product-accordion-item{border:1px solid #e2e7e8;border-radius:14px;background:#fff;overflow:hidden}
  .mobile-product-description-card{padding:16px}
  .mobile-product-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  .mobile-product-section-title span{font-weight:900;font-size:16px;color:#1f2b2e}
  .mobile-product-section-title small{font-size:11px;color:#7b8789}
  .mobile-product-description-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:#354244;line-height:1.65;font-size:14px}
  .mobile-product-description-full{margin-top:8px;border:0;border-radius:0;background:transparent}
  .mobile-product-description-full>summary{padding:8px 0 0!important;color:#13786d!important;font-size:12.5px!important}
  .mobile-product-description-full>summary::after{margin-left:auto}
  .mobile-product-description-full .mobile-product-accordion-body{padding:12px 0 0;border-top:0}
  .mobile-product-accordion-item>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:14px 16px;cursor:pointer;font-weight:900;color:#1f2b2e}
  .mobile-product-accordion-item>summary::-webkit-details-marker{display:none}
  .mobile-product-accordion-item>summary span{min-width:0;font-size:15px}
  .mobile-product-accordion-item>summary small{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8789;font-size:11.5px;font-weight:600}
  .mobile-product-accordion-item>summary::after{content:"›";grid-column:3;color:#829092;font-size:22px;font-weight:500;line-height:1;transform:rotate(0deg);transition:transform .16s ease}
  .mobile-product-accordion-item[open]>summary::after{transform:rotate(90deg)}
  .mobile-product-accordion-item[open]>summary{border-bottom:1px solid #eef2f2}
  .mobile-product-accordion-body{padding:14px 16px 16px;color:#354244;font-size:13.5px;line-height:1.65}
  .mobile-product-accordion-body .post-body{margin:0;white-space:pre-wrap}
  .mobile-product-fact-list{display:grid;gap:12px}
  .mobile-product-fact-list>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:start}
  .mobile-product-fact-list b{color:#6d7a7c;font-size:12px}
  .mobile-product-fact-list span{color:#263235;font-weight:700;white-space:pre-wrap}
  .mobile-product-accordion-body .reference-spec-grid{grid-template-columns:1fr 1fr;margin:0 0 10px}
  .mobile-product-accordion-body .reference-spec-grid>div{padding:10px}
  .mobile-seller-summary{display:flex;align-items:center;gap:12px}
  .mobile-seller-summary .reference-seller-avatar{flex:0 0 42px;width:42px;height:42px}
  .mobile-seller-summary p{margin:3px 0 0;color:#6d787a;font-size:12px}
  .mobile-seller-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
  .mobile-product-accordion-body .inspection-supported-list{margin-top:10px}
  .mobile-product-accordion-body>.btn{margin-top:12px}
  .reference-product-page .related-product-grid{margin-bottom:8px}
}
@media(max-width:390px){
  .mobile-product-accordion-item>summary{padding:13px 14px}
  .mobile-product-accordion-item>summary small{max-width:120px}
  .mobile-product-accordion-body .reference-spec-grid{grid-template-columns:1fr}
}

/* FIX97-R1: PC 상품 상세정보 탭 전환 - 모바일 아코디언 유지 */
.desktop-product-detail{margin:22px 0 8px}
.desktop-product-tabs{margin-top:0!important;position:sticky;top:142px;z-index:15}
.desktop-product-tabs button:first-child{border-bottom-color:transparent;color:#586467;font-weight:500}
.desktop-product-tabs button.active,
.desktop-product-tabs button[aria-selected="true"]{border-bottom-color:var(--ref-teal)!important;color:var(--ref-teal-dark)!important;font-weight:900!important;background:#fbfefd}
.desktop-product-tab-panels{border-bottom:1px solid #eef1f1;background:#fff}
.desktop-product-tab-panel{min-height:250px;padding:30px 0 34px;animation:desktopProductTabFade .14s ease}
.desktop-product-tab-panel[hidden]{display:none!important}
.desktop-product-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #eef1f1}
.desktop-product-panel-head>span{font-size:22px;font-weight:900;color:#182126}
.desktop-product-panel-head>small{color:#748083;font-size:12.5px;text-align:right}
.desktop-product-tab-panel .post-body{max-width:1050px;margin:0;white-space:pre-wrap;line-height:1.8;font-size:15px;color:#263235}
.desktop-product-tab-panel .reference-spec-grid{margin-bottom:18px}
.desktop-product-tab-panel .reference-condition-grid{max-width:1180px}
.desktop-product-seller-summary{display:flex;align-items:center;gap:14px;max-width:760px;padding:18px;border:1px solid var(--ref-line);border-radius:12px;background:#fbfcfc}
.desktop-product-seller-summary .reference-seller-avatar{flex:0 0 52px;width:52px;height:52px}
.desktop-product-seller-summary b{display:block;font-size:16px}
.desktop-product-seller-summary p{margin:4px 0 0;color:#697477;font-size:13px}
.desktop-product-tab-panel>.muted{margin-top:14px}
.desktop-inspection-result-link{margin-top:16px}
.desktop-trade-stage{max-width:900px;margin-top:22px;padding:18px;border:1px solid var(--ref-line);border-radius:12px;background:#fbfcfc}
.desktop-trade-stage>b{display:block;margin-bottom:12px;font-size:14px}
.desktop-trade-stage .state-flow{display:flex;align-items:center;gap:8px;overflow-x:auto}
.desktop-review-summary{display:flex;align-items:center;gap:22px;max-width:760px;padding:20px;border:1px solid var(--ref-line);border-radius:12px;background:#fbfcfc}
.desktop-review-summary strong{font-size:28px;color:#d99200;white-space:nowrap}
.desktop-review-summary p{margin:0;color:#5f6c6f;line-height:1.65}
@keyframes desktopProductTabFade{from{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:1180px) and (min-width:721px){.desktop-product-tabs button{padding-inline:15px!important;font-size:12.5px}.desktop-product-tab-panel{min-height:230px}.desktop-product-panel-head>span{font-size:20px}}
@media(max-width:720px){.desktop-product-detail{display:none!important}}

/* v110 R2 - simplified signup */
.signup-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.signup-check-row .btn{white-space:nowrap}.availability-status{display:block;margin-top:7px}.availability-status.success-note,.availability-status.warning-note{padding:9px 11px;border-radius:10px}@media(max-width:600px){.signup-check-row{grid-template-columns:1fr}.signup-check-row .btn{width:100%}}


/* v110 R3 - quick signup entry */
.quick-signup-panel{margin:0 0 22px;padding:22px;border:1px solid #dce5e3;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(28,65,60,.06)}
.quick-signup-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.quick-signup-head h2{margin:3px 0 5px;font-size:1.28rem}.quick-signup-head p{margin:0;color:var(--muted);font-size:.9rem}.quick-signup-badge{flex:none;padding:7px 11px;border-radius:999px;background:#eaf7f2;color:#176b55;font-size:.78rem;font-weight:900}.quick-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-signup-button,.quick-email-button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid #dfe6e4;border-radius:13px;padding:13px 14px;cursor:pointer;transition:.18s ease;background:#fff;color:#1f2b28}.quick-signup-button:hover,.quick-email-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(25,58,53,.08)}.quick-signup-button.kakao{background:#fee500;border-color:#f2d900}.quick-signup-button.naver{background:#03c75a;border-color:#03b953;color:#fff}.quick-signup-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.68);font-weight:950;font-size:1rem;color:#151515}.quick-signup-button.naver .quick-signup-logo{background:rgba(255,255,255,.95);color:#03a94b}.quick-signup-button span:nth-child(2),.quick-email-button span:nth-child(2){display:flex;flex-direction:column;gap:2px}.quick-signup-button small,.quick-email-button small{font-size:.75rem;opacity:.72}.quick-signup-button i{font-style:normal;font-size:.72rem;font-weight:900;opacity:.65}.quick-signup-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#89938f;font-size:.75rem}.quick-signup-divider::before,.quick-signup-divider::after{content:"";height:1px;background:#e2e8e6;flex:1}.quick-email-button{background:#f8fbfa;border-color:#bdd7d0}.quick-signup-logo.email{background:#eaf7f2;color:#176b55}.quick-email-button strong{color:#176b55;font-size:.76rem;white-space:nowrap}.quick-signup-note{margin:12px 0 0;color:#6f7b77;font-size:.78rem;line-height:1.55}@media(max-width:700px){.quick-signup-panel{padding:16px}.quick-signup-head{flex-direction:column;gap:8px}.quick-signup-grid{grid-template-columns:1fr}.quick-email-button{grid-template-columns:auto minmax(0,1fr)}.quick-email-button strong{grid-column:2;white-space:normal}.quick-signup-button{grid-template-columns:auto minmax(0,1fr) auto}}


/* R4 COMMUNITY ACTIVATION */
.community-activation-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.community-activation-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #dbe7e5;border-radius:999px;background:#fff;color:#365b58;font-size:12.5px;font-weight:750;text-decoration:none}
.community-activation-links a:hover,.community-activation-links a:focus-visible{border-color:#8fc9c3;background:#eff9f7;color:#07766d;outline:none}
.community-answer-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}
.community-answer-badge.is-waiting{background:#fff7e8;color:#9c5900;border:1px solid #f2d4a3}
.community-answer-badge.is-answered{background:#eef5ff;color:#2c5e9e;border:1px solid #c9daf0}
.community-answer-badge.is-official{background:#e9f8f4;color:#08766d;border:1px solid #b7ddd6}
.community-official-reply{display:inline-flex;vertical-align:middle;margin-left:5px;padding:3px 7px;border-radius:999px;background:#e9f8f4;color:#08766d;border:1px solid #b7ddd6;font-size:10.5px;font-weight:800}
.community-mobile-write{display:none}
@media (max-width:720px){
  .community-activation-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .community-activation-links::-webkit-scrollbar{display:none}
  .community-activation-links a{flex:0 0 auto}
  .community-mobile-write{display:inline-flex;position:fixed;right:18px;bottom:82px;z-index:35;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:999px;background:#0b9187;color:#fff;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 8px 24px rgba(8,80,74,.24)}
}

/* R5: 홈 커뮤니티 전면 노출 및 참여형 허브 */
.header-service-community{font-weight:800!important;color:#08786f!important}
.header-service-community::before{content:"💬";margin-right:5px;font-size:13px}
.home-community-hub{margin:30px 0 36px;padding:24px;border:1px solid #d8e7e4;border-radius:18px;background:linear-gradient(180deg,#f8fcfb 0%,#fff 38%);box-shadow:0 12px 30px rgba(17,58,54,.05)}
.home-community-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.home-community-hub-head h2{margin:3px 0 6px;color:#1f2c2b;font-size:25px;line-height:1.25;letter-spacing:-.03em}
.home-community-hub-head p{margin:0;color:#657372;font-size:14px;line-height:1.55}
.home-community-kicker{display:block;color:#078178;font-size:11px;font-weight:900;letter-spacing:.14em}
.home-community-hub-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.home-community-all{color:#08786f;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.home-community-shortcuts{display:flex;align-items:center;gap:8px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}
.home-community-shortcuts::-webkit-scrollbar{display:none}
.home-community-shortcuts a{flex:0 0 auto;padding:8px 11px;border:1px solid #dce8e6;border-radius:999px;background:#fff;color:#34403f;font-size:12.5px;font-weight:750;text-decoration:none;white-space:nowrap}
.home-community-shortcuts a:hover,.home-community-shortcuts a:focus-visible{border-color:#99cbc5;background:#eef9f7;color:#086f68;outline:none}
.home-community-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:18px;align-items:start}
.home-community-popular,.home-community-column{min-width:0;align-self:start;border:1px solid #e2ebe9;border-radius:14px;background:#fff;overflow:hidden}
.home-community-column-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #edf2f1;background:#fbfdfd}
.home-community-column-head h3{margin:0;color:#273331;font-size:15px;font-weight:850}
.home-community-column-head a{color:#08786f;font-size:12px;font-weight:750;text-decoration:none}
.home-community-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 12px 8px}
.home-community-feed-list{padding:4px 12px 8px}
.home-community-side-columns{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}
.home-community-feed-item{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 4px;border-bottom:1px solid #eef3f2;color:inherit;text-decoration:none}
.home-community-feed-item:last-child{border-bottom:0}
.home-community-feed-item:hover .home-community-mini-title-line>strong,.home-community-feed-item:focus-visible .home-community-mini-title-line>strong{color:#08786f}
.home-community-feed-item:focus-visible{outline:2px solid rgba(11,145,135,.18);outline-offset:-2px;border-radius:8px}
.home-community-feed-item.is-compact{padding:10px 7px}
.home-community-rank{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#eef7f5;color:#08786f;font-size:12px;font-weight:900}
.home-community-feed-copy{display:block;min-width:0;flex:1}
.home-community-feed-copy .home-community-mini-title-line{display:flex;align-items:center;gap:6px;min-width:0}
.home-community-feed-copy .home-community-mini-title-line>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263331;font-size:13.5px;font-weight:760;line-height:1.4}
.home-community-feed-copy .home-community-mini-meta{display:flex;align-items:center;gap:4px;margin-top:4px;min-width:0;color:#7a8583;font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-community-feed-copy .community-v59-badge,.home-community-feed-copy .community-answer-badge,.home-community-feed-copy .community-v59-sample{flex:0 0 auto;min-height:20px;padding:2px 6px;font-size:10px}
@media (max-width:1100px){.home-community-layout{grid-template-columns:1fr}.home-community-side-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .home-community-hub{margin:22px 0 28px;padding:16px 12px;border-radius:14px}
  .home-community-hub-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}
  .home-community-hub-head h2{font-size:20px}
  .home-community-hub-head p{font-size:13px}
  .home-community-hub-actions{width:100%;justify-content:space-between}
  .home-community-shortcuts{margin:0 -2px 14px;padding-bottom:2px}
  .home-community-layout{gap:12px}
  .home-community-popular-list{grid-template-columns:1fr;padding:3px 10px 7px}
  .home-community-popular-list .home-community-feed-item:nth-child(n+6){display:none}
  .home-community-side-columns{grid-template-columns:1fr;gap:12px}
  .home-community-feed-list{padding:3px 10px 7px}
  .home-community-feed-list .home-community-feed-item:nth-child(n+5){display:none}
  .home-community-feed-copy .home-community-mini-title-line>strong{font-size:13px}
  .home-community-feed-copy .home-community-mini-meta{font-size:11px}
}


/* R6 community rich media */
.community-v59-row.has-thumb{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center}
.community-v59-row-main{min-width:0;display:block}
.community-v59-thumb{display:block;width:92px;height:72px;border-radius:12px;overflow:hidden;background:#f3f5f8;border:1px solid #e8ebef}
.community-v59-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.home-community-feed-item.has-thumb{display:grid;grid-template-columns:auto 64px minmax(0,1fr);gap:10px;align-items:center}
.home-community-feed-item.has-thumb:not(.is-compact){grid-template-columns:64px minmax(0,1fr)}
.home-community-thumb{width:64px;height:50px;border-radius:10px;overflow:hidden;background:#f3f5f8;border:1px solid #e8ebef}
.home-community-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.community-post-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.community-post-gallery a{display:block;border-radius:14px;overflow:hidden;background:#f4f6f8;border:1px solid #e6e9ed}
.community-post-gallery img{display:block;width:100%;max-height:560px;object-fit:contain;background:#fff}
.community-rich-body{line-height:1.8;white-space:normal;word-break:break-word}
.community-external-link{color:#1769e0;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.community-editor-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;color:#667085;font-size:.9rem}
.community-image-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.community-image-preview figure{margin:0;border:1px solid #e6e9ed;border-radius:12px;overflow:hidden;background:#fff}
.community-image-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f5f6f8}
.community-image-preview figcaption{padding:7px 8px;font-size:.75rem;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-upload-security{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#f6f8fb;border:1px solid #e5e9f0;color:#475467;font-size:.9rem}
.community-upload-security b{color:#1d2939}
@media(max-width:760px){.community-v59-row.has-thumb{grid-template-columns:76px minmax(0,1fr);gap:10px}.community-v59-thumb{width:76px;height:60px}.home-community-feed-item.has-thumb,.home-community-feed-item.has-thumb:not(.is-compact){grid-template-columns:54px minmax(0,1fr)}.home-community-feed-item.has-thumb.is-compact{grid-template-columns:auto 54px minmax(0,1fr)}.home-community-thumb{width:54px;height:44px}.community-post-gallery{grid-template-columns:1fr}.community-image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* R8 home community: popular + latest only, balanced two-column layout */
.home-community-layout.home-community-layout-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.home-community-layout-two>.home-community-popular,.home-community-layout-two>.home-community-latest{height:auto;align-self:start}
.home-community-latest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 12px 8px}
.home-community-latest-list .home-community-feed-item{min-width:0}
@media (max-width:1100px){
  .home-community-layout.home-community-layout-two{grid-template-columns:1fr}
}
@media (max-width:700px){
  .home-community-latest-list{grid-template-columns:1fr;padding:3px 10px 7px}
  .home-community-latest-list .home-community-feed-item:nth-child(n+7){display:none}
}


/* R9 admin CMS block reorder */
.cms-preview-sortable .cms-preview-block{position:relative;cursor:grab;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;background:#fff}
.cms-preview-sortable .cms-preview-block:active{cursor:grabbing}
.cms-preview-sortable .cms-preview-block.is-dragging{opacity:.5;transform:scale(.995);box-shadow:0 8px 24px rgba(20,45,42,.12)}
.cms-preview-sortable .cms-preview-block.is-drag-over{border-color:#159b8e;box-shadow:0 0 0 3px rgba(21,155,142,.12)}
.cms-drag-handle{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:30px;height:42px;border:0;border-radius:9px;background:#eef7f5;color:#08786f;font-size:18px;font-weight:900;cursor:grab}
.cms-preview-sortable .cms-preview-block>span{margin-left:42px}
.cms-preview-move-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:8px}
@media(max-width:700px){.cms-drag-handle{left:8px;width:28px}.cms-preview-sortable .cms-preview-block>span{margin-left:36px}.cms-preview-move-actions{justify-content:stretch}.cms-preview-move-actions .btn{flex:1}}

/* R10: CMS Hero manual title line breaks */
.reference-hero-copy h1.cms-manual-lines{
  white-space:pre-line!important;
}
.cms-preview-title{
  white-space:pre-line;
}

/* R12 중고제품 직접 매입 */
.header-service-buyback{font-weight:800;color:#0b6e69!important}
.buyback-page{--buyback-accent:#0b6e69}.buyback-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;padding:42px;border:1px solid #dce9e8;border-radius:24px;background:linear-gradient(135deg,#f7fffe,#f4f8ff);margin-bottom:28px}.buyback-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:10px 0 18px}.buyback-hero p{max-width:760px;font-size:17px;line-height:1.7}.buyback-hero-note{align-self:stretch;background:#fff;border:1px solid #dbe9e8;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}.buyback-hero-note b{font-size:20px}.buyback-hero-note p{font-size:14px;margin:0}.buyback-process{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.buyback-process>div{min-width:0;padding:18px 12px;border:1px solid #e1e8ed;border-radius:16px;text-align:center;background:#fff}.buyback-process span{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 10px;border-radius:50%;background:#e8f7f5;color:#08716a;font-weight:900}.buyback-process b,.buyback-process small{display:block}.buyback-process small{margin-top:5px;color:#65727b}.buyback-policy-note{display:flex;gap:12px;padding:16px 18px;margin:18px 0;border-radius:14px;background:#fff8e8;border:1px solid #f2ddb0}.buyback-progress{list-style:none;margin:0 0 24px;padding:18px;display:grid;grid-template-columns:repeat(12,minmax(70px,1fr));gap:8px;border:1px solid #e1e8ed;border-radius:18px;background:#fff;overflow:auto}.buyback-progress li{min-width:70px;text-align:center;color:#8a949b}.buyback-progress li span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 7px;border-radius:50%;background:#eef2f4;font-weight:800}.buyback-progress li.done,.buyback-progress li.current{color:#075e59}.buyback-progress li.done span{background:#dff4ea;color:#08764f}.buyback-progress li.current span{background:#0b6e69;color:#fff}.buyback-progress small{font-size:11px;white-space:nowrap}.buyback-terminal{display:flex;align-items:center;gap:12px;padding:18px 20px;margin-bottom:24px;background:#fff4f2;border:1px solid #f3d1ca;border-radius:16px}.buyback-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.buyback-photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid #e3e8eb}.buyback-admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.buyback-admin-actions>.btn{min-height:52px}.compact-form{max-width:720px;margin:24px 0}
@media(max-width:900px){.buyback-hero{grid-template-columns:1fr;padding:26px}.buyback-process{grid-template-columns:repeat(4,1fr)}.buyback-admin-actions{grid-template-columns:1fr}.buyback-photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.buyback-hero{padding:20px}.buyback-hero h1{font-size:34px}.buyback-process{grid-template-columns:repeat(2,1fr)}.buyback-progress{grid-template-columns:repeat(12,82px)}.buyback-photo-grid{grid-template-columns:repeat(2,1fr)}}
.home-buyback-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0;padding:26px 30px;border:1px solid #d6e9e7;border-radius:20px;background:linear-gradient(105deg,#f2fffd,#f6f9ff)}.home-buyback-cta h2{margin:4px 0 6px}.home-buyback-cta p{margin:0;color:#66747c}@media(max-width:700px){.home-buyback-cta{align-items:flex-start;flex-direction:column;padding:22px}}

/* R14 buyback configurable application fields */
.buyback-config-list{display:grid;gap:10px}
.buyback-config-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff)}
.buyback-field-config-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.buyback-field-config-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface,#fff)}
.buyback-field-config-card .section-head{margin-bottom:12px}
@media (max-width:900px){.buyback-field-config-list{grid-template-columns:1fr}.buyback-config-row{grid-template-columns:1fr 100px auto}.buyback-config-row .btn{width:100%}}

/* R16: 안심검수 현재 단계 중심 UX */
.inspection-progress-shell.current-only{display:grid;gap:14px}
.inspection-current-focus{padding:22px 24px;border:1px solid var(--line);background:#fff;border-left:5px solid #3665f3;border-radius:14px}
.inspection-current-focus h2{margin:5px 0 6px}.inspection-current-focus p{margin:0;color:var(--muted)}
.inspection-current-next{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.inspection-current-next b{color:#2449a8}.inspection-progress-details{border:1px solid var(--line);background:#fafafa;border-radius:12px;padding:0 14px}
.inspection-progress-details>summary{cursor:pointer;font-weight:800;padding:14px 0}.inspection-progress-details .inspection-timeline{margin:0 0 14px}
@media(max-width:700px){.inspection-current-focus{padding:18px}.inspection-progress-details .inspection-timeline{grid-template-columns:1fr}.inspection-current-next{display:grid}}


/* R19 SIGNUP/AUTH READABILITY */

.signup-heading-copy{display:grid;gap:5px;max-width:900px;margin:0 auto!important;line-height:1.72;word-break:keep-all;text-wrap:balance}
.signup-heading-copy>span{display:block}
.auth-account-hero{display:flex;flex-direction:column;justify-content:center}
.auth-account-hero h1{display:grid;gap:2px;max-width:760px;margin:10px 0 20px;font-size:clamp(2.2rem,4.5vw,3.7rem);line-height:1.08;letter-spacing:-.055em;word-break:keep-all}
.auth-account-hero h1>span{display:block}
.auth-account-hero p{display:grid;gap:4px;max-width:680px;margin:0;color:#d9efed;font-size:1.02rem;line-height:1.7;word-break:keep-all}
.auth-account-hero p>span{display:block}
@media(max-width:700px){
  .signup-heading-copy{gap:3px;font-size:.92rem;line-height:1.62}
  .auth-account-hero{min-height:280px}
  .auth-account-hero h1{font-size:clamp(1.72rem,8vw,2.4rem);line-height:1.12;gap:4px}
  .auth-account-hero p{font-size:.92rem;line-height:1.6}
}


/* R20 SIGNUP OPTIONS CLEANUP */

.quick-signup-button,.quick-email-button{grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;min-height:86px}
.quick-signup-button span:nth-child(2),.quick-email-button span:nth-child(2){justify-content:center;gap:0!important}
.quick-signup-button b,.quick-email-button b{display:block;font-size:1.06rem;line-height:1.35;letter-spacing:-.01em}
.quick-signup-head{align-items:center}
.quick-signup-head h2{margin:2px 0 0}
@media(max-width:700px){
  .quick-signup-button,.quick-email-button{min-height:74px;padding:15px 14px}
  .quick-signup-button b,.quick-email-button b{font-size:.98rem}
}

/* R23: discoverable account closure with readable disclosures on small screens. */
.my-account-shortcuts{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 20px;padding:14px 18px;background:#f3f7f6;border:1px solid #d5e4e1;border-radius:12px}
.my-account-shortcuts a{display:inline-flex;align-items:center;min-height:32px;font-weight:700;color:#215b54;text-underline-offset:4px}
.my-account-shortcuts a[aria-current=page]{color:#972f2f;text-decoration:underline}
.withdrawal-page{max-width:960px;margin-inline:auto;min-width:0}
.withdrawal-page .account-withdrawal-card{border:1px solid #d8e0df;background:#fff;gap:16px;min-width:0}
.withdrawal-page h2{font-size:1.2rem;margin:12px 0 0}
.withdrawal-ready{padding:14px;background:#edf8f2;border-radius:10px;color:#20553b;font-weight:700}
.withdrawal-notices{padding-left:22px;margin:0;line-height:1.8}
.withdrawal-notices li+li{margin-top:8px}
.withdrawal-retention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.withdrawal-retention-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e0e6e5;border-radius:10px}
.withdrawal-retention-grid b{white-space:nowrap}
.withdrawal-confirm-check{display:flex!important;align-items:flex-start!important;gap:12px!important;max-width:100%;width:100%;line-height:1.65;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.withdrawal-confirm-check input{width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px;margin:3px 0 0!important}
.withdrawal-confirm-check span{min-width:0;flex:1}
.withdrawal-page .form-actions{display:flex;flex-wrap:wrap;gap:12px}
.withdrawal-page .field,.withdrawal-page input,.withdrawal-page .policy-details{min-width:0;max-width:100%}
.withdrawal-page p,.withdrawal-page li,.withdrawal-page .policy-details{overflow-wrap:anywhere}
.account-withdrawal-entry{grid-column:1/-1}
@media(max-width:600px){.withdrawal-retention-grid{grid-template-columns:1fr}.withdrawal-page .account-withdrawal-card{padding:18px}.withdrawal-page .form-actions .btn{flex:1 1 100%;text-align:center;white-space:normal}.my-account-shortcuts{gap:6px 16px}.withdrawal-page h1{font-size:1.7rem}}


/* R24 TTOKSURI REFURB CERTIFIED */
.card-flag.refurb-certified{background:#0f5d4f;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 3px 10px rgba(15,93,79,.18)}
.refurb-certified-tag,.refurb-certified-inline{display:inline-flex!important;align-items:center;gap:5px;background:#e8f6f1!important;color:#0b644f!important;border:1px solid #aad8ca!important;font-weight:900!important}
.refurb-certified-tag::before,.refurb-certified-inline::before{content:"✓";font-weight:950}
.refurb-cert-summary{display:grid;gap:10px;padding:16px 18px;border:1px solid #a8d7ca;border-radius:16px;background:linear-gradient(135deg,#f2fbf7,#e7f5ef);color:#183f35}
.refurb-cert-summary>div{display:flex;align-items:center;gap:10px}.refurb-cert-summary b{display:block;font-size:1.02rem}.refurb-cert-summary small{display:block;margin-top:2px;color:#52756c}.refurb-cert-summary p{margin:0;line-height:1.55}.refurb-cert-summary>span{width:max-content;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #c7e5dc;font-size:.78rem;font-weight:800}
.refurb-cert-seal{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#11745d;color:#fff;font-size:1.15rem;font-weight:950}
.refurb-cert-detail{margin-top:18px;padding:18px;border:1px solid #c9e2db;border-radius:16px;background:#f8fcfa}.refurb-cert-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0}.refurb-cert-detail dl>div{padding:12px;border-radius:12px;background:#fff}.refurb-cert-detail dt{font-size:.78rem;color:#687d77;font-weight:800}.refurb-cert-detail dd{margin:5px 0 0;line-height:1.55;white-space:pre-wrap}
.refurb-cert-editor{margin:0 0 20px;padding:20px;border:1px solid #a8d7ca;border-radius:18px;background:linear-gradient(135deg,#f5fcf9,#eaf7f2)}.refurb-cert-editor .section-kicker{color:#0b6b54}.refurb-cert-fields{margin-top:16px}.admin-refurb-entry{padding:18px;border:1px solid #b8ddd3;border-radius:16px;background:#f5fbf8}
@media(max-width:700px){.refurb-cert-detail dl{grid-template-columns:1fr}.refurb-cert-summary{padding:14px}.refurb-cert-editor{padding:16px}}


/* R25 SIMPLE REFURB CERTIFIED PRODUCT FORM */
.refurb-cert-editor-simple{padding:18px 20px;background:linear-gradient(135deg,#f7fcfa,#edf8f4)}
.refurb-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.refurb-simple-grid .span-full{grid-column:1/-1}
.refurb-quick-choice-grid{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 10px}
.refurb-quick-choice{display:inline-flex;align-items:center;cursor:pointer}
.refurb-quick-choice input{position:absolute;opacity:0;pointer-events:none}
.refurb-quick-choice span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #c8dcd6;border-radius:999px;background:#fff;color:#304741;font-size:.84rem;font-weight:800;transition:.15s ease}
.refurb-quick-choice input:checked+span{border-color:#2f8b70;background:#e5f6ef;color:#11634d;box-shadow:inset 0 0 0 1px #2f8b70}
.refurb-fixed-status{display:flex;flex-direction:column}
.refurb-fixed-value{min-height:46px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce5e2;border-radius:11px;background:#f8fbfa}
.refurb-fixed-value small{color:#65746f}
.sell-detail-editor-form:has(#sell-refurb-certified:checked) .sell-live-condition{color:#0b6b54;font-weight:900}
@media(max-width:700px){.refurb-simple-grid{grid-template-columns:1fr}.refurb-cert-editor-simple{padding:15px}.refurb-quick-choice span{min-height:34px;padding:7px 10px;font-size:.8rem}}


/* R26 ENGINEER REFURB ACCESS */
.engineer-refurb-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.admin-refurb-entry .section-head{align-items:center}@media(max-width:720px){.engineer-refurb-actions{width:100%;justify-content:flex-start}.engineer-refurb-actions .btn{flex:1 1 auto;text-align:center}}


/* R27 UNIFIED ENGINEER ROLE */
.engineer-role-note{font-weight:800}

/* R28 UI1: product list alignment and edit actions */
.admin-product-list-centered th,.admin-product-list-centered td{text-align:center;vertical-align:middle}
.admin-product-list-centered .table-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-width:160px}
.admin-product-list-centered td:first-child{min-width:240px;overflow-wrap:anywhere}
.admin-product-list-centered .table-actions .btn{white-space:nowrap;margin:0}
@media(max-width:720px){.admin-product-list-centered{overflow-x:auto}.admin-product-list-centered table{min-width:950px}}

/* R28 UI3: list-specific layout wins over card/mobile presets. */
.product-grid.product-list-view{grid-template-columns:minmax(0,1fr)!important}
.product-grid.product-list-view .product-card{height:auto!important;min-width:0!important;overflow:visible!important}
.product-grid.product-list-view .product-card>.product-card-link{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;align-items:start!important;height:auto!important;gap:16px!important}
.product-grid.product-list-view .product-card .product-image-wrap{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;align-self:start!important}
.product-grid.product-list-view .product-card .product-image{min-height:0!important;height:100%!important;object-fit:contain!important}
.product-grid.product-list-view .product-card .product-content{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:auto!important;overflow:visible!important;padding:12px!important}
.product-grid.product-list-view .product-card .product-content h3{display:block!important;order:0!important;-webkit-line-clamp:unset!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important;margin:0 0 8px!important}
.product-grid.product-list-view .product-card .product-condition-brand,.product-grid.product-list-view .product-card .product-review-line,.product-grid.product-list-view .product-card .product-card-transaction{display:block!important;order:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;height:auto!important;max-height:none!important;margin:4px 0!important}
.product-grid.product-list-view .product-card .product-price-row{display:flex!important;flex-wrap:wrap!important;order:0!important;gap:8px!important}
.product-grid.product-list-view .product-card .product-card-bottom-row{display:flex!important;flex-wrap:wrap!important;order:0!important;gap:8px!important}
.product-grid.product-list-view .product-card .product-card-mobile-foot{display:none!important}
@media(max-width:760px){.product-grid.product-list-view .product-card>.product-card-link{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important}.product-grid.product-list-view .product-card .product-content{padding:0 4px 8px!important}.product-grid.product-list-view .product-card .product-content h3{font-size:14px!important}.product-grid.product-list-view .product-card .product-price{font-size:17px!important}}
@media(max-width:360px){.product-grid.product-list-view .product-card>.product-card-link{grid-template-columns:84px minmax(0,1fr)!important;gap:8px!important}}
/* UI4: compact photo frame, accessible zoom, file drop zones. */
.reference-product-page .reference-gallery-main{max-width:640px;max-height:640px;aspect-ratio:auto!important;position:relative;min-width:0;background:#f7f8f8}
.reference-product-page .reference-gallery-main .gallery-main{padding:0!important;width:100%!important;height:auto!important;max-height:600px;object-fit:contain!important;display:block}
.product-grid .product-card .product-image-wrap{padding:0!important}
.product-card .product-image{padding:0!important}
.sell-detail-main-image img{padding:0!important;object-fit:contain}
[data-photo-zoom-ready]{cursor:zoom-in}
[data-photo-zoom-ready]:focus-visible{outline:3px solid #315bdd;outline-offset:3px}
.photo-zoom-hint{position:absolute;bottom:8px;right:8px;padding:5px 9px;background:rgba(255,255,255,.92);border-radius:8px;font-size:12px;pointer-events:none}
.photo-drop-zone{border:2px dashed #a9bbc4;border-radius:12px;padding:16px;background:#f8fafb;transition:background .15s,border-color .15s}
.photo-drop-zone.is-dragging{background:#e9f3ff;border-color:#315bdd}
.photo-drop-zone .photo-drop-file-input{display:block!important;position:static!important;width:100%!important;height:auto!important;opacity:1!important;clip:auto!important;clip-path:none!important;overflow:visible!important}
.photo-drop-hint{margin:8px 0 0;color:#40586a;line-height:1.5}.photo-drop-status{margin:5px 0 0;font-size:12px}
.photo-zoom-dialog{width:min(1100px,96vw);max-width:96vw;max-height:95dvh;padding:14px;border:0;border-radius:14px;background:#fff;color:#18252d;box-sizing:border-box}
.photo-zoom-dialog::backdrop{background:rgba(0,0,0,.78)}
.photo-zoom-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.photo-zoom-toolbar button{min-width:42px;min-height:42px;padding:8px;border:1px solid #c7d1d7;border-radius:8px;background:#f8fafb;color:#18252d;cursor:pointer}.photo-zoom-toolbar input{flex:1;min-width:100px;max-width:300px}.photo-zoom-toolbar output{min-width:45px}
.photo-zoom-viewport{height:70dvh;overflow:auto;background:#f1f3f4;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.photo-zoom-viewport img{display:block;margin:auto;max-width:none!important;max-height:none!important;object-fit:contain;flex:none}.photo-zoom-dialog>p{margin:10px 0 0;font-size:12px}
@media(max-width:600px){.photo-zoom-dialog{padding:10px}.photo-zoom-viewport{height:62dvh}.reference-product-page .reference-gallery-main .gallery-main{max-height:420px}}

/* UI6 photo guard */
img[data-protected-product-image="1"],.product-image-wrap,.reference-gallery,.photo-zoom-viewport,#sell-image-stage,#sell-image-preview img,#rf-photos img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
img[data-protected-product-image="1"],.photo-zoom-viewport img,#rf-photos img{-webkit-user-drag:none}

/* UI7: photo-only detail frame, separate readable hint. */
.reference-product-page .reference-gallery-main{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;background:transparent!important;overflow:visible!important;border-radius:0!important;gap:0!important}
.reference-product-page .reference-gallery-main .gallery-main{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:640px!important;min-height:0!important;padding:0!important;margin:0 auto!important;object-fit:contain!important;background:transparent!important}
.reference-product-page .reference-gallery-main::after{content:none!important;display:none!important}
.reference-product-page .reference-gallery-main .photo-zoom-hint{position:static!important;display:block!important;inset:auto!important;margin:10px 0 0!important;padding:0!important;background:none!important;font-size:12px!important;line-height:1.6!important;color:#52636a!important;white-space:normal!important;flex:none!important}
@media(max-width:600px){.reference-product-page .reference-gallery-main .gallery-main{max-height:70vh!important}}

/* UI8: cards follow the actual photograph, without a white square frame. */
.product-grid .product-card,.product-rail .product-card,.reference-home .home-product-card{background:transparent!important;border:0!important;box-shadow:none!important}
.product-grid .product-card .product-image-wrap,.product-rail .product-card .product-image-wrap,.reference-home .home-product-card .product-image-wrap,.product-grid.product-list-view .product-card .product-image-wrap{display:block!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.product-grid .product-card .product-image,.product-rail .product-card .product-image,.reference-home .home-product-card .product-image,.product-grid.product-list-view .product-card .product-image{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;padding:0!important;margin:0!important;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0!important;background:transparent!important}
.product-grid .product-card .product-image-wrap::after,.product-rail .product-card .product-image-wrap::after,.reference-home .home-product-card .product-image-wrap::after{content:none!important;display:none!important}