:root{color-scheme:dark;--bg:#101112;--surface:#191b1e;--line:#343536;--text:#f6f6f5;--muted:#b9babc;--gold:#d6b37a;--ink:#181511;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:var(--gold);color:var(--ink)}.skip:focus{top:12px}.brand{display:flex;align-items:center;gap:14px;padding-block:18px;border-bottom:1px solid var(--line)}.brand img{width:64px;height:64px;object-fit:contain}.brand-name{display:block;font-size:.875rem;font-weight:700;letter-spacing:.1em}.brand-small{display:block;font-size:.8125rem;color:var(--muted);margin-top:4px}.edition{margin-left:auto;font-size:.75rem;letter-spacing:.18em;color:var(--gold)}.intro{padding:30px 0 24px;max-width:880px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--gold);font-weight:700;margin:0 0 8px}h1{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.subtitle{font-size:1rem;color:#dbdcdd;margin:0 0 12px;max-width:760px}.notice,.disclosure{font-size:.8125rem;color:var(--muted);margin:5px 0}.disclosure{max-width:810px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px;border-bottom:1px solid var(--line)}.filters button{background:transparent;color:#c9c9ca;border:1px solid #464646;border-radius:4px;min-height:44px;padding:10px 14px;font-size:.8125rem;font-weight:600;letter-spacing:.025em}.filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.filters button:hover{border-color:var(--gold)}.catalog-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 0}.catalog-bar p{margin:0;font-size:.875rem;color:var(--muted)}.catalog-bar label{font-size:.8125rem;color:var(--muted);display:flex;align-items:center;gap:10px}.catalog-bar select{max-width:100%;min-height:44px;background:var(--surface);color:var(--text);border:1px solid #454545;padding:8px;border-radius:4px;font-size:.875rem}.grid{display:grid;grid-template-columns:1fr;gap:20px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;min-width:0}.photo{height:260px;background:#fff;position:relative;padding:42px 28px 18px;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:contain;display:block}.rank{position:absolute;top:14px;left:14px;font-size:.75rem;letter-spacing:.04em;font-weight:700;padding:5px 9px;border:1px solid #d4c7b4;border-radius:3px;background:#fff;color:#3b3023}.card:first-child .rank{background:var(--gold);border-color:var(--gold)}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.category{font-size:.75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.075em;margin:0 0 6px}h2{font-size:1.25rem;line-height:1.3;font-weight:600;margin:0 0 5px;letter-spacing:-.02em}.maker{margin:0 0 12px;font-size:.8125rem;color:var(--muted)}.rating{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:.8125rem;margin:0 0 5px;color:var(--muted)}.rating strong{font-size:1rem;color:var(--text)}.star{color:var(--gold)}.sales{font-size:.8125rem;color:var(--muted);margin:0 0 16px}.offer{margin-top:auto;padding-top:4px}.price{font-size:1.65rem;font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.3}.condition{font-size:.8125rem;font-weight:400;letter-spacing:normal;color:#d5d5d6;display:block}.old-price{font-size:.8125rem;color:var(--muted);margin:0 0 4px}.discount{margin-left:8px;color:var(--gold);font-weight:600}.consulted{font-size:.75rem;color:var(--muted);margin:8px 0 14px}.cta{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;border:1px solid var(--gold);background:var(--gold);color:var(--ink);font-weight:700;font-size:.8125rem;letter-spacing:.025em;min-height:48px;padding:13px 14px;border-radius:5px}.cta:hover{background:#e6c58f}.placeholder{color:#343434;font-size:1rem;text-align:center}.placeholder small{display:block;margin-top:8px;color:#6a6a6a}.error{padding:24px;border:1px solid var(--line);grid-column:1/-1}footer{padding:40px 0 24px;margin-top:40px!important;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}footer p{max-width:880px}.footer-name{color:var(--gold);font-size:.75rem;letter-spacing:.12em;margin-top:0}@media(min-width:620px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:270px}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo{height:280px}.intro{padding-block:34px 28px}}@media(max-width:420px){.wrap{width:calc(100% - 28px)}.edition{display:none}.brand img{width:54px;height:54px}.brand-name{font-size:.8125rem}.brand-small{font-size:.75rem}.intro{padding-top:24px}.filters{gap:6px}.filters button{font-size:.75rem;padding:8px 9px}.catalog-bar label{width:100%;justify-content:space-between}.catalog-bar select{flex:1;min-width:0}.photo{height:260px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}