/* Arena Teney — Shop S1.4 tile polish 0218s14r04p1
 * Compact/elegant presentation-only refinement over r04.
 * No catalogue/economy/purchase/modal/HUD/dock/X-lock ownership.
 */

@media (max-width: 960px) {
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-items {
    gap: 10px !important;
    padding-bottom: 10px;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item] {
    min-height: 0 !important;
    height: auto !important;
    padding: 11px 10px 10px !important;
    border-color: rgba(175, 139, 83, .46);
    border-radius: 15px !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 241, 214, .05),
      inset 0 0 0 1px rgba(255, 214, 145, .016),
      inset 0 -24px 34px rgba(0, 0, 0, .15),
      0 8px 22px rgba(0, 0, 0, .23);
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item]::after {
    inset: 4px;
    border-radius: 11px;
    border-color: rgba(226, 181, 105, .045);
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top {
    gap: 6px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-icon {
    width: 74px !important;
    height: 74px !important;
    margin-bottom: 2px !important;
    border-radius: 14px !important;
    font-size: 33px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-icon img,
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-icon svg {
    width: 82% !important;
    height: 82% !important;
    max-width: 82% !important;
    max-height: 82% !important;
    object-fit: contain;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top small {
    min-height: 14px;
    color: #c3af8d;
    font-size: 9px !important;
    line-height: 1.35;
    letter-spacing: .04em;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top h4 {
    min-height: 38px;
    margin: 3px 0 3px !important;
    color: #f4e7ca;
    font-size: 16px !important;
    line-height: 1.14 !important;
    letter-spacing: 0;
    text-wrap: balance;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top p {
    min-height: 15px;
    color: #a09582;
    font-size: 9.5px !important;
    line-height: 1.3;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-stats {
    grid-auto-rows: minmax(38px, auto);
    gap: 5px !important;
    min-height: 0 !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-stats > span {
    display: grid;
    align-content: center;
    min-height: 38px;
    padding: 5px 4px !important;
    border-color: rgba(147, 121, 84, .30);
    border-radius: 9px !important;
    color: #b3a896;
    background: rgba(5, 5, 4, .46);
    font-size: 9px !important;
    line-height: 1.14;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-stats > span b {
    margin-bottom: 2px;
    color: #e8d9ba;
    font-size: 11px !important;
    line-height: 1;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-bottom {
    gap: 7px !important;
    margin-top: auto !important;
    padding-top: 8px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-availability {
    min-height: 34px;
    padding: 6px 7px !important;
    border-radius: 9px !important;
    font-size: 9px !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .005em;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-bottom strong {
    padding: 7px 5px 5px !important;
    color: #f0cc79;
    font-size: 17px !important;
    line-height: 1.05;
    letter-spacing: .01em;
  }

  /* Let the final row rise completely above the accepted persistent dock. */
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-pagination {
    padding-bottom: calc(104px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 390px) {
  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-items {
    gap: 8px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item[data-ui007-item] {
    min-height: 0 !important;
    padding: 10px 8px 9px !important;
    border-radius: 14px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-icon {
    width: 66px !important;
    height: 66px !important;
    font-size: 30px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top small {
    font-size: 8.5px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top h4 {
    min-height: 36px;
    font-size: 15px !important;
    line-height: 1.14 !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-top p {
    font-size: 9px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-stats > span {
    min-height: 36px;
    padding: 5px 3px !important;
    font-size: 8.5px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-stats > span b {
    font-size: 10.5px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-availability {
    min-height: 33px;
    font-size: 8.5px !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop .ui007-item-bottom strong {
    font-size: 16px !important;
  }
}