/* Arena Teney — Shop S1.5 equipment comparison 0219s15r02
 * Professional mobile comparison presentation only. No dock/HUD/catalog geometry.
 */
@media (max-width: 960px) {
  html.shop-s1-rework .s03f3-modal-content [data-s15-comparison-host] {
    padding: 14px 0 8px;
  }

  html.shop-s1-rework .s03f3-modal-content [data-s15-comparison-host] > b {
    display: block;
    margin: 0 0 12px;
    color: rgba(223, 207, 177, .78);
    font: 800 11px/1.1 Georgia, 'Times New Roman', serif;
    letter-spacing: .18em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-comparison {
    display: grid;
    gap: 12px;
  }

  html.shop-s1-rework .s15-context-line {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid rgba(159, 124, 71, .32);
    border-radius: 14px;
    background:
      linear-gradient(180deg, rgba(68, 48, 28, .28), rgba(18, 15, 12, .72)),
      rgba(10, 9, 8, .94);
    box-shadow: inset 0 1px 0 rgba(255, 239, 201, .035);
  }

  html.shop-s1-rework .s15-context-line span,
  html.shop-s1-rework .s15-block-kicker {
    color: rgba(195, 179, 151, .62);
    font: 750 9px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-context-line b {
    color: #ead9b8;
    font: 700 15px/1.28 Georgia, 'Times New Roman', serif;
  }

  html.shop-s1-rework .s15-scenario-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  html.shop-s1-rework .s15-scenario-tab {
    min-width: 0;
    min-height: 62px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 8px 7px;
    border: 1px solid rgba(128, 103, 70, .32);
    border-radius: 12px;
    color: rgba(225, 214, 194, .76);
    background: linear-gradient(180deg, rgba(30, 26, 21, .96), rgba(10, 9, 8, .98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    text-align: center;
  }

  html.shop-s1-rework .s15-scenario-tab.is-active {
    border-color: rgba(207, 162, 84, .76);
    color: #f4dfb1;
    background:
      radial-gradient(circle at 50% 0, rgba(211, 160, 76, .16), transparent 62%),
      linear-gradient(180deg, rgba(48, 36, 23, .98), rgba(13, 11, 9, .99));
    box-shadow:
      inset 0 1px 0 rgba(255, 232, 177, .08),
      0 0 0 1px rgba(117, 80, 37, .18);
  }

  html.shop-s1-rework .s15-scenario-tab > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 700 11px/1.15 Georgia, 'Times New Roman', serif;
  }

  html.shop-s1-rework .s15-scenario-tab small {
    display: block;
    min-height: 22px;
    font: 750 8px/1.25 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .02em;
  }

  html.shop-s1-rework .s15-scenario-tab small.is-better { color: #90cfa4; }
  html.shop-s1-rework .s15-scenario-tab small.is-worse { color: #d98c8e; }
  html.shop-s1-rework .s15-scenario-tab small.is-equal { color: #b9b3a7; }
  html.shop-s1-rework .s15-scenario-tab small.is-mixed { color: #d4b471; }

  html.shop-s1-rework .s15-scenario-panel {
    display: grid;
    gap: 11px;
  }

  html.shop-s1-rework .s15-scenario-panel[hidden] { display: none !important; }

  html.shop-s1-rework .s15-current-block {
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid rgba(118, 100, 78, .27);
    border-radius: 15px;
    background:
      radial-gradient(circle at 0 0, rgba(151, 117, 68, .08), transparent 44%),
      rgba(8, 8, 7, .72);
  }

  html.shop-s1-rework .s15-equipped-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid rgba(103, 88, 68, .23);
    border-radius: 12px;
    background: rgba(18, 16, 13, .78);
  }

  html.shop-s1-rework .s15-equipped-row.is-empty {
    border-style: dashed;
    opacity: .83;
  }

  html.shop-s1-rework .s15-equipped-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(167, 133, 80, .34);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(57, 45, 30, .68), rgba(12, 11, 9, .94));
    font-size: 23px;
  }

  html.shop-s1-rework .s15-equipped-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  html.shop-s1-rework .s15-equipped-copy small {
    color: rgba(183, 169, 147, .58);
    font-size: 9px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-equipped-copy b {
    overflow: hidden;
    color: #eadcc4;
    font: 700 14px/1.2 Georgia, 'Times New Roman', serif;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html.shop-s1-rework .s15-equipped-copy em {
    color: rgba(195, 183, 164, .68);
    font-size: 9px;
    font-style: normal;
  }

  html.shop-s1-rework .s15-verdict {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 11px 13px;
    border: 1px solid;
    border-radius: 14px;
  }

  html.shop-s1-rework .s15-verdict > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font: 800 22px/1 Georgia, 'Times New Roman', serif;
    background: rgba(0,0,0,.22);
  }

  html.shop-s1-rework .s15-verdict div {
    display: grid;
    gap: 2px;
  }

  html.shop-s1-rework .s15-verdict small {
    opacity: .66;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-verdict b {
    font: 800 16px/1.15 Georgia, 'Times New Roman', serif;
  }

  html.shop-s1-rework .s15-verdict.is-better {
    border-color: rgba(75, 139, 91, .62);
    color: #9fd3ab;
    background: linear-gradient(180deg, rgba(18, 48, 28, .68), rgba(8, 20, 12, .84));
  }

  html.shop-s1-rework .s15-verdict.is-worse {
    border-color: rgba(151, 64, 69, .64);
    color: #e19b9d;
    background: linear-gradient(180deg, rgba(56, 21, 24, .70), rgba(23, 9, 10, .86));
  }

  html.shop-s1-rework .s15-verdict.is-equal {
    border-color: rgba(131, 124, 112, .48);
    color: #c7c0b5;
    background: linear-gradient(180deg, rgba(42, 39, 34, .66), rgba(16, 15, 13, .86));
  }

  html.shop-s1-rework .s15-verdict.is-mixed {
    border-color: rgba(180, 137, 69, .62);
    color: #ddbd79;
    background: linear-gradient(180deg, rgba(55, 40, 20, .70), rgba(22, 16, 9, .88));
  }

  html.shop-s1-rework .s15-recommended {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(206, 158, 80, .52);
    border-radius: 13px;
    color: #e3c987;
    background: rgba(46, 34, 18, .64);
  }

  html.shop-s1-rework .s15-recommended > span {
    font-size: 17px;
    text-align: center;
  }

  html.shop-s1-rework .s15-recommended div { display: grid; gap: 2px; }
  html.shop-s1-rework .s15-recommended small {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  html.shop-s1-rework .s15-recommended b {
    color: rgba(236, 220, 186, .82);
    font-size: 10px;
    font-weight: 600;
  }

  html.shop-s1-rework .s15-change-group {
    display: grid;
    gap: 7px;
    padding: 12px;
    border: 1px solid rgba(112, 95, 72, .22);
    border-radius: 14px;
    background: rgba(8, 8, 7, .62);
  }

  html.shop-s1-rework .s15-change-title {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,.045);
    font: 800 11px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  html.shop-s1-rework .s15-change-group.is-better .s15-change-title { color: #8fc9a0; }
  html.shop-s1-rework .s15-change-group.is-worse .s15-change-title { color: #d58f92; }

  html.shop-s1-rework .s15-delta-list {
    display: grid;
    gap: 5px;
  }

  html.shop-s1-rework .s15-delta-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 46px;
    padding: 7px 9px;
    border-radius: 10px;
    background: rgba(17, 15, 12, .72);
  }

  html.shop-s1-rework .s15-delta-row > div {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  html.shop-s1-rework .s15-delta-row b {
    color: #e7ddcc;
    font-size: 11px;
    font-weight: 700;
  }

  html.shop-s1-rework .s15-delta-row span {
    color: rgba(193, 184, 169, .68);
    font-size: 10px;
  }

  html.shop-s1-rework .s15-delta-row i {
    padding: 0 3px;
    color: rgba(204, 171, 112, .72);
    font-style: normal;
  }

  html.shop-s1-rework .s15-delta-row > strong {
    min-width: 45px;
    padding: 6px 8px;
    border: 1px solid;
    border-radius: 9px;
    font: 800 12px/1 Georgia, 'Times New Roman', serif;
    text-align: center;
  }

  html.shop-s1-rework .s15-delta-row.is-up > strong {
    border-color: rgba(71, 130, 84, .52);
    color: #9bd0a7;
    background: rgba(17, 52, 27, .52);
  }

  html.shop-s1-rework .s15-delta-row.is-down > strong {
    border-color: rgba(144, 60, 65, .54);
    color: #df989b;
    background: rgba(59, 20, 23, .52);
  }

  html.shop-s1-rework .s15-equal-count,
  html.shop-s1-rework .s15-equal-all {
    padding: 9px 11px;
    border: 1px solid rgba(123, 113, 98, .22);
    border-radius: 11px;
    color: rgba(194, 185, 170, .68);
    background: rgba(14, 13, 11, .64);
    font-size: 10px;
  }

  html.shop-s1-rework .s15-equal-all {
    display: grid;
    gap: 3px;
  }

  html.shop-s1-rework .s15-equal-all b { color: #c7c0b5; }

  html.shop-s1-rework .s15-compare-loading {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(137, 110, 72, .25);
    border-radius: 14px;
    color: rgba(214, 199, 174, .72);
    background: rgba(10, 9, 8, .70);
    font-size: 10px;
  }

  html.shop-s1-rework .s15-compare-loading > span {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(207, 165, 91, .24);
    border-top-color: rgba(223, 184, 111, .82);
    border-radius: 50%;
    animation: s15CompareSpin .9s linear infinite;
  }

  html.shop-s1-rework .s15-compare-error {
    margin: 0;
    padding: 11px;
    border: 1px solid rgba(147, 70, 70, .36);
    border-radius: 12px;
    color: #d7a2a1;
    background: rgba(52, 20, 20, .46);
    font-size: 10px;
    line-height: 1.45;
  }
}

@media (max-width: 390px) {
  html.shop-s1-rework .s15-scenario-tab {
    min-height: 58px;
    padding-inline: 5px;
  }
  html.shop-s1-rework .s15-scenario-tab > span { font-size: 10px; }
  html.shop-s1-rework .s15-scenario-tab small { font-size: 7.5px; }
  html.shop-s1-rework .s15-delta-row { gap: 6px; padding-inline: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html.shop-s1-rework .s15-compare-loading > span { animation: none !important; }
}

@keyframes s15CompareSpin { to { transform: rotate(360deg); } }