:root{
  --market-slate:#444;
  --market-line:#e7e8ea;
  --market-soft:#f7f8fa;
  --market-green:#2fb24a;
  --market-green-dark:#28923d;
  --market-text:#2f2f33;
  --market-text-soft:#7a7d85;
}
.market-page{padding-bottom:44px}
.market-hero-block{background:#fff;border:1px solid var(--market-line);border-radius:18px;padding:28px 30px;box-shadow:0 10px 26px rgba(17,24,39,.05)}
.market-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.market-hero-title{margin:0;font-size:40px;line-height:1.05;letter-spacing:-.03em;color:#1d2430}
.market-hero-copy{margin:12px 0 0;color:var(--market-text-soft);line-height:1.8;max-width:680px}
.market-search{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}
.market-search .control{min-height:50px;border-radius:12px}
.market-search .btn{min-height:50px;padding-inline:22px;background:var(--market-green)}
.market-search .btn:hover{background:var(--market-green-dark)}
.market-link-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.market-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f4f5f7;border:1px solid var(--market-line);font-size:13px;color:#50545c}
.market-chip strong{color:#20242b}
.market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.market-stat-card{background:#f8f9fb;border:1px solid var(--market-line);border-radius:16px;padding:18px}
.market-stat-card .label{font-size:12px;color:var(--market-text-soft)}
.market-stat-card .value{margin-top:8px;font-size:24px;font-weight:700;color:#171d28;letter-spacing:-.02em}
.market-board{background:#fff;border:1px solid var(--market-line);border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(17,24,39,.05)}
.market-board + .market-board{margin-top:22px}
.market-board-head{display:grid;grid-template-columns:minmax(0,1fr) 150px 132px 118px;padding:0 18px;background:var(--market-slate);color:#fff;font-weight:700;align-items:center;min-height:48px;gap:16px}
.market-board-head .minor{text-align:center;font-size:14px}
.market-board-title{display:flex;align-items:center;justify-content:space-between;gap:18px}
.market-board-title a{color:#fff}
.market-board-subtitle{font-size:12px;font-weight:500;color:rgba(255,255,255,.72)}
.market-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 132px 118px;padding:10px 18px;gap:16px;align-items:center;border-bottom:1px solid var(--market-line)}
.market-row:last-child{border-bottom:none}
.market-row-left{display:flex;align-items:center;gap:14px;min-width:0}
.market-row-visual{flex:0 0 88px;width:88px;display:flex;align-items:center;justify-content:center}
.market-row-cover{width:88px;height:88px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--market-line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.market-row-cover img{display:block;width:100%;height:100%}
.market-row-cover-contain img{object-fit:contain;padding:12px;background:#fff}
.market-row-cover-cover img{object-fit:cover}
.market-row-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(180deg,#eaf2ff,#dce9ff);border:1px solid #d1dbef;display:grid;place-items:center;font-weight:700;color:#3d5d93;flex:0 0 38px}
.market-row-copy{min-width:0;display:flex;align-items:center;min-height:48px;flex:1}
.market-row-title{font-size:21px;font-weight:800;line-height:1.22;letter-spacing:-.02em;color:#1b2230;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.market-row-title a{color:#1b2230}
.market-row-title a:hover{color:#1e5ed7}
.market-row-meta{display:none !important}
.market-row-desc{display:none !important}
.market-badges{display:none !important}
.market-badge{display:none !important}
.market-badge.neutral{display:none !important}
.market-board-head .minor{text-align:center;font-size:14px}
.market-row-copy{padding-right:8px}
.market-price-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.market-action-col{min-width:0;display:flex;align-items:center;justify-content:center}
.market-action-col .market-buy-btn{width:100%;max-width:92px}
.market-stock-col,.market-price-col,.market-action-col{text-align:center}
.market-stock-main{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#181d27;line-height:1.1}
.market-price-main{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#181d27;line-height:1.1}
.market-stock-note,.market-price-note{margin-top:5px;font-size:12px;color:var(--market-text-soft)}
.market-buy-wrap{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.market-buy-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:10px;background:var(--market-green);color:#fff;font-weight:700;min-width:88px;border:1px solid var(--market-green)}
.market-buy-btn:hover{background:var(--market-green-dark);border-color:var(--market-green-dark)}
.market-buy-btn.disabled,.market-buy-btn[aria-disabled="true"]{background:#9ea4af;border-color:#9ea4af;cursor:not-allowed;pointer-events:none}
.market-viewall{display:flex;align-items:center;justify-content:center;padding:12px 18px;border-top:1px solid var(--market-line);color:var(--market-green);font-weight:700;background:#fcfffc}
.market-viewall:hover{background:#f6fff7}
.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--market-line);border-radius:14px;padding:16px 18px;box-shadow:0 10px 26px rgba(17,24,39,.05)}
.market-toolbar .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.market-toolbar .field{min-width:170px}
.market-toolbar .control{border-radius:10px}
.market-toolbar-note{font-size:13px;color:var(--market-text-soft)}
.market-section-heading{margin:0 0 14px;font-size:24px;letter-spacing:-.02em;color:#1c2330}
.market-empty{background:#fff;border:1px dashed #d6dbe3;border-radius:14px;padding:30px;text-align:center;color:var(--market-text-soft)}
.market-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.market-panel{background:#fff;border:1px solid var(--market-line);border-radius:18px;padding:22px;box-shadow:0 10px 26px rgba(17,24,39,.05)}
.market-panel h1,.market-panel h2,.market-panel h3{margin-top:0}
.market-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.market-detail-meta .item{background:#f8f9fb;border:1px solid var(--market-line);border-radius:14px;padding:14px}
.market-detail-meta .label{font-size:12px;color:var(--market-text-soft)}
.market-detail-meta .value{margin-top:6px;font-weight:700;color:#1b2230}
.market-rich-copy{color:var(--market-text-soft);line-height:1.8}
.market-sku-list{display:grid;gap:12px}
.market-sku-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 140px 110px;align-items:center;gap:12px;background:#fff;border:1px solid var(--market-line);border-radius:14px;padding:14px 16px}
.market-sku-name{font-weight:700;color:#1f2633}
.market-sku-meta{margin-top:4px;font-size:13px;color:var(--market-text-soft)}
.market-sku-col{text-align:center}
.market-sku-col .main{font-size:18px;font-weight:700;color:#1a202b}
.market-sku-col .sub{margin-top:4px;font-size:12px;color:var(--market-text-soft)}
.market-help-list{display:grid;gap:12px}
.market-help-item{padding:14px 16px;border-radius:14px;background:#f8f9fb;border:1px solid var(--market-line)}
.market-help-item h4{margin:0 0 6px;font-size:15px}
.market-help-item p{margin:0;color:var(--market-text-soft);line-height:1.7;font-size:14px}
.market-mini-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.market-mini-heading h2{margin:0;font-size:24px}
.market-mini-heading p{margin:0;color:var(--market-text-soft)}
.market-grid-stack{display:grid;gap:22px}
@media (max-width:1080px){
  .market-hero-grid,.market-summary-grid{grid-template-columns:1fr}
  .market-board-head,.market-row{grid-template-columns:minmax(0,1fr) 132px 118px 108px}
}
@media (max-width:760px){
  .market-page{padding-bottom:32px}
  .market-hero-block{padding:22px 18px}
  .market-hero-title{font-size:30px}
  .market-stats{grid-template-columns:1fr}
  .market-board-head{display:none}
  .market-row{grid-template-columns:1fr;grid-template-areas:"left" "stock" "price" "action";gap:10px;padding:14px 16px}
  .market-row-left{grid-area:left;gap:12px;align-items:center}
  .market-row-visual{flex-basis:64px;width:64px}
  .market-row-cover{width:64px;height:64px;border-radius:14px}
  .market-row-cover-contain img{padding:8px}
  .market-stock-col{grid-area:stock}
  .market-price-col{grid-area:price}
  .market-action-col{grid-area:action;justify-content:flex-start}
  .market-stock-col,.market-price-col,.market-action-col{text-align:left}
  .market-stock-main{font-size:18px}
  .market-price-main{font-size:21px}
  .market-row-title{font-size:18px;line-height:1.25}
  .market-action-col .market-buy-btn{max-width:120px}
  .market-toolbar{padding:14px}
  .market-toolbar .field{min-width:0;width:100%}
  .market-sku-row{grid-template-columns:1fr;gap:10px}
}

.market-breadcrumb-row {
  flex-wrap: wrap;
}

.market-category-nav-panel {
  padding: 22px;
}

.market-mini-heading-tight {
  margin-bottom: 18px;
}

.market-category-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.market-category-nav-card {
  border: 1px solid var(--market-line);
  border-radius: 16px;
  background: #fafbfc;
  padding: 16px;
}

.market-category-parent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.market-category-parent-link {
  font-size: 17px;
  font-weight: 700;
  color: #1f2633;
}

.market-category-parent-link:hover {
  color: #1e5ed7;
}

.market-category-parent-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef2f7;
  color: #5b6574;
  font-size: 12px;
  font-weight: 700;
}

.market-category-children,
.market-related-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.market-category-child-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--market-line);
  color: #3f4653;
  font-size: 13px;
}

.market-category-child-pill:hover {
  border-color: #bfd6c3;
  background: #f8fff9;
}

.market-category-child-pill small {
  color: var(--market-text-soft);
  font-size: 11px;
}

.market-category-empty-copy {
  margin: 0;
  color: var(--market-text-soft);
  line-height: 1.7;
  font-size: 14px;
}

.market-related-categories {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.market-related-row {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.market-related-label {
  padding-top: 8px;
  font-size: 13px;
  color: var(--market-text-soft);
  font-weight: 700;
}

@media (max-width:1080px){
  .market-category-nav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:760px){
  .market-category-nav-grid {
    grid-template-columns: 1fr;
  }

  .market-related-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


@media (max-width:760px){
  .market-price-col{align-items:flex-start}
  .market-action-col .market-buy-btn{max-width:none;width:auto;min-width:100px}
}


.market-hero-block-simple{
  padding:22px 24px;
}
.market-search-simple{
  margin-top:0;
  max-width:720px;
}
.market-search-simple .control{
  flex:1 1 420px;
}
.market-link-row-simple{
  margin-top:16px;
}
@media (max-width:760px){
  .market-hero-block-simple{
    padding:18px 16px;
  }
  .market-search-simple{
    gap:10px;
  }
}


@media (max-width:760px){
  .market-board{border-radius:16px}
  .market-board + .market-board{margin-top:16px}
  .market-viewall{padding:11px 14px;font-size:15px}

  .market-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "left left"
      "stock price"
      "action action";
    gap:10px;
    padding:14px;
    align-items:stretch;
  }

  .market-row-left{grid-area:left;gap:12px;align-items:flex-start}
  .market-row-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .market-row-copy{min-height:0;padding-right:0;align-items:flex-start}
  .market-row-title{font-size:20px;line-height:1.28;letter-spacing:-.025em}

  .market-stock-col,
  .market-price-col{
    min-width:0;
    padding:10px 12px;
    border:1px solid var(--market-line);
    border-radius:12px;
    background:#f8f9fb;
  }

  .market-stock-col{grid-area:stock;text-align:left}
  .market-price-col{grid-area:price;text-align:left;align-items:flex-start}
  .market-stock-main{font-size:16px}
  .market-price-main{font-size:22px}
  .market-stock-note,.market-price-note{margin-top:4px;font-size:12px}

  .market-action-col{grid-area:action;display:block}
  .market-action-col .market-buy-btn{
    display:flex;
    width:100%;
    max-width:none;
    min-width:0;
    height:44px;
    border-radius:12px;
  }

  .market-mini-heading{margin-bottom:12px}
  .market-mini-heading h2{font-size:17px}
  .market-mini-heading p{font-size:13px;line-height:1.6}
}