.ranking-hero{grid-template-columns:minmax(0,1.22fr) minmax(420px,.9fr);align-items:start;gap:44px;padding-top:36px;padding-bottom:50px}.ranking-hero .hero-column{gap:0;padding-top:18px}.ranking-hero h1{font-size:clamp(30px,5cqi,57px);line-height:1.28;letter-spacing:-.065em;margin:20px 0 0}.ranking-hero .hero-title-line{white-space:nowrap}.ranking-hero .hero-intro{max-width:570px;font-size:16px;line-height:1.85;margin:24px 0}.ranking-hero .primary-button{display:inline-flex;text-decoration:none;padding:14px 20px;font-size:14px}.ranking-hero .hero-facts{margin-top:34px}.hero-source-note{font-size:11px;color:var(--muted);margin:12px 0 20px}.brand-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.brand-wall>a{text-decoration:none;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.brand-wall .brand-image{height:78px;border:0;border-radius:0;margin:0}.brand-wall img{max-width:74%;max-height:48px}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px}.hero-shortcuts a{text-underline-offset:4px;color:#376653}
.clothing-priority{padding:26px 28px;border-radius:26px}.clothing-priority .priority-intro{margin-bottom:18px}.clothing-priority .priority-preset{padding:10px 12px}.clothing-priority .priority-preset b{font-size:12px}.clothing-priority .priority-preset span{font-size:11px}.clothing-priority .priority-section-head{margin-top:20px;font-size:12px;display:flex;justify-content:space-between}.clothing-priority .priority-section-head span{font-size:11px;color:#b3d9ca}.clothing-priority .priority-row{padding:13px 0}.clothing-priority .priority-row label{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.clothing-priority .priority-row label b{font-size:12px}.clothing-priority .priority-row label span{font-size:11px}.clothing-priority .priority-range{margin-top:8px}.clothing-priority .priority-range output{font-size:12px}.clothing-preview{padding:15px;border:1px solid #d6f2e533;border-radius:14px;margin-top:18px;background:#ffffff05}.clothing-preview>div{display:flex;justify-content:space-between;font-size:12px;gap:8px}.clothing-preview>div a{color:#bde2d3;text-decoration:none;white-space:nowrap}.clothing-preview ol{padding-left:18px;margin:14px 0 0}.clothing-preview li{padding-left:4px;color:#8cd3b9;font-size:12px}.clothing-preview li+li{margin-top:13px}.clothing-preview li a{display:flex;justify-content:space-between;color:white;text-decoration:none;gap:12px}.clothing-preview li a>span{min-width:0}.clothing-preview li strong{text-align:right;white-space:nowrap;color:#cff1e4}.clothing-preview li small{font-size:10px;font-weight:400;color:#a7cdbd;display:block;line-height:1.6;margin-top:3px}.clothing-preview li b{font-size:12px}.clothing-priority .priority-footnote{font-size:10px;line-height:1.8;margin:14px 0 0;color:#b4d9cb}.priority-empty{list-style:none;margin-left:-18px;line-height:1.8}
.clothing-comparison{padding-top:34px;border-top:1px solid var(--line)}.clothing-comparison .section-heading{margin-bottom:25px}.clothing-comparison h2{font-size:34px;line-height:1.3}.clothing-comparison .section-heading p{font-size:14px;color:var(--muted);margin-top:12px}.ranking-toolbar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;border-radius:16px;background:#ebece5;padding:20px}.brand-search-label{min-width:220px;flex:1}.brand-search-label>span,.sort-control>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.brand-search-label input{width:100%;padding:12px;background:white;border:1px solid #bdc7bd;border-radius:8px;color:var(--ink);font:inherit;font-size:14px}.ranking-toolbar .filter-group{gap:6px;display:flex;flex-wrap:wrap;margin:0;padding:0;border:0}.ranking-toolbar .filter-chip{padding:10px 13px;border-radius:8px;font-size:12px;border:1px solid #bfcabd;background:#fffdf8;color:#294535}.ranking-toolbar .filter-chip.active{background:#123a2e;color:white;border-color:#123a2e}.sort-control select{font:inherit;font-size:13px;padding:11px 8px;border:1px solid #bcc6bc;border-radius:8px;background:#fffdf8;color:var(--ink)}.clothing-comparison .results-summary{padding:18px 0;gap:14px;flex-wrap:wrap}.clothing-comparison .results-summary p{font-size:12px;margin:0}
.clothing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clothing-card{min-width:0;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;scroll-margin-top:30px}.clothing-card.selected{border-color:#287257;box-shadow:0 0 0 1px #287257}.clothing-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-rank{font-size:12px;color:#688070;font-weight:700;letter-spacing:1px}.clothing-card .compare-toggle{font-size:11px;padding:7px 10px}.brand-image{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e7e8e0;border-radius:12px;height:110px;margin:18px 0}.brand-image img{object-fit:contain;width:auto;height:auto;max-height:74px;max-width:80%}.brand-image.dark{background:#183a30}.brand-image.product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}.pending-image{font-size:12px;color:var(--muted)}.clothing-card h3{font-size:18px;line-height:1.5;letter-spacing:-.025em;word-break:keep-all;margin:14px 0}.clothing-score{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;gap:12px}.clothing-score small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.clothing-score strong{font-size:26px}.clothing-score strong span{font-size:12px;color:#637769;font-weight:400}.clothing-score>span{font-size:10px;line-height:1.6;color:#607063;max-width:100px;text-align:right}.representative-label{font-size:10px;color:#6b7a6e;margin:16px 0 5px}.clothing-card h4{font-size:13px;font-weight:600;line-height:1.6;margin:0;min-height:42px;word-break:keep-all}.model-price{font-size:15px;font-weight:800;margin:12px 0}.stock-note{display:inline-block;font-weight:400;font-size:10px;color:#8c5a41;margin-left:8px}.clothing-features{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 6px;margin:15px 0 18px}.clothing-features li{font-size:11px;display:flex;gap:6px;align-items:center;color:#718075}.clothing-features li>span{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e9ece5;font-weight:700;flex-shrink:0}.clothing-features li.yes{color:#20553e}.clothing-features li.yes>span{background:#d9eade}.clothing-features li.unknown>span{color:#8b7243;background:#f1ead9}.clothing-details{font-size:12px;border-top:1px solid var(--line);padding-top:12px}.clothing-details summary{cursor:pointer;font-weight:650;font-size:12px;line-height:1.6}.clothing-details dl{display:grid;grid-template-columns:64px 1fr;gap:8px;font-size:11px;line-height:1.8;margin:15px 0}.clothing-details dt{color:#627165}.clothing-details dd{margin:0;overflow-wrap:anywhere}.feature-evidence{border-top:1px dashed var(--line);padding-top:12px;line-height:1.8}.feature-evidence p{font-size:11px;color:var(--muted)}.feature-evidence strong{color:var(--ink)}.clothing-source{font-size:11px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin:14px 0}.clothing-source small{font-size:10px;color:var(--muted)}.clothing-source a,.clothing-brand-source a{color:#326950;text-underline-offset:3px}.clothing-brand-source{display:flex;justify-content:space-between;font-size:11px;padding-top:14px;border-top:1px solid var(--line);gap:8px}.clothing-brand-source .image-source{font-size:10px;color:#768579}.clothing-pending{font-size:12px;line-height:1.8;min-height:115px;margin:20px 0}.clothing-pending b{font-size:13px}.clothing-pending p{color:var(--muted);font-size:12px}
.category-overview{border-top:1px solid var(--line);margin-top:60px;padding-top:35px;padding-bottom:50px}.category-overview h2{font-size:26px;line-height:1.5;margin:10px 0 22px;letter-spacing:-.04em}.category-overview-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-overview-links a{display:block;padding:20px;background:#fdfcf7;border:1px solid var(--line);border-radius:14px;text-decoration:none}.category-overview-links b{font-size:15px}.category-overview-links span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.guide-section .section-number{font-size:11px}.guide-section h2{font-size:32px;line-height:1.4}.method .method-intro h2{font-size:32px;line-height:1.4}.method .method-intro .text-link{font-size:13px;margin-top:12px}.method-cards article{min-height:160px}.method-cards h3{margin-top:14px}.method-cards p{font-size:12px;line-height:1.8}
.clothing-compare-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px}.clothing-compare-table caption{text-align:left;padding:8px 0 20px;color:var(--muted)}.clothing-compare-table th,.clothing-compare-table td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line);line-height:1.8;max-width:330px;overflow-wrap:anywhere}.clothing-compare-table thead th{background:#e9f0e6}.clothing-compare-table th:first-child{min-width:120px}.clothing-compare-table small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.compare-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.compare-notes h3{grid-column:1/-1;font-size:16px;margin:0}.compare-notes label{font-size:12px}.compare-notes textarea{display:block;width:100%;font:inherit;margin-top:8px;padding:12px;border:1px solid #bac7b9;border-radius:9px;resize:vertical;background:#fff;color:var(--ink)}
@media(min-width:1400px){.ranking-hero h1{font-size:56px}}@media(max-width:1150px){.ranking-hero{gap:26px;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr)}.ranking-hero h1{font-size:4.8cqi}.ranking-toolbar{gap:14px}.ranking-toolbar .filter-group{order:3;width:100%}}@media(max-width:900px){.ranking-hero{grid-template-columns:1fr;gap:26px;padding-top:26px}.ranking-hero .hero-column{padding:0}.ranking-hero h1{font-size:6.5cqi}.ranking-hero .hero-intro{max-width:650px}.ranking-hero .hero-facts,.ranking-hero .brand-wall,.ranking-hero .hero-source-note,.ranking-hero .hero-shortcuts{display:none}.clothing-priority{max-width:none;justify-self:stretch}.clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-overview-links{grid-template-columns:repeat(2,1fr)}.compare-notes{grid-template-columns:1fr}}@media(max-width:620px){.ranking-hero h1{font-size:6.9cqi;line-height:1.35;letter-spacing:-.055em}.ranking-hero .hero-intro{font-size:14px;margin:16px 0}.ranking-hero .hero-copy>.section-number{font-size:10px}.ranking-hero .primary-button{display:none}.clothing-priority{padding:22px 18px;border-radius:22px}.clothing-priority .priority-row label{display:grid;gap:3px}.clothing-priority .priority-range{grid-template-columns:minmax(0,1fr) 85px;gap:14px}.clothing-comparison h2{font-size:27px}.clothing-comparison .section-heading{display:block}.clothing-comparison .section-heading>a{display:inline-block;margin-top:12px}.ranking-toolbar{padding:15px;gap:12px}.brand-search-label{min-width:0}.ranking-toolbar .filter-chip{font-size:11px;padding:9px 10px}.clothing-grid{grid-template-columns:1fr}.clothing-card{padding:20px}.clothing-card h4{min-height:0}.clothing-features{gap:10px;margin-top:18px}.clothing-preview li b{font-size:11px}.clothing-preview li strong{font-size:11px}.category-overview{margin-top:40px}.category-overview-links a{padding:17px 13px}.category-overview-links span{font-size:11px}.category-overview h2{font-size:23px}.guide-section h2{font-size:28px}.clothing-compare-table th,.clothing-compare-table td{padding:12px}.method .method-intro h2{font-size:29px}}

.clothing-preview ol{display:block;list-style:decimal;padding-left:18px}.clothing-preview li{display:list-item}.clothing-preview li a{width:100%;flex:1 1 auto}.clothing-preview li a>span{flex:1 1 auto;font-weight:400;color:inherit}.clothing-preview li b{display:block;white-space:normal;overflow:visible}.clothing-preview li strong{flex:0 0 auto}.clothing-preview li+li{margin-top:13px}.clothing-preview .priority-empty{list-style:none}.clothing-model-photo{margin:14px 0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.clothing-model-photo img{display:block;width:100%;height:200px;object-fit:contain;padding:10px}.clothing-model-photo figcaption{font-size:10px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line)}.source-limit{font-size:11px;line-height:1.8;color:#756340;background:#f4eedf;padding:10px;border-radius:8px}.clothing-method{margin-top:24px}.clothing-method article{min-height:150px}.clothing-method h3{margin-top:15px}.clothing-method p{font-size:12px}.clothing-coverage{font-size:13px;color:var(--muted);line-height:1.8}@media(max-width:620px){.ranking-hero h1{font-size:8.3cqi}}

.ranking-hero { align-items: stretch; }
.ranking-hero .hero-shortcuts { margin-bottom: 28px; }
.ranking-hero .hero-partner-search { width: 100%; margin-top: auto; }
@media (max-width: 900px) {
  .ranking-hero .hero-partner-search { margin-top: 24px; }
}

.clothing-card .card-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  border: 1px solid #cadfd2;
  border-radius: 12px;
  background: #e4f0e8;
  color: #153d2e;
  font-size: 20px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: -.03em;
}
.clothing-card:has(.clothing-pending) .card-rank {
  font-size: 11px;
  letter-spacing: .06em;
}

.garment-selector { margin: 0 0 22px; }
.garment-selector p { margin: 0 0 9px; font-size: 14px; font-weight: 700; }
.garment-buttons { display: flex; gap: 8px; }
.garment-buttons button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; border: 1px solid #b5c9bc; border-radius: 11px; padding: 11px 16px; background: #fffdf8; color: #153d2e; font: inherit; font-size: 15px; font-weight: 750; cursor: pointer; }
.garment-buttons button span { font-size: 12px; font-weight: 500; }
.garment-buttons button.active { background: #153d2e; color: white; border-color: #153d2e; }
.garment-selector-panel { margin: 22px 0 20px; }
.garment-selector-panel .garment-buttons button { color: #d9f0e5; background: transparent; border-color: #769e895c; padding: 11px 8px; }
.garment-selector-panel .garment-buttons button.active { background: #c7e8d9; color: #153d2e; border-color: #c7e8d9; }
.garment-selector-panel .garment-buttons button span { font-size: 12px; }
.brand-selector { margin: 0 0 24px; }
.brand-selector-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.brand-selector-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.brand-selector-heading p { flex: 1; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.5; }
.brand-all { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 13px; border: 1px solid #b5c9bc; border-radius: 20px; background: #fffdf8; color: #153d2e; font: inherit; font-size: 14px; cursor: pointer; }
.brand-all span { font-size: 12px; opacity: .8; }
.brand-all.active { color: #fff; background: #153d2e; border-color: #153d2e; }
.brand-buttons { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 9px; }
.brand-selector:not(.is-expanded) .brand-button:nth-child(n+9) { display: none; }
.brand-expand { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 42px; margin-top: 11px; border: 1px solid #d8e1d8; border-radius: 9px; background: transparent; color: #315b48; font: inherit; font-size: 14px; font-weight: 650; cursor: pointer; }
.brand-expand:hover { background: #eaf2eb; border-color: #9db5a7; }
.brand-expand span { font-size: 19px; line-height: 1; }
.brand-button { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 7px; min-width: 0; padding: 10px 7px 9px; border: 1px solid #d8e1d8; border-radius: 11px; background: #fffdf8; color: #183a30; font: inherit; cursor: pointer; transition: border-color .15s,background .15s; }
.brand-button:hover { border-color: #769b86; background: #f0f7f1; }
.brand-button.active { border-color: #2b7455; background: #e0efe6; box-shadow: inset 0 0 0 1px #2b7455; }
.brand-button:focus-visible,.brand-all:focus-visible,.brand-expand:focus-visible { outline: 3px solid #ffb0a1; outline-offset: 3px; }
.brand-button .brand-image { display: flex; align-items: center; justify-content: center; width: 100%; height: 36px; padding: 5px; margin: 0; border: 0; border-radius: 5px; }
.brand-button .brand-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 28px; object-fit: contain; }
.brand-button-name { display: flex; align-items: center; justify-content: center; min-height: 36px; font-size: 14px; font-weight: 650; line-height: 1.3; text-align: center; word-break: keep-all; overflow-wrap: anywhere; }
.brand-button .logo-topten { position: relative; overflow: hidden; }
.brand-button .logo-topten img { position: absolute; left: -16%; top: 50%; transform: translateY(-50%); width: 285%; height: auto; max-width: none; max-height: none; }
.clothing-comparison .empty-state a { display: inline-block; margin-left: 6px; color: #235e45; text-underline-offset: 4px; }
.brand-product-note { margin: 0 0 18px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.brand-selection-hint { margin: 0 0 12px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.brand-product-note summary { width: fit-content; max-width: 100%; color: #326950; font-size: 13px; cursor: pointer; }
.brand-product-note ul { display: grid; gap: 7px; margin: 10px 0 0; padding: 0; list-style: none; }
.brand-product-note li { overflow-wrap: anywhere; }
.brand-product-note a,.product-card-link { color: #326950; text-underline-offset: 3px; }
.product-card-link { font-size: 12px; }
@media(max-width:1150px){.brand-buttons{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-selector:not(.is-expanded) .brand-button:nth-child(n+7){display:none}}
@media(max-width:900px){.brand-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-selector:not(.is-expanded) .brand-button:nth-child(n+5){display:none}}
@media(max-width:620px){.brand-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-selector:not(.is-expanded) .brand-button:nth-child(n+4){display:none}.brand-button{padding:9px 6px}.brand-selector-heading{margin-top:2px}.brand-button-name{font-size:14px}}
@media(max-width:360px){.brand-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-selector:not(.is-expanded) .brand-button:nth-child(n+3){display:none}}
.card-badges { display: flex; align-items: center; gap: 9px; }
.garment-tag { display: inline-flex; align-items: center; padding: 5px 9px; border: 1px solid #d3e2d8; border-radius: 8px; background: #f0f6f1; color: #315d46; font-size: 12px; font-weight: 650; }
.clothing-split-media { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); height: 180px; overflow: hidden; border: 1px solid #e1e5de; border-radius: 12px; background: white; margin: 18px 0; }
.clothing-split-media>.brand-image { width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; border-right: 1px solid #e1e5de; }
.clothing-split-media>.brand-image img { max-width: 82%; max-height: 82px; }
.clothing-split-media>a { min-width: 0; color: inherit; text-decoration: none; }
.product-photo { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; background: #fff; }
.product-photo img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.product-photo-fallback { padding: 14px; font-size: 12px; line-height: 1.7; text-align: center; color: #68796d; }
.clothing-alternatives { border-top: 1px solid var(--line); margin-top: 13px; padding-top: 12px; }
.clothing-alternatives>summary { font-size: 13px; font-weight: 650; cursor: pointer; line-height: 1.7; }
.clothing-alternatives a { font-size: 12px; color: #326950; }
.image-source-links { display: flex; flex-wrap: wrap; gap: 9px; }
@media (max-width: 620px) {
  .clothing-split-media { height: 170px; }
  .garment-buttons button { padding: 10px; gap: 6px; }
  .card-badges { gap: 7px; }
}
.clothing-split-media .logo-topten{position:relative;overflow:hidden}
.clothing-split-media .logo-topten img{position:absolute;left:-16%;top:50%;transform:translateY(-50%);width:280%;max-width:none;height:auto;max-height:none}
.ranking-hero.renewed-hero{grid-template-columns:minmax(0,1.12fr) minmax(380px,.9fr);grid-template-areas:"intro intro" "controls recommendations" "advert recommendations";gap:16px 20px;padding-top:28px;padding-bottom:34px;align-items:stretch}
.renewed-hero .hero-introduction{grid-area:intro;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.9fr);align-items:center;gap:20px;padding-bottom:8px}
.renewed-hero .hero-copy{min-width:0;container-type:inline-size}
.renewed-hero h1{font-size:clamp(28px,7.1cqi,42px);line-height:1.28;margin:0;letter-spacing:-.055em}
.renewed-hero .hero-title-line{white-space:normal}
.renewed-hero h1 em{font:inherit;font-style:normal;color:var(--coral)}
.renewed-hero .hero-intro{font-size:14px;line-height:1.75;margin:16px 0 0;max-width:none}
.renewed-hero .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.renewed-hero .hero-facts div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:88px;margin:0;padding:15px 7px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}
.renewed-hero .hero-facts strong{font-family:inherit;font-size:25px;font-weight:850;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}
.renewed-hero .hero-facts span{font-size:12px;margin-top:7px}
.renewed-hero .clothing-priority{grid-area:controls;width:auto;max-width:none;justify-self:stretch;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink-deep);box-shadow:0 5px 20px #153d2e04}
.renewed-hero .clothing-priority::before{display:none}
.renewed-hero .priority-heading{float:none;align-items:start;gap:12px}
.renewed-hero .clothing-priority h2{color:var(--ink-deep);font-size:22px;line-height:1.4;margin:0;letter-spacing:-.04em}
.renewed-hero .priority-heading button{color:#61766b;font:inherit;font-size:12px;min-height:44px;margin-top:-8px;padding:8px 0;flex-shrink:0}
.renewed-hero .priority-intro{margin:8px 0 17px;font-size:14px;color:#65796f;line-height:1.6}
.renewed-hero .garment-selector-panel{margin:0 0 20px}
.renewed-hero .garment-selector-panel>p{display:none}
.renewed-hero .garment-selector-panel .garment-buttons{gap:0;background:#e6f3ec;border:1px solid #dceae1;border-radius:10px;overflow:hidden}
.renewed-hero .garment-selector-panel .garment-buttons button{color:#153d2e;border:0;border-radius:9px;min-height:48px;padding:11px 8px;font-size:15px}
.renewed-hero .garment-selector-panel .garment-buttons button.active{background:#153d2e;color:#fff}
.renewed-hero .priority-section-head{margin:0 0 5px;font-size:14px;color:var(--ink-deep)}
.renewed-hero .priority-section-head span{font-size:12px;color:#738276}
.release-selector{margin:12px 0 22px}.release-selector>p{margin:0 0 9px;font-size:14px;font-weight:750}.release-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.release-buttons button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;min-height:48px;padding:10px 8px;border:1px solid #c2d8ca;border-radius:10px;background:#fff;color:#153d2e;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.release-buttons button span{font-size:12px;font-weight:500}.release-buttons button.active{background:#153d2e;color:#fff;border-color:#153d2e}.release-buttons button:focus-visible{outline:3px solid #ffb0a1;outline-offset:3px}.renewed-hero .garment-selector-panel{margin-bottom:14px}.renewed-hero .release-selector-panel{margin:0 0 22px}.renewed-hero .release-buttons{gap:0;border:1px solid #dceae1;background:#e6f3ec;border-radius:10px;overflow:hidden}.renewed-hero .release-buttons button{border:0;background:transparent;border-radius:9px}.renewed-hero .release-buttons button.active{background:#153d2e}.release-tag{display:inline-flex;align-items:center;padding:5px 7px;border-radius:7px;font-size:12px;font-weight:750;background:#e5f2eb;color:#204e3b}.release-tag.carryover{background:#f5ead6;color:#715625}.card-badges{flex-wrap:wrap}.release-source{font-size:12px;line-height:1.7;color:#64766d}.release-source a{color:#326950;text-underline-offset:3px}
.renewed-hero .priority-row{padding:12px 0 10px;border:0}
.priority-budget-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.renewed-hero .priority-budget-heading>label{display:grid;gap:3px}
.budget-range-controls{display:flex;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
.renewed-hero .priority-budget-heading .budget-amount-control{display:flex;align-items:center;gap:7px;flex-shrink:0;color:var(--ink-deep);font-size:13px}
.budget-amount-control input{width:100px;min-height:40px;padding:7px 8px;border:1px solid #c2d8ca;border-radius:8px;background:#fff;color:var(--ink-deep);font:inherit;font-size:14px;text-align:right}
.budget-amount-control input[aria-invalid="true"]{border-color:#b84a35}
.budget-amount-error{margin:5px 0 0;color:#9b3726;font-size:13px;line-height:1.5}
.budget-usage-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:620px){.release-buttons button{height:48px;min-height:48px;flex-direction:column;flex-wrap:nowrap;gap:3px;padding:6px 4px;line-height:1.15}.release-buttons button span{font-size:11px;white-space:nowrap}}
.renewed-hero .priority-row label{gap:4px 8px}
.renewed-hero .priority-row label b{font-size:14px}
.renewed-hero .priority-row label span{font-size:12px;color:#738276}
.renewed-hero .priority-range{grid-template-columns:minmax(0,1fr) 90px;gap:14px;margin-top:6px}
.renewed-hero .priority-range output{color:#173d30;font-size:13px}
.renewed-hero .priority-range input[type=range]{height:30px;accent-color:#153d2e}
.renewed-hero .priority-range input::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,#a9dfcb 0 var(--fill),#e9edeb var(--fill) 100%)}
.renewed-hero .priority-range input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;border:3px solid #fff;outline:1px solid #adcabd;background:#153d2e}
.renewed-hero .priority-range input::-moz-range-track{height:6px;background:#e9edeb}
.renewed-hero .priority-range input::-moz-range-progress{height:6px;background:#a9dfcb}
.renewed-hero .priority-range input::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;outline:1px solid #adcabd;background:#153d2e}
.renewed-hero .clothing-priority :focus-visible,.renewed-hero .hero-recommendations a:focus-visible{outline:3px solid #ffb0a1;outline-offset:3px}
.renewed-hero .hero-recommendations{grid-area:recommendations;display:flex;flex-direction:column;min-width:0;padding:24px;margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 5px 20px #153d2e04}
.renewed-hero .recommendations-heading{align-items:start;gap:12px}
.renewed-hero .recommendations-heading h2{font-size:20px;line-height:1.45;letter-spacing:-.045em;margin:0;color:var(--ink-deep);word-break:keep-all}
.renewed-hero #priority-preview-type{flex-shrink:0;font-size:12px;color:#204f3c;background:#e0f2e9;padding:7px 10px;border-radius:18px;white-space:nowrap}
.renewed-hero .hero-recommendations ol{display:flex;flex:1;flex-direction:column;list-style:none;margin:12px 0 16px;padding:0}
.renewed-hero .hero-recommendations li{display:block;flex:1;min-width:0;padding:0;margin:0;color:var(--ink)}
.renewed-hero .hero-recommendations li+li{margin:0;border-top:1px solid var(--line)}
.renewed-hero .recommendation-item>a{display:grid;grid-template-columns:82px minmax(0,1fr) 76px;align-items:center;gap:12px;height:100%;min-height:138px;padding:14px 0;color:var(--ink);text-decoration:none}
.renewed-hero .recommendation-item>a:hover .recommendation-copy>b{color:#2d7654;text-decoration:underline;text-underline-offset:3px}
.renewed-hero .recommendation-photo{height:106px;border-radius:12px;overflow:hidden;background:#f3f5f2}
.renewed-hero .recommendation-photo img{width:100%;height:100%;padding:5px;background:#f3f5f2}
.renewed-hero .recommendation-photo .product-photo-fallback{font-size:11px;padding:8px}
.renewed-hero .recommendation-copy{display:block;min-width:0;color:var(--ink);font-weight:400}
.renewed-hero .recommendation-rank{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;margin-bottom:7px;border-radius:50%;background:#ddf1e8;color:#204f3c;font-size:12px;font-weight:800}
.renewed-hero .recommendation-copy>b{display:block;font-size:14px;font-weight:750;line-height:1.5;word-break:keep-all;color:var(--ink-deep)}
.renewed-hero .recommendation-copy>small{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#6f8075;overflow-wrap:anywhere}
.renewed-hero .recommendation-score{display:flex;flex-direction:column;align-items:end;gap:6px}
.renewed-hero .recommendation-score strong{display:block;font-size:15px;color:#153d2e;background:#e0f2e9;border-radius:9px;padding:8px;line-height:1.3;white-space:nowrap}
.renewed-hero .recommendation-score small{font-size:10px;font-weight:500;color:#718276;line-height:1.5;text-align:right;margin:0}
.renewed-hero .hero-results-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:13px 14px;margin:0;text-align:center;font-size:14px;border-radius:11px;color:#12352f;background:var(--coral);font-weight:800}
.renewed-hero .priority-footnote{margin:11px 0 0;font-size:12px;line-height:1.7;color:#738276}
.renewed-hero .hero-recommendations .priority-empty{display:flex;align-items:center;justify-content:center;padding:30px 10px;margin:0;line-height:1.8;color:#738276;font-size:14px;text-align:center}
.renewed-hero .hero-partner-search{grid-area:advert;width:100%;margin:0;align-self:end;padding:20px 24px;border-radius:20px;box-shadow:0 5px 20px #153d2e04}
.renewed-hero .partner-search-heading h2{font-size:15px}
.renewed-hero .partner-search-disclosure{font-size:12px;line-height:1.7;margin-top:9px}
@media(max-width:1100px){.renewed-hero .hero-facts{gap:8px}.renewed-hero .hero-facts strong{font-size:22px}.renewed-hero .hero-recommendations{padding:20px}.renewed-hero .recommendation-item>a{grid-template-columns:70px minmax(0,1fr) 68px;gap:9px}.renewed-hero .recommendation-photo{height:98px}.renewed-hero .recommendations-heading h2{font-size:19px}.renewed-hero #priority-preview-type{padding:6px 8px;font-size:11px}}
@media(max-width:900px){.ranking-hero.renewed-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "controls" "recommendations" "advert";gap:16px;padding-top:24px}.renewed-hero .hero-introduction{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:6px}.renewed-hero h1{font-size:38px}.renewed-hero .hero-facts{display:grid;max-width:600px}.renewed-hero .hero-facts div{min-height:70px;padding:12px 8px}.renewed-hero .hero-recommendations{padding:24px}.renewed-hero .recommendation-item>a{grid-template-columns:82px minmax(0,1fr) 76px;gap:12px;min-height:130px}.renewed-hero .hero-partner-search{margin:0}.renewed-hero .hero-recommendations ol{flex:none}}
@media(max-width:620px){.ranking-hero.renewed-hero{padding-top:22px;padding-bottom:28px}.renewed-hero h1{font-size:clamp(25px,7.6cqi,34px);letter-spacing:-.06em}.renewed-hero .hero-intro{font-size:13px;margin-top:12px}.renewed-hero .hero-introduction{gap:16px}.renewed-hero .hero-facts{gap:8px}.renewed-hero .hero-facts div{padding:11px 4px;min-height:66px;border-radius:12px}.renewed-hero .hero-facts strong{font-size:20px}.renewed-hero .hero-facts span{font-size:11px;margin-top:4px}.renewed-hero .clothing-priority,.renewed-hero .hero-recommendations{padding:18px}.renewed-hero .clothing-priority h2,.renewed-hero .recommendations-heading h2{font-size:20px}.renewed-hero .priority-intro{font-size:13px}.renewed-hero .priority-row label{display:grid;gap:3px}.renewed-hero .priority-row label b{font-size:14px}.renewed-hero .priority-row{padding:10px 0}.renewed-hero .priority-range{grid-template-columns:minmax(0,1fr) 82px;gap:10px}.renewed-hero .priority-range output{font-size:12px}.renewed-hero .recommendations-heading{flex-wrap:wrap}.renewed-hero .recommendation-item>a{grid-template-columns:66px minmax(0,1fr) 66px;gap:9px;min-height:126px}.renewed-hero .recommendation-photo{height:88px}.renewed-hero .recommendation-copy>b{font-size:13px}.renewed-hero .recommendation-copy>small{font-size:11px}.renewed-hero .recommendation-score strong{font-size:13px;padding:7px}.renewed-hero .recommendation-rank{width:26px;height:26px;margin-bottom:5px}.renewed-hero .priority-footnote{font-size:11px}.renewed-hero .hero-partner-search{padding:18px}.renewed-hero .partner-search-disclosure{font-size:11px}}
@media(max-width:360px){.renewed-hero h1{font-size:25px}.renewed-hero .hero-facts strong{font-size:18px}.renewed-hero .recommendation-item>a{grid-template-columns:56px minmax(0,1fr) 62px;gap:7px}.renewed-hero .recommendation-photo{height:80px}.renewed-hero .recommendation-score small{font-size:9px}.renewed-hero .hero-results-button{font-size:13px}.renewed-hero .priority-section-head span{font-size:11px}}
@media(max-width:620px){
  .ranking-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}
  .ranking-toolbar .brand-search-label{width:100%;min-width:0;order:0}
  .ranking-toolbar .filter-group{order:1;width:100%}
  .ranking-toolbar .sort-control{order:2;width:100%;padding-top:12px}
  .ranking-toolbar .sort-control select{max-width:none}
}
.clothing-pending dl{display:grid;grid-template-columns:72px 1fr;gap:6px 10px;margin:14px 0;font-size:11px}
.clothing-pending dt{color:var(--muted)}
.clothing-pending dd{margin:0;overflow-wrap:anywhere}
.clothing-pending small{display:block;color:var(--muted);line-height:1.7}

/* Top clothing filters are shared by the priority panel and product list. */
.top-category-selector{margin:-4px 0 16px}
.top-category-buttons{display:flex;flex-wrap:wrap;gap:6px}
.top-category-buttons button{min-height:38px;flex:1 1 auto;padding:8px 12px;border:1px solid #ccdcd2;border-radius:9px;background:#fffdf8;color:#456958;font:inherit;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
.top-category-buttons button:hover{background:#edf5ee;border-color:#89b79d}
.top-category-buttons button.active{background:#dceee3;border-color:#50896a;color:#153d2e}
.top-category-buttons button:focus-visible{outline:3px solid #ffb0a1;outline-offset:2px}
[data-top-category-controls][hidden]{display:none}
@media(max-width:640px){.top-category-buttons{gap:6px}.top-category-buttons button{flex:0 0 auto;min-height:40px;padding:8px 14px}.top-category-selector{margin-top:-2px}}