/* Arena Teney — Shop S1.5 comparison polish 0219s15r03
 * Presentation-only refinement over the accepted r02 comparison contract.
 * No server/economy/catalog/HUD/dock/X-lock ownership.
 */
@media (max-width: 960px) {
  html.shop-s1-rework .s03f3-modal-content .ui007-preview-grid > div.s15-summary-cell {
    border-color: rgba(173, 134, 72, .46);
    background:
      radial-gradient(circle at 100% 0, rgba(205, 158, 81, .10), transparent 54%),
      linear-gradient(180deg, rgba(19, 16, 11, .98), rgba(8, 8, 7, .99));
  }

  html.shop-s1-rework .s03f3-modal-content .ui007-preview-grid > div.s15-summary-cell b {
    overflow: visible;
    font-size: 15px;
    line-height: 1.2;
    text-overflow: clip;
    white-space: normal;
    text-wrap: balance;
  }

  html.shop-s1-rework .s15-replacement-line {
    display: grid;
    gap: 8px;
    padding: 12px 13px;
    border: 1px solid rgba(151, 122, 79, .30);
    border-radius: 13px;
    background:
      radial-gradient(circle at 0 0, rgba(198, 151, 77, .07), transparent 48%),
      rgba(10, 9, 8, .80);
  }

  html.shop-s1-rework .s15-replacement-line > small {
    color: rgba(192, 177, 151, .61);
    font: 800 9px/1.15 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-replacement-flow {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
  }

  html.shop-s1-rework .s15-replacement-flow b,
  html.shop-s1-rework .s15-replacement-flow strong {
    min-width: 0;
    color: #ead9b8;
    font: 700 13px/1.25 Georgia, 'Times New Roman', serif;
    overflow-wrap: anywhere;
  }

  html.shop-s1-rework .s15-replacement-flow strong {
    color: #c8b99f;
    font-weight: 600;
  }

  html.shop-s1-rework .s15-replacement-flow span {
    color: rgba(205, 163, 91, .72);
    font: 800 9px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-scenario-tab {
    min-height: 56px;
    padding: 8px 6px;
  }

  html.shop-s1-rework .s15-scenario-tab > span {
    font-size: 11px;
  }

  html.shop-s1-rework .s15-scenario-tab small {
    min-height: 0;
    font-size: 8.8px;
    font-weight: 800;
    line-height: 1.15;
  }

  html.shop-s1-rework .s15-verdict {
    min-height: 72px;
    padding: 12px 14px;
  }

  html.shop-s1-rework .s15-verdict > span {
    width: 44px;
    height: 44px;
    font-size: 23px;
  }

  html.shop-s1-rework .s15-verdict > div > small {
    font-size: 8.5px;
  }

  html.shop-s1-rework .s15-verdict > div > b {
    font-size: clamp(18px, 5vw, 22px);
  }

  html.shop-s1-rework .s15-property-grid,
  html.shop-s1-rework .s15-requirement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 10px;
  }

  html.shop-s1-rework .s15-property-chip,
  html.shop-s1-rework .s15-requirement-chip {
    min-width: 0;
    min-height: 54px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(126, 105, 75, .30);
    border-radius: 11px;
    background:
      linear-gradient(180deg, rgba(18, 16, 13, .86), rgba(8, 8, 7, .94));
    box-shadow: inset 0 1px 0 rgba(255, 241, 210, .018);
  }

  html.shop-s1-rework .s15-property-chip strong {
    color: #e7d4aa;
    font: 800 13px/1 Georgia, 'Times New Roman', serif;
    white-space: nowrap;
  }

  html.shop-s1-rework .s15-property-chip span {
    min-width: 0;
    color: #cfc3ae;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  html.shop-s1-rework .s15-requirement-chip {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  html.shop-s1-rework .s15-requirement-chip span {
    min-width: 0;
    color: #cbbfa9;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
  }

  html.shop-s1-rework .s15-requirement-chip b {
    color: #f0dfba;
    font: 800 15px/1 Georgia, 'Times New Roman', serif;
  }

  html.shop-s1-rework .s15-section-state {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 8px;
    padding: 4px 7px;
    border: 1px solid rgba(128, 106, 76, .30);
    border-radius: 999px;
    color: #9e927f;
    background: rgba(12, 11, 9, .70);
    font: 800 8px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .06em;
    vertical-align: middle;
  }

  html.shop-s1-rework .s15-section-state.is-ok {
    border-color: rgba(61, 129, 79, .52);
    color: #94d1a2;
    background: rgba(13, 40, 21, .62);
  }

  html.shop-s1-rework .s15-section-state.is-warn {
    border-color: rgba(157, 74, 68, .52);
    color: #dc9693;
    background: rgba(49, 20, 20, .58);
  }

  html.shop-s1-rework .s15-sticky-reserve {
    height: 74px;
    pointer-events: none;
  }

  html.shop-s1-rework .s03f3-modal-sheet {
    scroll-padding-bottom: 92px;
  }

  html.shop-s1-rework .s03f3-modal-content .action {
    min-height: 52px;
    border-radius: 12px;
    box-shadow:
      0 -10px 22px rgba(7, 7, 6, .82),
      0 8px 20px rgba(0, 0, 0, .25),
      inset 0 1px 0 rgba(255, 241, 205, .14),
      inset 0 -10px 20px rgba(54, 28, 8, .12);
  }

  html.shop-s1-rework .s15-change-group:last-of-type,
  html.shop-s1-rework .s15-equal-count,
  html.shop-s1-rework .s15-equal-all {
    scroll-margin-bottom: 96px;
  }
}

@media (max-width: 390px) {
  html.shop-s1-rework .s15-property-grid,
  html.shop-s1-rework .s15-requirement-grid {
    gap: 6px;
  }

  html.shop-s1-rework .s15-property-chip,
  html.shop-s1-rework .s15-requirement-chip {
    min-height: 50px;
    padding: 8px;
  }

  html.shop-s1-rework .s15-replacement-flow {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  html.shop-s1-rework .s15-replacement-flow span {
    display: none;
  }
}