/* TAIF V5 — Price Screen Mobile Top Strip V18
   Very subtle refinement from V17:
   keep code/name section as-is,
   make counterpart section slightly smaller,
   and give that tiny extra width to the USD section. */

.price-screen__mobile-head{
  display:none;
}

@media (max-width: 860px){
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head{
    display:grid !important;
    grid-template-columns:minmax(0,.99fr) minmax(0,1.49fr) minmax(0,1.45fr) !important;
    align-items:stretch !important;
    gap:1px !important;
    margin:0 0 4px !important;
    padding:0 !important;
    background:#cfd4dc !important;
    border:1px solid rgba(148,163,184,.38) !important;
    border-radius:8px !important;
    overflow:hidden !important;
    box-shadow:0 1px 0 rgba(255,255,255,.55) inset !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell{
    min-width:0 !important;
    min-height:34px !important;
    padding:6px 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:#e5e7eb !important;
    color:#475569 !important;
    font:800 9.6px/1.18 var(--taif-font-family) !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--identity{
    font-size:9.4px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--counterpart{
    font-size:9.25px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--usd{
    font-size:9.4px !important;
  }
}

@media (max-width: 430px){
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.42fr) minmax(0,1.41fr) !important;
    margin:0 0 4px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell{
    min-height:32px !important;
    padding:5px 4px !important;
    font-size:8.8px !important;
    line-height:1.15 !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--identity{
    font-size:8.6px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--counterpart{
    font-size:8.45px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__mobile-head-cell--usd{
    font-size:8.55px !important;
  }
}