@import './browse.css';
@import './directory.css';
/* Each selector belongs to the finder so the storefront keeps its own layout. */
@font-face { font-family: WMStandalone; src: url('/media/fonts/Pretendard-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family: WMStandalone; src: url('/media/fonts/Pretendard-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family: WMStandalone; src: url('/media/fonts/Pretendard-ExtraBold.woff2') format('woff2'); font-weight:800; font-display:swap; }
.wm-standalone { margin:0; background:#f0f0f0; --font-chungdam: WMStandalone, 'Malgun Gothic', sans-serif; font-family:var(--font-chungdam); }
.wm-standalone-shell { max-width:1024px; min-height:100vh; margin:0 auto; background:#fff; }
.wm-standalone-header { display:flex; align-items:center; justify-content:space-between; min-height:56px; background:#080808; padding:0 18px; }
.wm-standalone-header a { color:#fff; text-decoration:none; font-size:13px; }
.wm-standalone-header .wm-standalone-name { font-size:21px; font-weight:650; letter-spacing:-.055em; }
.wm-standalone-name b { color:#e3c36e; }
.wm-root {
  --wm-ink: #151515;
  --wm-muted: #626461;
  --wm-rule: #dededb;
  --wm-paper: #fff;
  --wm-wash: #f5f5f2;
  color: var(--wm-ink);
  background: var(--wm-paper);
  font-family: var(--font-chungdam, Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif);
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -.025em;
  word-break: keep-all;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
}
.wm-root *, .wm-root *::before, .wm-root *::after { box-sizing: border-box; }
.wm-root :where(h1,h2,h3,p,figure,dl,dd,ul) { margin: 0; }
.wm-root :where(button,a) { font: inherit; color: inherit; letter-spacing: inherit; }
.wm-root button { appearance: none; cursor: pointer; }
.wm-root button:disabled { cursor: default; }
.wm-root button:focus-visible, .wm-root a:focus-visible { outline: 2px solid #74613a; outline-offset: 3px; }
.wm-root [data-screen-heading]:focus { outline: none; }
.wm-root [data-screen-heading] { scroll-margin-top: 22px; }
.wm-screen { width: 100%; max-width: 1100px; margin: auto; }
.wm-loading { padding: 52px 24px; text-align: center; color: var(--wm-muted); }
.wm-loading > button { margin: 18px auto 0; }

.wm-spread { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); align-items: stretch; gap: 0; padding: 38px 34px 44px; }
.wm-hero { position: relative; overflow: hidden; background: #222422; min-height: 444px; isolation: isolate; }
.wm-hero-photo { position: absolute; inset: 0; display: block; z-index: -2; }
.wm-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wm-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, transparent 36%, rgba(0,0,0,.12) 58%, rgba(0,0,0,.87) 100%); }
.wm-hero-copy { position: absolute; inset: auto 24px 30px; color: #fff; }
.wm-hero-copy h1 { color:#fff; font-size: clamp(28px,3.2vw,40px); font-weight: 650; line-height: 1.13; letter-spacing: -.055em; }
.wm-hero-copy p { max-width: 30ch; margin-top: 11px; color: #f2f2ee; font-size: 14px; font-weight: 450; line-height: 1.6; }
.wm-root .wm-hero-browse { display:inline-flex; align-items:center; gap:10px; min-height:36px; margin-top:8px; color:#fff; border-bottom:1px solid rgba(255,255,255,.65); text-decoration:none; font-size:14px; font-weight:600; }
.wm-photo-credit { position: absolute; top: 12px; right: 12px; color: white; font-size: 11px; text-shadow: 0 1px 4px #111; }
.wm-sheet { display: flex; flex-direction: column; min-width: 0; padding: 14px 0 12px clamp(26px,4vw,54px); align-self: stretch; }
.wm-countline,.wm-topline,.wm-result-rule,.wm-product-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wm-countline { color: #4f504d; font-size: 13px; font-weight: 600; }
.wm-step-count { color: #666761; font-variant-numeric: tabular-nums; font-weight: 400; letter-spacing: .04em; }
.wm-step-count b { color: #141514; }
.wm-progress-track { display: flex; gap: 3px; margin-top: 10px; }
.wm-progress-track span { flex: 1; height: 2px; background: #e5e5e2; }
.wm-progress-track .wm-progress-filled { background: #151515; }
.wm-form-body { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.wm-question, .wm-page-title, .wm-detail-title { color: var(--wm-ink); font-weight: 650; line-height: 1.28; letter-spacing: -.05em; }
.wm-question { margin: 36px 0 0; font-size: clamp(24px,2.4vw,31px); }
.wm-help { margin: 9px 0 0; color: var(--wm-muted); font-size: 14px; line-height: 1.55; }
.wm-choices { display: grid; gap: 8px; margin-top: 26px; }
.wm-simple-choices { grid-template-columns: repeat(2, minmax(0,1fr)); }
.wm-choice { position: relative; display: flex; min-width: 0; min-height: 60px; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--wm-rule); border-radius: 0; background: #fff; padding: 14px; color: var(--wm-ink); text-align: left; transition: border-color 140ms, background-color 140ms; }
.wm-choice:hover { border-color: #898b85; }
.wm-choice[aria-pressed="true"] { border-color: #1f211f; background: #f5f5f2; box-shadow: inset 0 0 0 1px #1f211f; }
.wm-choice-words { display: flex; flex-direction: column; min-width:0; gap: 3px; }
.wm-choice-words strong { font-size: 16px; font-weight: 600; line-height: 1.4; }
.wm-choice-words small { color: var(--wm-muted); font-size: 12px; line-height: 1.4; }
.wm-tick { display: grid; place-items: center; width: 17px; height: 17px; flex: 0 0 17px; border: 1px solid #bebfba; border-radius: 50%; }
.wm-choice[aria-pressed="true"] .wm-tick { border-color: var(--wm-ink); background: var(--wm-ink); }
.wm-choice[aria-pressed="true"] .wm-tick::after { content: ''; width: 8px; height: 5px; transform: translateY(-1px) rotate(-45deg); border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; }
.wm-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wm-brands .wm-choice { padding: 12px 9px; min-height: 62px; justify-content: center; flex-direction: column; gap: 5px; text-align: center; }
.wm-brands .wm-choice-words strong { font-size: 13px; line-height: 1.3; }
.wm-brand-mark { width: 66px; min-width: 0; max-height: 25px; height: 25px; object-fit: contain; }
.wm-brands .wm-tick { display: none; }
.wm-brands .wm-choice[aria-pressed="true"] .wm-tick { display: grid; position: absolute; right: 3px; top: 3px; width: 13px; height: 13px; }
.wm-brands .wm-choice[aria-pressed="true"] .wm-tick::after { width: 6px; height: 4px; }
.wm-brands-guide { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wm-brands-guide .wm-choice { gap:7px; padding:10px 8px; }
.wm-brands-guide .wm-choice-words small { font-size:11px; line-height:1.35; }
.wm-motive { margin-top:22px; padding:16px 0 0; border-top:1px solid var(--wm-ink); scroll-margin-top:14px; }
.wm-motive-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.wm-motive-summary { font-size:14px; color:var(--wm-muted); margin-top:6px; }
.wm-motive h3 { display:inline-block; font-size:17px; font-weight:620; margin:15px 5px 0 0; scroll-margin-top:12px; }
.wm-motive:focus { outline:none; }
.wm-motive-optional { color:var(--wm-muted); font-size:11px; }
.wm-motive-choices { display:grid; gap:6px; margin-top:9px; }
.wm-motive-choices .wm-choice { min-height:42px; padding:8px 12px; }
.wm-motive-choices .wm-choice strong { font-size:14px; font-weight:500; }
@media (min-width:950px) { .wm-brands-guide { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.wm-none { margin-top: 10px; min-height: 45px; padding: 9px 14px; }
.wm-none .wm-choice-words strong { font-weight: 500; font-size: 14px; }
.wm-preferences .wm-none { width:100%; }
.wm-photo-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wm-photo-options .wm-choice { padding:0; display:flex; align-items:stretch; flex-direction:column; gap:0; overflow:hidden; }
.wm-reference-photo { display:block; width:100%; height:clamp(140px,15vw,185px); background:var(--wm-wash); }
.wm-reference-photo img { display:block; width:100%; height:100%; object-fit:contain; }
.wm-photo-options .wm-choice-words { width:100%; padding:10px 12px; border-top:1px solid var(--wm-rule); }
.wm-photo-options .wm-tick { position:absolute; top:8px; right:8px; background:#fff; }
.wm-source-credit { margin:8px 0 0; color:var(--wm-muted); font-size:11px; }
.wm-guide-scope { margin:26px 0 0; color:var(--wm-muted); font-size:13px; font-weight:600; }
.wm-guide-scope + .wm-question { margin-top:6px; }
.wm-photo-options-modelLine .wm-reference-photo { height:124px; }
.wm-photo-options-modelLine img:not([src*="/why-chungdam/watch-match-lab/examples/"]) { object-fit:cover; }
.wm-photo-options-size .wm-reference-photo { position:relative; height:auto; aspect-ratio:4/3; overflow:hidden; }
.wm-photo-options-size .wm-reference-photo img { position:absolute; inset:0; object-fit:cover; }
.wm-photo-options-size .wm-measure-only { align-self:start; min-height:52px; justify-content:center; }
.wm-photo-options-size .wm-measure-only .wm-choice-words { padding-right:32px; border:0; }
.wm-wrist-sources { margin:10px 0 0; font-size:12px; color:var(--wm-muted); }
.wm-wrist-sources summary { cursor:pointer; width:fit-content; }
.wm-wrist-sources p { margin:5px 0; }
.wm-spec-empty { margin-top:20px; padding:14px; background:var(--wm-wash); }
.wm-lifestyle .wm-choice { min-height:66px; }
.wm-wrist-field { margin-top:22px; padding:14px 0 0; border-top:1px solid var(--wm-rule); }
.wm-wrist-label { display:flex; align-items:center; gap:6px; color:var(--wm-ink); font-size:14px; font-weight:600; }
.wm-wrist-label small { color:var(--wm-muted); font-size:12px; font-weight:400; }
.wm-wrist-input { display:inline-flex; align-items:center; gap:6px; margin-left:auto; font-weight:400; }
.wm-wrist-input input { width:86px; min-height:39px; padding:5px 8px; border:1px solid #bcbdb7; border-radius:0; background:white; color:var(--wm-ink); font:inherit; font-size:16px; }
.wm-wrist-field .wm-source-credit { font-size:12px; }
.wm-selection-summary { margin:12px 0 0; color:var(--wm-muted); font-size:13px; }
.wm-detail-guide { margin-top:24px; padding-top:18px; border-top:1px solid var(--wm-rule); }
.wm-detail-guide h2 { font-size:16px; font-weight:600; }
.wm-detail-guide p { margin:5px 0 0; font-size:14px; color:var(--wm-muted); }
.wm-detail-guide p strong { color:var(--wm-ink); font-weight:600; }
.wm-collection-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px 14px; }
.wm-collection-actions .wm-brand-picker { max-width:100%; }
@media (min-width:950px) {
  .wm-photo-options-modelLine { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .wm-photo-options-size { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .wm-photo-options-size .wm-choice-words { padding:8px 10px; }
}
.wm-points { gap: 8px; }
.wm-points .wm-choice { min-height: 76px; padding: 0 14px 0 0; gap: 12px; }
.wm-points .wm-choice-words { flex:1; }
.wm-option-photo { width: 82px; height: 76px; flex: 0 0 82px; background: var(--wm-wash); display: grid; place-items: center; overflow: hidden; }
.wm-option-photo img { width: 100%; height: 100%; object-fit: cover; }
.wm-photo-fallback { display: grid; place-items: center; height: 100%; width: 100%; color: #53544f; padding: 7px; text-align: center; font-size: 12px; letter-spacing: -.015em; }
.wm-hero-photo[data-missing="true"] .wm-photo-fallback { display: none; }
.wm-controls { display: flex; gap: 8px; padding-top: 28px; margin-top: auto; }
.wm-primary, .wm-secondary, .wm-prev, .wm-refine-button, .wm-unavailable { display: flex; justify-content: center; align-items: center; min-width: 0; text-align: center; text-decoration: none; min-height: 48px; border-radius: 0; font-weight: 600; line-height: 1.4; }
.wm-root .wm-primary { background: var(--wm-ink); color: #fff; border: 1px solid var(--wm-ink); padding:10px 17px; gap: 12px; }
.wm-controls .wm-primary { flex: 1; }
.wm-root .wm-primary:disabled { background: #eeefec; border-color: #eeefec; color: #6c6e68; }
.wm-primary:enabled:hover { background: #30312e; }
.wm-secondary, .wm-prev, .wm-refine-button { background: #fff; border: 1px solid #bcbdb7; padding: 10px 16px; }
.wm-prev { min-width: 51px; }
.wm-arrow { display: inline-block; width: 14px; height: 10px; position: relative; color: inherit; }
.wm-arrow::before { content: ''; width: 13px; border-top: 1.5px solid; position: absolute; top: 4.5px; left:0; }
.wm-arrow::after { content: ''; width: 7px; height: 7px; border-right:1.5px solid; border-top:1.5px solid; position:absolute; right:0; top:1.5px; transform:rotate(45deg); }
.wm-arrow-back { transform: rotate(180deg); }
.wm-text-button { padding: 3px 0; color: var(--wm-muted); font-size: 13px; line-height: 1.55; text-decoration: underline; text-underline-offset: 4px; border:0; background:transparent; }
.wm-refine-label { border-bottom: 1px solid var(--wm-rule); padding-bottom:10px; }
.wm-back-link { margin-top: auto; padding-top: 26px; align-self:flex-start; }

.wm-results,.wm-detail { padding: 32px clamp(18px,3.8vw,42px) 52px; }
.wm-topline { color: var(--wm-muted); font-size: 13px; }
.wm-page-title { font-size: clamp(25px,3.1vw,38px); margin: 18px 0 0; }
.wm-result-rule { border-bottom: 1px solid #242522; padding: 0 0 11px; margin-top: 30px; margin-bottom: 17px; }
.wm-result-rule strong { font-weight: 600; font-size:15px; }
.wm-result-rule > span { color: var(--wm-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.wm-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); column-gap: 15px; row-gap: 29px; }
.wm-product { min-width:0; display: block; width:100%; padding:0; border:0; border-radius:0; background:transparent; text-align:left; align-self:start; color:var(--wm-ink); }
.wm-product-photo, .wm-detail-photo { display:block; overflow:hidden; position:relative; aspect-ratio:1; width:100%; background:var(--wm-wash); }
.wm-product-photo img,.wm-detail-photo img { height:100%; width:100%; object-fit:cover; display:block; }
.wm-product-photo img { transition: transform 250ms; }
@media (hover:hover) { .wm-product:hover .wm-product-photo img { transform:scale(1.025); } }
.wm-best { position:absolute; bottom:0; left:0; padding:3px 7px; background:#171917; color:white; font-size:9px; font-weight:650; line-height:1.6; letter-spacing:.05em; }
.wm-product-info { display:block; padding-top: 9px; }
.wm-root .wm-comparison-heading { margin:0 0 9px; color:#53534e; font-size:12px; font-weight:700; }
.wm-collection-grid .wm-product-info { display:grid; grid-template-columns:minmax(0,1fr); }
.wm-collection-grid .wm-product-meta { grid-row:1; }
.wm-collection-grid .wm-model {
  grid-row:2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  line-clamp:2; overflow:hidden; min-height:2.7em;
}
.wm-collection-grid :is(.wm-price,.wm-card-sample) { grid-row:3; }
.wm-card-disclosure { align-self:start; min-width:0; margin-top:3px; }
.wm-card-disclosure summary { display:flex; align-items:center; gap:6px; width:fit-content; min-height:28px; cursor:pointer; list-style:none; font-size:12px; font-weight:600; color:#53534e; }
.wm-card-disclosure summary::-webkit-details-marker { display:none; }
.wm-card-disclosure summary::after { content:''; width:6px; height:6px; border-right:1px solid; border-bottom:1px solid; transform:translateY(-2px) rotate(45deg); }
.wm-card-disclosure details[open] summary::after { transform:translateY(1px) rotate(225deg); }
.wm-card-disclosure summary:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.wm-card-disclosure p { margin:3px 0; color:var(--wm-muted); font-size:12px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }

/* Give neighbouring cards the same text baselines without filling empty fields with copy. */
@supports (grid-template-rows: subgrid) {
  .wm-grid.wm-collection-grid { row-gap:0; }
  .wm-collection-grid > li,
  .wm-collection-grid .wm-product,
  .wm-collection-grid .wm-product-info { display:grid; grid-template-rows:subgrid; row-gap:0; }
  .wm-collection-grid > li { grid-row:span 5; align-self:stretch; }
  .wm-collection-grid .wm-product { grid-row:1 / span 4; align-self:stretch; }
  .wm-collection-grid .wm-product-photo { grid-row:1; }
  .wm-collection-grid .wm-product-info { grid-row:2 / span 3; }
  .wm-collection-grid .wm-card-disclosure { grid-row:5; }
  .wm-collection-grid .wm-model { min-height:0; }
  .wm-collection-grid > li:nth-child(n+4) { margin-top:29px; }
  @media (max-width:730px) {
    .wm-collection-grid > li:nth-child(n+3) { margin-top:24px; }
  }
}
.wm-product-meta { align-items:baseline; }
.wm-brand { color:#565853; font-size:13px; font-weight:600; }
.wm-percent { font-size:14px; font-variant-numeric:tabular-nums; font-weight:700; }
.wm-model { display:block; margin-top:2px; font-size:16px; line-height:1.35; font-weight:800; }
.wm-price { display:block; margin-top:6px; font-size:14px; line-height:1.4; }
.wm-reasons-short { display:block; margin-top:9px; color:var(--wm-muted); font-size:12px; line-height:1.5; }
.wm-reasons-short > span { display:block; }
.wm-short { display:flex; flex-wrap:wrap; gap:8px 14px; justify-content:center; align-items:center; text-align:center; background:var(--wm-wash); padding:14px; margin-top:24px; font-size:14px; }
.wm-refine-button { margin: 32px auto 0; min-width:min(300px,100%); font-size:15px; }
.wm-detail-back { display:inline-flex; align-items:center; gap:9px; min-height:38px; font-size:14px; background:transparent; border:0; padding:0; color:var(--wm-muted); }
.wm-detail-top { margin-top:17px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,3.8vw,44px); align-items:center; }
.wm-detail-title { margin:5px 0 0; font-size:clamp(25px,3.1vw,36px); font-weight:800; }
.wm-sample { display:inline-block; color:var(--wm-muted); font-size:12px; margin:9px 0 0; }
.wm-specs { margin:22px 0 0; border-top:1px solid var(--wm-rule); }
.wm-spec { display:grid; grid-template-columns:minmax(84px,.8fr) minmax(0,1.2fr); gap:8px; border-bottom:1px solid var(--wm-rule); padding:9px 0; font-size:14px; }
.wm-spec dt { color:var(--wm-muted); }
.wm-spec dd { font-weight:550; }
.wm-detail-actions { display:flex; gap:6px; margin-top:22px; }
.wm-detail-actions > * { flex:1; font-size:14px; }
.wm-unavailable { color:var(--wm-muted); background:var(--wm-wash); padding:8px; font-size:13px; }
.wm-notice:not(:empty) { margin:8px 0 0; color:var(--wm-muted); font-size:13px; }
.wm-subtitle { font-size:22px; font-weight:650; line-height:1.35; letter-spacing:-.04em; }
.wm-score-section, .wm-similar { margin-top:40px; border-top: 1px solid var(--wm-rule); padding-top:25px; }
.wm-score-visual { display:grid; grid-template-columns:100px minmax(0,1fr); gap:32px; align-items:center; max-width:620px; margin-top:19px; }
.wm-ring { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background:conic-gradient(#242622 var(--wm-score),#e9eae6 0); }
.wm-ring::before { content:''; position:absolute; z-index:-1; inset:5px; border-radius:50%; background:#fff; }
.wm-ring strong { font-weight:650; font-size:27px; line-height:1.15; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.wm-ring span { font-size:12px; color:var(--wm-muted); }
.wm-bars { min-width:0; }
.wm-bar,.wm-bar dd { display:flex; align-items:center; gap:9px; }
.wm-bar { margin:5px 0; }
.wm-bar dt { width:76px; flex-shrink:0; font-size:13px; color:var(--wm-muted); }
.wm-bar dd { flex:1; min-width:0; }
.wm-bar-track,.wm-bar-value { height:4px; display:block; }
.wm-bar-track { flex:1; background:#efefed; }
.wm-bar-value { background:#393c37; }
.wm-bar-number { width:38px; text-align:right; font-size:12px; font-variant-numeric:tabular-nums; }
.wm-reason-list { margin-top:20px; padding:0 0 0 18px; list-style:disc; font-size:14px; line-height:1.7; }
.wm-score-note { margin-top:11px; font-size:12px; color:var(--wm-muted); }
.wm-watch-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; margin:6px 0 0; font-size:13px; line-height:1.5; color:var(--wm-muted); }
.wm-detail-description { font-size:15px; margin-top:10px; }
.wm-root .wm-percent { flex-shrink:0; font-size:12px; }
.wm-root .wm-reasons-short { border-left:2px solid var(--wm-rule); padding-left:8px; color:#484944; }
.wm-personal-detail { border-top:1px solid var(--wm-ink); padding-top:12px; margin-top:14px; }
.wm-personal-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.wm-personal-heading b { font-size:24px; font-variant-numeric:tabular-nums; line-height:1.15; }
.wm-personal-reason { margin:6px 0 0; color:#52534f; font-size:14px; }
.wm-context-label { color:var(--wm-muted); font-size:12px; }
.wm-personal-detail .wm-score-drawer { margin:10px 0 0; border:0; padding:0; }
.wm-score-drawer summary { cursor:pointer; font-size:13px; text-underline-offset:3px; }
.wm-score-drawer summary:hover { text-decoration:underline; }
.wm-personal-detail .wm-directory-link { display:inline-flex; align-items:center; gap:8px; }
.wm-alternatives { margin:32px 0 0; padding:22px 0 0; border-top:1px solid var(--wm-ink); }
.wm-alternatives:focus { outline:none; }
.wm-alternative-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.wm-alternative-actions > * { flex:1 1 180px; }
.wm-alternative-actions .wm-secondary { display:flex; align-items:center; gap:9px; }
.wm-fallback-shortcut { display:block; margin:0 0 14px auto; }
.wm-match-tools { margin-top:16px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; }
.wm-similar-grid { margin-top:16px; }
.wm-debug-host:empty { display:none; }

@media (max-width: 730px) {
  .wm-spread { display:block; padding:0 0 25px; }
  .wm-hero { min-height:0; height:88px; }
  .wm-hero-photo img { object-position:50% 52%; }
  .wm-hero::after { background:linear-gradient(95deg,rgba(0,0,0,.8),rgba(0,0,0,.25) 72%,transparent); }
  .wm-hero-copy { left:20px; right:20px; bottom:16px; }
  .wm-hero-copy h1 { font-size:21px; }
  .wm-hero-copy p { display:none; }
  .wm-spread-opening .wm-hero { height:178px; }
  .wm-spread-opening .wm-hero-copy { bottom:21px; }
  .wm-spread-opening .wm-hero-copy h1 { font-size:30px; }
  .wm-spread-opening .wm-hero-copy p { display:block; margin-top:6px; max-width:28ch; font-size:13px; }
  .wm-sheet { padding:21px 20px 12px; }
  .wm-question { font-size:24px; margin-top:25px; line-height:1.32; }
  .wm-help { font-size:13px; margin-top:6px; }
  .wm-choices { margin-top:20px; }
  .wm-simple-choices .wm-choice { min-height:53px; }
  .wm-controls { padding-top:22px; margin-top:0; }
  .wm-choice-words strong { font-size:15px; }
  .wm-brands .wm-choice-words strong { font-size:12px; }
  .wm-brands .wm-choice { min-height:53px; }
  .wm-back-link { margin-top:18px; }
  .wm-results,.wm-detail { padding:23px 17px 35px; }
  .wm-page-title { margin-top:14px; }
  .wm-result-rule { margin-top:23px; margin-bottom:12px; }
  .wm-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 10px; }
  .wm-model { font-size:15px; }
  .wm-product-info { padding:8px 1px 0; }
  .wm-price,.wm-percent { font-size:13px; }
  .wm-reasons-short { font-size:11px; }
  .wm-detail-top { grid-template-columns:1fr; gap:20px; margin-top:10px; }
  .wm-detail-photo { max-height:480px; }
  .wm-specs { margin-top:16px; }
  .wm-detail-actions { margin-top:16px; }
  .wm-score-section,.wm-similar { margin-top:28px; padding-top:20px; }
  .wm-score-visual { grid-template-columns:83px minmax(0,1fr); gap:16px; }
  .wm-ring { width:83px; height:83px; }
  .wm-bar dt { width:68px; font-size:12px; }
  .wm-bar,.wm-bar dd { gap:5px; }
  .wm-bar-number { width:32px; }
}
@media (max-width: 350px) {
  .wm-sheet { padding-left:15px; padding-right:15px; }
  .wm-brands { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wm-option-photo { width:65px; flex-basis:65px; }
  .wm-points .wm-choice { gap:9px; padding-right:9px; }
}
@media (prefers-reduced-motion: reduce) {
  .wm-choice,.wm-product-photo img { transition:none; }
}