.utopia-bto-search{
  --bto-ink: #152033;
  --bto-muted: #68758a;
  --bto-line: #d9e1eb;
  --bto-surface: #ffffff;
  --bto-page: #f4f7fb;
  --bto-blue: #165dff;
  --bto-blue-deep: #0e3fa9;
  --bto-cyan: #0bbfe9;
  --bto-danger: #a83737;
  --bto-focus: #ff9e2c;
  --bto-radius: 6px;
  --bto-shadow: 0 10px 28px rgba(18, 36, 67, .08);
  color: var(--bto-ink);
  font-family: "Noto Sans JP", "Yu Gothic", sans-serif;
}.utopia-bto-search *{ box-sizing: border-box; }.utopia-bto-search button, .utopia-bto-search input, .utopia-bto-search select{ font: inherit; }.utopia-bto-search button, .utopia-bto-search select, .utopia-bto-search input[type="checkbox"], .utopia-bto-search input[type="number"]{ accent-color: var(--bto-blue); }.utopia-bto-search button{ cursor: pointer; }.utopia-bto-search button:focus-visible, .utopia-bto-search a:focus-visible, .utopia-bto-search select:focus-visible, .utopia-bto-search input:focus-visible{ outline: 3px solid var(--bto-focus); outline-offset: 2px; }.utopia-bto-search .bto-search{ min-height: 100vh; background: var(--bto-page); }.utopia-bto-search .bto-search__header{ display: flex; justify-content: space-between; gap: 32px; align-items: end; padding: 42px max(24px, calc((100% - 1280px) / 2)); background: var(--bto-surface); border-bottom: 4px solid var(--bto-blue); }.utopia-bto-search .bto-search__header h1{ margin: 5px 0 10px; font-size: clamp(28px, 3vw, 42px); line-height: 1.2; letter-spacing: 0; }.utopia-bto-search .bto-search__header p{ margin: 0; color: var(--bto-muted); line-height: 1.8; }.utopia-bto-search .bto-search__eyebrow{ color: var(--bto-blue) !important; font-size: 12px; font-weight: 800; letter-spacing: .1em; }.utopia-bto-search .bto-search__notice{ flex: 0 0 auto; border: 1px solid var(--bto-line); padding: 8px 12px; color: var(--bto-muted) !important; font-size: 13px; }.utopia-bto-search .bto-search__layout{ max-width: 1280px; margin: 0 auto; padding: 26px 24px 64px; display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; }.utopia-bto-search .bto-search__sidebar{ position: sticky; top: 18px; }.utopia-bto-search .bto-filter-panel{ background: var(--bto-surface); border: 1px solid var(--bto-line); border-top: 4px solid var(--bto-blue); box-shadow: var(--bto-shadow); }.utopia-bto-search .bto-filter-panel__heading{ min-height: 58px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bto-line); }.utopia-bto-search .bto-filter-panel__heading h2{ margin: 0; font-size: 18px; }.utopia-bto-search .bto-link-button{ border: 0; background: transparent; color: var(--bto-blue-deep); text-decoration: underline; font-size: 13px; padding: 8px 0; }.utopia-bto-search .bto-filter-panel__body{ padding: 0 16px 12px; }.utopia-bto-search .bto-filter-group{ border: 0; border-bottom: 1px solid var(--bto-line); padding: 0 0 6px; margin: 0; min-inline-size: 0; }.utopia-bto-search .bto-filter-group:last-child{ border-bottom: 0; }.utopia-bto-search .bto-filter-group legend{ display: block; width: 100%; padding: 6px 0 5px; margin: 0; font-size: 14px; font-weight: 800; }.utopia-bto-search .bto-filter-options{ display: grid; gap: 6px; }.utopia-bto-search .bto-more-options{ margin-top: 6px; border: 0; background: transparent; color: var(--bto-blue-deep); padding: 4px 0; font-size: 13px; font-weight: 700; text-decoration: underline; }.utopia-bto-search .bto-check{ display: flex; align-items: center; gap: 8px; min-height: 28px; font-size: 14px; line-height: 1.45; }.utopia-bto-search .bto-check--vendor-break{ margin-block-start: 6px; }.utopia-bto-search .bto-check[hidden]{ display: none; }.utopia-bto-search .bto-check input{ inline-size: 18px; block-size: 18px; margin: 0; flex: 0 0 auto; }.utopia-bto-search .bto-select, .utopia-bto-search .bto-number{ width: 100%; min-height: 38px; border: 1px solid #b9c6d8; background: #fff; color: var(--bto-ink); padding: 7px 9px; border-radius: 3px; }.utopia-bto-search .bto-range{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.utopia-bto-search .bto-range label{ display: grid; gap: 5px; color: var(--bto-muted); font-size: 12px; }.utopia-bto-search .bto-filter-empty{ color: var(--bto-muted); font-size: 13px; margin: 12px 0; }.utopia-bto-search .bto-results-toolbar{ display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 4px 0 18px; border-bottom: 1px solid var(--bto-line); }.utopia-bto-search .bto-results-toolbar__label{ margin: 0 0 3px; color: var(--bto-muted); font-size: 13px; }.utopia-bto-search .bto-results-toolbar h2{ margin: 0; font-size: 24px; letter-spacing: 0; }.utopia-bto-search .bto-sort{ display: grid; gap: 5px; color: var(--bto-muted); font-size: 12px; }.utopia-bto-search .bto-sort select{ min-width: 156px; min-height: 38px; padding: 6px 8px; border: 1px solid #b9c6d8; background: #fff; color: var(--bto-ink); border-radius: 3px; }.utopia-bto-search .bto-active-conditions{ display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 0 4px; }.utopia-bto-search .bto-active-conditions[hidden]{ display: none; }.utopia-bto-search .bto-active-condition{ display: inline-flex; align-items: center; gap: 7px; border: 1px solid #aebede; background: #fff; color: #27405f; padding: 5px 7px 5px 9px; font-size: 13px; }.utopia-bto-search .bto-active-condition button{ border: 0; background: transparent; color: #40516a; padding: 0 3px; line-height: 1; font-size: 17px; }.utopia-bto-search .bto-status{ min-height: 22px; margin: 12px 0; color: var(--bto-muted); font-size: 14px; }.utopia-bto-search .bto-status--error{ border-left: 4px solid var(--bto-danger); background: #fff3f2; color: #752624; padding: 12px; }.utopia-bto-search .bto-status button{ margin-left: 10px; border: 1px solid currentColor; background: #fff; color: inherit; padding: 5px 9px; }.utopia-bto-search .bto-product-list{ display: grid; gap: 12px; }.utopia-bto-search .bto-product{ display: grid; grid-template-columns: 176px minmax(0, 1fr); background: var(--bto-surface); border: 1px solid var(--bto-line); border-left: 4px solid #7c8fac; min-height: 204px; }.utopia-bto-search .bto-product:has(.bto-product__price--sale){ border-left-color: var(--bto-blue); }.utopia-bto-search .bto-product__image{ margin: 0; border-right: 1px solid var(--bto-line); background: #eaf0f7; min-height: 100%; overflow: hidden; }.utopia-bto-search .bto-product__image img{ display: block; inline-size: 100%; block-size: 100%; min-height: 204px; object-fit: contain; background: #fff; }.utopia-bto-search .bto-product__image--empty{ display: grid; place-items: center; padding: 18px; color: #67768c; font-size: 13px; text-align: center; background: #edf2f8; }.utopia-bto-search .bto-product__content{ min-width: 0; padding: 17px 18px 14px; }.utopia-bto-search .bto-product__topline{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }.utopia-bto-search .bto-product__manufacturer{ margin: 0; color: var(--bto-blue-deep); font-size: 13px; font-weight: 800; }.utopia-bto-search .bto-product__stock{ white-space: nowrap; font-size: 12px; font-weight: 800; }.utopia-bto-search .bto-product__stock--in{ color: #14734d; }.utopia-bto-search .bto-product__stock--out{ color: #8a5560; }.utopia-bto-search .bto-product h3{ margin: 4px 0 2px; font-size: 19px; line-height: 1.45; }.utopia-bto-search .bto-product__development-note{ margin: 0 0 10px; color: var(--bto-muted); font-size: 11px; }.utopia-bto-search .bto-product__middle{ display: flex; justify-content: space-between; gap: 16px; align-items: start; }.utopia-bto-search .bto-product__price{ display: grid; gap: 2px; flex: 0 0 auto; text-align: right; }.utopia-bto-search .bto-product__price strong{ color: var(--bto-blue-deep); font-size: 25px; line-height: 1.15; }.utopia-bto-search .bto-product__price s{ color: var(--bto-muted); font-size: 13px; }.utopia-bto-search .bto-product__price-label{ color: var(--bto-muted); font-size: 12px; }.utopia-bto-search .bto-product__main-specs{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 14px; margin: 0; flex: 1; }.utopia-bto-search .bto-product__main-specs div{ min-width: 0; }.utopia-bto-search .bto-product__main-specs dt{ color: var(--bto-muted); font-size: 11px; }.utopia-bto-search .bto-product__main-specs dd{ margin: 1px 0 0; font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }.utopia-bto-search .bto-product__footer{ display: flex; gap: 9px 16px; flex-wrap: wrap; align-items: center; margin-top: 14px; color: #4d5b6e; font-size: 13px; }.utopia-bto-search .bto-product details{ margin-top: 12px; border-top: 1px solid var(--bto-line); padding-top: 9px; }.utopia-bto-search .bto-product summary{ color: var(--bto-blue-deep); font-size: 14px; font-weight: 700; cursor: pointer; }.utopia-bto-search .bto-product__details{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 18px; margin: 11px 0 0; padding: 0; }.utopia-bto-search .bto-product__details div{ border-bottom: 1px dotted #c8d2df; padding-bottom: 5px; }.utopia-bto-search .bto-product__details dt{ color: var(--bto-muted); font-size: 11px; }.utopia-bto-search .bto-product__details dd{ margin: 2px 0 0; font-size: 13px; overflow-wrap: anywhere; }.utopia-bto-search .bto-empty{ border: 1px dashed #aebede; background: #fff; padding: 32px 24px; text-align: center; }.utopia-bto-search .bto-empty h3{ margin: 0 0 8px; font-size: 20px; }.utopia-bto-search .bto-empty p{ margin: 0 0 16px; color: var(--bto-muted); }.utopia-bto-search .bto-primary-button, .utopia-bto-search .bto-secondary-button{ min-height: 42px; border-radius: 3px; padding: 8px 16px; font-weight: 800; }.utopia-bto-search .bto-primary-button{ border: 1px solid var(--bto-blue); background: var(--bto-blue); color: #fff; }.utopia-bto-search .bto-primary-button:hover{ background: var(--bto-blue-deep); }.utopia-bto-search .bto-secondary-button{ border: 1px solid #9eafc4; background: #fff; color: var(--bto-ink); }.utopia-bto-search .bto-pagination{ display: flex; justify-content: center; gap: 6px; padding-top: 24px; }.utopia-bto-search .bto-pagination button{ min-width: 38px; min-height: 38px; border: 1px solid #aab9cc; background: #fff; color: var(--bto-ink); }.utopia-bto-search .bto-pagination button[aria-current="page"]{ border-color: var(--bto-blue); background: var(--bto-blue); color: #fff; }.utopia-bto-search .bto-pagination button:disabled{ color: #9ba6b5; background: #edf1f5; cursor: default; }.utopia-bto-search .bto-loading{ display: grid; gap: 12px; }.utopia-bto-search .bto-loading__item{ height: 204px; border: 1px solid var(--bto-line); background: #edf2f7; }.utopia-bto-search .bto-search__mobile-filter{ display: none; }.utopia-bto-search .bto-filter-dialog{ border: 0; padding: 0; width: min(100%, 560px); max-width: none; max-height: min(86vh, 760px); margin: auto 0 0; background: #fff; color: var(--bto-ink); box-shadow: 0 -12px 38px rgba(8, 21, 45, .22); }.utopia-bto-search .bto-filter-dialog::backdrop{ background: rgba(12, 22, 39, .45); }.utopia-bto-search .bto-filter-dialog__header{ display: flex; justify-content: space-between; align-items: center; padding: 15px 18px; border-bottom: 1px solid var(--bto-line); }.utopia-bto-search .bto-filter-dialog__header h2{ margin: 0; font-size: 18px; }.utopia-bto-search .bto-dialog-close{ border: 0; background: transparent; color: var(--bto-blue-deep); text-decoration: underline; padding: 8px; }.utopia-bto-search .bto-filter-dialog__body{ padding: 0 18px 18px; overflow: auto; max-height: calc(86vh - 128px); }.utopia-bto-search .bto-filter-dialog__footer{ display: flex; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid var(--bto-line); background: #fff; }

@media (min-width: 781px) {.utopia-bto-search .bto-search__sidebar{ max-height: calc(100dvh - 36px); }.utopia-bto-search .bto-filter-panel{ display: flex; flex-direction: column; max-height: calc(100dvh - 36px); }.utopia-bto-search .bto-filter-panel__body{ min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #b5c5dc transparent; }.utopia-bto-search .bto-filter-panel__body::-webkit-scrollbar{ width: 8px; }.utopia-bto-search .bto-filter-panel__body::-webkit-scrollbar-track{ background: transparent; }.utopia-bto-search .bto-filter-panel__body::-webkit-scrollbar-thumb{ border: 2px solid #fff; border-radius: 8px; background: #b5c5dc; }
}

@media (max-width: 780px) {.utopia-bto-search .bto-search__header{ padding: 25px 18px 20px; display: block; }.utopia-bto-search .bto-search__header h1{ font-size: 29px; }.utopia-bto-search .bto-search__notice{ display: inline-block; margin-top: 14px; }.utopia-bto-search .bto-search__mobile-filter{ display: block; position: sticky; top: 0; z-index: 3; width: 100%; min-height: 50px; border: 0; border-bottom: 1px solid #9fb3d3; background: #fff; color: var(--bto-blue-deep); font-weight: 800; }.utopia-bto-search .bto-search__layout{ display: block; padding: 15px 14px 46px; }.utopia-bto-search .bto-search__sidebar{ display: none; }.utopia-bto-search .bto-results-toolbar{ align-items: end; }.utopia-bto-search .bto-results-toolbar h2{ font-size: 21px; }.utopia-bto-search .bto-sort select{ min-width: 132px; }.utopia-bto-search .bto-product{ grid-template-columns: 110px minmax(0, 1fr); min-height: 0; }.utopia-bto-search .bto-product__image img{ min-height: 150px; }.utopia-bto-search .bto-product__image--empty{ min-height: 150px; padding: 10px; font-size: 12px; }.utopia-bto-search .bto-product__content{ padding: 12px 12px 11px; }.utopia-bto-search .bto-product h3{ font-size: 16px; margin-bottom: 10px; }.utopia-bto-search .bto-product__middle{ display: block; }.utopia-bto-search .bto-product__price{ text-align: left; margin: 7px 0; }.utopia-bto-search .bto-product__price strong{ font-size: 21px; }.utopia-bto-search .bto-product__main-specs{ gap: 5px 8px; }.utopia-bto-search .bto-product__main-specs dd{ font-size: 12px; }.utopia-bto-search .bto-product__footer{ margin-top: 10px; font-size: 12px; gap: 5px 10px; }.utopia-bto-search .bto-product__details{ grid-template-columns: 1fr; }.utopia-bto-search .bto-active-conditions{ padding-top: 10px; }.utopia-bto-search .bto-active-condition{ font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {.utopia-bto-search *, .utopia-bto-search *::before, .utopia-bto-search *::after{ scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Compact fact rows and explicit product actions. */
#utopia-bto-search-root .bto-search__header{ padding-top: 16px; padding-bottom: 16px; }
#utopia-bto-search-root .bto-search__header h2{ font-size: 26px; margin: 4px 0; }
#utopia-bto-search-root .bto-search__header .bto-search__eyebrow{ display: none; }
#utopia-bto-search-root .bto-search__notice{ max-width: 420px; }
#utopia-bto-search-root .bto-product{ display: block; min-height: 0; }
#utopia-bto-search-root .bto-product--with-image{ display: grid; grid-template-columns: 100px minmax(0,1fr); }
#utopia-bto-search-root .bto-product__content{ min-width: 0; padding: 16px; }
#utopia-bto-search-root .bto-product__middle{ display: grid; grid-template-columns: minmax(0,1fr) 170px; align-items: center; gap: 16px; }
#utopia-bto-search-root .bto-product__main-specs{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
#utopia-bto-search-root .bto-product__main-specs dd{ overflow-wrap: anywhere; }
#utopia-bto-search-root .bto-product__verification, #utopia-bto-search-root .bto-product__link-status{ color: var(--bto-muted); font-size: 12px; }
#utopia-bto-search-root .bto-product__actions{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0; }
#utopia-bto-search-root .bto-product__actions a{ text-decoration: none; display: inline-flex; align-items: center; }
#utopia-bto-search-root .bto-product__actions [aria-pressed="true"]{ border-color: var(--bto-blue); background: #eaf1ff; }
#utopia-bto-search-root .bto-comparison{ border: 1px solid var(--bto-line); background: #fff; margin-bottom: 16px; padding: 12px; }
#utopia-bto-search-root .bto-comparison[hidden]{ display: none; }
#utopia-bto-search-root .bto-comparison__heading{ display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#utopia-bto-search-root .bto-comparison__heading h3{ margin: 0 0 10px; }
#utopia-bto-search-root .bto-comparison__scroll{ overflow-x: auto; }
#utopia-bto-search-root .bto-comparison table{ border-collapse: collapse; width: 100%; }
#utopia-bto-search-root .bto-comparison th, #utopia-bto-search-root .bto-comparison td{ padding: 10px; border: 1px solid var(--bto-line); text-align: left; min-width: 140px; vertical-align: top; overflow-wrap: anywhere; }
#utopia-bto-search-root .bto-comparison thead th{ max-width: 260px; }
#utopia-bto-search-root .bto-comparison th button{ display: block; margin-top: 8px; }
#utopia-bto-search-root .bto-comparison-notice:empty{ display: none; }
@media (max-width: 780px) {
 #utopia-bto-search-root .bto-search__header{ padding: 14px; }
 #utopia-bto-search-root .bto-search__header h2{ font-size: 23px; }
 #utopia-bto-search-root .bto-search__notice{ margin-top: 8px; }
 #utopia-bto-search-root .bto-product__middle{ display: block; }
 #utopia-bto-search-root .bto-product--with-image{ grid-template-columns: 70px minmax(0,1fr); }
 #utopia-bto-search-root .bto-product__actions{ gap: 6px; }
 #utopia-bto-search-root .bto-product__actions a, #utopia-bto-search-root .bto-product__actions button{ font-size: 13px; }
}
#utopia-bto-search-root .bto-search__notice[hidden] { display: none; }

/* Approved exact-product images and explicit listed-configuration context. */
#utopia-bto-search-root .bto-product--with-image { grid-template-columns: 140px minmax(0,1fr); }
#utopia-bto-search-root .bto-product-media { margin: 16px 0 16px 16px; width: calc(100% - 16px); max-width: 160px; aspect-ratio: 1; display: grid; place-items: center; background: #f5f7fa; border: 1px solid #dce3eb; border-radius: 8px; overflow: hidden; }
#utopia-bto-search-root .bto-product-media img { width: 100%; height: 100%; object-fit: contain; }

/* Per-card ad layout; complete original markup and tracking dimensions stay intact. */
#utopia-bto-search-root .bto-product .bto-original-ad { margin: 12px 0; min-width: 0; }
#utopia-bto-search-root .bto-product .bto-original-ad[hidden] { display: none; }
#utopia-bto-search-root .bto-product .bto-original-ad > p { margin: 0 0 6px; font-size: 12px; }
#utopia-bto-search-root .bto-product .bto-original-ad pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; }
#utopia-bto-search-root .bto-product .bto-original-ad [data-bto-ad-slot] { overflow-wrap: anywhere; }
#utopia-bto-search-root .bto-product .bto-original-ad [data-bto-ad-slot="valuecommerce-original"] a > img:not([width]) { max-width: 100%; height: auto; }
#utopia-bto-search-root .bto-product-media [hidden] { display: none; }
#utopia-bto-search-root .bto-product-media__placeholder { display: grid; align-content: center; justify-items: center; gap: 4px; inline-size: 100%; block-size: 100%; padding: 8px; box-sizing: border-box; color: #566477; text-align: center; background: linear-gradient(160deg, #f7f9fc 0%, #e9eff7 100%); }
#utopia-bto-search-root .bto-product-media__series { color: var(--bto-blue-deep, #1f4f8f); font-size: 13px; font-weight: 800; letter-spacing: .04em; line-height: 1.2; overflow-wrap: anywhere; }
#utopia-bto-search-root .bto-product-media__gpu { color: #26364a; font-size: 15px; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
#utopia-bto-search-root .bto-product-media__status { margin-top: 2px; color: #7a8698; font-size: 10px; }
#utopia-bto-search-root .bto-product__configuration-label { margin: 8px 0; font-size: 12px; font-weight: 700; color: #43556b; }
#utopia-bto-search-root .bto-product__configuration-note { margin: 10px 0; font-size: 12px; color: #566477; line-height: 1.6; }
#utopia-bto-search-root .bto-comparison .bto-product-media { width: 104px; margin: 0 0 10px; }
@media (max-width: 780px) {
 #utopia-bto-search-root .bto-product--with-image { grid-template-columns: 92px minmax(0,1fr); }
 #utopia-bto-search-root .bto-product-media { margin: 12px 0 12px 12px; width: calc(100% - 12px); }
 #utopia-bto-search-root .bto-product-media__series { font-size: 11px; } #utopia-bto-search-root .bto-product-media__gpu { font-size: 12px; } #utopia-bto-search-root .bto-product-media__status { display: none; }
}

/* Fixed thumbnails remain compact beside the listing and inside comparison. */
#utopia-bto-search-root .bto-product--with-image { grid-template-columns: 158px minmax(0,1fr); }
#utopia-bto-search-root .bto-product-media { width:126px; height:126px; max-width:126px; margin:16px; align-self:start; }
#utopia-bto-search-root .bto-comparison .bto-product-media { width:96px; height:96px; margin:0 0 10px; }
@media (max-width:780px) {
 #utopia-bto-search-root .bto-product--with-image { grid-template-columns:108px minmax(0,1fr); }
 #utopia-bto-search-root .bto-product-media { width:84px; height:84px; margin:12px; }
}

#utopia-bto-search-root .bto-publication-disclosure { margin: 0; padding: 12px 24px; background: #fff; color: #24364b; font-size: 14px; line-height: 1.6; }
#utopia-bto-search-root .bto-purchase__label { margin: 12px 0 6px; font-weight: 700; }
#utopia-bto-search-root .bto-product__purchase [hidden] { display: none; }
#utopia-bto-search-root .bto-product__purchase[data-bto-purchase-state="affiliate"] > .bto-original-ad { margin: 8px 0; padding: 12px; border: 2px solid #165dff; background: #f3f7ff; }
#utopia-bto-search-root .bto-product__purchase[data-bto-purchase-state="affiliate"] [data-bto-ad-slot] > a { display: inline-block; padding: 10px 14px; background: #165dff; color: #fff; border-radius: 3px; font-weight: 700; text-decoration: none; }
#utopia-bto-search-root .bto-product__purchase .bto-product__actions [data-bto-purchase-official].bto-secondary-button { background: #fff; color: #43556b; font-size: 12px; }

/* Configuration-example disclosures stay outside immutable original ad nodes. */
#utopia-bto-search-root .bto-product .bto-original-ad[data-bto-ad-layout="configuration-example"] > [data-bto-image-caption] { margin:8px 0 0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#utopia-bto-search-root .bto-product .bto-original-ad[data-bto-ad-resize="proportional"] [data-bto-ad-slot] img:not([width="0"]):not([width="1"]):not([height="0"]):not([height="1"]) { max-width:100%; width:auto; height:auto; object-fit:contain; }
#utopia-bto-search-root .bto-product .bto-original-ad[data-bto-ad-resize="native"] [data-bto-ad-slot] { overflow-x:auto; }
#utopia-bto-search-root .bto-product .bto-original-ad[data-bto-ad-resize="native"] [data-bto-ad-slot] img:not([width="0"]):not([width="1"]):not([height="0"]):not([height="1"]) { max-width:none; max-height:none; width:auto; height:auto; }
/* FRONTIER A8 product-link image (utopia-pc.com only): ad label over the image, price as-of note in the card. */
#utopia-bto-search-root .bto-product-media[data-bto-a8-live] { position: relative; }
#utopia-bto-search-root .bto-a8-live, #utopia-bto-search-root .bto-a8-live .a8ad, #utopia-bto-search-root .bto-a8-live a { display: block; inline-size: 100%; block-size: 100%; }
#utopia-bto-search-root .bto-a8-live img { inline-size: 100%; block-size: 100%; object-fit: contain; }
#utopia-bto-search-root .bto-a8-live img[width="1"] { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
#utopia-bto-search-root .bto-a8-live__label { position: absolute; top: 4px; left: 4px; padding: 1px 6px; border-radius: 4px; background: rgba(36, 54, 75, .82); color: #fff; font-size: 11px; font-weight: 700; line-height: 1.6; pointer-events: none; }
#utopia-bto-search-root .bto-product__a8-note { margin: 6px 0 0; color: #566477; font-size: 12px; line-height: 1.6; }

.utopia-bto-search .bto-search__howto { font-size: .875rem; }

/* Wider page: search results get the room instead of the article width. */
.utopia-bto-search .bto-search__layout { max-width: 1440px; }
.utopia-bto-search .bto-search__header { padding-left: max(24px, calc((100% - 1440px) / 2)); padding-right: max(24px, calc((100% - 1440px) / 2)); }

/* One product per row: name and specs on the left, price and actions on the right. */
#utopia-bto-search-root .bto-product-list { gap: 8px; }
#utopia-bto-search-root .bto-product { border: 1px solid var(--bto-line); border-radius: 10px; transition: border-color .15s; }
#utopia-bto-search-root .bto-product:hover { border-color: #9db8e6; }
#utopia-bto-search-root .bto-product--with-image { grid-template-columns: 104px minmax(0,1fr); }
#utopia-bto-search-root .bto-product-media { width: 80px; height: 80px; max-width: 80px; margin: 12px; }
#utopia-bto-search-root .bto-product__content { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,auto); grid-template-areas: "top price" "name price" "specs buy"; column-gap: 24px; align-items: start; padding: 12px 16px; }
#utopia-bto-search-root .bto-product__content > * { grid-column: 1 / -1; }
#utopia-bto-search-root .bto-product__topline { grid-area: top; }
#utopia-bto-search-root .bto-product h3 { grid-area: name; margin: 2px 0 6px; font-size: 16px; line-height: 1.45; }
#utopia-bto-search-root .bto-product__middle { display: contents; }
#utopia-bto-search-root .bto-product__specs { grid-area: specs; min-width: 0; }
#utopia-bto-search-root .bto-product__configuration-label { margin: 0 0 2px; font-size: 11px; font-weight: 400; color: var(--bto-muted); }
#utopia-bto-search-root .bto-product__main-specs { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 4px 14px; }
#utopia-bto-search-root .bto-product__main-specs dd { font-size: 13px; }
#utopia-bto-search-root .bto-product__price { grid-area: price; align-self: center; text-align: right; }
#utopia-bto-search-root .bto-product__price strong { font-size: 22px; }
#utopia-bto-search-root .bto-product__purchase { grid-area: buy; align-self: end; }
#utopia-bto-search-root .bto-product__actions { justify-content: flex-end; margin: 6px 0 0; gap: 6px; }
#utopia-bto-search-root .bto-product__actions .bto-primary-button, #utopia-bto-search-root .bto-product__actions .bto-secondary-button { min-height: 34px; padding: 5px 12px; font-size: 13px; }
#utopia-bto-search-root .bto-product__configuration-note, #utopia-bto-search-root .bto-product__verification, #utopia-bto-search-root .bto-product__a8-note { margin: 6px 0 0; }
#utopia-bto-search-root .bto-product__footer { margin-top: 6px; font-size: 12px; }
#utopia-bto-search-root .bto-product details { margin-top: 8px; padding-top: 6px; }
#utopia-bto-search-root .bto-product summary { font-size: 13px; }
@media (max-width: 780px) {
 #utopia-bto-search-root .bto-product--with-image { grid-template-columns: 76px minmax(0,1fr); }
 #utopia-bto-search-root .bto-product-media { width: 60px; height: 60px; margin: 10px 6px 10px 10px; }
 #utopia-bto-search-root .bto-product__content { grid-template-columns: minmax(0,1fr); grid-template-areas: "top" "name" "specs" "price" "buy"; padding: 10px 12px 10px 6px; }
 #utopia-bto-search-root .bto-product h3 { font-size: 15px; }
 #utopia-bto-search-root .bto-product__main-specs { grid-template-columns: repeat(2, minmax(0,1fr)); }
 #utopia-bto-search-root .bto-product__main-specs dd { font-size: 12px; }
 #utopia-bto-search-root .bto-product__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; text-align: left; margin: 6px 0 0; }
 #utopia-bto-search-root .bto-product__price strong { font-size: 20px; }
 #utopia-bto-search-root .bto-product__actions { justify-content: flex-start; }
}

/* Blog links: next to the GPU/CPU model filters, after the results, and in the empty state. */
#utopia-bto-search-root .bto-filter-group legend { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
#utopia-bto-search-root .bto-filter-guide { color: var(--bto-blue-deep); font-size: 12px; font-weight: 700; white-space: nowrap; }
#utopia-bto-search-root .bto-filter-guide::after { content: " ›"; }
#utopia-bto-search-root .bto-guides { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--bto-line); }
#utopia-bto-search-root .bto-guides h2 { margin: 0 0 12px; font-size: 17px; }
#utopia-bto-search-root .bto-guides__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
#utopia-bto-search-root .bto-guides__list a { display: grid; gap: 4px; height: 100%; padding: 14px 16px; border: 1px solid var(--bto-line); border-radius: 10px; background: #fff; color: var(--bto-ink); text-decoration: none; transition: border-color .15s; }
#utopia-bto-search-root .bto-guides__list a:hover { border-color: var(--bto-blue); }
#utopia-bto-search-root .bto-guides__list b { color: var(--bto-blue-deep); font-size: 15px; }
#utopia-bto-search-root .bto-guides__list span { color: var(--bto-muted); font-size: 12px; line-height: 1.6; }
#utopia-bto-search-root .bto-empty__guide { margin: 18px 0 0 !important; font-size: 13px; }

/* Comparison tray fixed to the bottom of the viewport; the table opens upward. */
#utopia-bto-search-root .bto-comparison { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; margin: 0; padding: 10px max(16px, calc((100% - 1440px) / 2)); border: 0; border-top: 2px solid var(--bto-blue); background: #fff; box-shadow: 0 -8px 24px rgba(18, 36, 67, .14); }
#utopia-bto-search-root .bto-comparison__heading { flex-wrap: wrap; gap: 8px 16px; }
#utopia-bto-search-root .bto-comparison__heading h3 { margin: 0; font-size: 15px; white-space: nowrap; }
#utopia-bto-search-root .bto-comparison__names { display: flex; flex: 1; min-width: 0; gap: 6px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#utopia-bto-search-root .bto-comparison__names li { max-width: 220px; padding: 3px 10px; border-radius: 99px; background: #eaf1ff; color: var(--bto-blue-deep); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#utopia-bto-search-root .bto-comparison__controls { display: flex; align-items: center; gap: 12px; margin-left: auto; }
#utopia-bto-search-root .bto-comparison__controls .bto-primary-button { min-height: 38px; padding: 6px 16px; }
#utopia-bto-search-root .bto-comparison__scroll { display: none; max-height: min(70vh, 640px); margin-top: 10px; overflow: auto; }
#utopia-bto-search-root .bto-comparison.is-open .bto-comparison__scroll { display: block; }
#utopia-bto-search-root.bto-has-comparison .bto-search__layout { padding-bottom: 120px; }
@media (min-width: 781px) {
 #utopia-bto-search-root.bto-has-comparison .bto-search__sidebar, #utopia-bto-search-root.bto-has-comparison .bto-filter-panel { max-height: calc(100dvh - 120px); }
}
body:has(#utopia-bto-search-root.bto-has-comparison) .p-fixBtnWrap { bottom: 90px; }
@media (max-width: 780px) {
 #utopia-bto-search-root .bto-comparison { padding: 8px 12px; }
 #utopia-bto-search-root .bto-comparison__names { display: none; }
 #utopia-bto-search-root .bto-comparison__controls { gap: 8px; }
 #utopia-bto-search-root .bto-comparison__scroll { max-height: 72vh; }
}

/* The page sits inside the theme's article body; drop the theme's heading bands and underlines inside the tool. */
#utopia-bto-search-root :is(h2, h3) { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: inherit; }
#utopia-bto-search-root :is(h2, h3)::before, #utopia-bto-search-root :is(h2, h3)::after { content: none; display: none; }
#utopia-bto-search-root .bto-comparison :is(th, td) { background: #fff; color: var(--bto-ink); }
#utopia-bto-search-root .bto-comparison :is(thead th, tbody th) { background: var(--bto-page); }

/* When the results column is narrow (the page still inside the theme's 1200px frame), give the specs the full row width. */
#utopia-bto-search-root .bto-search__results { container: bto-results / inline-size; }
@container bto-results (min-width: 560px) and (max-width: 1000px) {
 #utopia-bto-search-root .bto-product__content { grid-template-areas: "top price" "name price" "specs specs" "more buy"; }
 #utopia-bto-search-root .bto-product__content > details { grid-area: more; align-self: end; }
 #utopia-bto-search-root .bto-product__purchase { align-self: end; }
}

/* Product images scale with the screen: about 168px on a full-HD screen, shrinking gradually on smaller ones. */
#utopia-bto-search-root { --bto-thumb: clamp(104px, 8.75vw, 168px); }
#utopia-bto-search-root .bto-product--with-image { grid-template-columns: calc(var(--bto-thumb) + 28px) minmax(0,1fr); }
#utopia-bto-search-root .bto-product--with-image .bto-product-media { width: var(--bto-thumb); height: var(--bto-thumb); max-width: none; margin: 14px; }
#utopia-bto-search-root .bto-product-media__gpu { font-size: clamp(12px, 1vw, 17px); }
@media (max-width: 780px) {
 #utopia-bto-search-root { --bto-thumb: clamp(72px, 22vw, 104px); }
 #utopia-bto-search-root .bto-product--with-image { grid-template-columns: calc(var(--bto-thumb) + 16px) minmax(0,1fr); }
 #utopia-bto-search-root .bto-product--with-image .bto-product-media { margin: 10px 4px 10px 12px; }
}

/* Site tone, same rules as the article pages: white cards, #dfe5ee lines, 12px corners, one blue (#0078ff), pixel-font blue labels. */
.utopia-bto-search { --bto-blue: #0078ff; --bto-blue-deep: #0062d1; --bto-line: #dfe5ee; --bto-page: #f4f7fb; --bto-ink: #071021; --bto-muted: #64708a; --bto-dot: "DotGothic16", ui-monospace, monospace; }
#utopia-bto-search-root .bto-filter-panel { border: 1px solid var(--bto-line); border-radius: 12px; box-shadow: none; overflow: hidden; }
#utopia-bto-search-root .bto-product { border-radius: 12px; }
#utopia-bto-search-root .bto-product__price strong { color: var(--bto-blue-deep); }

/* Hero: a white card holding the page H1, a subheading with stats, and entry points by purpose and budget. */
#utopia-bto-search-root .bto-search__header.bto-hero { display: block; padding: 20px max(24px, calc((100% - 1440px) / 2)) 0; background: var(--bto-page); border-bottom: 0; color: var(--bto-ink); }
#utopia-bto-search-root .bto-hero__inner { position: relative; max-width: none; padding: 24px 28px 26px; border: 1px solid var(--bto-line); border-radius: 12px; background: #fff; }
#utopia-bto-search-root .bto-hero__inner::after { content: ""; position: absolute; left: 28px; bottom: -1px; width: 56px; height: 3px; border-radius: 2px; background: var(--bto-blue); }
#utopia-bto-search-root .bto-hero__eyebrow { margin: 0 0 4px; color: var(--bto-blue) !important; font-family: var(--bto-dot); font-size: 13px; letter-spacing: .14em; }
#utopia-bto-search-root .bto-hero .bto-hero__title { margin: 0; padding: 0; border: 0; background: none; color: var(--bto-ink); font-size: clamp(24px, 2.2vw, 34px); font-weight: 900; line-height: 1.35; }
#utopia-bto-search-root .bto-hero .bto-hero__title::before, #utopia-bto-search-root .bto-hero .bto-hero__title::after { content: none; display: none; }
#utopia-bto-search-root .bto-hero .bto-hero__title .c-pageTitle__inner { float: none; display: inline; padding: 0; border: 0; background: none; color: inherit; }
#utopia-bto-search-root .bto-hero .bto-hero__title .c-pageTitle__inner::before, #utopia-bto-search-root .bto-hero .bto-hero__title .c-pageTitle__inner::after { content: none; display: none; }
#utopia-bto-search-root .bto-search__header.bto-hero h2 { display: inline; margin: 0; color: var(--bto-muted) !important; font-size: 15px; font-weight: 500; line-height: 1.7; }
#utopia-bto-search-root .bto-hero__stats { display: inline-flex; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 0 16px !important; color: var(--bto-muted) !important; font-size: 13px; vertical-align: 1px; }
#utopia-bto-search-root .bto-hero__stats[hidden] { display: none; }
#utopia-bto-search-root .bto-hero__stats b { margin-right: 3px; color: var(--bto-ink); font-size: 18px; font-weight: 800; }
#utopia-bto-search-root .bto-hero__group { margin-top: 18px; }
#utopia-bto-search-root .bto-hero__label { margin: 0 0 8px !important; color: var(--bto-muted) !important; font-size: 12px; font-weight: 700; }
#utopia-bto-search-root .bto-purposes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
#utopia-bto-search-root .bto-purpose { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid var(--bto-line); border-radius: 10px; background: #fff; color: var(--bto-ink); text-decoration: none; transition: border-color .15s, transform .15s; }
#utopia-bto-search-root .bto-purpose:hover { border-color: var(--bto-blue); transform: translateY(-2px); }
#utopia-bto-search-root .bto-purpose .bto-rank { justify-self: start; margin-bottom: 4px; }
#utopia-bto-search-root .bto-purpose b { font-size: 15px; }
#utopia-bto-search-root .bto-purpose small { color: var(--bto-muted); font-size: 12px; }
#utopia-bto-search-root .bto-hero__presets { display: flex; flex-wrap: wrap; gap: 8px; }
#utopia-bto-search-root .bto-hero__presets a { padding: 5px 16px; border: 1px solid var(--bto-blue); border-radius: 99px; background: #fff; color: var(--bto-blue-deep); font-size: 13px; font-weight: 700; text-decoration: none; transition: background .15s; }
#utopia-bto-search-root .bto-hero__presets a:hover { background: #e6f1ff; }
#utopia-bto-search-root .bto-hero .bto-search__notice { margin-top: 12px; }

/* Tier labels on the purpose cards: the top page's tier colours. */
#utopia-bto-search-root .bto-rank { display: inline-block; padding: 1px 7px; border: 1px solid transparent; border-radius: 4px; font-family: var(--bto-dot); font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: .04em; }
#utopia-bto-search-root .bto-rank[data-rank="S"] { background: #ffd84d; color: #3d2f00; }
#utopia-bto-search-root .bto-rank[data-rank="A"] { background: #f2f2f2; border-color: #c9c9ce; color: #071021; }
#utopia-bto-search-root .bto-rank[data-rank="B"] { background: #c9c9ce; color: #071021; }
#utopia-bto-search-root .bto-rank[data-rank="C"] { background: #9a9aa1; color: #fff; }
#utopia-bto-search-root .bto-rank[data-rank="D"] { background: #6c6c73; color: #fff; }

/* Article cards under the results. */
#utopia-bto-search-root .bto-guides { margin-top: 32px; padding: 22px 24px 24px; border: 1px solid var(--bto-line); border-radius: 12px; background: #fff; }
#utopia-bto-search-root .bto-guides__eyebrow { margin: 0 0 2px !important; color: var(--bto-blue) !important; font-family: var(--bto-dot); font-size: 12px; letter-spacing: .14em; }
#utopia-bto-search-root .bto-guides__list.is-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
#utopia-bto-search-root .bto-guides__list.is-cards a.bto-guide-card { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; }
#utopia-bto-search-root .bto-guide-card__image { display: block; aspect-ratio: 16 / 9; background: #e6f1ff; overflow: hidden; }
#utopia-bto-search-root .bto-guide-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
#utopia-bto-search-root .bto-guide-card:hover .bto-guide-card__image img { transform: scale(1.04); }
#utopia-bto-search-root .bto-guide-card__body { display: grid; gap: 6px; padding: 12px 14px 14px; }
#utopia-bto-search-root .bto-guides__list .bto-guide-card__category { justify-self: start; padding: 1px 8px; border-radius: 4px; background: #e6f1ff; color: var(--bto-blue-deep); font-size: 11px; font-weight: 700; }
#utopia-bto-search-root .bto-guides__list.is-cards b { color: var(--bto-ink); font-size: 14px; line-height: 1.55; }

@media (max-width: 1000px) {
 #utopia-bto-search-root .bto-purposes, #utopia-bto-search-root .bto-guides__list.is-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
 #utopia-bto-search-root .bto-search__header.bto-hero { padding: 12px 12px 0; }
 #utopia-bto-search-root .bto-hero__inner { padding: 18px 16px 20px; }
 #utopia-bto-search-root .bto-hero__inner::after { left: 16px; }
 #utopia-bto-search-root .bto-search__header.bto-hero h2 { display: block; font-size: 14px; margin-top: 4px; }
 #utopia-bto-search-root .bto-hero__stats { display: flex; margin: 8px 0 0 !important; }
 #utopia-bto-search-root .bto-purposes { gap: 8px; }
 #utopia-bto-search-root .bto-purpose { padding: 10px 12px; }
 #utopia-bto-search-root .bto-purpose b { font-size: 14px; }
 #utopia-bto-search-root .bto-guides { padding: 18px 14px; }
 #utopia-bto-search-root .bto-guides__list.is-cards { gap: 10px; }
}
/* Sidebar conditions: one-line headings with a summary; each opens its choices in a panel at the centre of the screen. */
#utopia-bto-search-root .bto-filter-section { margin: 16px 0 2px; color: var(--bto-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
#utopia-bto-search-root .bto-filter-section:first-child { margin-top: 10px; }
#utopia-bto-search-root .bto-filter-group { padding: 0; border-bottom: 1px solid var(--bto-line); }
#utopia-bto-search-root .bto-filter-group:last-child { border-bottom: 0; }
#utopia-bto-search-root .bto-filter-group__heading { display: grid; grid-template-columns: auto minmax(0, 1fr) 10px; align-items: center; gap: 10px; inline-size: 100%; min-height: 44px; margin: 0; padding: 8px 4px; border: 0; border-radius: 6px; background: transparent; color: var(--bto-ink); text-align: left; cursor: pointer; }
#utopia-bto-search-root .bto-filter-group__heading::after { content: ""; justify-self: center; inline-size: 7px; block-size: 7px; border-top: 2px solid #7b8ba1; border-right: 2px solid #7b8ba1; transform: rotate(45deg); }
#utopia-bto-search-root .bto-filter-group__heading:hover { background: #f3f6fb; }
#utopia-bto-search-root .bto-filter-group__heading:focus-visible { outline: 3px solid var(--bto-focus, #7fb3ff); outline-offset: 1px; }
#utopia-bto-search-root .bto-filter-group__title { font-size: 14px; font-weight: 800; white-space: nowrap; }
#utopia-bto-search-root .bto-filter-group__value { overflow: hidden; color: #8592a5; font-size: 12px; font-weight: 500; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
#utopia-bto-search-root .bto-filter-group.is-active .bto-filter-group__value { color: var(--bto-blue-deep); font-weight: 700; }
#utopia-bto-search-root .bto-filter-group.is-active .bto-filter-group__title::after { content: ""; display: inline-block; inline-size: 6px; block-size: 6px; margin-left: 6px; border-radius: 50%; background: var(--bto-blue); vertical-align: middle; }
#utopia-bto-search-root .bto-choice-dialog { inline-size: min(760px, calc(100vw - 32px)); max-inline-size: none; max-block-size: min(80vh, 720px); position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); margin: 0; padding: 0; border: 0; border-radius: 12px; background: #fff; color: var(--bto-ink); box-shadow: 0 24px 60px rgba(15, 32, 58, .28); }
#utopia-bto-search-root .bto-choice-dialog::backdrop { background: rgba(15, 32, 58, .45); }
#utopia-bto-search-root .bto-choice-dialog[open] { display: flex; }
#utopia-bto-search-root .bto-choice-dialog__panel { display: flex; flex-direction: column; inline-size: 100%; max-block-size: inherit; }
#utopia-bto-search-root .bto-choice-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--bto-line); }
#utopia-bto-search-root .bto-choice-dialog__header h3 { margin: 0; font-size: 18px; font-weight: 800; }
#utopia-bto-search-root .bto-choice-dialog__close { inline-size: 36px; block-size: 36px; padding: 0; border: 0; border-radius: 50%; background: #f1f4f9; color: #43556b; font-size: 20px; line-height: 1; cursor: pointer; }
#utopia-bto-search-root .bto-choice-dialog__body { flex: 1 1 auto; min-block-size: 0; overflow-y: auto; padding: 16px 20px; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-filter-guide { display: inline-block; margin-bottom: 10px; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-filter-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 2px 16px; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-check { margin: 0; padding: 8px 6px; border-radius: 6px; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-check:hover { background: #f3f6fb; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-check--vendor-break { grid-column-start: 1; margin-top: 8px; }
#utopia-bto-search-root .bto-choice-dialog__body .bto-select, #utopia-bto-search-root .bto-choice-dialog__body .bto-range { max-inline-size: 420px; }
#utopia-bto-search-root .bto-choice-dialog__footer { display: flex; justify-content: flex-end; gap: 10px; padding: 12px 20px; border-top: 1px solid var(--bto-line); background: #f8fafd; border-radius: 0 0 12px 12px; }
#utopia-bto-search-root .bto-choice-dialog__footer [hidden] { display: none; }
#utopia-bto-search-root .bto-choice-dialog__footer .bto-primary-button { min-inline-size: 140px; }
@media (max-width: 767px) {
  #utopia-bto-search-root .bto-choice-dialog { inline-size: calc(100vw - 16px); max-block-size: 88vh; }
  #utopia-bto-search-root .bto-choice-dialog__body .bto-filter-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; }
  #utopia-bto-search-root .bto-choice-dialog__body { padding: 12px 14px; }
  #utopia-bto-search-root .bto-choice-dialog__footer .bto-primary-button { flex: 1 1 auto; }
}