/* 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 #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 #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; }
@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; }
}

/* 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-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; }
}

/* Public breadcrumbs share one aligned row; long trails scroll inside the row. */
body.wm-xxx-ui:not(.wm-family-admin) .breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  row-gap: 0;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #667fae #eef2f8;
}
body.wm-xxx-ui:not(.wm-family-admin) .breadcrumb > .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  line-height: 1.5;
}
body.wm-xxx-ui:not(.wm-family-admin) .breadcrumb > .breadcrumb-item::before {
  float: none;
  flex: 0 0 auto;
  line-height: inherit;
}
body.wm-xxx-ui:not(.wm-family-admin) .breadcrumb a:focus-visible {
  outline-offset: -3px;
}

/* Leave native round/teardrop artwork and slider geometry intact.
   IonRangeSlider's existing empty child supplies the invisible touch area. */
body.wm-xxx-ui.wm-family-catalog #filter .irs--round .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* One search field, with the existing controller and search button retained. */
body.wm-xxx-ui.wm-family-catalog #filter .offcanvas-body > .input-group {
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #8291ac;
  border-radius: 8px;
  overflow: hidden;
}
body.wm-xxx-ui.wm-family-catalog #filter #filterText {
  min-width: 0;
  height: 48px;
  min-height: 48px;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0;
}
body.wm-xxx-ui.wm-family-catalog #filter #filterTextBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 48px;
  border: 0 !important;
  border-radius: 0;
}
body.wm-xxx-ui.wm-family-catalog #filter .offcanvas-body > .input-group:focus-within {
  outline: 3px solid #416ad2;
  outline-offset: 2px;
}
body.wm-xxx-ui.wm-family-catalog #filter :is(#filterText, #filterTextBtn):focus {
  outline: none;
  box-shadow: none;
}

/* Desktop filters are denser; coarse-pointer layouts retain touch spacing. */
@media (min-width: 1200px) {
  /* Match the adjacent 60px results toolbar, so the first cards align. */
  body.wm-xxx-ui.wm-family-catalog #filter #filterText {
    height: 58px;
    min-height: 58px;
  }
  body.wm-xxx-ui.wm-family-catalog #filter #filterTextBtn {
    min-height: 58px;
  }
  body.wm-xxx-ui.wm-family-catalog #filter .card-header a[data-bs-toggle="collapse"] {
    min-height: 36px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  body.wm-xxx-ui.wm-family-catalog #filter .form-check-label {
    min-height: 28px;
  }
  body.wm-xxx-ui.wm-family-catalog #filter .nav.min-height-scroll {
    row-gap: 4px !important;
  }
  body.wm-xxx-ui.wm-family-catalog #filter :is(#minPrice, #maxPrice) {
    min-height: 40px;
  }
}

@media (min-width: 1200px) and (pointer: coarse) {
  body.wm-xxx-ui.wm-family-catalog #filter .card-header a[data-bs-toggle="collapse"] {
    min-height: 44px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  body.wm-xxx-ui.wm-family-catalog #filter .form-check-label {
    min-height: 44px;
  }
  body.wm-xxx-ui.wm-family-catalog #filter .nav.min-height-scroll {
    row-gap: 8px !important;
  }
  body.wm-xxx-ui.wm-family-catalog #filter :is(#minPrice, #maxPrice) {
    min-height: 44px;
  }
}

/* Shared listing UI: approved Finder identity and original X Compare placement. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #contentArea { padding-block: 24px 36px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; margin-bottom: 16px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-heading h1 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmBrandCompare { position: static; inset: auto; margin: 0; flex: 0 0 auto; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmBrandCompare button { min-height: 44px; color: var(--xxx-ink); font-size: 15px; gap: 8px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-workspace { display: grid; grid-template-columns: minmax(260px,300px) minmax(0,1fr); gap: 24px; margin: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-workspace > div { width: auto; min-width: 0; padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search { display: flex; flex-wrap: nowrap; height: 60px; border: 1px solid #8295b5; border-radius: 8px !important; margin-bottom: 24px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search #filterText { min-width: 0; height: 100%; padding: 12px; border: 0 !important; border-radius: 8px 0 0 8px; box-shadow: none; font-size: 16px !important; color: var(--xxx-ink); background: transparent; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search #filterText::placeholder { color: var(--xxx-muted); opacity: 1; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search #filterTextBtn { flex: 0 0 48px; min-width: 48px; padding: 0; border-radius: 0 8px 8px 0; color: var(--xxx-ink); background: transparent; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search:focus-within { outline: 3px solid #416ad2; outline-offset: 2px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search :is(input,button):focus { outline: none; box-shadow: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-toolbar { display: flex; align-items: center; gap: 16px; min-height: 60px; padding: 7px 12px; margin-bottom: 24px; border: 1px solid var(--xxx-line); border-radius: 8px !important; background: #fff; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views { display: flex; flex: 0 0 auto; align-items: center; width: auto; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex { width: 44px; height: 44px; min-height: 44px; padding: 0 !important; font-size: 22px !important; line-height: 1; border-radius: 6px; color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex.disabled { opacity: 1; color: var(--xxx-blue); background: #edf2fc; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-sort { width: auto; margin-inline: auto; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-sort label { color: var(--xxx-muted); white-space: nowrap; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #sortSelect { max-width: 220px; border: 1px solid #a4b3ce; border-radius: 8px !important; color: var(--xxx-ink); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count { flex: 0 1 auto; width: auto; color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count p { text-align: end; font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-compare-slot { display: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter { background: transparent; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .offcanvas-body { padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .offcanvas-body > .card { border: 1px solid var(--xxx-line) !important; border-radius: 14px; background: #fff; box-shadow: none; margin-top: 16px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .offcanvas-body > .card:first-of-type { margin-top: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-header { background: transparent; padding: 0 16px; border-bottom: 1px solid var(--xxx-line); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-header a[data-bs-toggle="collapse"] { min-height: 44px; padding-block: 8px !important; color: var(--xxx-ink) !important; font-size: 15px; line-height: 1.4; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-body { padding: 16px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-body > .card-header { width: 100% !important; padding-inline: 0; margin-top: 12px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-body > .card-header:first-child { margin-top: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-body > .collapse > .card-body { padding: 12px 0 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check { column-gap: 8px; margin-bottom: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check-label { min-height: 28px; color: var(--xxx-muted) !important; --bs-text-opacity: 1; font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check-input { border-color: #8295b5; cursor: pointer; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check-input:checked { background-color: var(--xxx-blue); border-color: var(--xxx-blue); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check-label > .border { font-size: 12px; border-color: var(--xxx-line) !important; color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .nav.min-height-scroll { max-height: 140px; gap: 0 !important; padding-inline-end: 4px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8295b5 #edf2fa; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .nav.min-height-scroll > li { flex-shrink: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter :is(#minPrice,#maxPrice) { min-height: 44px; width: 100%; color: var(--xxx-ink); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .irs-min, body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .irs-max { color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-filter-footer { display: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filterResult { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 16px; padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #activeChips { min-width: 0; flex: 1; gap: 8px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #activeChips a { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; border-radius: 8px !important; white-space: normal; text-align: start; font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-reset { flex: 0 0 auto; padding: 8px; color: var(--xxx-blue); font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback { margin: 0 0 12px; color: var(--xxx-muted); font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback[hidden], body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback button[hidden] { display: none !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderStatus { margin: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback[data-state="error"] { padding: 16px; border: 1px solid var(--xxx-line); border-radius: 12px; background: #fff; color: var(--xxx-ink); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback[data-state="error"] button { margin-top: 12px; margin-inline-end: 8px; border-radius: 8px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin: 0 0 24px; --bs-gutter-x: 0; --bs-gutter-y: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList > div { display: flex; width: 100%; min-width: 0; margin: 0; padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList > .col-12 { grid-column: 1 / -1; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card { display: flex; flex-direction: column; height: 100%; min-width: 0; padding: 0; border: 1px solid var(--xxx-line) !important; border-radius: 14px !important; background: #fff; box-shadow: none !important; transform: none !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card:hover { border-color: #a4b3ce !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card.wm-finder-selected { border-color: var(--xxx-blue) !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-finder-card-flags { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px 8px; min-height: 24px; padding: 12px 12px 0; box-sizing: content-box; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList :is(.tag,.rating) { position: static !important; inset: auto !important; max-width: none !important; margin: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .tag { flex: 1 1 auto; min-width: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .tag .badge { max-width: 100%; white-space: normal; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .rating { display: block; margin-inline-start: auto !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .rating .badge { white-space: nowrap; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card-body.image { flex: 0 0 auto; padding: 0 16px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList:not(.list-view) .image a { display: flex !important; align-items: center; justify-content: center; min-height: 184px; margin: 0 !important; padding: 12px 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .image img { width: auto; max-width: 100%; height: 160px; object-fit: contain; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .image picture { display: block; max-width: 100%; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .image img[hidden] { display: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-finder-image-missing { display: flex; align-items: center; justify-content: center; min-height: 140px; color: var(--xxx-muted); font-size: 14px; text-align: center; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card-body.maintext { display: flex; flex: 1; flex-direction: column; padding: 16px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext > .mb-2 { display: flex; flex: 1; flex-direction: column; margin-bottom: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext > .mb-2 > a { display: flex; flex: 1; flex-direction: column; gap: 12px; text-align: start !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext h3 { min-height: 2.7em; margin: 0 !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 600 !important; color: var(--xxx-ink) !important; overflow: visible !important; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext h4 { margin-top: auto !important; margin-bottom: 0 !important; color: var(--xxx-blue) !important; font-size: 18px !important; line-height: 1.35; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext > .wm-compare-card { margin-top: 12px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-compare-card { display: block; width: 100%; min-height: 44px; padding: 8px 12px; border: 1px solid var(--xxx-blue); border-radius: 8px !important; background: #fff; color: var(--xxx-blue); font: inherit; font-size: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-compare-card.wm-compare-added { background: var(--xxx-blue); color: #fff; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-empty { width: 100%; padding: 32px 20px; text-align: center; border: 1px solid var(--xxx-line); border-radius: 14px; background: #fff; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-empty h2 { font-size: 22px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-empty p { color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-empty .btn { border-radius: 8px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #pagerWrap { display: block; margin-top: 0 !important; padding: 12px !important; border: 1px solid var(--xxx-line); border-radius: 14px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #pagerWrap .pagination { flex-wrap: wrap; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #pagerWrap .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border-radius: 8px !important; color: var(--xxx-blue); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #pagerWrap .page-link.active { color: #fff; background: var(--xxx-blue); border-color: var(--xxx-blue); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray { border-top: 1px solid var(--xxx-line); box-shadow: none; color: var(--xxx-ink); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray .wm-compare-selected button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 4px; border-radius: 8px !important; color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray [data-compare-go] { min-height: 48px; border-radius: 8px !important; background: var(--xxx-blue); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui.wm-finder-drawer-open #wmCompareTray { visibility: hidden; pointer-events: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #sort .card { border: 1px solid var(--xxx-line) !important; border-radius: 14px; box-shadow: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #sort :is(.btn,.wm-sort-view) { border-radius: 8px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #sort .form-check-label { color: var(--xxx-ink) !important; --bs-text-opacity: 1; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea { padding-top: 24px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .card { border: 1px solid var(--xxx-line); border-radius: 14px; box-shadow: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .owl-item .card + .card { margin-top: 24px; }
@media (max-width: 1199.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #contentArea { padding-top: 24px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-heading h1 { font-size: 24px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-workspace { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search { height: 50px; margin-bottom: 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-mobile-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-mobile-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 12px; border-radius: 8px !important; font-weight: 600; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-toolbar { min-height: 44px; padding: 0; margin-bottom: 16px; border: 0; border-radius: 0; background: transparent; gap: 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views, body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-sort { display: none; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count { flex: 1; text-align: start !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count p { text-align: start; font-size: 13px; line-height: 1.4; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-compare-slot { display: block; flex: 0 0 auto; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmBrandCompare { margin: 0; align-self: auto; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmBrandCompare button { font-size: 14px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui :is(#filter,#sort) { width: min(400px,100vw); background: var(--xxx-ground); }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui :is(#filter,#sort) .offcanvas-header { flex: 0 0 auto; padding: 12px 16px; gap: 12px; background: var(--xxx-blue) !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui :is(#filter,#sort) .offcanvas-header h2 { margin: 0; font-size: 22px; font-weight: 600; color: #fff; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui :is(#filter,#sort) .offcanvas-header .btn-close { margin-inline-start: auto; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .offcanvas-body { padding: 16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .card-header a[data-bs-toggle="collapse"] { min-height: 44px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .form-check-label { min-height: 44px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filter .nav.min-height-scroll { max-height: 220px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-filter-footer { display: grid; gap: 8px; flex: 0 0 auto; padding: 12px 16px max(12px,env(safe-area-inset-bottom)); border-top: 1px solid var(--xxx-line); background: #fff; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-filter-footer span { color: var(--xxx-muted); font-size: 13px; text-align: center; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-filter-footer .btn { min-height: 48px; border-radius: 8px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #contentArea { padding-block: 20px 24px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-heading { margin-bottom: 16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card-body.maintext { padding: 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .card-body.image { padding-inline: 12px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList:not(.list-view) .image a { min-height: 164px; padding-block: 12px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .image img { height: 140px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .tag .badge { font-size: 11px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .maintext > .mb-2 > a { gap: 10px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filterResult { flex-wrap: wrap; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #activeChips { flex-basis: 100%; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-reset { padding-inline-start: 0; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #pagerWrap { padding: 8px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray { padding: 8px 12px max(8px,env(safe-area-inset-bottom)); }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray .wm-compare-items { gap: 8px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray .wm-compare-selected { gap: 6px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray .wm-compare-selected span { font-size: 13px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmCompareTray .wm-compare-tray-actions { margin-top: 8px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .owl-item .card + .card { margin-top: 16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea > .container { padding-inline: 16px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea > .container > .row.bg-white { padding: 16px 0 !important; background: transparent !important; }
}
@media (max-width: 359.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList { grid-template-columns: minmax(0,1fr); }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-toolbar { flex-wrap: wrap; gap: 0 8px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count { flex-basis: 100%; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-compare-slot { margin-inline-start: auto; }
}

/* First browser review: compact price pair, stable result alignment, no duplicate count. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #price-collapse .input-group { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 8px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #price-collapse .input-group > span { margin: 0 !important; color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #price-collapse .input-group :is(#minPrice,#maxPrice) { min-width: 0; width: 100%; margin: 0; border-radius: 8px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #wmFinderFeedback:not([data-state="error"]) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1199.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #filterBtn { padding: 0 !important; }
}
@media (max-width: 767px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .owlCarouselAll { width: calc(100% + 32px); margin-inline: -16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .owl-item { padding-inline-start: 0 !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #latestNewsArea .owl-item .card + .card { margin-top: 16px !important; }
}

/* Brand List view shares Finder's readable card structure; brand content stays in place. */
@media (min-width: 768px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .image img { height: 100px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList:not(.list-view) .image a { min-height: 124px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-finder-image-missing { min-height: 100px; }
}
@media (max-width: 767.98px) {
}

/* Owner follow-up: compact phone images in mobile Finder Grid only. */
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList:not(.list-view) .image img { height: 100px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList:not(.list-view) .image a { min-height: 124px; }
}

/* Brand List internals are the shared reference for Finder and brand pages. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-listing-intro { padding: 20px; margin: 0 0 24px; border: 1px solid var(--xxx-line); border-radius: 14px; background: #fff; color: var(--xxx-muted); line-height: 1.65; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view { display: grid; grid-template-columns: minmax(0,1fr); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .card { display: grid; grid-template-columns: 180px minmax(0,1fr); grid-template-rows: auto 1fr; padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .wm-finder-card-flags { display: contents; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .rating { display: none !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .tag { grid-column: 1; grid-row: 1; align-self: start; justify-self: start; margin: 12px !important; z-index: 1; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .card .image { display: flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; min-height: 164px; float: none; grid-column: 1; grid-row: 1 / 3; border-right: 0 !important; padding: 24px 16px 12px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .card:has(.tag) .image { padding-top: 44px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .image a { display: flex !important; align-items: center; justify-content: center; max-width: 100%; margin: 0 !important; padding: 12px 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext { display: block; width: auto; float: none; grid-column: 2; grid-row: 1; padding: 16px 16px 12px !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext > .mb-2 { display: block; margin: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext > .mb-2 > a { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; text-align: start !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext h3 { flex: 1 1 240px; min-height: 0; margin: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext h4 { flex: 0 0 auto; margin: 0 0 0 auto !important; white-space: nowrap; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext :is(.star-rating,.wm-compare-card) { display: none !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail { width: auto; float: none; grid-column: 2; grid-row: 2; padding: 0 16px 16px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px 24px; margin: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .row > div { width: auto; min-width: 0; padding: 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .row > .col-xxl-auto { grid-column: 1 / -1; margin-top: 0 !important; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .row > div:has(> .wm-compare-card[hidden]) { display: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail li { white-space: normal !important; overflow: visible; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .wm-compare-card:not([hidden]) { display: block !important; }
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .card { grid-template-columns: 112px minmax(0,1fr); }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .card .image { grid-row: 1; min-height: 164px; padding: 12px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext { padding: 12px !important; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext > .mb-2 > a { display: block; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .maintext h4 { margin-top: 8px !important; white-space: normal; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail { grid-column: 1 / -1; grid-row: 2; padding: 0 12px 12px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail .row { gap: 12px 16px; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-listing-intro { padding: 16px; margin-bottom: 16px; }
}

/* Owner mobile refinement, shared by Finder and standard brand listings. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList .wm-spec-compact { display: none; }
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-search { display: none; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .wm-spec-full { display: none; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .wm-spec-compact { display: inline; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-listing-intro .readmore__content { display: block !important; line-height: 1.65; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-listing-intro:not([data-expanded="true"]) .readmore__content { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; max-height: 3.3em; overflow: hidden; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-listing-intro .readmore__toggle { display: inline-flex !important; align-items: center; min-height: 44px; }
}

/* Mobile List specs: wrapped lines start after the existing icon. */
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail li { display: flex !important; align-items: flex-start; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail li > img { flex: 0 0 auto; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui #productList.list-view .shortDetail li > .wm-spec-compact { flex: 1; min-width: 0; }
}

/* Shared mobile listings: approved compact labelled Grid/List; desktop retained. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui :is(.wm-mobile-view-icon,.wm-mobile-view-label) { display: none; }
@media (max-width: 767.98px) {
/* Compact labelled concept: private browser preview only. */
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views {
  position: relative; isolation: isolate; display: inline-flex; align-items: center;
  gap: 0; width: 136px; min-height: 44px; padding: 0; border: 0;
  border-radius: 6px; background: transparent; flex: 0 0 auto;
}
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views::before {
  content: ''; position: absolute; inset: 4px 0; z-index: -1; pointer-events: none;
  border: 1px solid var(--xxx-line); border-radius: 6px; background: #fff;
}
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex {
  position: relative; isolation: isolate; display: inline-flex;
  align-items: center; justify-content: center; gap: 4px;
  width: 68px; height: 44px; min-width: 68px; min-height: 44px;
  padding: 0 8px !important; border: 0; border-radius: 6px !important;
  background: transparent !important; color: var(--xxx-muted); opacity: 1;
  font-size: 13px !important; font-weight: 600; line-height: 1; text-decoration: none;
}
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex::before {
  content: ''; position: absolute; inset: 4px 0; z-index: -1; pointer-events: none;
}
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex:first-child::before { border-radius: 6px 0 0 6px; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex:last-child::before { border-radius: 0 6px 6px 0; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex[aria-pressed="true"] { color: #fff; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex[aria-pressed="true"]::before { background: var(--xxx-blue); }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex:not([aria-pressed="true"]):hover::before { background: #edf2fc; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views svg { width: 16px; height: 16px; flex: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .btn-ex > i { display: none; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .wm-mobile-view-icon { display: block; }
body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views .wm-mobile-view-label { display: inline; }

  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-toolbar {
    display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; margin-bottom: 8px;
  }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-count { grid-column: 1; grid-row: 1; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-compare-slot { grid-column: 2; grid-row: 1; }
  body.wm-xxx-ui.wm-family-catalog.wm-listing-ui .wm-finder-views { grid-column: 1 / -1; grid-row: 2; justify-self: start; }

}

/* Specifications: a compact overview and an open, continuous reading sheet. */
body.wm-xxx-ui.wm-family-specs { --wm-spec-header-offset: 76px; --wm-spec-toolbar-height: 64px; }
body.wm-xxx-ui.wm-family-specs #breadcrumbArea.wm-spec-breadcrumb { padding: 4px 0; }
body.wm-xxx-ui.wm-family-specs #detailArea.wm-spec-page { padding: 24px 0 0; background: var(--xxx-ground); }
body.wm-xxx-ui.wm-family-specs .wm-spec-layout { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; align-items: start; }
body.wm-xxx-ui.wm-family-specs .wm-spec-main { min-width: 0; }
body.wm-xxx-ui.wm-family-specs :is(.wm-spec-overview,.wm-specifications,.wm-spec-about,.wm-spec-related,.wm-spec-support-card) { background: #fff; border: 1px solid var(--xxx-line); border-radius: 14px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-overview { display: grid; grid-template-columns: 240px minmax(0,1fr); column-gap: 24px; padding: 20px 20px 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-identity { grid-column: 2; grid-row: 1; min-width: 0; }
body.wm-xxx-ui.wm-family-specs #wm-main-content #wm-device-title { margin: 0 0 6px; font-size: 28px; font-weight: 700; line-height: 1.2; text-wrap: initial; overflow-wrap: break-word; }
body.wm-xxx-ui.wm-family-specs .wm-spec-price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-price-row .wm-ui-price { margin: 0; color: var(--xxx-blue); font-size: 22px !important; font-weight: 700; }
body.wm-xxx-ui.wm-family-specs .wm-spec-rating { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px 8px; min-height: 32px; margin-top: 4px; color: var(--xxx-ink); font-size: 13px; text-decoration: none; }
body.wm-xxx-ui.wm-family-specs .wm-spec-stars { display: inline-flex; gap: 2px; color: #926000; }
body.wm-xxx-ui.wm-family-specs .wm-spec-muted { color: var(--xxx-muted); }
body.wm-xxx-ui.wm-family-specs #productView.wm-spec-media { grid-column: 1; grid-row: 1 / span 2; min-width: 0; background: #fff; align-self: center; }
body.wm-xxx-ui.wm-family-specs .wm-spec-image-frame { display: grid; place-items: center; height: 240px; }
body.wm-xxx-ui.wm-family-specs #productView .hero-img { display: block; width: auto; height: 240px; max-width: 100%; max-height: 240px; object-fit: contain; }
body.wm-xxx-ui.wm-family-specs #productView .hero-img[hidden] { display: none; }
body.wm-xxx-ui.wm-family-specs .wm-spec-image-empty { color: var(--xxx-muted); text-align: center; font-size: 14px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-thumbs { display: flex; gap: 6px; overflow-x: auto; padding: 8px 0 2px; scrollbar-width: thin; }
body.wm-xxx-ui.wm-family-specs .wm-spec-thumbs button { flex: 0 0 48px; height: 48px; padding: 3px; border: 1px solid var(--xxx-line); border-radius: 8px; background: #fff; }
body.wm-xxx-ui.wm-family-specs .wm-spec-thumbs button[aria-pressed=true] { border-color: var(--xxx-blue); background: #edf2fb; }
body.wm-xxx-ui.wm-family-specs .wm-spec-thumbs img { max-width: 100%; height: 40px; object-fit: contain; }
body.wm-xxx-ui.wm-family-specs .wm-spec-facts { grid-column: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 16px; margin: 14px 0 20px; align-self: start; }
body.wm-xxx-ui.wm-family-specs .wm-spec-fact { display: flex; align-items: flex-start; gap: 7px; min-width: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-fact > img { flex: 0 0 20px; margin-top: 2px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-fact > div { min-width: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-fact dt { margin-bottom: 2px; color: var(--xxx-muted); font-size: 12px; font-weight: 600; line-height: 1.4; }
body.wm-xxx-ui.wm-family-specs .wm-spec-fact dd { margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-specs #tabNavBar.wm-spec-phone-nav { grid-column: 1/-1; display: flex; align-items: center; gap: 12px; overflow: visible; padding: 0; margin: 0 !important; border-top: 1px solid var(--xxx-line); border-bottom: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-phone-links { display: flex; flex: 1; gap: 18px; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
body.wm-xxx-ui.wm-family-specs .wm-spec-phone-links a { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 48px; color: var(--xxx-muted); border-bottom: 2px solid transparent; white-space: nowrap; font-size: 14px; text-decoration: none; }
body.wm-xxx-ui.wm-family-specs .wm-spec-phone-links a[aria-current=page] { color: var(--xxx-blue); border-bottom-color: var(--xxx-blue); font-weight: 700; }
body.wm-xxx-ui.wm-family-specs #tabNavBar > .wm-spec-compare { display: inline-flex; gap: 5px; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 40px; margin: 4px 0; padding: 6px 12px !important; background: var(--xxx-blue); color: #fff !important; border: 0; border-radius: 8px; font-size: 14px; font-weight: 600; }
body.wm-xxx-ui.wm-family-specs #tabNavBar > .wm-spec-compare:hover { background: #123784; }
body.wm-xxx-ui.wm-family-specs .wm-specifications { overflow: visible; margin-top: 16px; padding: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-sheet-toolbar { position: sticky; top: var(--wm-spec-header-offset); z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 64px; padding: 10px 16px; background: #fff; border-radius: 14px 14px 0 0; border-bottom: 1px solid var(--xxx-line); }
body.wm-xxx-ui.wm-family-specs #wm-main-content #wm-specifications-title { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.3; }
body.wm-xxx-ui.wm-family-specs .wm-spec-jump { flex: 0 0 auto; margin: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-jump select { max-width: 180px; min-height: 44px; padding: 8px 26px 8px 10px; border: 1px solid var(--xxx-line); border-radius: 8px !important; background: #fff; color: var(--xxx-ink); font: inherit; font-size: 14px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-group { margin: 0; padding: 0; border-bottom: 1px solid var(--xxx-line); }
body.wm-xxx-ui.wm-family-specs .wm-spec-group-title { margin: 0; padding: 10px 12px; background: var(--xxx-ground); color: var(--xxx-blue); font-size: 16px; line-height: 1.4; font-weight: 700; }
body.wm-xxx-ui.wm-family-specs :is(.wm-spec-group-title,#wm-specifications-title) { scroll-margin-top: calc(var(--wm-spec-header-offset) + var(--wm-spec-toolbar-height) + 12px); }
body.wm-xxx-ui.wm-family-specs .wm-spec-list { min-width: 0; margin: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-row { display: grid; grid-template-columns: 136px minmax(0,1fr); border: 0; border-bottom: 1px solid #edf0f5; }
body.wm-xxx-ui.wm-family-specs .wm-spec-row:last-child { border-bottom: 0; }
body.wm-xxx-ui.wm-family-specs :is(.wm-spec-label,.wm-spec-value) { padding: 8px 12px; margin: 0; min-width: 0; font-size: 16px; line-height: 24px; overflow-wrap: anywhere; }
body.wm-xxx-ui.wm-family-specs .wm-spec-label { color: var(--xxx-muted); font-size: 15px; font-weight: 600; }
body.wm-xxx-ui.wm-family-specs .wm-spec-value { color: var(--xxx-ink); font-variant-numeric: tabular-nums; }
body.wm-xxx-ui.wm-family-specs .wm-spec-disclaimer { margin: 0; padding: 16px; color: var(--xxx-muted); font-size: 13px; line-height: 1.6; }
body.wm-xxx-ui.wm-family-specs .wm-spec-unavailable { padding: 20px; margin: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-about { margin-top: 20px; padding: 20px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-about h2 { margin: 0 0 10px; font-size: 20px; line-height: 1.4; }
body.wm-xxx-ui.wm-family-specs .intro__content { line-height: 1.65; }
body.wm-xxx-ui.wm-family-specs .intro__content.is-collapsible:not(.expanded) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
body.wm-xxx-ui.wm-family-specs .intro__toggle { min-height: 44px; padding: 6px 0; margin-top: 4px; border: 0; background: transparent; color: var(--xxx-blue); font: inherit; font-weight: 600; }
body.wm-xxx-ui.wm-family-specs .wm-spec-sidebar { display: none; min-width: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-related { padding: 16px; margin-bottom: 20px; }
body.wm-xxx-ui.wm-family-specs #wm-main-content .wm-spec-related h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; line-height: 1.35; }
body.wm-xxx-ui.wm-family-specs .wm-spec-all { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-bottom: 8px; color: var(--xxx-blue); font-size: 14px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-popular-list { margin: 0; padding: 0; list-style: none; }
body.wm-xxx-ui.wm-family-specs .wm-spec-popular-list li + li { border-top: 1px solid var(--xxx-line); }
body.wm-xxx-ui.wm-family-specs .wm-spec-popular-list a { display: flex; gap: 12px; align-items: center; min-height: 84px; padding: 10px 0; color: var(--xxx-ink); font-size: 14px; text-decoration: none; }
body.wm-xxx-ui.wm-family-specs .wm-spec-popular-list img { object-fit: contain; }
body.wm-xxx-ui.wm-family-specs .wm-spec-popular-list small { display: block; margin-top: 4px; color: var(--xxx-blue); font-size: 14px; font-weight: 600; }
body.wm-xxx-ui.wm-family-specs .wm-spec-support { padding: 20px 0 0 !important; background: var(--xxx-ground); }
body.wm-xxx-ui.wm-family-specs .wm-spec-support-card { padding: 20px; min-width: 0; }
body.wm-xxx-ui.wm-family-specs .wm-spec-support-card + .wm-spec-support-card { margin-top: 20px; }
body.wm-xxx-ui.wm-family-specs .wm-spec-support-card h2 { font-size: 22px; line-height: 1.35; }
body.wm-xxx-ui.wm-family-specs .wm-spec-related-heading { display: flex; gap: 10px; justify-content: space-between; align-items: center; }
body.wm-xxx-ui.wm-family-specs .wm-spec-related-heading > a { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 44px; font-size: 14px; }
body.wm-xxx-ui.wm-family-specs #latestNewsArea { padding-bottom: 28px !important; }
@media (min-width: 992px) {
  body.wm-xxx-ui.wm-family-specs .wm-spec-group { display: grid; grid-template-columns: 104px minmax(0,1fr); }
  body.wm-xxx-ui.wm-family-specs .wm-spec-group-title { padding: 10px 12px; background: transparent; font-size: 15px; }
  body.wm-xxx-ui.wm-family-specs #wm-spec-connectivity { padding-inline: 8px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-group + .wm-spec-group { border-top: 3px solid var(--xxx-ground); }
}
@media (min-width: 1200px) {
  body.wm-xxx-ui.wm-family-specs .wm-spec-layout { grid-template-columns: minmax(0,1fr) 280px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-sidebar { display: block; }
  body.wm-xxx-ui.wm-family-specs #latestBrandMobileArea { display: none; }
}
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-specs { --wm-spec-header-offset: 112px; }
  body.wm-xxx-ui.wm-family-specs #detailArea.wm-spec-page { padding: 16px 0 0 !important; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-overview { grid-template-columns: 104px minmax(0,1fr); gap: 14px 12px; padding: 16px 12px 0; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-identity { grid-column: 1/-1; grid-row: 1; }
  body.wm-xxx-ui.wm-family-specs #wm-main-content #wm-device-title { font-size: 24px; line-height: 1.25; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-price-row .wm-ui-price { font-size: 20px !important; }
  body.wm-xxx-ui.wm-family-specs #productView.wm-spec-media { grid-column: 1; grid-row: 2; align-self: start; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-image-frame { height: 160px; }
  body.wm-xxx-ui.wm-family-specs #productView .hero-img { height: 160px; max-height: 160px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-facts { grid-column: 2; grid-row: 2; grid-template-columns: minmax(0,1fr); gap: 10px; margin: 0; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-fact { gap: 6px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-fact > img { width: 18px; height: 18px; flex-basis: 18px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-fact dd { font-size: 13px; line-height: 1.45; }
  body.wm-xxx-ui.wm-family-specs #tabNavBar.wm-spec-phone-nav { gap: 8px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-phone-links { gap: 14px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-phone-links a { font-size: 13px; }
  body.wm-xxx-ui.wm-family-specs #tabNavBar > .wm-spec-compare { min-height: 44px; padding: 6px 9px !important; font-size: 13px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-sheet-toolbar { padding: 10px 12px; }
  body.wm-xxx-ui.wm-family-specs #wm-main-content #wm-specifications-title { font-size: 18px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-jump select { max-width: 148px; padding-left: 8px; font-size: 13px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-row { grid-template-columns: clamp(84px,24vw,104px) minmax(0,1fr); }
  body.wm-xxx-ui.wm-family-specs :is(.wm-spec-label,.wm-spec-value) { padding: 10px 10px; font-size: 15px; line-height: 23px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-label { padding-right: 6px; font-size: 14px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-about { padding: 16px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-about h2 { font-size: 19px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-support-card { padding: 16px; }
  body.wm-xxx-ui.wm-family-specs #comparisonsCarouselArea .container { padding-inline: 16px; }
  body.wm-xxx-ui.wm-family-specs :is(#comparisonsCarouselArea,#latestBrandMobileArea,#latestNewsArea) .owl-carousel { width: calc(100% + 32px); margin-inline: -16px; padding-inline: 0 !important; }
}

/* Approved specification video preview: mobile only; the lower player stays on every layout. */
body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview { display: none; }
@media (max-width: 767.98px) {
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview { display: block; position: relative; aspect-ratio: 21 / 10; overflow: hidden; margin: 16px 0 20px; border: 1px solid var(--xxx-line); border-radius: 16px; background: #111; color: #fff; text-decoration: none; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview picture,
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview img { display: block; width: 100%; height: 100%; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview img { object-fit: cover; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview img[hidden] { display: none; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview-heading { position: absolute; inset: auto 0 0; margin: 0; padding: 32px 16px 14px; border: 0; color: #fff; text-align: left; background: linear-gradient(0deg, rgba(3,9,20,.92), rgba(3,9,20,.76) calc(100% - 24px), transparent); font-family: inherit; font-size: 22px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; overflow-wrap: anywhere; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-device { display: block; margin-bottom: 3px; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.35; letter-spacing: normal; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-kind { display: block; color: #fff; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview:focus-visible { outline: 3px solid var(--xxx-blue); outline-offset: 4px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview:hover .wm-spec-video-kind { text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 350px) {
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-preview-heading { padding: 28px 14px 12px; font-size: 20px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-video-device { font-size: 12px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-sheet-toolbar { flex-direction: column; align-items: stretch; gap: 8px; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-jump,
  body.wm-xxx-ui.wm-family-specs .wm-spec-jump select { width: 100%; max-width: none; }
  body.wm-xxx-ui.wm-family-specs .wm-spec-row { grid-template-columns: 96px minmax(0,1fr); }
  body.wm-xxx-ui.wm-family-specs .wm-spec-label { padding-inline: 8px; font-size: 13px; }
}

body.wm-xxx-ui.wm-family-specs .wm-spec-image-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

/* Optional comment ratings remain a native control within the existing posting flow. */
body.wm-xxx-ui .wm-comments-modern .wmc-rating-prompt { padding: 16px; border: 1px solid #b7c6eb; border-radius: 12px; background: #edf3ff; }
body.wm-xxx-ui .wm-comments-modern .wmc-rating-label { display: block; margin-bottom: 4px; color: #243456; font-size: 18px; font-weight: 700; }
body.wm-xxx-ui .wm-comments-modern .wmc-rating-help { margin-bottom: 12px; color: #405376; font-size: 14px; line-height: 1.5; }
body.wm-xxx-ui .wm-comments-modern .wmc-rating-prompt .form-select { min-height: 44px; max-width: 100%; border-color: #3157ba; }

/* Shared mobile navigation — approved full-width WhatMobile drawer. */
@media (max-width:1199.98px) {
  body.wm-xxx-ui #navbarNav { width: 100vw; max-width: 100vw; border-right: 0; }
  body.wm-xxx-ui #navbarNav .offcanvas-body { padding: 16px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8397bd #f0f3f9; }
  body.wm-xxx-ui #navbarNav .offcanvas-footer { display: none !important; }
  body.wm-xxx-ui #navbarNav .wm-mobile-heading { margin: 0 0 12px; color: var(--xxx-ink); font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -.02em; }
  body.wm-xxx-ui #navbarNav .wm-mobile-primary { display: grid; gap: 4px; }
  body.wm-xxx-ui #navbarNav .wm-mobile-panel svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  body.wm-xxx-ui #navbarNav .wm-mobile-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--xxx-ink); text-align: left; text-decoration: none; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; }
  body.wm-xxx-ui #navbarNav .wm-mobile-row > span { min-width: 0; overflow-wrap: anywhere; }
  body.wm-xxx-ui #navbarNav .wm-mobile-row > svg:first-child { color: #647694; }
  body.wm-xxx-ui #navbarNav .wm-mobile-row > svg:last-child { width: 16px; height: 16px; flex-basis: 16px; margin-inline-start: auto; color: #647694; }
  body.wm-xxx-ui #navbarNav .wm-mobile-panel [aria-current="page"], body.wm-xxx-ui #navbarNav .wm-mobile-current { color: var(--xxx-blue); background: #eaf0fc; font-weight: 700; }
  body.wm-xxx-ui #navbarNav .wm-mobile-row[aria-current="page"] > svg, body.wm-xxx-ui #navbarNav .wm-mobile-current > svg { color: var(--xxx-blue); }
  body.wm-xxx-ui #navbarNav .wm-mobile-row:hover, body.wm-xxx-ui #navbarNav .wm-mobile-child:hover, body.wm-xxx-ui #navbarNav .wm-mobile-tool:hover { background: #f1f4fa; color: var(--xxx-blue); }
  body.wm-xxx-ui #navbarNav .wm-mobile-toggle[aria-expanded="true"] { color: var(--xxx-blue); }
  body.wm-xxx-ui #navbarNav .wm-mobile-toggle[aria-expanded="true"] > svg:last-child { transform: rotate(180deg); }
  body.wm-xxx-ui #navbarNav .wm-mobile-children { display: grid; grid-template-columns: minmax(0,1fr); gap: 0 8px; margin: 0 0 6px 44px; padding: 0 0 6px; border-bottom: 1px solid var(--xxx-line); }
  body.wm-xxx-ui #navbarNav .wm-mobile-brands { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.wm-xxx-ui #navbarNav .wm-mobile-child { display: flex; align-items: center; min-height: 44px; min-width: 0; padding: 5px 8px; border-radius: 6px; color: var(--xxx-ink); font-size: 15px; font-weight: 500; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
  body.wm-xxx-ui #navbarNav .wm-mobile-overflow { grid-column: 1 / -1; }
  body.wm-xxx-ui #navbarNav .wm-mobile-overflow .wm-mobile-children { margin: 0; padding: 0; border: 0; }
  body.wm-xxx-ui #navbarNav .wm-mobile-more { display: flex; align-items: center; gap: 6px; grid-column: 1 / -1; min-height: 44px; padding: 5px 8px; border: 0; background: transparent; color: var(--xxx-blue); font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left; }
  body.wm-xxx-ui #navbarNav .wm-mobile-more svg { width: 15px; height: 15px; flex-basis: 15px; }
  body.wm-xxx-ui #navbarNav .wm-mobile-more[aria-expanded="false"] .wm-mobile-show-less, body.wm-xxx-ui #navbarNav .wm-mobile-more[aria-expanded="true"] .wm-mobile-show-more { display: none; }
  body.wm-xxx-ui #navbarNav .wm-mobile-secondary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--xxx-line); }
  body.wm-xxx-ui #navbarNav .wm-mobile-tool { display: flex; align-items: center; min-height: 44px; min-width: 0; padding: 6px 8px; border-radius: 6px; color: #40536f; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
  body.wm-xxx-ui #navbarNav .wm-mobile-panel :focus-visible { outline: 3px solid #416ad2; outline-offset: -3px; }
  body.wm-xxx-ui #navbarNav .wm-mobile-placeholder { color: var(--xxx-muted); }
}


/* X2 approved Pictures and Opinions - x2-pictures-opinions-20261026T102406Z */
/* Inert scoped CSS proposal for lead CSS owner. Exact approved preview rules with Pictures family scope. No gallery image dimensions changed. */

 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) {background:#f5f7fb;color:#182336;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #wm-main-content>section {background:#f5f7fb!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #breadcrumbArea {padding:14px 0!important;border-bottom:0!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) .breadcrumb {flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;font-size:13px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone {padding:0 0 20px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .wm-detail-shell {border:1px solid #dce3ee;border-radius:14px;background:#fff;padding:20px 24px 0;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .row {display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;margin:0;min-height:100px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .row>div {width:auto;padding:0;margin:0;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .pictures-device-thumb {width:70px;max-width:70px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone img {width:64px!important;height:92px!important;object-fit:contain;display:block;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone h1 {font-size:27px!important;line-height:1.2;margin:0 0 6px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .wm-ui-price {font-size:19px!important;line-height:1.35;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone a.fs-14 {min-height:32px;display:inline-flex;align-items:center;color:#1945a6;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar {display:flex;gap:16px;align-items:center;flex-wrap:nowrap!important;margin:16px 0 0!important;padding:0!important;background:#fff!important;border:0!important;border-top:1px solid #dce3ee!important;overflow-x:auto;scrollbar-width:thin;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar>a.wm-detail-tab {flex:1 0 auto;width:auto!important;padding:13px 4px!important;min-height:48px;font-size:15px;color:#526077!important;border-bottom:2px solid transparent;text-align:center;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar>a.wm-detail-tab[aria-current=page] {background:transparent!important;color:#1945a6!important;font-weight:700;border-bottom:2px solid #1945a6;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar>a.wm-detail-compare {display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;background:#1945a6;color:#fff!important;border-radius:8px;padding:8px 14px!important;min-height:40px;margin:5px 0;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabArea {padding:0 0 32px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea {padding-bottom:32px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea .row.bg-white {border:1px solid #dce3ee;border-radius:14px;overflow:hidden;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea h2 {font-size:22px!important;line-height:1.3;gap:16px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea h2>a {font-size:14px!important;white-space:nowrap;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) :is(button,a):focus-visible {outline:2px solid #1945a6;outline-offset:3px;}
 @media(max-width:767.98px){
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .wm-detail-shell{width:calc(100% - 32px);padding:16px 16px 0;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .row{grid-template-columns:52px minmax(0,1fr);gap:16px;min-height:84px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .pictures-device-thumb{width:52px;max-width:52px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone img{width:50px!important;height:78px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone h1{font-size:21px!important;line-height:1.25;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone .wm-ui-price{font-size:18px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar{gap:8px;margin:12px -8px 0!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar>a.wm-detail-tab{font-size:12px;min-height:46px;padding:11px 2px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #tabNavBar>a.wm-detail-compare{font-size:12px;padding:6px 8px!important;min-height:40px;gap:4px;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #phone{padding-bottom:20px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea .row.bg-white{padding:18px 16px!important;}
 body.wm-xxx-ui:is(.wm-family-pictures,.wm-family-opinions) #latestNewsArea h2{font-size:20px!important;align-items:center!important;}
 }
 

body.wm-xxx-ui.wm-family-pictures .pictures-gallery-card{border:0!important;outline:1px solid #dce3ee;outline-offset:-1px;border-radius:14px;background:#fff}
body.wm-xxx-ui.wm-family-pictures .pictures-gallery-frame{background:#fff}

/* Inert scoped proposal for the lead CSS owner. Single-column approved revision.
 * Requires the shared compact device-identity rules for .wm-detail-shell/.wm-detail-tab.
 * This is clean page CSS; no .wm-op-grid/.wm-op-aside/sidebar override layers. */
body.wm-xxx-ui.wm-family-opinions #tabArea .wm-opinions-panel {
  min-width:0; padding:20px!important; background:#fff;
  border:1px solid var(--xxx-line)!important; border-radius:14px;
}
body.wm-xxx-ui.wm-family-opinions #tabArea .wm-opinions-panel > h2 {
  margin:0 0 6px!important; color:var(--xxx-ink); font-size:24px; line-height:1.3;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinions-summary {
  display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline;
  color:var(--xxx-muted); font-size:14px; line-height:1.5;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer {
  min-width:0; width:100%; margin-top:16px; padding:16px;
  border:1px solid var(--xxx-line); border-radius:12px; background:var(--xxx-ground);
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wm-comments-widget { margin-top:0!important; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-shell {
  min-width:0; border:0; border-radius:0; box-shadow:none; background:transparent;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer :is(.wmc-head,.wmc-body) {
  padding:0!important; background:transparent;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-head-row {
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:24px;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-head-copy h5 { font-size:18px; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-head-copy p { font-size:14px; line-height:1.5; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-head-cta { flex:0 0 auto; width:auto; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-head-cta .btn {
  width:auto; min-width:0; min-height:44px; padding:10px 20px!important; border-radius:8px!important; font-weight:600;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-body {
  max-width:680px; margin-top:16px; padding-top:16px!important; border-top:1px solid var(--xxx-line);
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer :is(.wmc-auth-collapsed,.wmc-auth-expand) {
  min-width:0; padding:0; border:0; border-radius:0; background:transparent;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer :is([data-role="auth-block"],[data-role="compose-block"]) [class*="col-"] {
  flex:0 0 auto; width:100%; min-width:0;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-google-btn {
  width:100%; min-height:44px; border:1px solid var(--xxx-line); border-radius:8px;
  background:#fff; color:var(--xxx-ink); box-shadow:none;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-google-btn:hover { border-color:var(--xxx-blue); }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-rating-prompt {
  padding:12px; border:1px solid #b7c6eb; border-radius:8px; background:#edf3ff;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-rating-label { font-size:16px; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer .wmc-rating-help { font-size:14px; line-height:1.5; }
body.wm-xxx-ui.wm-family-opinions .wm-op-inline-cta { display:none; }
body.wm-xxx-ui.wm-family-opinions .wm-opinion-toggle { min-height:44px; width:100%; border-radius:8px!important; font-weight:600; }
body.wm-xxx-ui.wm-family-opinions .wm-op-close { display:block; margin:0 0 12px auto; min-height:44px; color:var(--xxx-blue); }
body.wm-xxx-ui.wm-family-opinions :is(.wm-opinion-toggle,.wm-op-close)[hidden] { display:none!important; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel #wm-comments-full-list { margin-top:24px!important; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item {
  gap:12px; margin-top:0!important; padding:18px 0; border-top:1px solid var(--xxx-line);
}
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item:first-child { padding-top:0; border-top:0; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item > .flex-grow-1 { min-width:0; margin-inline-start:0!important; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item .rounded-pill {
  width:40px!important; height:40px!important; background:#edf2fc!important; color:#1945a6!important; font-size:18px!important;
}
/* Shared controller prepends its original h6; match server semantic metadata. */
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item :is(.wm-op-comment-meta,h6) {
  display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline;
  margin:0 0 4px!important; color:var(--xxx-ink)!important; font-size:16px!important; font-weight:500; line-height:1.4;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item :is(.wm-op-author,h6 > span:first-child) { min-width:0; overflow-wrap:anywhere; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item :is(.wm-op-date,h6 > .ms-auto) {
  flex-basis:auto; margin-inline-start:0!important; color:var(--xxx-muted)!important;
  font-size:13px!important; font-weight:400; opacity:1!important;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item p {
  min-width:0; max-width:68ch; font-size:16px; line-height:1.65; color:var(--xxx-ink)!important; overflow-wrap:anywhere;
}
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .pagination { font-variant-numeric:tabular-nums; }
body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .page-item.disabled .page-link[aria-disabled="true"] { color:var(--xxx-muted); }
@media (max-width:1199.98px) {
  body.wm-xxx-ui.wm-family-opinions.wm-op-js .wm-op-inline-cta { display:block; margin-top:16px; }
  body.wm-xxx-ui.wm-family-opinions.wm-op-js:not(.wm-op-expanded) .wm-opinion-composer { display:none; }
  body.wm-xxx-ui.wm-family-opinions.wm-op-js .wm-opinion-composer .wmc-head { display:none; }
  body.wm-xxx-ui.wm-family-opinions.wm-op-js .wm-opinion-composer .wmc-body {
    max-width:none; margin-top:0; padding-top:0!important; border-top:0;
  }
  body.wm-xxx-ui.wm-family-opinions.wm-op-js .wm-op-close { display:none; }
}
@media (max-width:767.98px) {
  body.wm-xxx-ui.wm-family-opinions #tabArea .wm-opinions-panel { padding:16px 12px!important; }
  body.wm-xxx-ui.wm-family-opinions #tabArea .wm-opinions-panel > h2 { font-size:20px; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinion-composer { padding:12px; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item {
    display:grid!important; grid-template-columns:36px minmax(0,1fr); gap:8px 10px;
  }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item > .flex-shrink-0 { grid-column:1; grid-row:1; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item > .flex-grow-1 { display:contents; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item .rounded-pill { width:36px!important; height:36px!important; font-size:16px!important; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item :is(.wm-op-comment-meta,h6) { grid-column:2; grid-row:1; margin:0!important; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item :is(.wm-op-date,h6 > .ms-auto) { flex-basis:100%; }
  body.wm-xxx-ui.wm-family-opinions .wm-opinions-panel .wm-comment-item > .flex-grow-1 > :is(p,div):not(.wm-op-comment-meta) { grid-column:1/-1; }
}

/* Approved comparison widget refinement: equal image areas and clearer cards. */
body.wm-xxx-ui #comparisonsCarouselArea{background:var(--xxx-ground)}
body.wm-xxx-ui #comparisonsCarouselArea h2.fw-bold.h1.mb-4.d-flex{align-items:baseline!important;flex-wrap:wrap;gap:.25rem .75rem;color:var(--xxx-ink)}
body.wm-xxx-ui #comparisonsCarouselArea h2 a.fs-18{flex:0 0 auto;margin-left:auto!important;white-space:nowrap;color:var(--xxx-blue);text-decoration:none}
body.wm-xxx-ui #comparisonsCarouselArea h2 a.fs-18:hover{text-decoration:underline}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card{height:100%;background:#fff;border:1px solid var(--xxx-line);border-radius:14px;padding:1rem!important}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:125px auto;column-gap:.5rem;align-items:stretch!important;justify-content:stretch!important;text-align:center;color:var(--xxx-ink);border-radius:8px}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card>a:focus-visible{outline:2px solid var(--xxx-blue);outline-offset:2px}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card>a:hover .cmp-name,
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card>a:hover .specsy-name{color:var(--xxx-blue)}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-phone,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-phone{display:contents!important}
body.wm-xxx-ui #comparisonsCarouselArea a>.cmp-phone:nth-child(1)>img,
body.wm-xxx-ui #comparisonsCarouselArea a>.specsy-phone:nth-child(1)>img{grid-column:1;grid-row:1}
body.wm-xxx-ui #comparisonsCarouselArea a>.cmp-phone:nth-child(3)>img,
body.wm-xxx-ui #comparisonsCarouselArea a>.specsy-phone:nth-child(3)>img{grid-column:3;grid-row:1}
body.wm-xxx-ui #comparisonsCarouselArea a>.cmp-phone:nth-child(1)>.cmp-name,
body.wm-xxx-ui #comparisonsCarouselArea a>.specsy-phone:nth-child(1)>.specsy-name{grid-column:1;grid-row:2}
body.wm-xxx-ui #comparisonsCarouselArea a>.cmp-phone:nth-child(3)>.cmp-name,
body.wm-xxx-ui #comparisonsCarouselArea a>.specsy-phone:nth-child(3)>.specsy-name{grid-column:3;grid-row:2}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-phone img,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-phone img{width:min(100%,93.75px)!important;max-width:93.75px;height:125px;object-fit:contain;justify-self:center;align-self:start;margin:0}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-name,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-name{align-self:start;justify-self:center;max-width:100%;margin:.375rem 0 0!important;line-height:1.25;overflow-wrap:anywhere}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-vs,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-vs{grid-column:2;grid-row:1;align-self:center;justify-self:center;margin:0!important;color:var(--xxx-muted);font-weight:700}
@media (max-width:575.98px){body.wm-xxx-ui #comparisonsCarouselArea h2 a.fs-18{margin-left:0!important}}
/* Preserve the established module surface and strengthen only this widget. */
body.wm-xxx-ui #comparisonsCarouselArea .wm-spec-support-card,
body.wm-xxx-ui #comparisonsCarouselArea > .container > .row.bg-white {
 background:#fff; border:1px solid var(--xxx-line); border-radius:14px; padding:20px!important;
}
body.wm-xxx-ui #comparisonsCarouselArea h2.fw-bold.h1.mb-4.d-flex {
 font-size:22px!important; line-height:1.35; align-items:center!important;
}
body.wm-xxx-ui #comparisonsCarouselArea h2 a.fs-18 {
 display:inline-flex; align-items:center; min-height:44px; font-size:14px!important; color:var(--xxx-blue)!important;
}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-name,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-name {
 font-size:13px; font-weight:600; line-height:1.4; min-height:2.8em; color:var(--xxx-ink);
}
body.wm-xxx-ui #comparisonsCarouselArea .cmp-vs,
body.wm-xxx-ui #comparisonsCarouselArea .specsy-vs {
 display:flex; align-items:center; justify-content:center; width:28px; height:28px;
 border:1px solid var(--xxx-line); border-radius:8px; background:var(--xxx-ground);
 color:var(--xxx-blue); font-size:11px; line-height:1;
}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card {
 transition:border-color .16s ease;
}
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card:hover,
body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card:focus-within {border-color:var(--xxx-blue)}
@media(max-width:767.98px){
 body.wm-xxx-ui #comparisonsCarouselArea h2.fw-bold.h1.mb-4.d-flex{font-size:20px!important;flex-wrap:nowrap}
 body.wm-xxx-ui #comparisonsCarouselArea .wm-spec-support-card,
 body.wm-xxx-ui #comparisonsCarouselArea > .container > .row.bg-white {padding:16px!important}
}
@media(prefers-reduced-motion:reduce){body.wm-xxx-ui #comparisonsCarouselArea #comparisonsCarousel .card{transition:none}}

/* Shared latest-brand carousel: the approved Specs surface on every public page family. */
body.wm-xxx-ui :is(#latestBrandMobileArea .wm-spec-support-card,#latestMobileArea > .container > .row.bg-white){
 background:#fff;border:1px solid var(--xxx-line);border-radius:14px;padding:20px!important;
}
body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) h2:is(.wm-spec-related-heading,.fw-bold){
 display:flex;justify-content:space-between;align-items:center!important;gap:12px;font-size:22px!important;font-weight:700;line-height:1.35;color:var(--xxx-ink);
}
body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) h2>a{min-height:44px;display:inline-flex;align-items:center;flex:0 0 auto;font-size:14px!important;white-space:nowrap;}
body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) .wm-latest-brand-carousel{
 padding:24px 0!important;width:calc(100% + 24px);margin-inline:-12px;
}
body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) .wm-latest-brand-carousel .owl-item{padding-left:10px;display:flex;flex:0 0 auto;}
body.wm-xxx-ui .wm-latest-brand-carousel .owl-stage{display:flex;}
body.wm-xxx-ui .wm-latest-brand-carousel .owl-item>div{display:flex;width:100%;}
body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) .wm-latest-brand-carousel .wm-latest-brand-card{
 width:100%;height:100%;background:#fff;border:1px solid var(--xxx-line);border-radius:14px;
}
body.wm-xxx-ui .wm-latest-brand-card>a{display:block;height:100%;border-radius:13px;}
body.wm-xxx-ui .wm-latest-brand-card>a:focus-visible{outline:2px solid var(--xxx-blue);outline-offset:-3px;}
body.wm-xxx-ui .wm-latest-brand-card .card-body{padding-top:8px;padding-bottom:8px;}
@media(max-width:767.98px){
 body.wm-xxx-ui :is(#latestBrandMobileArea .wm-spec-support-card,#latestMobileArea > .container > .row.bg-white){padding:16px!important;}
 body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) h2:is(.wm-spec-related-heading,.fw-bold){font-size:20px!important;}
 body.wm-xxx-ui :is(#latestBrandMobileArea,#latestMobileArea) .wm-latest-brand-carousel{width:calc(100% + 32px);margin-inline:-16px;}
}

/* ===== WhatMobile Compare — scoped to body.wm-xxx-ui.wm-family-compare ===== */
body.wm-xxx-ui.wm-family-compare{
  font-family:inherit;
  color:#182336;
  background:#f5f7fb;
  --wm-cmp-cols-desktop:3;
  --wm-cmp-cols-mobile:2;
}
body.wm-xxx-ui.wm-family-compare [hidden]{display:none !important;}

/* ---------- Top phones area ---------- */
body.wm-xxx-ui.wm-family-compare #phonesArea{padding:24px 0;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-heading h1{
  margin:0 0 6px;
  font-size:30px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.25;
  color:#182336;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-intro{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.55;
  color:#526077;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-copy-mobile{display:none;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-top-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
@media (min-width:1200px){
  body.wm-xxx-ui.wm-family-compare .wm-cmp-top-grid[data-selected-count="2"]{
    grid-template-columns:1fr 1fr 210px;
  }
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone{
  position:relative;
  min-width:0;
  background:#fff;
  border:1px solid #dce3ee;
  border-radius:14px;
  overflow:visible;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-body{
  display:flex;
  flex-direction:column;
  padding:16px;
  height:100%;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-body > label{
  font-size:13px;
  font-weight:600;
  color:#526077;
  margin:0 0 6px;
}
/* picker */
body.wm-xxx-ui.wm-family-compare .compare-picker-form{
  display:flex;
  align-items:stretch;
  height:44px;
  border:1px solid #bbc9dd;
  border-radius:8px;
  background:#fff;
  overflow:visible;
  margin:0 0 24px;
}
body.wm-xxx-ui.wm-family-compare .compare-picker-wrap{
  flex:1 1 auto;
  min-width:0;
  display:flex;
}
body.wm-xxx-ui.wm-family-compare .compare-picker-input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  border:0;
  padding:0 12px;
  font-size:16px;
  color:#182336;
  background:transparent;
  outline:none;
}
body.wm-xxx-ui.wm-family-compare .compare-picker-input::placeholder{color:#526077;opacity:1;}
body.wm-xxx-ui.wm-family-compare .compare-picker-apply{
  border-radius:0 7px 7px 0;
  flex:0 0 44px;
  width:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:#f5f7fb;
  color:#1945a6;
  cursor:pointer;
}
body.wm-xxx-ui.wm-family-compare .compare-picker-apply:hover{background:#e9eef8;}
body.wm-xxx-ui.wm-family-compare .compare-picker-form:focus-within{
  border-color:#1945a6;
  box-shadow:0 0 0 2px rgba(25,69,166,.15);
}
body.wm-xxx-ui.wm-family-compare .compare-picker-input:focus-visible,
body.wm-xxx-ui.wm-family-compare .compare-picker-apply:focus-visible{
  outline:2px solid #1945a6;
  outline-offset:2px;
}
body.wm-xxx-ui.wm-family-compare .compare-picker-close { min-width:44px;min-height:44px; }
body.wm-xxx-ui.wm-family-compare .compare-picker-item { min-height:44px; }
/* name / photo */
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-name{
  font-size:18px;
  font-weight:700;
  line-height:1.35;
  min-height:2.7em;
  margin:0 0 10px;
  color:#182336;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-photo{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:200px;
  margin:0 0 12px;
  text-decoration:none;
  border-radius:10px;
  background:#fff;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-image{
  width:auto;
  max-width:100%;
  height:200px;
  object-fit:contain;
  display:block;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-badge{
  position:absolute;
  top:8px;
  left:8px;
  padding:3px 8px;
  font-size:11px;
  font-weight:700;
  border-radius:6px;
  background:#1945a6;
  color:#fff;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-memory{
  font-size:14px;
  font-weight:700;
  color:#182336;
  margin:0 0 4px;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-price{
  font-size:14px !important;
  font-weight:700;
  color:#1945a6;
  margin:0 0 12px;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-price .wm-cmp-copy-mobile{display:none;}
/* actions */
body.wm-xxx-ui.wm-family-compare .wm-cmp-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 14px;
  border:1px solid #dce3ee;
  border-radius:8px;
  background:#fff;
  color:#1945a6;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-actions a:hover{
  border-color:#1945a6;
  background:#f5f7fb;
}
/* empty slot */
body.wm-xxx-ui.wm-family-compare .wm-cmp-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:auto;
  min-height:0;
  padding:16px;
  text-align:center;
  color:#526077;
  font-size:14px;
}
/* swap anchors between desktop cards */
body.wm-xxx-ui.wm-family-compare .wm-cmp-swap{
  position:absolute;
  top:50%;
  right:-16px;
  transform:translateY(-50%);
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid #dce3ee;
  border-radius:50%;
  background:#fff;
  color:#1945a6;
  text-decoration:none;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-swap:hover{border-color:#1945a6;}

/* ---------- Compare sheet ---------- */
body.wm-xxx-ui.wm-family-compare #compareArea{padding:0 0 28px;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-sheet{
  border:1px solid #dce3ee;
  border-radius:14px;
  background:#fff;
  padding:0;
  overflow:visible;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:16px 18px 0;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-tools h2{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
  color:#182336;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-change{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:#1945a6;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-enhancements{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
body.wm-xxx-ui.wm-family-compare select.wm-cmp-jump{
  min-height:44px;
  padding:0 12px;
  font-size:14px;
  color:#182336;
  background:#f5f7fb;
  border:1px solid #dce3ee;
  border-radius:8px;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  font-size:14px;
  color:#182336;
  cursor:pointer;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-toggle input[type="checkbox"]{
  width:20px;
  height:20px;
  margin:0;
  accent-color:#1945a6;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-status{
  padding:0 18px 12px;
  font-size:13px;
  color:#526077;
}

/* ---------- Sticky device bar ---------- */
body.wm-xxx-ui.wm-family-compare #fixed_navbar{
  position:static;
  top:0;
  z-index:5;
  margin:0;
  background:#fff;
  box-shadow:none;
}
body.wm-xxx-ui.wm-family-compare.wm-compare-bar-stuck #header{
  opacity:0;
  visibility:hidden;
  transform:translateY(-100%);
  pointer-events:none;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-identities{
  display:grid;
  grid-template-columns:168px repeat(var(--wm-cmp-cols-desktop,3),minmax(0,1fr));
  border-bottom:1px solid #dce3ee;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-feature-head{background:#f5f7fb;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-identity{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:12px;
  border-left:1px solid #dce3ee;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-identity img{
  width:26px;
  height:38px;
  object-fit:contain;
  flex:0 0 auto;
}
body.wm-xxx-ui.wm-family-compare .wm-cmp-identity .compare-sticky-device-name{
  font-size:13px;
  line-height:1.35;
  font-weight:600;
  color:#182336;
  overflow-wrap:anywhere;
}
body.wm-xxx-ui.wm-family-compare #compareArea .wm-cmp-identity .compare-sticky-device-price{
  font-size:14px !important;
  line-height:1.3;
  font-weight:700;
  color:#1945a6;
}

/* ---------- Spec table ---------- */
body.wm-xxx-ui.wm-family-compare .wm-cmp-category > h3{
  margin:0;
  padding:14px 16px;
  font-size:18px;
  font-weight:700;
  color:#182336;
  background:#f5f7fb;
  scroll-margin-top:var(--wm-cmp-sticky-offset,120px);
}
body.wm-xxx-ui.wm-family-compare table.wm-cmp-table{
  width:100%;
  border-collapse:collapse;
  margin:0;
}
body.wm-xxx-ui.wm-family-compare table.wm-cmp-table,
body.wm-xxx-ui.wm-family-compare table.wm-cmp-table tbody{
  display:block;
}
body.wm-xxx-ui.wm-family-compare tr.wm-cmp-row{
  display:grid;
  grid-template-columns:168px repeat(var(--wm-cmp-cols-desktop,3),minmax(0,1fr));
  border-bottom:1px solid #dce3ee;
}
body.wm-xxx-ui.wm-family-compare th.wm-cmp-label{
  padding:12px 14px;
  font-size:14px;
  font-weight:600;
  color:#526077;
  background:#f5f7fb;
  text-align:left;
  min-width:0;
}
body.wm-xxx-ui.wm-family-compare td.wm-cmp-cell{
  padding:12px 14px;
  font-size:15px;
  line-height:1.55;
  color:#182336;
  border-left:1px solid #dce3ee;
  overflow-wrap:anywhere;
  min-width:0;
}

/* ---------- Focus / motion ---------- */
body.wm-xxx-ui.wm-family-compare a:focus-visible,
body.wm-xxx-ui.wm-family-compare button:focus-visible,
body.wm-xxx-ui.wm-family-compare select:focus-visible,
body.wm-xxx-ui.wm-family-compare input:focus-visible{
  outline:2px solid #1945a6;
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  body.wm-xxx-ui.wm-family-compare *,
  body.wm-xxx-ui.wm-family-compare *::before,
  body.wm-xxx-ui.wm-family-compare *::after{
    animation:none !important;
    transition:none !important;
  }
}

body.wm-xxx-ui.wm-family-compare .wm-cmp-heading { margin-bottom:20px; }
body.wm-xxx-ui.wm-family-compare.wm-compare-managed #fixed_navbar { position:sticky; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-feature-head { display:flex;align-items:center;padding:12px;font-size:14px;font-weight:600;color:#526077; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-identity > div { min-width:0; }
body.wm-xxx-ui.wm-family-compare .compare-sticky-device-name { margin:0 0 4px; }
body.wm-xxx-ui.wm-family-compare .compare-sticky-device-price { margin:0; }
body.wm-xxx-ui.wm-family-compare #compareArea > .container { padding-left:12px;padding-right:12px; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-enhancements { width:100%;padding:0 18px; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-toggle:has(:disabled) { opacity:.6;cursor:default; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-empty-specs,body.wm-xxx-ui.wm-family-compare .wm-cmp-no-differences { padding:16px; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-show-all { background:#1945a6;color:white;border:0;border-radius:8px;min-height:44px;padding:8px 12px; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-swap.disabled { opacity:.45;pointer-events:none; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-category:last-child { border-radius:0 0 14px 14px; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-cell { font-weight:400; }
body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-image { flex:none; }

/* Contain inherited carousel gutters within the comparison page. */
body.wm-xxx-ui.wm-family-compare #comparisonsCarousel { width:100% !important;margin-inline:0 !important; }

/* ---------- Mobile (<=767.98px) ---------- */
@media (max-width:767.98px){
  body.wm-xxx-ui.wm-family-compare #phonesArea{padding:16px 0;}
  body.wm-xxx-ui.wm-family-compare #compareArea > .container{padding-left:16px;padding-right:16px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-heading h1{font-size:26px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-intro{font-size:14px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-copy-desktop{display:none;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-copy-mobile{display:inline;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-top-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.wm-xxx-ui.wm-family-compare .wm-cmp-phone[data-slot="3"]{display:none;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-swap{display:none;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-body{padding:10px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-name{
    font-size:15px;
    min-height:2.7em;
  }
  body.wm-xxx-ui.wm-family-compare .wm-cmp-photo{height:110px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-phone-image{height:110px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-memory{font-size:12.5px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-price .wm-cmp-copy-desktop{display:none;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-price .wm-cmp-copy-mobile{display:inline;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    padding:4px;
    border:1px solid #dce3ee;
    border-radius:8px;
    background:#f5f7fb;
  }
  body.wm-xxx-ui.wm-family-compare .wm-cmp-actions a{
    min-height:44px;
    padding:6px 8px;
    font-size:13px;
    border:1px solid #e2e8f2;
    border-radius:6px;
  }
  /* tools */
  body.wm-xxx-ui.wm-family-compare .wm-cmp-tools{padding:12px 14px 0;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-tools h2{font-size:20px;flex:1 1 50%;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-enhancements{flex:1 1 100%;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-jump{max-width:155px;min-width:0;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-enhancements{padding:0 14px;gap:8px 12px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-identity{padding:10px 8px;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-actions{background:#fff;padding:0;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-actions a{border:0;background:#fff;color:#182336;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-actions a:hover{background:#f5f7fb;}
  body.wm-xxx-ui.wm-family-compare th[data-slot="3"]{display:none;}
  body.wm-xxx-ui.wm-family-compare select.wm-cmp-jump{width:100%;}
  /* identities + table */
  body.wm-xxx-ui.wm-family-compare .wm-cmp-feature-head{display:none;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-identities{
    grid-template-columns:repeat(var(--wm-cmp-cols-mobile,2),minmax(0,1fr));
  }
  body.wm-xxx-ui.wm-family-compare .wm-cmp-identity[data-slot="3"]{display:none;}
  body.wm-xxx-ui.wm-family-compare tr.wm-cmp-row{
    grid-template-columns:repeat(var(--wm-cmp-cols-mobile,2),minmax(0,1fr));
  }
  body.wm-xxx-ui.wm-family-compare td.wm-cmp-cell[data-slot="3"]{display:none;}
  body.wm-xxx-ui.wm-family-compare th.wm-cmp-label{
    grid-column:1 / -1;
    padding:8px 12px;
    border-bottom:1px solid #dce3ee;
    background:#f7f9fc;
  }
  body.wm-xxx-ui.wm-family-compare td.wm-cmp-cell{
    font-size:14px;
    padding:10px 12px;
  }
}



/* Approved Compare mobile actions and centered feature labels. */
@media(max-width:767.98px){
 body.wm-xxx-ui.wm-family-compare #phonesArea .wm-cmp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,44px);gap:6px;width:100%;height:94px;min-height:94px;max-height:94px;padding:0;border:0;background:transparent;border-radius:0;margin-top:auto;}
 body.wm-xxx-ui.wm-family-compare #phonesArea .wm-cmp-actions a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;max-height:44px;padding:4px;line-height:1.1;font-size:13px;white-space:normal;text-align:center;border:1px solid #dce3ee;border-radius:7px;background:#f5f7fb;color:#000;}
 body.wm-xxx-ui.wm-family-compare #phonesArea .wm-cmp-actions[data-action-count="3"] .wm-cmp-action-pictures{grid-column:1 / -1;}
 body.wm-xxx-ui.wm-family-compare th.wm-cmp-label{text-align:center;color:#36465f;}
}
@media(max-width:359.98px){
 body.wm-xxx-ui.wm-family-compare #phonesArea .wm-cmp-actions a{font-size:12px;padding-inline:2px;}
}

/* Match M's centered comparison values on mobile. */
@media(max-width:767.98px){
 body.wm-xxx-ui.wm-family-compare td.wm-cmp-cell{text-align:center;}
}

/* Compact Pakistan launch heading and optional frequency band details. */
body.wm-xxx-ui.wm-family-compare .wm-cmp-country{font-size:.75em;font-weight:600;color:#526077;white-space:nowrap;}
body.wm-xxx-ui.wm-family-compare h3.wm-cmp-frequency-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-band-toggle{min-height:36px;padding:5px 10px;border:1px solid #dce3ee;border-radius:7px;background:#fff;color:#173d9c;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;cursor:pointer;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-band-toggle:hover{background:#edf2fb;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-band-toggle[hidden],
body.wm-xxx-ui.wm-family-compare .wm-cmp-row[data-network-row][hidden]{display:none!important;}

/* Mobile Compare: approved category breaks; preserve existing dark, bold titles. */
@media (max-width:767.98px){
  body.wm-xxx-ui.wm-family-compare .wm-cmp-category{margin-top:0;}
  body.wm-xxx-ui.wm-family-compare .wm-cmp-category:not([hidden]) ~ .wm-cmp-category:not([hidden]){
    margin-top:12px;
  }
  body.wm-xxx-ui.wm-family-compare .wm-cmp-category > h3{
    background:#eef2f9;
    border-top:1px solid #c8d5ea;
    border-bottom:1px solid #c8d5ea;
  }
}

/* Agreed comparison memory labels and viewport-aware legacy fields. */
body.wm-xxx-ui.wm-family-compare .wm-cmp-memory-label{font-size:.86em;font-weight:600;color:#173d9c;white-space:nowrap;}
@media(max-width:767.98px){
 body.wm-xxx-ui.wm-family-compare [data-optional-memory][data-memory-mobile="0"]{display:none!important;}
}
@media(min-width:768px){
 body.wm-xxx-ui.wm-family-compare [data-optional-memory][data-memory-desktop="0"]{display:none!important;}
}

/* One confirmed memory association per line; allow natural wrapping on narrow screens. */
body.wm-xxx-ui.wm-family-compare .wm-cmp-memory-variant{display:block;line-height:1.55;font-weight:700;color:#000;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-memory-variant+.wm-cmp-memory-variant{margin-top:6px;}
@media(max-width:767.98px){
  body.wm-xxx-ui.wm-family-compare td.wm-cmp-cell:has(>.wm-cmp-memory-variant){padding-inline:8px;}
}

/* Approved video playback layout. Keep the native iframe and real content. */
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page{background:#f5f7fb;color:#182336;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #videoReviewArea{padding:24px 0 32px!important;background:#f5f7fb!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #videoReviewArea>.container{max-width:1320px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading h1{font-size:30px;line-height:1.25;letter-spacing:-.02em;margin:0 0 6px!important;color:#182336!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading .wm-ui-price{font-size:16px;margin:0!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-all{display:inline-flex;align-items:center;min-height:44px;color:#1945a6;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-all:hover{text-decoration:underline;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-player-panel{grid-column:1;grid-row:1;background:#fff;border:1px solid #dce3ee;border-radius:14px;overflow:hidden;min-width:0;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .videoreview-frame{background:#000;border-radius:0;overflow:hidden;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .videoreview-frame iframe{border:0;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-player-title{font-size:17px;line-height:1.5;font-weight:600;color:#182336;margin:0!important;padding:16px 20px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar{display:grid!important;grid-template-columns:repeat(var(--wm-watch-nav-count,5),minmax(0,1fr));gap:4px;margin:0!important;padding:8px 12px;border-top:1px solid #dce3ee;border-bottom:0!important;background:#fff;border-radius:0;overflow:visible;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;width:auto!important;padding:8px 4px!important;border:0;border-radius:8px;font-size:13px!important;line-height:1.4;color:#526077!important;white-space:nowrap;text-decoration:none;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a.active{background:#eef2f9;color:#1945a6!important;font-weight:600;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a:hover{background:#f5f7fb;color:#1945a6!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a i{margin:0!important;font-size:16px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next{grid-column:2;grid-row:1/span 2;padding:20px;background:#fff;border:1px solid #dce3ee;border-radius:14px;min-width:0;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next h2{font-size:22px;line-height:1.3;font-weight:700;margin:0 0 16px;color:#182336;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-list{display:grid;gap:12px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;min-height:72px;padding:0 0 12px;border-bottom:1px solid #dce3ee;text-decoration:none;color:#182336;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link:last-child{border-bottom:0;padding-bottom:0;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-thumb{position:relative;display:block;border-radius:8px;overflow:hidden;background:#edf2fa;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-play{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:24px;height:24px;border-radius:5px;color:#fff;background:#1945a6;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.5;font-weight:600;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link:hover .wm-watch-next-title{color:#1945a6;text-decoration:underline;text-underline-offset:3px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-info{grid-column:1;grid-row:2;background:#fff;border:1px solid #dce3ee!important;border-radius:14px;overflow:hidden;min-width:0;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-info>.card-body{padding:20px;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-info h2{font-size:22px;line-height:1.35;margin-bottom:12px!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .videoreview-intro{font-size:15px;line-height:1.65;color:#526077;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .videoreview-intro__toggle{display:inline-flex!important;align-items:center;min-height:44px;color:#1945a6!important;font-size:14px;font-weight:600!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #latestNewsArea{padding-bottom:28px!important;background:#f5f7fb!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #latestNewsArea>.container>.row{border:1px solid #dce3ee;border-radius:14px;padding:20px!important;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #latestNewsArea h2{font-size:26px!important;line-height:1.3;}
body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #wm-main-content :is(a,button):focus-visible{outline:3px solid #1945a6;outline-offset:3px;}
@media(max-width:1199.98px) and (min-width:992px){
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-layout{grid-template-columns:minmax(0,1fr) 304px;gap:20px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next{padding:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link{grid-template-columns:96px minmax(0,1fr);gap:10px;}
}
@media(max-width:991.98px){
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-layout{grid-template-columns:1fr;gap:20px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page :is(.wm-watch-player-panel,.wm-watch-next,.wm-watch-info){grid-column:1;grid-row:auto;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link{grid-template-columns:128px minmax(0,1fr);min-height:80px;}
}
@media(max-width:767.98px){
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #videoReviewArea{padding:20px 0 24px!important;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading{align-items:start;gap:12px;margin-bottom:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading h1{font-size:24px;max-width:22ch;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading .wm-ui-price{font-size:15px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-all{min-width:64px;max-width:80px;text-align:right;justify-content:flex-end;font-size:12px;line-height:1.5;white-space:normal;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-layout{gap:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-player-title{font-size:15px;line-height:1.5;padding:12px 14px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar{gap:2px;padding:8px 6px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a{flex-direction:column;gap:4px;font-size:12px!important;min-height:56px;padding:6px 2px!important;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a i{font-size:17px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next{padding:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next h2{font-size:21px;margin-bottom:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link{grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:76px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-title{font-size:14px;line-height:1.5;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-info>.card-body{padding:16px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-info h2{font-size:20px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #latestNewsArea>.container>.row{padding:16px!important;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #latestNewsArea h2{font-size:22px!important;}
}
@media(max-width:359.98px){
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-heading h1{font-size:22px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page .wm-watch-next-link{grid-template-columns:96px minmax(0,1fr);gap:10px;}
 body.wm-xxx-ui.wm-family-video-detail .wm-watch-page #tabNavBar>a{font-size:11px!important;}
}


/* X2 Contact Us: approved form-first design, public email removed in server template. */
/* Preview refinement: primary form first in DOM at every viewport. */
body.wm-xxx-ui.wm-family-contact #feedbackPage{padding:40px 0 48px!important;background:#f5f7fb}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-intro{margin-bottom:24px}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-title{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:0 0 12px!important;color:#182336}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-lead{font-size:16px;line-height:1.6;max-width:65ch;color:#526077;opacity:1;margin:0!important}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-col,body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info-col{order:initial}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-shell,body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-panel{padding:28px!important;border:1px solid #dce3ee;border-radius:14px;background:#fff}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-shell h2{font-size:24px;line-height:1.3;margin-bottom:8px!important}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-shell>p{font-size:14px;line-height:1.6;opacity:1;color:#526077;margin-bottom:24px!important}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-panel>h2{font-size:20px;line-height:1.4;font-weight:700;color:#182336;margin:0 0 20px}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info{padding:0 0 16px;margin:0;background:transparent;border-radius:0;gap:12px}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info+.wm-contact-info{border-top:1px solid #dce3ee;padding-top:16px}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info:last-child{padding-bottom:0}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info h3{font-size:15px;font-weight:700;line-height:1.5;margin:0 0 4px;color:#182336}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info p{font-size:14px;line-height:1.6;color:#526077}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-info a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:14px;color:#1945a6;overflow-wrap:anywhere}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-icon{width:32px;height:32px;border-radius:0;background:transparent;box-shadow:none;color:#1945a6}
body.wm-xxx-ui.wm-family-contact #feedbackPage .form-control{font-size:15px;line-height:1.5;border:1px solid #b9c5d8;border-radius:10px;min-height:48px;color:#182336;padding:12px 14px;caret-color:#1945a6}
body.wm-xxx-ui.wm-family-contact #feedbackPage textarea.form-control{min-height:176px}
body.wm-xxx-ui.wm-family-contact #feedbackPage label{font-size:14px;line-height:1.5;margin-bottom:8px;color:#182336}
body.wm-xxx-ui.wm-family-contact #feedbackPage .form-control:focus{outline:2px solid #1945a6;outline-offset:2px;box-shadow:none;border-color:#1945a6}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-submit{border-radius:10px;min-height:48px;font-size:15px;line-height:1.5;padding:12px 24px;box-shadow:none;background:#1945a6;color:#fff}
body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-note{max-width:38ch;font-size:13px;line-height:1.6;color:#526077;opacity:1}
body.wm-xxx-ui.wm-family-contact #feedbackPage :is(a,button):focus-visible{outline:2px solid #1945a6;outline-offset:3px}
body.wm-xxx-ui.wm-family-contact #feedbackPage ::selection{background:#dce6ff;color:#182336}
@media(max-width:991.98px){body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-layout{--bs-gutter-y:20px}}
@media(max-width:767.98px){body.wm-xxx-ui.wm-family-contact #feedbackPage{padding:24px 0 32px!important}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-title{font-size:28px}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-lead{font-size:15px}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-shell,body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-panel{padding:20px!important}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-form-shell h2{font-size:22px}body.wm-xxx-ui.wm-family-contact #feedbackPage textarea.form-control{min-height:160px}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-actions{flex-direction:column;align-items:stretch;gap:16px}body.wm-xxx-ui.wm-family-contact #feedbackPage .wm-contact-submit{width:100%}}


body.wm-xxx-ui.wm-family-contact #feedbackPage :is(.form-control,.wm-contact-submit){border-radius:10px!important}


/* Approved X2 Privacy Policy reading layout. */
body.wm-xxx-ui.wm-family-privacy #privacyPage{font:16px/1.75 "Urbanist",system-ui,sans-serif;color:#182336;background:#f5f7fb}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-hero{background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:24px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-title{font-size:32px;line-height:1.2;font-weight:700;margin:0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-lead{font-size:16px;line-height:1.75;max-width:72ch;color:#182336}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-stamp{font-size:14px;color:#526077}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1180px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{display:none}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-document{background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:20px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section{padding:0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section+.wm-policy-section{border-top:1px solid #dce3ee;margin-top:24px;padding-top:24px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section h2{font-size:22px;line-height:1.35;font-weight:700;margin:0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section p{font-size:16px;line-height:1.75;max-width:72ch;margin:16px 0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section ul{margin:16px 0;padding-left:20px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section li{font-size:16px;line-height:1.75;margin:8px 0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-document a{color:#1945a6;text-decoration:underline}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-document a:focus{outline:2px solid #1945a6;outline-offset:2px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-anchor{color:#1945a6;text-decoration:underline}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section a[id]{scroll-margin-top:140px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section{scroll-margin-top:140px}

@media(min-width:992px){
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-layout{grid-template-columns:232px minmax(0,1fr)}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-document{padding:32px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{display:block;position:sticky;top:80px;max-height:calc(100svh - 160px);overflow:auto}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc details{background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:16px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary::-webkit-details-marker{display:none}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary:focus{outline:2px solid #1945a6;outline-offset:2px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary .bi-chevron-down{transition:transform .2s}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc details[open] summary .bi-chevron-down{transform:rotate(180deg)}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav{padding-top:16px;display:flex;flex-direction:column;gap:4px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a{font-size:14px;color:#182336;text-decoration:none;padding:10px 8px;min-height:44px;display:flex;align-items:center;word-wrap:break-word;line-height:1.4}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a:hover{color:#1945a6;text-decoration:underline}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a:focus{outline:2px solid #1945a6;outline-offset:2px}
}

@media(max-width:991px){
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{display:block;margin-bottom:16px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc details{background:#fff;border:1px solid #dce3ee;border-radius:14px;padding:16px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary::-webkit-details-marker{display:none}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc summary:focus{outline:2px solid #1945a6;outline-offset:2px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav{padding-top:16px;display:flex;flex-direction:column;gap:4px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a{font-size:14px;color:#182336;text-decoration:none;padding:10px 8px;min-height:44px;display:flex;align-items:center;word-wrap:break-word;line-height:1.4}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a:hover{color:#1945a6;text-decoration:underline}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc nav a:focus{outline:2px solid #1945a6;outline-offset:2px}
}

body.wm-xxx-ui.wm-family-privacy #privacyPage{padding:40px 0 56px!important}
body.wm-xxx-ui.wm-family-privacy #privacyPage>.container{max-width:1180px;padding-inline:16px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-hero{margin:0 0 24px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-title{color:#182336;letter-spacing:-.025em;text-wrap:balance}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-stamp{display:block;background:transparent;border-radius:0;padding:0;margin:8px 0 16px;font-weight:500;line-height:1.5}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-stamp i{display:none}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-lead{color:#526077;margin:0;line-height:1.75}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-layout{align-items:start}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{align-self:start}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section{border:0;border-radius:0;background:transparent;margin:0;padding:0;box-shadow:none}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section h2{color:#182336;letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance;scroll-margin-top:140px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section p{color:#182336;margin:0 0 16px;text-wrap:pretty}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section p:last-child,body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section ul:last-child{margin-bottom:0}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section ul{margin:0 0 16px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section li{color:#182336}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index summary{gap:12px;line-height:1.4}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index summary i{font-size:12px;color:#1945a6}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index[open] summary i{transform:rotate(180deg)}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index a{border-radius:8px}
body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index a:hover{background:#eaf2ff}
body.wm-xxx-ui.wm-family-privacy #privacyPage :focus-visible{outline:2px solid #1945a6;outline-offset:3px}
@media(min-width:992px){body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{top:120px;max-height:calc(100svh - 144px)}}
@media(max-width:991px){body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-toc{margin-bottom:0}}
@media(max-width:767.98px){body.wm-xxx-ui.wm-family-privacy #privacyPage{padding:24px 0 32px!important}body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-hero{padding:20px}body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-privacy-title{font-size:28px}body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-section h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){body.wm-xxx-ui.wm-family-privacy #privacyPage .wm-policy-index summary i{transition:none}}

/* Approved camera hierarchy within the existing comparison theme. */
body.wm-xxx-ui.wm-family-compare .wm-camera-category + .wm-camera-category{margin-top:12px;}
body.wm-xxx-ui.wm-family-compare .wm-camera-lens + .wm-camera-lens{margin-top:12px;padding-top:12px;border-top:1px solid #e8edf5;}
body.wm-xxx-ui.wm-family-compare .wm-camera-lens-title{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;}
body.wm-xxx-ui.wm-family-compare .wm-camera-lens-title strong{font-size:16px;line-height:1.3;font-weight:700;color:#182336;}
body.wm-xxx-ui.wm-family-compare .wm-camera-lens-title span{font-size:13px;line-height:1.3;font-weight:600;color:#173d9c;}
body.wm-xxx-ui.wm-family-compare .wm-camera-lens p{margin:5px 0 0;font-size:13px;line-height:1.6;color:#526077;}
body.wm-xxx-ui.wm-family-compare .wm-camera-video-mode{margin:0 0 6px;font-size:14px;line-height:1.5;}
body.wm-xxx-ui.wm-family-compare .wm-camera-video-mode strong{font-weight:700;color:#173d9c;margin-right:5px;}
body.wm-xxx-ui.wm-family-compare .wm-camera-video-extra{font-size:13px;line-height:1.6;color:#526077;margin:8px 0 0;}
body.wm-xxx-ui.wm-family-compare .wm-camera-group-label{display:block;margin:0 0 6px;font-size:13px;line-height:1.4;font-weight:600;color:#173d9c;}
body.wm-xxx-ui.wm-family-compare .wm-camera-count{margin:0 0 8px;font-size:13px;line-height:1.4;color:#526077;}
@media(max-width:767.98px){
  body.wm-xxx-ui.wm-family-compare .wm-camera-lens-title{justify-content:center;gap:4px 6px;}
  body.wm-xxx-ui.wm-family-compare .wm-camera-lens-title strong{font-size:15px;}
  body.wm-xxx-ui.wm-family-compare .wm-camera-lens p{font-size:13px;line-height:1.6;}
}

/* Owner-approved comparison value emphasis; preserve table layout and source text. */
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-black{color:#000;font-weight:700;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-blue{color:#173d9c;font-weight:400;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-blue-bold{color:#173d9c;font-weight:700;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-gray{color:#626b7a;font-weight:700;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-red{color:#b42318;font-weight:700;}
body.wm-xxx-ui.wm-family-compare .wm-cmp-value-plain{color:#182336;font-weight:400;}