#metod #method-results .results-copy{position:absolute;inset:calc(var(--method-header) + var(--method-banner) + 18px) 5vw var(--method-bottom);width:min(1100px,90vw);margin:auto;display:flex;flex-direction:column;gap:12px;min-height:0}
#metod #method-results .results-heading{flex:none}
#metod #method-results h2{margin:3px 0 4px}
#metod #method-results .results-intro{font-size:14px;line-height:1.5;margin:0;color:#efe9dc}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.results-filters{display:flex;gap:8px;flex-wrap:wrap}
.results-filter,.results-arrow,.results-dialog button{font:500 13px/1.3 'Manrope',sans-serif;min-height:44px;border:1px solid #d3c58e70;border-radius:999px;padding:10px 16px;background:rgba(13,24,17,.55);color:#fff5df;cursor:pointer}
.results-filter[aria-pressed="true"]{color:#172014;background:#e1d29c;border-color:#e1d29c}
.results-arrow{width:44px;padding:8px;font-size:21px}
.results-arrow:disabled{opacity:.35;cursor:default}
.results-controls{display:flex;align-items:center;gap:10px}
.results-count{font:500 12px/1.4 'Manrope',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#f2ead6;min-width:65px;text-align:center}
.results-rail{position:relative;display:flex;flex:1;min-height:0;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbbc89 transparent;isolation:isolate;padding:0 0 7px}
.results-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 18px)/2);min-width:0;height:100%;margin:0;scroll-snap-align:start;border:1px solid #ded2af4d;border-radius:18px;overflow:hidden;background:rgba(13,23,16,.35)}
.results-card[hidden]{display:none}
.results-photo{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;background:rgba(6,11,8,.3);cursor:zoom-in}
.results-photo img{width:100%;height:100%;object-fit:contain;display:block}
.results-comparison{display:block;width:100%;height:100%;min-height:0}
.results-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;flex:none;font:500 12px/1.4 'Manrope',sans-serif;color:#f4eedb}
.results-card figcaption span:last-child{font-size:11px;color:#d3cda8}
#metod #method-results .results-note{flex:none;margin:0;font-size:12px;line-height:1.4;color:#e3ddca}
.results-filter:focus-visible,.results-arrow:focus-visible,.results-photo:focus-visible,.results-dialog button:focus-visible{outline:3px solid #eed889;outline-offset:-3px}
.results-dialog{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;border:1px solid #dfce9455;border-radius:18px;background:#101a14;color:#f4eedb;padding:14px;overscroll-behavior:contain}
.results-dialog::backdrop{background:rgba(3,8,5,.92)}
.results-dialog[open]{display:flex;flex-direction:column;gap:10px}
.results-dialog-header,.results-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.results-dialog-title{margin:0;font:500 15px/1.4 'Manrope',sans-serif}
.results-dialog-image{display:flex;flex:1;min-height:0;width:100%;align-items:center;justify-content:center;overflow:hidden}
.results-dialog-image>img{display:block;width:100%;height:100%;object-fit:contain}
.results-dialog-footer{justify-content:center}
.results-dialog-close{margin-left:auto}
@media(max-width:820px){
 #metod #method-results .results-copy{inset:calc(var(--method-header) + var(--method-banner) + 8px) 5vw calc(80px + env(safe-area-inset-bottom,0px));gap:8px}
 #metod #method-results h2{font-size:clamp(23px,5.8vw,30px)}
 #metod #method-results .results-intro{font-size:12px;line-height:1.4}
 .results-toolbar{display:contents}
 .results-filters{flex:none;flex-wrap:nowrap;gap:6px}
 .results-filter{flex:1;padding:8px 9px;font-size:11px;min-height:42px}
 .results-controls{order:4;justify-content:center;flex:none}
 .results-rail{gap:12px;order:3}
 .results-card{flex-basis:100%;border-radius:14px}
 .results-card figcaption{padding:7px 10px;font-size:11px}
 #metod #method-results .results-note{order:5;text-align:center;font-size:10px}
 .results-dialog{padding:10px;border-radius:12px}
 .results-dialog-title{font-size:12px}
}
@media(max-height:700px){
 #metod #method-results .results-intro{display:none}
 #metod #method-results .results-copy{gap:6px}
 .results-card figcaption{padding-block:5px}
}
@media(prefers-reduced-motion:reduce){.results-rail{scroll-behavior:auto}}