/* Active WhatMobile interfaces; native document-root URLs and identity retained. */
.wm-xxx-ui {
  --xxx-ink: #182336;
  --xxx-muted: #526077;
  --xxx-blue: #1945a6;
  --xxx-line: #dce3ee;
  --xxx-ground: #f5f7fb;
  color: var(--xxx-ink);
  background: var(--xxx-ground);
  font-size: 16px;
  line-height: 1.5;
  -webkit-tap-highlight-color: rgba(25,69,166,.12);
}
.wm-xxx-ui ::selection { color: #fff; background: var(--xxx-blue); }
.wm-xxx-ui a { text-underline-offset: .2em; }
.wm-xxx-ui :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid #416ad2; outline-offset: 3px; }
.wm-xxx-ui :is(input,textarea) { caret-color: var(--xxx-blue); }
.wm-xxx-ui :is(.form-control,.form-select) { font-size: 16px !important; min-height: 44px; }
.wm-xxx-ui :is(.btn,.page-link,.dropdown-item) { min-height: 44px; }
.wm-xxx-ui .btn-close { min-width: 44px; min-height: 44px; padding: 10px; box-sizing: border-box; }
.wm-xxx-ui .form-check-label { min-height: 44px; display: inline-flex; align-items: center; }
.wm-xxx-ui :is(h1,h2,h3) { overflow-wrap: break-word; }
.wm-xxx-ui section:is(.py-94,.pt-94,.pb-94) { padding-top: 36px !important; padding-bottom: 36px !important; }
.wm-xxx-ui section > .container > h2 { font-size: clamp(24px,2.4vw,32px); line-height: 1.25; letter-spacing: -.025em; gap: 8px; flex-wrap: wrap; }
.wm-xxx-ui section > .container > h2 > a { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px !important; color: var(--xxx-blue) !important; }
.wm-xxx-ui #breadcrumbArea { background: #fff; border-bottom: 1px solid var(--xxx-line); }
.wm-xxx-ui .breadcrumb { margin-bottom: 0; font-size: 14px; row-gap: 4px; }
.wm-xxx-ui .breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.wm-xxx-ui #categoryHeadingArea h1 { font-size: clamp(28px,3vw,40px); line-height: 1.2; letter-spacing: -.025em; }
.wm-xxx-ui :is(#readmore,#productList .card,#detailArea .card,#videoReviewArea .card) { border-radius: 14px; }
.wm-xxx-ui #productList .card-body.maintext h3 { font-size: 16px !important; line-height: 1.35 !important; max-height: none !important; -webkit-line-clamp: unset !important; overflow-wrap: anywhere; }
.wm-xxx-ui #productList .maintext .text-primary { font-size: 18px !important; line-height: 1.35 !important; font-variant-numeric: tabular-nums; }
.wm-xxx-ui #productList .card-body { padding: 16px; }
.wm-xxx-ui #productList .card-body.image a:focus-visible { outline-offset: -3px; }
.wm-xxx-ui #productList .shortDetail li { font-size: 14px; line-height: 1.5; }
.wm-xxx-ui #filter :is(.form-control,.form-select) { border: 1px solid #a4b3ce !important; border-radius: 8px; }
.wm-xxx-ui #filter .offcanvas-title { font-size: 24px; }
.wm-xxx-ui #filter .irs-handle::before { content: ''; position: absolute; inset: -8px; }
.wm-xxx-ui #pagerWrap { border-radius: 0 0 14px 14px; }
.wm-xxx-ui #tabNavBar { overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 6px; scrollbar-width: thin; scrollbar-color: #9cadd0 #e5ebf5; }
.wm-xxx-ui #tabNavBar a { flex: 1 0 auto; width: auto !important; min-height: 44px; white-space: nowrap; font-size: 15px; }
.wm-xxx-ui #tabNavBar a:focus-visible { outline-offset: -3px; }
.wm-xxx-ui #productView .carousel-indicators a { min-width: 44px; min-height: 44px; }
.wm-xxx-ui :is(#intro,.videoreview-intro,#textArea,#bottomTextArea,#pageTextArea) { line-height: 1.65; overflow-wrap: break-word; }
.wm-xxx-ui .specs-detail-grid h5 { font-size: 16px !important; line-height: 1.5; overflow-wrap: anywhere; }
.wm-xxx-ui :is(.table td,.table th) { padding: 14px 12px; vertical-align: top; line-height: 1.5; }
.wm-xxx-ui .table { font-variant-numeric: tabular-nums; }
.wm-xxx-ui .wm-xxx-table-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #9cadd0 #e5ebf5; border-radius: 12px; }
.wm-xxx-ui .wm-xxx-table-scroll table { margin-bottom: 0; }
.wm-xxx-ui #compareArea .compare-sticky-device-price { font-size: 18px !important; line-height: 1.35; font-variant-numeric: tabular-nums; }
.wm-xxx-ui #compareArea :is(.compare-picker-input,.compare-picker-clear) { min-height: 44px; }
.wm-xxx-ui #latestNewsArea .card { border-radius: 12px; overflow: hidden; }
.wm-xxx-ui #latestNewsArea .card h3 { font-size: 18px !important; line-height: 1.4; }
.wm-xxx-ui #latestNewsArea .card-body { padding: 16px; }
.wm-xxx-ui #newsArchivePage { padding: 32px 0 !important; }
.wm-xxx-ui .wm-archive-title { font-size: clamp(28px,3vw,40px); line-height: 1.2; }
.wm-xxx-ui .wm-archive-shell { border-radius: 14px; }
.wm-xxx-ui :is(.wm-archive-day a,.videoreview-upnext-title) { line-height: 1.45; }
.wm-xxx-ui .wm-xxx-skip { position: fixed; top: 8px; left: 12px; z-index: 100000; padding: 12px 16px; border-radius: 8px; background: var(--xxx-blue); color: #fff; transform: translateY(-160%); }
.wm-xxx-ui .wm-xxx-skip:focus { transform: translateY(0); }
@media (max-width: 767px) {
  .wm-xxx-ui .container { padding-left: 16px; padding-right: 16px; }
  .wm-xxx-ui #header { padding: 8px 0 10px !important; }
  .wm-xxx-ui #header.wm-hidden { transform: none !important; }
  .wm-xxx-ui #header.scrolled .me-auto { display: block !important; }
  .wm-xxx-ui #header.scrolled #scrollSearch { width: 100% !important; }
  .wm-xxx-ui #header > .container > .row { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 6px 10px; margin: 0; }
  .wm-xxx-ui #header > .container > .row > div { width: auto; padding: 0; margin: 0 !important; }
  .wm-xxx-ui #header .d-xl-none.col-auto > a { display: inline-grid; place-items: center; width: 44px; height: 44px; }
  .wm-xxx-ui #header .d-xl-none.col-auto .bi { font-size: 26px !important; }
  .wm-xxx-ui #header .me-auto > a { display: flex; align-items: center; min-height: 44px; }
  .wm-xxx-ui #header .me-auto img { width: 250px; max-width: 100%; height: auto; }
  .wm-xxx-ui #header #scrollSearch { grid-column: 1 / -1; display: block !important; }
  .wm-xxx-ui #siteSearchWrap > .d-flex { border-radius: 9px; overflow: hidden; }
  .wm-xxx-ui #siteSearchInput { min-width: 0; min-height: 44px; font-size: 16px !important; padding-left: 12px; }
  .wm-xxx-ui #siteSearchScope { max-width: 76px; padding-left: 8px; font-size: 14px !important; }
  .wm-xxx-ui #siteSearchBtnIcon { min-width: 44px; padding: 8px !important; }
  .wm-xxx-ui #siteSearchBtnAdvanced { font-size: 11px; padding: 8px !important; }
  .wm-xxx-ui #siteSearchDropdown { width: 100% !important; max-width: 100% !important; border-radius: 10px; }
  .wm-xxx-ui #navbarNav { width: min(340px,90vw); }
  .wm-xxx-ui #navbarNav .offcanvas-header img { max-width: 72%; }
  .wm-xxx-ui #navbarNav .nav-link { min-height: 44px; display: flex; align-items: center; }
  .wm-xxx-ui section:is(.py-94,.pt-94,.pb-94) { padding-top: 24px !important; padding-bottom: 24px !important; }
  .wm-xxx-ui :is(#categoryHeadingArea,#filterBtn,#filterResult,#pageTextArea) { padding-top: 24px !important; }
  .wm-xxx-ui #detailArea .card.p-4, .wm-xxx-ui #videoReviewArea .card.p-4 { padding: 16px !important; }
  .wm-xxx-ui #detailArea .card.mt-5 { margin-top: 24px !important; }
  .wm-xxx-ui #productView .hero-img { max-height: 270px; width: auto; object-fit: contain; }
  .wm-xxx-ui #detailArea .text-truncate { white-space: normal; overflow: visible; }
  .wm-xxx-ui #detailArea h1 { font-size: 28px !important; line-height: 1.2; }
  .wm-xxx-ui :is(#detailArea,#videoReviewArea) .card.p-4 > #tabNavBar { margin-left: -16px !important; margin-right: -16px !important; margin-top: -16px !important; }
  .wm-xxx-ui #productList .card-body { padding: 12px; }
  .wm-xxx-ui #productList:not(.list-view) .card-body.image a { padding-top: 12px !important; padding-bottom: 12px !important; margin-top: 12px !important; }
  .wm-xxx-ui #compareArea > .container > .card { padding: 12px !important; }
  .wm-xxx-ui #compareArea .compare-sticky-device-name { overflow-wrap: anywhere; line-height: 1.35; }
  .wm-xxx-ui #newsArchivePage .wm-archive-shell { padding: 20px !important; }
  .wm-xxx-ui #videoReviewArea h1 { font-size: 28px; line-height: 1.2; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-xxx-ui #header { transition: none; }
}

/* Shared reading and control floor, loaded only on verified active interfaces. */
body.wm-xxx-ui .wm-ui-price { font-size: 18px !important; line-height: 1.35; font-variant-numeric: tabular-nums; }
body.wm-xxx-ui :is(main, [role="main"]) { min-width: 0; }
body.wm-xxx-ui :is(button,input,select,textarea,a) { scroll-margin-top: calc(var(--wm-header-h, 0px) + 16px); }
body.wm-xxx-ui :is(.table-responsive,.wm-xxx-table-scroll) { scrollbar-width: thin; scrollbar-color: #667fae #eef2f8; }
body.wm-xxx-ui :is(.form-control,.form-select)::placeholder { color: #596983; opacity: 1; }
body.wm-xxx-ui :is(.btn,.page-link,.nav-link) { touch-action: manipulation; }
body.wm-xxx-ui .wm-footer a { min-height: 44px; display: inline-flex; align-items: center; }
body.wm-xxx-ui.wm-family-contact #feedbackPage { padding: 36px 0; }
body.wm-xxx-ui.wm-family-contact #feedbackPage :is(h1,h2) { line-height: 1.2; letter-spacing: -.025em; }
body.wm-xxx-ui.wm-family-contact #feedbackPage h1 { font-size: clamp(28px,3vw,40px); }
body.wm-xxx-ui.wm-family-contact #feedbackPage :is(input,select,textarea) { font-size: 16px; min-height: 44px; }
body.wm-xxx-ui.wm-family-contact #feedbackPage textarea { min-height: 160px; }
body.wm-xxx-ui.wm-family-contact #feedbackPage :is(.card,.feedback-card) { padding: 24px; }
body.wm-xxx-ui.wm-family-contact #feedbackPage p { max-width: 70ch; line-height: 1.65; overflow-wrap: break-word; }
@media (max-width: 767px) {
 body.wm-xxx-ui.wm-family-contact #feedbackPage { padding: 24px 0; }
 body.wm-xxx-ui.wm-family-contact #feedbackPage :is(.card,.feedback-card) { padding: 16px; }
 body.wm-xxx-ui #siteSearchScope { font-size: 16px !important; }
 body.wm-xxx-ui #navbarNav .dropdown-menu { max-width: 100%; }
}

/* Active buying tools only; dormant entrypoints do not opt into these families. */
body.wm-xxx-ui.wm-family-catalog #wm-main-content > section:not(#breadcrumbArea),
body.wm-xxx-ui.wm-family-search #wm-main-content > section,
body.wm-xxx-ui.wm-family-compare #wm-main-content > section:not(#breadcrumbArea) {
  background: var(--xxx-ground, #f5f7fb) !important;
}
body.wm-xxx-ui.wm-family-catalog .wm-ui-price,
body.wm-xxx-ui.wm-family-search .wm-ui-price,
body.wm-xxx-ui.wm-family-compare .wm-ui-price {
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
body.wm-xxx-ui.wm-family-catalog #productList > div { min-width: 0; }
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) > div { display: flex; }
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .card { height: 100%; border-radius: 12px; }
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .card-body.maintext { display: flex; flex-direction: column; flex: 1; }
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .maintext > :last-child { margin-top: auto; }
body.wm-xxx-ui.wm-family-catalog #productList .card-body.maintext h3 {
  display: block !important;
  min-height: 2.7em;
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .image a { margin-top: 0 !important; padding-top: 44px !important; padding-bottom: 16px !important; }
body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .image img { width: auto; max-width: 100%; height: 160px; object-fit: contain; }
body.wm-xxx-ui.wm-family-catalog #productList .tag { top: 12px !important; left: 12px !important; max-width: calc(100% - 76px); margin: 0 !important; }
body.wm-xxx-ui.wm-family-catalog #productList .tag .badge { white-space: normal; font-size: 12px; line-height: 1.25; }
body.wm-xxx-ui.wm-family-catalog #productList .rating { top: 12px !important; right: 12px !important; margin: 0 !important; }
body.wm-xxx-ui.wm-family-catalog #filter .card-header a { display: flex; align-items: center; min-height: 44px; }
body.wm-xxx-ui.wm-family-catalog #filter .form-check { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 8px; padding-left: 0; }
body.wm-xxx-ui.wm-family-catalog #filter .form-check-input { float: none; margin: 0; width: 20px; height: 20px; }
body.wm-xxx-ui.wm-family-catalog #filter .form-check-label { display: flex; align-items: center !important; min-height: 44px; white-space: normal !important; line-height: 1.4; }
body.wm-xxx-ui.wm-family-catalog #filter .irs-handle::before { content: ''; position: absolute; width: 44px; height: 44px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body.wm-xxx-ui.wm-family-catalog #activeChips a,
body.wm-xxx-ui.wm-family-catalog .btn-ex,
body.wm-xxx-ui.wm-family-catalog .wm-sort-view { min-height: 44px; min-width: 44px; }
body.wm-xxx-ui.wm-family-catalog .btn-ex { display: inline-flex; align-items: center; justify-content: center; }
body.wm-xxx-ui.wm-family-catalog .wm-ui-price-table { overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: #9cadd0 #e5ebf5; }
body.wm-xxx-ui.wm-family-catalog #wmBrandPriceListTable { min-width: 640px; }
body.wm-xxx-ui.wm-family-catalog #wmBrandPriceListTable :is(td, th) { padding: 14px 12px; vertical-align: top; }
body.wm-xxx-ui.wm-family-catalog #wmBrandPriceListTable a { display: inline-flex; align-items: center; min-height: 44px; }
body.wm-xxx-ui.wm-family-catalog #wmBrandPriceListTable .d-none.d-md-table-cell { display: table-cell !important; }
body.wm-xxx-ui.wm-family-search #searchPhonesArea { padding-top: 32px !important; }
body.wm-xxx-ui.wm-family-search #searchNewsArea { padding-bottom: 32px; }
body.wm-xxx-ui.wm-family-search :is(#searchPhonesArea, #searchNewsArea) .card { border-radius: 12px; overflow: hidden; }
body.wm-xxx-ui.wm-family-search #searchPhonesArea .product > a { display: flex; flex-direction: column; height: 100%; }
body.wm-xxx-ui.wm-family-search #searchPhonesArea .product > a > .card-body:last-of-type { flex: 1; }
body.wm-xxx-ui.wm-family-search #searchPhonesArea .wm-search-phone-title { display: block; max-height: none; overflow: visible; -webkit-line-clamp: unset; line-height: 1.35; }
body.wm-xxx-ui.wm-family-search #searchPhonesArea .wm-search-phone-grid > .col { display: block; min-width: 0; }
body.wm-xxx-ui.wm-family-search #searchNewsArea .wm-news-title { display: block; -webkit-line-clamp: unset; overflow: visible; line-height: 1.4; }
body.wm-xxx-ui.wm-family-search #searchNewsArea .card-img { aspect-ratio: 296 / 186; object-fit: cover; }
body.wm-xxx-ui.wm-family-compare .wm-compare-heading { color: var(--xxx-ink, #182336); padding: 0 0 16px; border-bottom: 1px solid var(--xxx-line, #dce3ee); }
body.wm-xxx-ui.wm-family-compare .wm-compare-heading h1 { font-size: clamp(24px, 3vw, 36px) !important; line-height: 1.25; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-compare .compare-card-shell { min-width: 0; border-radius: 12px; }
body.wm-xxx-ui.wm-family-compare .compare-device-name { display: block; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-compare .compare-picker-wrap,
body.wm-xxx-ui.wm-family-compare .compare-picker-form { min-width: 0; }
body.wm-xxx-ui.wm-family-compare .compare-picker-input { font-size: 16px !important; min-height: 44px; min-width: 0; }
body.wm-xxx-ui.wm-family-compare :is(.compare-picker-apply, .compare-picker-close, .compare-picker-item) { min-height: 44px; }
body.wm-xxx-ui.wm-family-compare .compare-picker-close { min-width: 44px; }
body.wm-xxx-ui.wm-family-compare .compare-swap-btn { width: 44px; height: 44px; }
body.wm-xxx-ui.wm-family-compare :is(.compare-card-action, .compare-picker-item, .compare-picker-close):focus-visible { outline: 3px solid #416ad2; outline-offset: -3px; }
body.wm-xxx-ui.wm-family-compare .compare-card-actions { background: #fff; border-color: var(--xxx-line, #dce3ee); }
body.wm-xxx-ui.wm-family-compare .compare-card-action-icon { background: #eaf0fc; box-shadow: none; }
body.wm-xxx-ui.wm-family-compare .compare-card-action-label { white-space: normal; overflow: visible; line-height: 1.35; }
body.wm-xxx-ui.wm-family-compare #compareArea > .container { padding-left: 16px; padding-right: 16px; }
body.wm-xxx-ui.wm-family-compare #compareArea > .container > .card { padding: 16px !important; }
body.wm-xxx-ui.wm-family-compare #compareArea .compare-value { overflow-wrap: anywhere; line-height: 1.5; }
@media (max-width: 1199.98px) {
  body.wm-xxx-ui.wm-family-catalog :is(#filter, #sort) { width: min(400px, 100vw); }
  body.wm-xxx-ui.wm-family-catalog :is(#filter, #sort) .offcanvas-header img { max-width: calc(100% - 64px); height: auto; }
}
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-catalog #contentArea { padding-top: 24px !important; }
  body.wm-xxx-ui.wm-family-catalog #filterResult:not(.d-none) + #contentArea { padding-top: 24px !important; }
  body.wm-xxx-ui.wm-family-catalog #filterBtn .btn-group { padding: 0 !important; background: transparent !important; }
  body.wm-xxx-ui.wm-family-catalog #filterBtn .btn { border-radius: 8px; }
  body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .image img { height: 140px; }
  body.wm-xxx-ui.wm-family-catalog #productList .card-body { padding-left: 12px; padding-right: 12px; }
  body.wm-xxx-ui.wm-family-catalog :is(#categoryHeadingArea, #pageTextArea, #filterResult) .p-4 { padding: 20px !important; border-radius: 12px; }
  body.wm-xxx-ui.wm-family-catalog #productList.list-view .shortDetail li { white-space: normal; overflow: visible; }
  body.wm-xxx-ui.wm-family-search :is(#searchPhonesArea, #searchNewsArea) > .container > :is(.p-3, .p-4) { padding: 0 !important; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea > .container > .bg-white { padding: 20px !important; border-radius: 12px; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea .card-body { padding: 12px; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea .wm-search-phone-media { padding-top: 52px; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea .wm-search-phone-img-wrap { width: 100%; height: 140px; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea img.wm-search-phone-img { width: auto; max-width: 100%; height: 140px; object-fit: contain; transform: none; }
  body.wm-xxx-ui.wm-family-search #searchPhonesArea .product .tag .badge { width: auto; white-space: normal; font-size: 12px; line-height: 1.25; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .wm-compare-device-grid > .wm-compare-phone-slot { display: block !important; width: 100%; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-body { padding: 16px; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-body > .row.g-3 { display: grid; grid-template-columns: 120px minmax(0, 1fr); margin: 0; gap: 12px; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-body > .row.g-3 > .col-12 { width: auto; padding: 0; grid-column: 1 / -1; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-body > .row.g-3 > .col-xl-7 { display: contents; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .col-xl-7 > a { grid-column: 1; padding: 0; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .col-xl-7 > a img { width: 120px !important; max-width: 100%; height: 160px; object-fit: contain; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .col-xl-7 > hr { display: none; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .col-xl-7 > .d-flex { grid-column: 2; min-width: 0; align-self: center; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-shell .tag { position: relative !important; display: block; margin: 0 0 8px !important; }
  body.wm-xxx-ui.wm-family-compare #phonesArea .compare-card-shell .tag .badge { white-space: normal; line-height: 1.3; }
  body.wm-xxx-ui.wm-family-compare .compare-card-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.wm-xxx-ui.wm-family-compare .compare-card-actions--flush { margin-left: 0; margin-right: 0; margin-bottom: 0; border-radius: 8px; }
  body.wm-xxx-ui.wm-family-compare .compare-card-action { padding: 10px; gap: 6px; }
  body.wm-xxx-ui.wm-family-compare .compare-card-action-chevron { display: none; }
  body.wm-xxx-ui.wm-family-compare #compareArea > .container > .card { padding: 0 !important; }
  body.wm-xxx-ui.wm-family-compare #compareArea .wm-compare-spec-slot { display: block !important; width: 33.333333%; min-width: 0; }
  body.wm-xxx-ui.wm-family-compare #compareArea .compare-value { font-size: 18px !important; padding: 12px 8px !important; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .wm-compare-spec-slot { padding: 12px 8px !important; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .wm-compare-spec-slot > .d-flex { flex-direction: column; align-items: flex-start !important; gap: 6px; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .flex-grow-1 { min-width: 0; margin-left: 0 !important; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .compare-sticky-device-name { display: block !important; overflow: visible; -webkit-line-clamp: unset; font-size: 14px !important; line-height: 1.35; overflow-wrap: anywhere; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .compare-sticky-device-price { display: block !important; font-size: 18px !important; line-height: 1.35; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .compare-picker-form { flex-direction: column; }
  body.wm-xxx-ui.wm-family-compare #fixed_navbar .compare-picker-apply { padding-left: 6px !important; padding-right: 6px !important; }
  body.wm-xxx-ui.wm-family-compare .compare-placeholder { min-height: 140px; }
  body.wm-xxx-ui.wm-family-compare .compare-placeholder-image { width: 72px; height: 100px; object-fit: contain; }
}

/* Device reading surfaces. Every rule is restricted to an opted-in family. */
body.wm-xxx-ui.wm-family-specs,
body.wm-xxx-ui.wm-family-opinions,
body.wm-xxx-ui.wm-family-pictures,
body.wm-xxx-ui.wm-family-video-detail {
  --wm-device-ink: #23364a;
  --wm-device-muted: #526478;
  --wm-device-line: #dbe2ea;
}

body.wm-xxx-ui.wm-family-specs #wm-main-content,
body.wm-xxx-ui.wm-family-opinions #wm-main-content,
body.wm-xxx-ui.wm-family-pictures #wm-main-content,
body.wm-xxx-ui.wm-family-video-detail #wm-main-content {
  min-inline-size: 0;
  color: var(--wm-device-ink);
}

body.wm-xxx-ui.wm-family-specs #wm-main-content h1,
body.wm-xxx-ui.wm-family-opinions #wm-main-content h1,
body.wm-xxx-ui.wm-family-pictures #wm-main-content h1,
body.wm-xxx-ui.wm-family-video-detail #wm-main-content h1 {
  font-size: clamp(1.375rem, 1.08rem + 1.15vw, 2rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body.wm-xxx-ui.wm-family-specs #wm-main-content h2,
body.wm-xxx-ui.wm-family-opinions #wm-main-content h2,
body.wm-xxx-ui.wm-family-pictures #wm-main-content h2,
body.wm-xxx-ui.wm-family-video-detail #wm-main-content h2 {
  font-size: clamp(1.125rem, 1rem + .6vw, 1.5rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.wm-xxx-ui.wm-family-specs .wm-ui-price,
body.wm-xxx-ui.wm-family-pictures .wm-ui-price,
body.wm-xxx-ui.wm-family-video-detail .wm-ui-price {
  font-size: clamp(1.125rem, 1rem + .6vw, 1.5rem) !important;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

body.wm-xxx-ui.wm-family-specs #tabNavBar,
body.wm-xxx-ui.wm-family-opinions #tabNavBar,
body.wm-xxx-ui.wm-family-pictures #tabNavBar,
body.wm-xxx-ui.wm-family-video-detail #tabNavBar {
  display: flex;
  flex-wrap: nowrap;
  max-inline-size: 100%;
  margin-inline: 0 !important;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--bs-primary-rgb), .55) #edf2f7;
  scroll-padding-inline: 1rem;
  border-color: var(--wm-device-line) !important;
}

body.wm-xxx-ui.wm-family-specs #tabNavBar > a,
body.wm-xxx-ui.wm-family-opinions #tabNavBar > a,
body.wm-xxx-ui.wm-family-pictures #tabNavBar > a,
body.wm-xxx-ui.wm-family-video-detail #tabNavBar > a {
  flex: 0 0 auto;
  inline-size: auto !important;
  min-block-size: 48px;
  padding: .75rem 1rem !important;
  color: var(--wm-device-ink) !important;
  font-size: 1rem;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

body.wm-xxx-ui.wm-family-specs #tabNavBar > a:hover,
body.wm-xxx-ui.wm-family-opinions #tabNavBar > a:hover,
body.wm-xxx-ui.wm-family-pictures #tabNavBar > a:hover,
body.wm-xxx-ui.wm-family-video-detail #tabNavBar > a:hover {
  background: rgba(var(--bs-primary-rgb), .07);
}

body.wm-xxx-ui.wm-family-opinions #tabNavBar > [aria-current="page"],
body.wm-xxx-ui.wm-family-pictures #tabNavBar > [aria-current="page"],
body.wm-xxx-ui.wm-family-video-detail #tabNavBar > [aria-current="page"] {
  border-bottom-color: rgb(var(--bs-primary-rgb));
  color: rgb(var(--bs-primary-rgb)) !important;
  font-weight: 700;
}

body.wm-xxx-ui.wm-family-specs #wm-main-content :is(a, button, input, textarea, select, [tabindex="0"]):focus-visible,
body.wm-xxx-ui.wm-family-opinions #wm-main-content :is(a, button, input, textarea, select, [tabindex="0"]):focus-visible,
body.wm-xxx-ui.wm-family-pictures #wm-main-content :is(a, button, input, textarea, select, [tabindex="0"]):focus-visible,
body.wm-xxx-ui.wm-family-video-detail #wm-main-content :is(a, button, input, textarea, select, [tabindex="0"]):focus-visible {
  outline: 3px solid rgb(var(--bs-primary-rgb));
  outline-offset: 3px;
}

body.wm-xxx-ui.wm-family-specs #productView .hero-img {
  inline-size: auto;
  max-inline-size: 100%;
  block-size: clamp(220px, 38vw, 360px);
  object-fit: contain;
}

body.wm-xxx-ui.wm-family-specs #productView .carousel-indicators {
  position: static;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding-block: .25rem;
}

body.wm-xxx-ui.wm-family-specs #productView .carousel-indicators > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  inline-size: 52px;
  min-block-size: 52px;
  margin: 0;
  padding: .375rem;
  text-indent: 0;
  background: #fff;
  border: 1px solid var(--wm-device-line);
  border-radius: 12px;
  opacity: 1;
}

body.wm-xxx-ui.wm-family-specs #productView .carousel-indicators > a.active {
  border-color: rgb(var(--bs-primary-rgb));
  background: rgba(var(--bs-primary-rgb), .08);
}

body.wm-xxx-ui.wm-family-specs #productView .carousel-indicators img {
  max-block-size: 44px;
  object-fit: contain;
}

body.wm-xxx-ui.wm-family-specs .wm-gallery-help {
  margin-block-start: 1rem;
  color: var(--wm-device-muted);
  font-size: .875rem;
  line-height: 1.5;
}

body.wm-xxx-ui.wm-family-specs .wm-specifications {
  min-inline-size: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-group {
  margin-block-start: 1.5rem;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-group-title {
  margin: 0;
  padding: .875rem 1rem;
  color: var(--wm-device-ink);
  font-size: 1.125rem;
  font-weight: 700;
  background: rgba(var(--bs-primary-rgb), .1);
}

body.wm-xxx-ui.wm-family-specs .wm-spec-list {
  margin: 0;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-row {
  display: grid;
  grid-template-columns: minmax(7rem, 25%) minmax(0, 1fr);
  border-block-start: 1px solid var(--wm-device-line);
}

body.wm-xxx-ui.wm-family-specs .wm-spec-label,
body.wm-xxx-ui.wm-family-specs .wm-spec-value {
  min-inline-size: 0;
  margin: 0;
  padding: .875rem 1rem;
  font-size: 1rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-label {
  font-weight: 600;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-value {
  font-weight: 400;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-table-scroll {
  max-inline-size: 100%;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.wm-xxx-ui.wm-family-specs .wm-spec-table-scroll table {
  min-inline-size: 34rem;
  margin-block-end: .5rem;
}

body.wm-xxx-ui.wm-family-opinions .wm-opinion-guidance {
  max-inline-size: 68ch;
  color: var(--wm-device-muted);
  font-size: 1rem;
  line-height: 1.65;
}

body.wm-xxx-ui.wm-family-opinions .wm-comment-item {
  padding-block: 1.25rem;
  border-block-start: 1px solid var(--wm-device-line);
}

body.wm-xxx-ui.wm-family-opinions .wm-comment-item > .flex-grow-1 {
  min-inline-size: 0;
}

body.wm-xxx-ui.wm-family-opinions .wm-comment-item h6 {
  flex-wrap: wrap;
  gap: .25rem 1rem;
  line-height: 1.5;
}

body.wm-xxx-ui.wm-family-opinions .wm-comment-item p {
  max-inline-size: 68ch;
  font-size: 1rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

body.wm-xxx-ui.wm-family-opinions .wm-comment-item .opacity-50 {
  color: var(--wm-device-muted);
  opacity: 1 !important;
}

body.wm-xxx-ui.wm-family-opinions .pagination {
  max-inline-size: 100%;
  padding: .25rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.wm-xxx-ui.wm-family-opinions .pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 44px;
  min-block-size: 44px;
}

body.wm-xxx-ui.wm-family-specs .wm-comments-widget :is(input, select, textarea),
body.wm-xxx-ui.wm-family-opinions .wm-comments-widget :is(input, select, textarea) {
  min-block-size: 44px;
  font-size: 1rem;
  line-height: 1.5;
  caret-color: rgb(var(--bs-primary-rgb));
}

body.wm-xxx-ui.wm-family-specs .wm-comments-widget :is(.btn, .wmc-google-btn),
body.wm-xxx-ui.wm-family-opinions .wm-comments-widget :is(.btn, .wmc-google-btn) {
  min-block-size: 44px;
  padding: .625rem .875rem !important;
  white-space: normal;
}

body.wm-xxx-ui.wm-family-specs .wm-comments-widget button:disabled,
body.wm-xxx-ui.wm-family-opinions .wm-comments-widget button:disabled {
  cursor: not-allowed;
}

body.wm-xxx-ui.wm-family-specs .wm-comments-widget [data-role="status"],
body.wm-xxx-ui.wm-family-opinions .wm-comments-widget [data-role="status"] {
  line-height: 1.6;
  overflow-wrap: anywhere;
}

body.wm-xxx-ui.wm-family-specs .wm-comments-widget [data-role="recaptcha"],
body.wm-xxx-ui.wm-family-opinions .wm-comments-widget [data-role="recaptcha"] {
  max-inline-size: 100%;
  padding-block: .25rem;
  overflow-x: auto;
}

body.wm-xxx-ui.wm-family-pictures .pictures-device-thumb img,
body.wm-xxx-ui.wm-family-opinions #phone img {
  max-block-size: 140px;
  object-fit: contain;
}

body.wm-xxx-ui.wm-family-pictures .pictures-gallery-card .card-body {
  padding: clamp(1rem, 3vw, 2rem);
}

body.wm-xxx-ui.wm-family-pictures .pictures-gallery-frame {
  min-inline-size: 0;
  inline-size: 100%;
  overflow: hidden;
}

body.wm-xxx-ui.wm-family-pictures .pictures-gallery-frame img {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: min(70svh, 680px);
  margin-inline: auto;
  object-fit: contain;
}

body.wm-xxx-ui.wm-family-pictures .pictures-gallery-note {
  color: var(--wm-device-muted);
  line-height: 1.6;
}

body.wm-xxx-ui.wm-family-video-detail .videoreview-video-card .card-body,
body.wm-xxx-ui.wm-family-video-detail .videoreview-content-card .card-body {
  padding: clamp(1rem, 2.5vw, 2rem);
}

body.wm-xxx-ui.wm-family-video-detail .videoreview-frame {
  max-inline-size: 100%;
  overflow: hidden;
}

body.wm-xxx-ui.wm-family-video-detail .videoreview-upnext-thumb {
  max-inline-size: 100%;
  object-fit: contain;
}

body.wm-xxx-ui.wm-family-video-detail .videoreview-upnext-title {
  font-size: 1.125rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-specs #detailArea,
  body.wm-xxx-ui.wm-family-specs #reviewArea,
  body.wm-xxx-ui.wm-family-opinions #tabArea,
  body.wm-xxx-ui.wm-family-pictures #tabArea,
  body.wm-xxx-ui.wm-family-video-detail #videoReviewArea {
    padding-block: 1.5rem !important;
  }

  body.wm-xxx-ui.wm-family-specs #wm-main-content .pb-94,
  body.wm-xxx-ui.wm-family-opinions #wm-main-content .pb-94,
  body.wm-xxx-ui.wm-family-pictures #wm-main-content .pb-94,
  body.wm-xxx-ui.wm-family-video-detail #wm-main-content .pb-94 {
    padding-block-end: 1.5rem !important;
  }

  body.wm-xxx-ui.wm-family-specs #detailArea .p-4,
  body.wm-xxx-ui.wm-family-opinions #tabArea .p-4 {
    padding: 1rem !important;
  }

  body.wm-xxx-ui.wm-family-specs .wm-spec-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
  }

  body.wm-xxx-ui.wm-family-specs .wm-spec-label,
  body.wm-xxx-ui.wm-family-specs .wm-spec-value {
    padding: .75rem .625rem;
  }

  body.wm-xxx-ui.wm-family-specs .wm-specifications {
    padding: 0 !important;
  }

  body.wm-xxx-ui.wm-family-specs #wm-specifications-title {
    padding: 1rem 1rem 0;
  }

  body.wm-xxx-ui.wm-family-specs .wm-specifications > p {
    padding: 0 1rem 1rem;
    line-height: 1.65;
  }

  body.wm-xxx-ui.wm-family-specs .wm-comments-widget .wmc-head-row,
  body.wm-xxx-ui.wm-family-opinions .wm-comments-widget .wmc-head-row {
    flex-wrap: wrap;
    gap: 1rem;
  }

  body.wm-xxx-ui.wm-family-specs .wm-comments-widget :is(.wmc-head, .wmc-body),
  body.wm-xxx-ui.wm-family-opinions .wm-comments-widget :is(.wmc-head, .wmc-body) {
    padding: 1rem;
  }

  body.wm-xxx-ui.wm-family-opinions .wm-comment-item {
    gap: .75rem;
  }

  body.wm-xxx-ui.wm-family-opinions .wm-comment-item > .flex-grow-1 {
    margin-inline-start: 0 !important;
  }

  body.wm-xxx-ui.wm-family-opinions .wm-comment-item h6 .ms-auto {
    flex-basis: 100%;
    margin-inline-start: 0 !important;
  }

  body.wm-xxx-ui.wm-family-pictures #phone a,
  body.wm-xxx-ui.wm-family-opinions #phone a {
    display: inline-flex;
    align-items: center;
    min-block-size: 44px;
  }
}

/* Corrections from the bounded desktop/mobile acceptance review. */
body.wm-xxx-ui.wm-family-search #searchPhonesArea .wm-search-phone-media { padding-top: 52px !important; }
body.wm-xxx-ui.wm-family-compare #phonesArea .wm-ui-price { font-size: 18px !important; }
body.wm-xxx-ui.wm-family-admin #wm-home-admin .table .form-check-label { white-space: nowrap; overflow-wrap: normal; }
@media (max-width: 1199.98px) {
  body.wm-xxx-ui.wm-family-catalog #wmBrandCompare { position: static; align-self: flex-end; margin: 0 0 16px; }
}
@media (max-width: 360px) {
  body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .tag { max-width: calc(100% - 24px); }
  body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .rating { top: 42px !important; }
  body.wm-xxx-ui.wm-family-catalog #productList:not(.list-view) .image a { padding-top: 76px !important; }
}