/* Critical mobile UX fixes, added after the legacy bundled stylesheet. */
.priceTable {
  display: none;
}

.priceTable.is-active {
  display: flex;
}

.priceAnchors__main {
  max-height: 55vh;
  overflow-y: auto;
}

.priceAnchors__main .tag {
  display: block;
  margin: 0 0 6px;
  padding: 8px 10px;
  line-height: 1.35;
}

.tabs__content > li > table,
.news-detail > table {
  display: block;
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* PV product mobile prices: independent of the general price-category switcher. */
body:has(.pv-product-content) .tabs__content .tableWrap.priceTable {display:block; width:100%; max-width:100%; box-sizing:border-box;}
body:has(.pv-product-content) .priceTable table,
body:has(.pv-product-content) .priceTable tbody {display:block; width:100%; min-width:0;}
body:has(.pv-product-content) .priceTable thead {display:none;}
body:has(.pv-product-content) .priceTable tr {display:block; padding:16px 12px; border:1px solid #efebeb; margin-bottom:12px; box-sizing:border-box;}
body:has(.pv-product-content) .priceTable td {display:block; width:auto!important; padding:0!important; border:0; text-align:left; white-space:normal;}
body:has(.pv-product-content) .priceTable td:first-child,
body:has(.pv-product-content) .priceTable td:last-child {display:none;}
body:has(.pv-product-content) .priceTable .priceButtons {display:flex; flex-wrap:wrap; align-items:center; gap:12px; width:auto; height:auto; padding-top:12px; overflow:visible;}
body:has(.pv-product-content) .priceTable .priceButtons__width {display:block; font-weight:700; white-space:nowrap;}
body:has(.pv-product-content) .priceTable .priceButtons__move {display:block; position:static; transform:none!important; width:auto; height:auto;}
body:has(.pv-product-content) .priceTable .priceButtons__price {display:none;}
body:has(.pv-product-content) .priceTable .button {display:inline-block; width:auto; white-space:nowrap;}

body:has(.pv-product-content) .priceTable tbody tr {height:auto!important; min-height:0; overflow:visible;}
body:has(.pv-product-content) .priceTable tbody td {height:auto!important; min-height:0;}
body:has(.pv-product-content) .tabs .tabs__list {flex-direction:row!important; width:max-content!important;}
body:has(.pv-product-content) .tabs .tabs__list>li {width:150px!important; flex:0 0 150px!important;}
body:has(.pv-product-content) .tabs .tabs__linkWrap {overflow-x:auto!important; max-width:100%;}
