/* m-shops: dükkanlar ve ekonomi. Core tokens only. */
.sh-note { margin: 0 0 .9rem; color: var(--soft); max-width: 72ch; }
.sh-notes { margin: .8rem 0 0; padding-left: 1.2rem; color: var(--soft); font-size: .92rem; }
.sh-access { margin: .4rem 0 0; padding-left: 1.2rem; color: var(--soft); }

/* economy facts */
.sh-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.sh-fact { padding: .9rem 1rem 1rem; background: linear-gradient(160deg, var(--panel-2), var(--panel)); border: 1px solid var(--line); border-left: 3px solid var(--bronze);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); min-width: 0; }
.sh-fact__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .3rem .8rem; margin-bottom: .4rem; }
.sh-fact__title { font-size: 1.08rem; color: var(--amber-hot); }
.sh-fact__text { margin: 0; color: var(--bone); }
.sh-fact__ev { margin: .5rem 0 0; color: var(--mute); font-size: .86rem; }

/* shop window: 5 columns x 8 rows, items placed by row/column classes */
.shg { display: grid; grid-template-columns: repeat(5, 3.4rem); grid-template-rows: repeat(8, 3.4rem); gap: 3px; padding: 6px; width: max-content; max-width: 100%;
  background: var(--ink-2); border: 2px solid var(--bronze-shade); outline: 1px solid var(--line); }
.shg__cell { position: relative; display: grid; place-items: center; min-width: 0; background: linear-gradient(160deg, var(--panel-3), var(--panel)); border: 1px solid var(--line-2); color: var(--amber); text-decoration: none; }
a.shg__cell:hover, a.shg__cell:focus-visible { border-color: var(--amber); color: var(--amber-hot); background: var(--row-hover); z-index: 1; }
.shg__cell.is-tie { border-style: dashed; }
.shg__n { position: absolute; right: 3px; bottom: 1px; font: 700 .72rem var(--body); color: var(--bone); text-shadow: 0 0 3px var(--ink); }
.shg-r1 { grid-row-start: 1; } .shg-r2 { grid-row-start: 2; } .shg-r3 { grid-row-start: 3; } .shg-r4 { grid-row-start: 4; }
.shg-r5 { grid-row-start: 5; } .shg-r6 { grid-row-start: 6; } .shg-r7 { grid-row-start: 7; } .shg-r8 { grid-row-start: 8; }
.shg-c1 { grid-column-start: 1; } .shg-c2 { grid-column-start: 2; } .shg-c3 { grid-column-start: 3; } .shg-c4 { grid-column-start: 4; } .shg-c5 { grid-column-start: 5; }
.shg-h1 { grid-row-end: span 1; } .shg-h2 { grid-row-end: span 2; } .shg-h3 { grid-row-end: span 3; }

@media (max-width: 760px) {
  .sh-facts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .shg { grid-template-columns: repeat(5, 3rem); grid-template-rows: repeat(8, 3rem); }
}