.device-catalog{--catalog-surface:#f5f5f3;--catalog-field:#fff;padding:35px 0 80px;color:var(--ink)}
.device-catalog *{box-sizing:border-box}.device-catalog a{color:inherit}.device-catalog__crumbs{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-bottom:42px}.device-catalog__crumbs a:hover{color:var(--accent)}
.device-catalog__header{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:50px;align-items:end;margin-bottom:42px}.device-catalog__header h1{font-size:clamp(45px,5.6vw,80px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 22px;font-weight:800}.device-catalog__header h1 span{display:block}.device-catalog__header p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6;margin:0}.device-catalog .eyebrow{font-size:11px;letter-spacing:.13em;color:var(--accent);text-transform:uppercase;font-weight:750}
.device-catalog__quiz{position:relative;display:block;border-top:3px solid var(--accent);padding:22px 26px 22px 0;font-size:21px;line-height:1.3;font-weight:700}.device-catalog__quiz>span{position:absolute;right:0;top:22px;color:var(--accent);font-size:25px}.device-catalog__quiz small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:12px}.device-catalog__quiz:hover{color:var(--accent)}
.device-catalog__filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr)) auto;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;align-items:end}.device-catalog__filters label{min-width:0;font-size:11px;letter-spacing:.04em;font-weight:650;color:var(--muted)}.device-catalog__filters input,.device-catalog__filters select{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:5px;background:var(--catalog-field);color:var(--ink);font:inherit;font-size:14px;letter-spacing:normal;padding:0 12px;margin-top:8px}.device-catalog__filters button{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:48px;padding:0 22px;border:0;border-radius:5px;background:var(--ink);color:var(--catalog-field);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.device-catalog__filters button:hover{background:var(--accent);color:#fff}.device-catalog :is(a,button,input,select):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.device-catalog__results{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:26px 0;font-size:13px;color:var(--muted)}.device-catalog__results p{margin:0}.device-catalog__results strong{font-weight:700;color:var(--ink)}.device-catalog__results a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.device-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.device-catalog-card{min-width:0;display:flex;flex-direction:column}.device-catalog-card__image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.45;background:#f5f5f3;border-radius:8px;overflow:hidden;color:#888!important}.device-catalog-card__image img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .25s ease}.device-catalog-card__image:hover img{transform:scale(1.035)}.device-catalog-card__open{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;color:#111;font-size:23px}.device-catalog-card__image:hover .device-catalog-card__open{background:var(--accent);color:#fff}.device-catalog-card__placeholder{width:65px;height:80px}.device-catalog-card__placeholder svg{width:100%;height:100%}.device-catalog-card__no-photo{position:absolute;bottom:26px;left:20px;font-size:10px;letter-spacing:.03em;color:#777}.device-catalog-card__body{display:flex;flex:1;flex-direction:column;padding:20px 2px 0}.device-catalog-card h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:11px 0 13px;font-weight:750;overflow-wrap:anywhere}.device-catalog-card h2 a:hover{color:var(--accent)}.device-catalog-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.device-catalog-card__link{display:flex;justify-content:space-between;gap:15px;margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:12px;font-weight:700}.device-catalog-card__link>span[aria-hidden]{color:var(--accent);font-size:18px;line-height:1}.device-catalog-card__link:hover{color:var(--accent)}
.device-catalog__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:56px 0 16px}.device-catalog__pagination .page-numbers{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:8px 13px;font-size:14px}.device-catalog__pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--catalog-field)}.device-catalog__pagination a:hover{border-color:var(--accent);color:var(--accent)}.device-catalog__pagination .dots{border-color:transparent}.device-catalog__page-count{text-align:center;font-size:12px;color:var(--muted);margin:0}.device-catalog__note{margin-top:54px;padding-top:24px;border-top:2px solid var(--ink);display:grid;grid-template-columns:180px 1fr;gap:28px}.device-catalog__note p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:800px}.device-catalog__empty{padding:65px 20px;text-align:center;border:1px solid var(--line);border-radius:8px}.device-catalog__empty h2{font-size:32px;letter-spacing:-.03em;margin:15px 0}.device-catalog__empty p{color:var(--muted);font-size:15px}.device-catalog__empty a{display:inline-block;margin-top:10px;color:var(--accent);font-weight:700}
html[data-theme="dark"] .device-catalog{--catalog-surface:#202020;--catalog-field:#171717}html[data-theme="dark"] .device-catalog__filters select{color-scheme:dark}html[data-theme="dark"] .device-catalog-card__image{background:#eee}
@media(max-width:1100px){.device-catalog__filters{grid-template-columns:repeat(4,minmax(0,1fr))}.device-catalog__search{grid-column:span 2}.device-catalog__filters button{grid-column:span 2;justify-content:center}.device-catalog-card h2{font-size:23px}}
@media(max-width:1000px){.device-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-catalog__header{grid-template-columns:1fr 220px;gap:30px}.device-catalog__header h1{font-size:56px}}
@media(max-width:600px){.device-catalog{padding-top:22px;padding-bottom:52px}.device-catalog__crumbs{margin-bottom:30px;font-size:11px}.device-catalog__header{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.device-catalog__header h1{font-size:49px;margin:16px 0 18px}.device-catalog__header p{font-size:15px}.device-catalog__quiz{padding:15px 28px 0 0;font-size:17px}.device-catalog__quiz>span{top:13px}.device-catalog__quiz small{margin-top:6px}.device-catalog__filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px;padding:20px 0}.device-catalog__filters label{font-size:10px}.device-catalog__filters input,.device-catalog__filters select{font-size:14px;padding:0 10px}.device-catalog__filters button{grid-column:auto;padding:0 14px;gap:8px}.device-catalog__results{margin:22px 0;font-size:12px}.device-catalog__results>span{display:none}.device-catalog__grid{grid-template-columns:1fr;gap:34px}.device-catalog-card__image{aspect-ratio:1.45}.device-catalog-card h2{font-size:26px}.device-catalog-card__body{padding-top:17px}.device-catalog__pagination{gap:6px;margin-top:40px}.device-catalog__pagination .page-numbers{min-width:38px;min-height:42px;padding:8px 10px;font-size:12px}.device-catalog__note{grid-template-columns:1fr;gap:12px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){.device-catalog-card__image img{transition:none}.device-catalog-card__image:hover img{transform:none}}