/* ==========================================================
   상품권레이더 v18 — mobile-first market UI
   목표: 정보 밀도는 높이고, 장식은 줄이고, 상품권 식별과 터치 사용성을 강화.
   ========================================================== */
:root{--v18-blue:#3182f6;--v18-ink:#191f28;--v18-sub:#6b7684;--v18-muted:#8b95a1;--v18-line:#e5e8eb;--v18-soft:#f6f8fa}
body{background:#fff!important}
.wrap{width:min(1180px,calc(100% - 44px))!important}
header{background:rgba(255,255,255,.96)!important}
.status{background:#fff!important;border-bottom:1px solid #f0f2f4!important}
.status .wrap{min-height:38px!important}
.status span{font-size:11.5px!important}

/* Logo system: real logos stay clean; generated identifiers become readable brand tiles. */
.logo-badge{border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.logo-badge.img,.logo-badge.remote{border:1px solid #edf0f2!important}
.logo-badge.img img,.logo-badge.remote img{padding:5px!important;object-fit:contain!important;background:#fff!important}
.logo-badge.gen{background:#f2f4f6!important;border:1px solid #e8ebed!important;color:#333d4b!important;font-weight:700!important;letter-spacing:-.045em!important;text-align:center!important;line-height:1!important;padding:2px!important}
.logo-badge.gen.xs{font-size:8px!important}.logo-badge.gen.sm{font-size:9px!important}.logo-badge.gen.md{font-size:10px!important}.logo-badge.gen.lg{font-size:11px!important}
.logo-badge.remote .logo-fallback{background:#f2f4f6!important;color:#333d4b!important;font-size:9px!important}

.market-home{padding-top:0!important}
.market-intro{padding:58px 0 34px!important;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:64px!important;align-items:end!important;border-bottom:0!important}
.market-intro .kicker{font-size:13px!important;font-weight:600!important;color:var(--v18-blue)!important;letter-spacing:-.01em!important;margin-bottom:12px!important}
.market-intro h1{font-size:48px!important;line-height:1.12!important;letter-spacing:-.052em!important;font-weight:700!important;margin:0!important}
.market-intro h1 em{font-style:normal;color:var(--v18-blue)!important}
.market-lead{margin-top:18px!important;max-width:700px!important;font-size:16px!important;line-height:1.75!important;color:#4e5968!important}
.market-search{margin-top:26px!important;max-width:690px!important;height:58px!important;border:1px solid #dfe3e7!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(0,0,0,.04)!important}
.market-search:focus-within{border-color:#8ab7ff!important;box-shadow:0 0 0 3px rgba(49,130,246,.10)!important}
.market-search input{font-size:15px!important}
.market-search button{height:42px!important;border-radius:11px!important;padding:0 18px!important}
.quick-keywords{margin-top:12px!important}.quick-keywords a{font-size:12px!important;color:#6b7684!important}
.market-summary{background:#f7f8fa!important;border:0!important;border-radius:20px!important;padding:5px!important;gap:0!important;box-shadow:none!important}
.market-summary>div{padding:17px 16px!important;border:0!important;border-bottom:1px solid #e9ecef!important;background:transparent!important}
.market-summary>div:nth-child(3),.market-summary>div:nth-child(4){border-bottom:1px solid #e9ecef!important}
.market-summary>div span{font-size:11.5px!important;color:#8b95a1!important}.market-summary>div b{font-size:22px!important;color:#191f28!important}
.market-summary>a{padding:14px 16px!important;font-size:12px!important;color:#3182f6!important}

.trust-strip{margin:8px 0 34px!important;border:1px solid #edf0f2!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}
.trust-strip a{padding:17px 18px!important;min-height:74px!important}.trust-strip b{font-size:13px!important}.trust-strip span{font-size:11.5px!important}
.market-pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 54px}
.market-pulse>div,.market-pulse>a{display:flex;flex-direction:column;min-height:116px;padding:20px;border-radius:18px;background:#f7f8fa;border:1px solid transparent}
.market-pulse>a:hover{border-color:#d7e6ff;background:#f4f8ff}
.market-pulse span{font-size:12px;color:#8b95a1}.market-pulse b{margin-top:6px;font-size:22px;line-height:1.3}.market-pulse small{margin-top:auto;font-size:11.5px;color:#8b95a1;line-height:1.45}
.section-title-row{margin-bottom:16px!important}.section-title-row h2{font-size:26px!important;font-weight:700!important;letter-spacing:-.045em!important}.section-title-row p{font-size:13px!important;margin-top:5px!important}
.popular-market{margin-bottom:54px!important}.popular-rate-grid{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
.popular-rate-card{padding:16px!important;min-height:156px!important;border:1px solid #edf0f2!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
.popular-rate-card:hover{border-color:#cfe0fb!important;background:#fbfdff!important;transform:none!important}
.popular-card-head{gap:10px!important}.popular-card-head>b{font-size:13px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.popular-card-prices{margin-top:16px!important;gap:8px!important}.popular-card-prices>div{padding-top:10px!important;border-top:1px solid #f0f2f4!important}
.popular-card-prices span{font-size:10.5px!important}.popular-card-prices strong{font-size:17px!important}.popular-card-prices small{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rate-master{margin-bottom:52px!important}.rate-table-shell{border:1px solid #edf0f2!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important}
.rate-table thead th{background:#f8f9fa!important;color:#8b95a1!important;font-size:11px!important;height:46px!important}.rate-table tbody td{padding-top:14px!important;padding-bottom:14px!important;border-color:#f0f2f4!important}.rate-table tbody tr:hover{background:#fbfcfd!important}.rate-name b{font-size:13px!important}.rate-name small,.rate-table td small{font-size:10.5px!important}.rate-table td strong{font-size:15px!important}
.rate-controls{margin-bottom:10px!important}.market-tabs{scrollbar-width:none}.market-tabs::-webkit-scrollbar{display:none}.market-tabs a{min-height:38px!important;white-space:nowrap!important}
.mobile-rate-list{display:none}

.utility-row{margin:52px 0!important;gap:10px!important}.utility-row>a{border-radius:18px!important;border-color:#edf0f2!important;min-height:82px!important}.utility-icon{background:#f2f7ff!important;color:#3182f6!important}
.two-column-guide,.knowledge-hub,.seo-explainer{margin-top:56px!important}

/* Mobile: no horizontal price-table scrolling. A native two-column price card replaces it. */
@media(max-width:860px){
  .wrap{width:min(100% - 32px,1180px)!important}
  .market-intro{grid-template-columns:1fr!important;gap:22px!important;padding:36px 0 24px!important}
  .market-intro h1{font-size:40px!important}.market-summary{max-width:none!important;grid-template-columns:1fr 1fr!important}
  .popular-rate-grid{grid-template-columns:repeat(2,1fr)!important}
  .rate-table-shell{display:none!important}.mobile-rate-list{display:grid;gap:8px}
  .market-pulse{grid-template-columns:1fr 1fr}.market-pulse>a{grid-column:1/-1;min-height:94px}
}
@media(max-width:640px){
  body{font-size:15px!important;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
  .wrap{width:calc(100% - 28px)!important}
  .hd{height:58px!important;gap:8px!important}.brand-copy b{font-size:14px!important}.brand-copy small{display:none!important}.hsearch{display:flex!important;flex:1!important;min-width:0!important;max-width:none!important}.hsearch input{height:36px!important;font-size:12.5px!important;padding-left:11px!important;padding-right:31px!important}.hsearch .mg{right:10px!important}
  .status{position:relative!important}.status .wrap{gap:0!important;padding:0!important;min-height:35px!important}.status span{font-size:10.5px!important;padding-right:12px!important}
  .market-intro{padding:30px 0 22px!important;gap:18px!important}
  .market-intro .kicker{font-size:11.5px!important;margin-bottom:9px!important}
  .market-intro h1{font-size:35px!important;line-height:1.13!important}.market-lead{font-size:14.5px!important;line-height:1.7!important;margin-top:14px!important}
  .market-search{height:52px!important;margin-top:20px!important;border-radius:14px!important;box-shadow:none!important}.market-search input{font-size:14px!important}.market-search button{height:38px!important;padding:0 15px!important}
  .quick-keywords{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;margin:10px -2px 0!important;padding:0 2px 4px!important;scrollbar-width:none}.quick-keywords::-webkit-scrollbar{display:none}.quick-keywords a{display:inline-flex!important;min-height:32px!important;align-items:center!important;padding:0 10px!important;background:#f2f4f6!important;border-radius:999px!important;margin-right:5px!important;font-size:11px!important}
  .market-summary{grid-template-columns:1fr 1fr!important;border-radius:16px!important}.market-summary>div{padding:13px!important}.market-summary>div span{font-size:10.5px!important}.market-summary>div b{font-size:19px!important}.market-summary>a{grid-column:1/-1!important;padding:12px 13px!important}
  .trust-strip{display:grid!important;grid-template-columns:1fr 1fr!important;margin:6px 0 28px!important;border-radius:14px!important}.trust-strip a{min-height:68px!important;padding:13px!important;border-bottom:1px solid #edf0f2!important}.trust-strip a:nth-child(2n){border-right:0!important}.trust-strip b{font-size:12px!important}.trust-strip span{font-size:10.5px!important;line-height:1.4!important}
  .market-pulse{display:flex!important;overflow-x:auto!important;gap:8px!important;margin:0 -14px 38px!important;padding:0 14px 5px!important;scroll-snap-type:x proximity;scrollbar-width:none}.market-pulse::-webkit-scrollbar{display:none}.market-pulse>div,.market-pulse>a{flex:0 0 76%!important;min-height:106px!important;padding:16px!important;border-radius:16px!important;scroll-snap-align:start}.market-pulse b{font-size:20px!important}
  .section-title-row{margin-bottom:13px!important}.section-title-row h2{font-size:22px!important}.section-title-row p{font-size:12px!important;line-height:1.55!important}.section-title-row>a{font-size:11.5px!important;white-space:nowrap!important}
  .popular-market{margin-bottom:40px!important}.popular-rate-grid{display:flex!important;overflow-x:auto!important;gap:8px!important;margin:0 -14px!important;padding:0 14px 7px!important;scroll-snap-type:x proximity;scrollbar-width:none}.popular-rate-grid::-webkit-scrollbar{display:none}.popular-rate-card{flex:0 0 72%!important;min-height:150px!important;padding:15px!important;scroll-snap-align:start!important}.popular-card-head>b{font-size:13px!important}.popular-card-prices strong{font-size:16px!important}.popular-card-prices small{display:block!important;font-size:9.5px!important}
  .rate-master{margin-bottom:40px!important}.rate-controls{display:block!important}.market-tabs{display:flex!important;overflow-x:auto!important;margin:0 -14px 9px!important;padding:0 14px!important}.sort-control{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.sort-control select{min-width:210px!important;height:40px!important}
  .mobile-rate-list{display:grid!important;gap:8px!important}
  .mobile-rate-card{display:block;padding:15px;border:1px solid #edf0f2;border-radius:17px;background:#fff}
  .mobile-rate-head{display:flex;align-items:center;gap:10px}.mobile-rate-head>div{min-width:0;flex:1}.mobile-rate-head b{display:block;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-rate-head span{display:block;margin-top:3px;font-size:10.5px;color:#8b95a1}.mobile-rate-head i{font-style:normal;font-size:20px;color:#b0b8c1}
  .mobile-rate-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mobile-rate-values>div{min-width:0;padding:12px;background:#f7f8fa;border-radius:12px}.mobile-rate-values span{display:block;font-size:10.5px;color:#8b95a1}.mobile-rate-values strong{display:block;margin-top:3px;font-size:18px;line-height:1.25}.mobile-rate-values strong.pending{font-size:14px;color:#8b95a1}.mobile-rate-values small{display:block;margin-top:5px;font-size:9.5px;line-height:1.45;color:#8b95a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .utility-row{margin:38px 0!important}.utility-row>a{min-height:72px!important}.two-column-guide,.knowledge-hub,.seo-explainer{margin-top:42px!important}
  .tabbar{padding-top:2px!important}.tabbar a{height:58px!important;font-size:10.5px!important;gap:2px!important}
  .logo-badge.md{width:42px!important;height:42px!important}.logo-badge.gen.md{font-size:9.5px!important}
}
@media(max-width:390px){.market-intro h1{font-size:32px!important}.market-summary>div b{font-size:18px!important}.mobile-rate-values{gap:6px}.mobile-rate-values>div{padding:10px}.popular-rate-card{flex-basis:80%!important}}

/* Detail pages: stronger identification and calmer spacing. */
.dhero{padding-top:30px!important}.hero-name .logo-badge.lg{width:58px!important;height:58px!important}.hero-name span{line-height:1.25!important}
.answer{border-radius:18px!important}.answer .rows{gap:8px!important}.answer .rows span{background:#f7f8fa!important;border-radius:10px!important;padding:10px 12px!important}
@media(max-width:640px){.dhero{padding-top:24px!important}.hero-name{align-items:center!important}.hero-name .logo-badge.lg{width:50px!important;height:50px!important}.dhero h1{font-size:27px!important}.answer{padding:17px!important}.answer .rows{display:grid!important;grid-template-columns:1fr 1fr!important}.answer .rows span:first-child{grid-column:1/-1!important}}