/* The same permanent category cabinet and readable type used by Inventory. */
.workshop-ui[data-mode=market] .shop-panel.garden-market {
  --mk:clamp(.78px,min(.05981vw,.10627dvh),1.5px);--s:var(--mk);
  width:min(calc(1510 * var(--mk)),calc(100vw - 40px));height:calc(100dvh - 185 * var(--mk));max-height:none;
  top:calc(50% - 10 * var(--mk));left:50%;bottom:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;
  padding:calc(16 * var(--mk));font:500 calc(19 * var(--mk))/1.25 Rajdhani,sans-serif;
}

/* Approved full-market concept A: a sage ticket in each owned card's top right. */
.workshop-ui[data-mode=market] .garden-market .market-product-stage {
  grid-template-rows:calc(30 * var(--mk)) minmax(0,1fr);flex:1;min-height:0;
  padding:calc(4 * var(--mk)) calc(6 * var(--mk)) 0;
}
.workshop-ui[data-mode=market] .garden-market .market-product-status {
  justify-self:end;align-self:start;min-height:calc(30 * var(--mk));z-index:2;max-width:100%;
}
.workshop-ui[data-mode=market] .garden-market .market-owned-tag {
  display:inline-flex;align-items:center;gap:calc(6 * var(--mk));width:max-content;max-width:100%;
  border:calc(5 * var(--mk)) solid transparent;border-image:url('../ui/frames/tag-owned.svg') 8 fill stretch;
  padding:calc(1 * var(--mk)) calc(6 * var(--mk));color:#304624;white-space:nowrap;vertical-align:middle;
}
.workshop-ui[data-mode=market] .garden-market .market-owned-tag span {
  font:700 calc(15 * var(--mk))/1.2 Rajdhani,sans-serif;letter-spacing:0;
}
.workshop-ui[data-mode=market] .garden-market .market-owned-check {width:calc(18 * var(--mk));height:calc(18 * var(--mk));flex:none;display:block}
.workshop-ui[data-mode=market] .garden-market .market-owned-check svg {display:block;width:100%;height:100%;stroke:none}
.workshop-ui[data-mode=market] .garden-market .market-owned-tag .market-owned-count {
  border-left:1px solid #a1b579;padding-left:calc(6 * var(--mk));font-variant-numeric:tabular-nums;
}
/* The blue card border indicates selection; the labelled green tag means owned. */
.workshop-ui[data-mode=market] .garden-market .market-product[aria-pressed=true]::after {display:none}
@media(max-width:620px){
  .workshop-ui[data-mode=market] .garden-market .market-product-stage {grid-template-rows:28px minmax(0,1fr);padding:5px 5px 0}
  .workshop-ui[data-mode=market] .garden-market .market-owned-tag {border-width:4px;padding:1px 3px;gap:5px}
  .workshop-ui[data-mode=market] .garden-market .market-owned-tag span {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-owned-check {width:16px;height:16px}
}
.workshop-ui[data-mode=market] .garden-market :is(button,input,select,summary,h2,strong,small,p,span) {font-family:Rajdhani,sans-serif;letter-spacing:0}
.workshop-ui[data-mode=market] .garden-market .market-header {min-height:calc(61 * var(--mk));margin:0 0 calc(14 * var(--mk));gap:calc(16 * var(--mk));flex-shrink:0}
.workshop-ui[data-mode=market] .garden-market .market-header h1 {font:700 calc(28 * var(--mk))/1.2 Pixeloid,monospace;min-height:calc(57 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-wallet {display:none}
.workshop-ui[data-mode=market] .garden-market .market-workspace {display:grid;grid-template-columns:calc(175 * var(--mk)) minmax(0,1fr);gap:calc(14 * var(--mk));flex:1;min-height:0}
.workshop-ui[data-mode=market] .garden-market .market-categories {display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-x:hidden;overflow-y:auto;padding:0 calc(12 * var(--mk)) 0 0;margin:0;border-right:2px solid #c5a572;min-height:0}
.workshop-ui[data-mode=market] .garden-market .market-category-group {font:700 calc(17 * var(--mk))/1 Rajdhani,sans-serif;color:#ae8052;padding:calc(8 * var(--mk)) 0 calc(4 * var(--mk));margin:0 0 calc(3 * var(--mk));border-bottom:1px solid #c5a572}
.workshop-ui[data-mode=market] .garden-market .market-category {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:calc(7 * var(--mk));height:calc(29 * var(--mk));min-height:calc(29 * var(--mk));width:100%;flex:none;padding:0 calc(4 * var(--mk));margin:0;font:600 calc(18 * var(--mk))/1 Rajdhani,sans-serif;border:2px solid transparent;border-image:none;background:none;box-shadow:none}
.workshop-ui[data-mode=market] .garden-market .market-category[aria-pressed=true] {border-image:url('../ui/frames/tile-blue.svg') 8 fill stretch;color:#263348}
.workshop-ui[data-mode=market] .garden-market .market-category .inv-category-art {width:calc(27 * var(--mk));height:calc(27 * var(--mk));flex:none;fill:initial;stroke:none;filter:drop-shadow(1px 1px #695c5530)}
.workshop-ui[data-mode=market] .garden-market .market-category-select {display:none}
.workshop-ui[data-mode=market] .garden-market .market-body {display:grid;grid-template-columns:minmax(0,1fr) calc(285 * var(--mk));gap:calc(14 * var(--mk));flex:1;min-height:0;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-toolbar {min-height:calc(43 * var(--mk));gap:calc(10 * var(--mk));flex-wrap:nowrap}
.workshop-ui[data-mode=market] .garden-market .market-search input {font:500 calc(20 * var(--mk))/1.2 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-sort {width:calc(174 * var(--mk));font:600 calc(17 * var(--mk))/1.2 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-results {font:600 calc(16 * var(--mk))/1.2 Rajdhani,sans-serif;padding:calc(9 * var(--mk)) 3px}
/* Two complete rows share the available shelf height. Short windows can scroll
   rather than squeezing the names and prices below a readable card size. */
.workshop-ui[data-mode=market] .garden-market .market-grid-frame {container-type:size;flex:1;min-height:0;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-grid {height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max(calc(215 * var(--mk)),calc((100cqh - 18 * var(--mk)) / 2));gap:calc(10 * var(--mk));padding:calc(4 * var(--mk));overflow:auto;min-height:0;align-content:start}
.workshop-ui[data-mode=market] .garden-market .market-product {min-height:0;border-width:calc(6 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-product-art {height:100%;max-height:calc(104 * var(--mk));min-height:0;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-product-copy {padding:calc(5 * var(--mk));gap:calc(3 * var(--mk));flex:none;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-product h2 {font:700 calc(18 * var(--mk))/1.1 Rajdhani,sans-serif;overflow-wrap:anywhere;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.workshop-ui[data-mode=market] .garden-market .market-product-spec {font:500 calc(16 * var(--mk))/1.2 Rajdhani,sans-serif;min-height:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workshop-ui[data-mode=market] .garden-market .market-price {font:700 calc(19 * var(--mk))/1.2 Rajdhani,sans-serif;padding:calc(4 * var(--mk));flex-shrink:0}
.workshop-ui[data-mode=market] .garden-market .market-detail {padding:calc(14 * var(--mk));min-height:0;overflow:hidden}
.workshop-ui[data-mode=market] .garden-market .market-detail-scroll {min-height:0;flex:1;overflow:auto}
.workshop-ui[data-mode=market] .garden-market .market-detail-title {font:700 calc(25 * var(--mk))/1.05 Rajdhani,sans-serif;overflow-wrap:anywhere}
.workshop-ui[data-mode=market] .garden-market .market-detail-art {height:calc(153 * var(--mk));margin:calc(10 * var(--mk)) 0}
.workshop-ui[data-mode=market] .garden-market :is(.market-eyebrow,.market-comparison>small,.market-inventory-note) {font:600 calc(16 * var(--mk))/1.25 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market :is(.market-stat,.market-delta,.market-fit,.market-more,.market-description,.market-comparison>p) {font:500 calc(18 * var(--mk))/1.3 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-stat {grid-template-columns:minmax(0,1fr) auto auto;gap:calc(7 * var(--mk));margin:calc(8 * var(--mk)) 0}
.workshop-ui[data-mode=market] .garden-market .market-stat strong {font:700 calc(19 * var(--mk))/1.2 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-delta {font-size:calc(16 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-buy {font:700 calc(25 * var(--mk))/1.2 Rajdhani,sans-serif!important}
.workshop-ui[data-mode=market] .garden-market .market-footer {font:500 calc(16 * var(--mk))/1.2 Rajdhani,sans-serif;margin:calc(12 * var(--mk)) 0 0;padding:0;background:none;border:0}
@media(max-width:1100px){
 .workshop-ui[data-mode=market] .garden-market .market-grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(calc(215 * var(--mk)),calc((100cqh - 28 * var(--mk)) / 3),calc(260 * var(--mk)))}
}
@media(max-width:900px){
 .workshop-ui[data-mode=market] .garden-market .market-workspace {display:flex;flex-direction:column}
 .workshop-ui[data-mode=market] .garden-market .market-categories {display:none}
 .workshop-ui[data-mode=market] .garden-market .market-category-select {display:block;flex:none;width:100%;height:40px;margin:0 0 10px;padding:5px 10px;background:#fff8de;border:2px solid #bda277;font:600 18px Rajdhani,sans-serif}
 .workshop-ui[data-mode=market] .garden-market .market-body {grid-template-columns:minmax(0,1fr) 240px;min-height:0}
}
@media(max-width:620px){
 .workshop-ui[data-mode=market] .shop-panel.garden-market {top:65px;bottom:76px;height:auto;transform:translateX(-50%);width:calc(100vw - 18px);padding:8px;overflow:auto;display:flex}
 .workshop-ui[data-mode=market] .garden-market .market-header {min-height:46px;margin-bottom:8px}
 .workshop-ui[data-mode=market] .garden-market .market-header h1 {font-size:19px;min-height:46px}
 .workshop-ui[data-mode=market] .garden-market .market-workspace {flex:none;min-height:auto}
 .workshop-ui[data-mode=market] .garden-market .market-body {display:flex;flex-direction:column;gap:14px;flex:none}
 .workshop-ui[data-mode=market] .garden-market .market-grid-frame {container-type:normal;flex:none}
 .workshop-ui[data-mode=market] .garden-market .market-grid {height:auto;overflow:visible;flex:none;gap:7px;grid-auto-rows:auto}
 .workshop-ui[data-mode=market] .garden-market .market-product {min-height:210px}
 .workshop-ui[data-mode=market] .garden-market .market-product-stage {flex:none}
 .workshop-ui[data-mode=market] .garden-market .market-product h2 {font-size:18px}
 .workshop-ui[data-mode=market] .garden-market .market-product-art {height:95px;max-height:none}
 .workshop-ui[data-mode=market] .garden-market .market-product-spec {font-size:14px}
 .workshop-ui[data-mode=market] .garden-market .market-search input {font-size:17px}
 .workshop-ui[data-mode=market] .garden-market .market-sort {width:126px;font-size:14px}
 .workshop-ui[data-mode=market] .garden-market .market-detail {min-height:350px;overflow:visible}
 .workshop-ui[data-mode=market] .garden-market .market-detail-scroll {flex:none;overflow:visible}
 .workshop-ui[data-mode=market] .garden-market .market-footer {font-size:13px}
}