/* V261: Only mobile sizing. Keep the existing colours, typefaces and desktop layout. */
@media (max-width:700px) {
  html:has(>body.brand-chat-route), body.brand-chat-route { overflow:hidden!important; }
  body>header {
    grid-template-columns:minmax(88px,112px) minmax(0,1fr)!important;
    grid-template-rows:minmax(46px,auto) 42px!important;
    height:auto!important;
    max-height:none!important;
  }
  body>header .logo { width:100%!important; max-width:112px!important; }
  body>header .logo img { max-width:100%!important; }
  body>header .header-actions {
    flex-wrap:wrap!important;
    flex-direction:row!important;
    height:auto!important;
    min-height:46px!important;
    overflow:visible!important;
  }
  body>header .v22354-header-search input { font-size:16px!important; }

  #app .compare-page-head-v23729,
  #app .v216-mobile-brands-head {
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
  }
  #app .compare-page-head-v23729>*,
  #app .v216-mobile-brands-head>* {
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
  }
  #app .section-heading,
  #app .panel-heading,
  #app .package-heading {
    min-width:0!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  #app .section-heading>*, #app .panel-heading>* { min-width:0; max-width:100%; }
  #app .v210-package-panel .table-wrap {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  #app .v210-package-panel .v210-price-table {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
  #app .v210-price-table thead { display:none!important; }
  #app .v210-price-table tbody { display:grid!important; width:100%; min-width:0; gap:10px; }
  #app .v210-price-table tbody tr { display:grid!important; width:100%; min-width:0; max-width:100%; padding:12px; }
  #app .v210-price-table tbody td {
    display:grid!important;
    grid-template-columns:minmax(94px,.85fr) minmax(0,1.15fr)!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    gap:6px 10px;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  #app .v210-price-table tbody td::before { content:attr(data-label); text-align:left; }
  #app .v210-price-table tbody td:first-child { display:block!important; }
  #app .v210-price-table tbody td:first-child::before { display:none!important; }
  #app .v210-price-table tbody td>br { display:none; }
  #app .v210-price-table tbody td>small { grid-column:2; }
  #app .v210-price-table .package-identity { min-width:0; width:100%; gap:10px; }
  #app .v210-price-table .package-identity>div { min-width:0; }
  #app .v210-price-table .package-thumb { width:58px; flex:0 0 58px; max-width:58px; }
  #app .v210-price-table tbody td:last-child { grid-template-columns:minmax(0,1fr)!important; }
  #app .v210-price-table .price-history-button {
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  #price-history-dialog.price-history-dialog {
    box-sizing:border-box!important;
    width:calc(100% - 16px)!important;
    min-width:0!important;
    max-width:calc(100% - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:auto!important;
    overflow-y:auto!important;
  }
  #price-history-content { box-sizing:border-box; width:100%; min-width:0; padding:16px!important; }
  #price-history-content .history-modal-head { display:block; padding-right:0; min-width:0; }
  #price-history-content .history-modal-head h2 { padding-right:44px; overflow-wrap:break-word; }
  #price-history-content .history-modal-head label { margin-top:14px; }
  #price-history-content .history-modal-head select { min-width:0!important; width:100%!important; max-width:100%!important; font-size:16px; }
  #price-history-content .price-history-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:14px 0; }
  #price-history-content .price-history-summary>div { min-width:0; padding:12px; }
  #price-history-content .price-history-summary>div:last-child { grid-column:1/-1; }
  #price-history-content .price-history-summary strong { font-size:18px; overflow-wrap:anywhere; }
  #price-history-content .history-canvas-scroll { min-width:0; max-width:100%; }
  #price-history-content .price-history-timeline li { min-width:0; grid-template-columns:85px minmax(0,1fr); }
  #price-history-content .price-history-timeline li>* { min-width:0; overflow-wrap:anywhere; }
  #app .compare-controls, #app .compare-actions, #app .comment-form { min-width:0; }
  #app .compare-actions .btn, #app .comment-form .btn { min-width:0; max-width:100%; white-space:normal; }
  #app input:not([type=checkbox]):not([type=radio]), #app textarea, #app select,
  .brand-chat-page input:not([type=checkbox]):not([type=radio]), .brand-chat-page textarea, .brand-chat-page select {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
  }
  .brand-chat-page, .brand-chat-main, .brand-chat-compose, .brand-chat-message-body { min-width:0; max-width:100%; }
  .brand-chat-page .brand-chat-main>.brand-chat-search::before { inset:0!important; }
  .brand-chat-page .brand-chat-room-toolbar { flex-wrap:wrap; }
  .brand-chat-page .brand-chat-message-body header { position:static!important; min-height:0!important; padding:0!important; gap:8px; }
  .brand-chat-page .brand-chat-compose>div { min-width:0; grid-template-columns:minmax(0,1fr)!important; }
  .brand-chat-page .brand-chat-compose input, .brand-chat-page .brand-chat-compose textarea { width:100%; }
}