/* HPV26.10 – four genuine sorting options, non-crowded mobile comparison. */
.hpc-app .hpt210-sort-bar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.hpc-app .hpt210-sort-label{display:inline-flex;align-items:center;flex:0 0 auto;font-size:11px;line-height:1.2;letter-spacing:.035em;text-transform:uppercase;font-weight:650;color:#60738e;margin-right:3px}
.hpc-app .hpt210-sort-bar>.hpc-sort{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto;white-space:nowrap!important;min-height:38px!important;padding:0 14px!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;line-height:1.2!important;box-sizing:border-box!important}
.hpc-app .hpt210-sort-bar>.hpc-sort i{font-size:12px;opacity:.88}
.hpc-app .hpt210-sort-bar>.hpc-sort:focus-visible{outline:2px solid #0b7dfa!important;outline-offset:3px!important}
html[data-hpt-theme="dark"] .hpc-app .hpt210-sort-label{color:#b8cee6!important}
/* The compare page has its own form. Hide global CTA as a defensive fallback for custom templates. */
.hpc-app:has(.hpt239-duel) #hpc-sticky-compare,
.hpc-app:has(.hpt239-duel) .hpt-action-dock>.hpc-go-compare{display:none!important}
@media(max-width:800px){
 /* Keeps four choices on one horizontal scroll track on phones. */
 .hpc-app .hpt210-sort-bar{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;max-width:100%!important;width:100%!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-x:contain;scroll-snap-type:none;-webkit-overflow-scrolling:touch;padding:10px!important}
 .hpc-app .hpt210-sort-bar::-webkit-scrollbar{display:none!important}
 .hpc-app .hpt210-sort-bar>.hpc-sort{flex:0 0 auto!important;scroll-snap-align:start;min-height:38px!important;padding:0 12px!important;font-size:12px!important}
 .hpc-app .hpt210-sort-label{position:static!important;left:auto!important;z-index:auto!important;background:transparent!important;flex:0 0 auto;padding:0 5px 0 0;margin-right:1px;white-space:nowrap;font-size:10px}
 .hpc-app .hpt239-duel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
 .hpc-app .hpt239-duel-hero{min-width:0!important}
 /* One selector per row, no two 120px dropdowns packed side-by-side. */
 .hpc-app .hpt239-duel-picker{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;margin:0 0 15px!important;box-sizing:border-box!important;border-radius:10px!important}
 .hpc-app .hpt239-duel-picker>label{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 .hpc-app .hpt239-duel-picker>label>small{display:block!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important}
 .hpc-app .hpt239-duel-picker select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;height:48px!important;line-height:1.3!important;padding:0 11px!important;font-size:14px!important;font-weight:500!important;box-sizing:border-box!important;border-radius:8px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .hpc-app .hpt239-duel-picker>.hpt239-duel-swap{display:grid!important;place-items:center!important;justify-self:center!important;align-self:center!important;grid-column:1!important;width:42px!important;height:36px!important;min-width:42px!important;min-height:36px!important;transform:rotate(90deg)!important;margin:-2px 0!important;border-radius:8px!important}
 .hpc-app .hpt239-duel-picker>.hpt239-duel-submit{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-height:44px!important;padding:10px 14px!important;margin:0!important;font-size:13px!important;border-radius:8px!important;box-sizing:border-box!important}
 /* Every selected package gets its own full-width card. */
 .hpc-app .hpt239-duel-products{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important;max-width:100%!important;width:100%!important;margin:0 0 16px!important}
 .hpc-app .hpt239-duel-product{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px!important;border-radius:10px!important;box-sizing:border-box!important;overflow:hidden!important}
 .hpc-app .hpt239-duel-product-header{display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-width:0!important;max-width:100%!important;flex-wrap:nowrap!important}
 .hpc-app .hpt239-duel-product-logo{grid-column:1!important;flex:none!important;width:60px!important;height:57px!important;min-width:0!important;max-width:60px!important;padding:5px!important;box-sizing:border-box!important}
 .hpc-app .hpt239-duel-product-header>div:nth-child(2){grid-column:2!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:100%!important;flex:initial!important;gap:4px!important}
 .hpc-app .hpt239-duel-product-header strong{display:block!important;font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-duel-product-header small{display:block!important;font-size:11px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-duel-product-best{grid-column:1/-1!important;grid-row:auto!important;justify-self:start!important;margin:0!important;max-width:100%!important}
 .hpc-app .hpt239-duel-product-bottom{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:9px!important;margin-left:0!important;padding-top:9px!important;border-top:1px solid #deebf7!important;min-width:0!important;max-width:100%!important}
 .hpc-app .hpt239-duel-product-price,.hpc-app .hpt239-duel-product-price .hpc-convert-price{font-size:18px!important;line-height:1.3!important;font-weight:650!important}
 .hpc-app .hpt239-duel-vs{display:none!important}
 .hpc-app .hpt239-duel-table{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
 .hpc-app .hpt239-duel-result{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media(max-width:550px){
 /* Small screens: one full-width value per provider so words and numbers never collide. */
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-label{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-height:38px!important;padding:9px 13px!important;box-sizing:border-box!important;font-size:12px!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-value{grid-column:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px 12px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:51px!important;padding:11px 13px!important;border-right:0!important;border-left:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.4!important;text-align:left!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-value:nth-child(2){grid-column:1!important;grid-row:2!important;border-bottom:1px solid #e0eaf6!important;border-right:0!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-value:nth-child(4){grid-column:1!important;grid-row:3!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-value::before{content:attr(data-provider)!important;display:inline-block!important;flex:0 1 44%!important;width:auto!important;max-width:100%!important;margin:0!important;font-size:11px!important;line-height:1.35!important;font-weight:600!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-condition{display:none!important}
 .hpc-app .hpt239-duel-result-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;min-width:0!important}
 .hpc-app .hpt239-duel-result-actions .hpc-button{min-height:42px!important;width:100%!important;font-size:12px!important;line-height:1.4!important}
 .hpc-app .hpt239-total-row{grid-template-columns:minmax(0,1fr)!important}
}
html[data-hpt-theme="dark"] .hpc-app .hpt239-duel-product-bottom{border-top-color:#35516f!important}
html[data-hpt-theme="dark"] .hpc-app .hpt239-duel-row:not(.hpt239-duel-thead)>span.hpt239-duel-value:nth-child(2){border-bottom-color:#35516f!important}

/* HPV26.11: descriptive discrepancies are not equal and not speculative wins. */
.hpc-app .hpt239-duel-row .hpt239-duel-value.is-different{background:#eaf2ff!important;color:#174b87!important}
html[data-hpt-theme="dark"] .hpc-app .hpt239-duel-row .hpt239-duel-value.is-different{background:#254565!important;color:#ebf5ff!important}
.hpc-app .hpt239-duel-legend{gap:12px;flex-wrap:wrap}
.hpc-app .hpt239-duel-result-text{min-width:0}