@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{font-family:Poppins,Arial,sans-serif;color:#111;--blue:#1f4fff;--line:#e4e7ec;--muted:#616875}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header{min-height:100px;background:#111825;display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,24px);gap:30px}.logo img{max-width:100%;height:auto;display:block}nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#fff}nav [aria-current]{color:#b5c6ff}nav .contact{border:1px solid #687183;border-radius:30px;padding:12px 18px}.intro{background:#f1f4fb;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:62px 6vw 58px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600}h1{font-size:clamp(35px,4.1vw,62px);letter-spacing:-.055em;line-height:1.14;margin:18px 0 22px}h1 span{color:var(--blue)}.intro p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.intro-note{max-width:255px;border-left:1px solid #c8d0e0;padding-left:32px}.intro-note span{color:var(--blue);font-size:10px;letter-spacing:.15em}.intro-note strong{display:block;font-size:21px;line-height:1.5;margin-top:16px}.intro-note p{font-size:12px!important}.catalog{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;max-width:1500px;margin:auto;padding:44px 5vw 75px}aside h2{font-size:16px;margin:0 0 25px}aside label{font-size:12px;display:block;margin:20px 0 8px;color:#454d5b}input,select{border:1px solid #d8dce3;border-radius:8px;background:#fff;padding:12px;width:100%;font-size:12px}input:focus,select:focus{border-color:var(--blue)}.reset{border:0;background:transparent;color:var(--blue);font-size:12px;padding:15px 0}.help{margin-top:30px;border-top:1px solid var(--line);padding-top:25px;font-size:12px;line-height:1.8}.help strong{font-size:13px}.help p{color:var(--muted)}.help a{color:var(--blue)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:40px;margin-bottom:18px}.result-heading p{font-size:12px;color:var(--muted)}.sort{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px}.sort select{padding:8px;width:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-width:0}.image-button{padding:8px;background:#fff;border:0;width:100%;height:175px;display:flex;align-items:center;justify-content:center;border-radius:8px}.image-button img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.image-button:hover img{transform:scale(1.04)}.missing-image{color:var(--muted);font-size:12px}.card small{font-size:9px;color:#656e7b;letter-spacing:.035em;margin:18px 0 7px}.card h3{font-size:12px;line-height:1.65;font-weight:500;margin:0 0 10px;overflow-wrap:anywhere;min-height:40px}.card .reference{font-size:10px;color:var(--muted);margin:0 0 14px}.card .quote{display:block;font-size:11px;border:1px solid var(--blue);color:var(--blue);background:#fff;border-radius:6px;padding:10px;text-align:center;margin-top:auto}.card .quote:hover{background:var(--blue);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:35px 0 15px;font-size:12px}.pagination button{padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:white}.pagination button:disabled{opacity:.4;cursor:default}.catalog-note{font-size:10px;color:var(--muted);text-align:center;margin-top:24px}footer{background:#111825;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px 6vw;font-size:12px}footer strong{font-size:22px}footer p{font-size:11px;color:#c3ccdc;max-width:300px}dialog{border:0;border-radius:15px;max-width:900px;width:94%;padding:35px;max-height:90vh;overflow:auto}dialog::backdrop{background:#101825b0}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:22px;padding:8px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.detail-image{width:100%;height:310px;object-fit:contain}.detail-thumbs{display:flex;gap:8px;overflow:auto;margin-top:12px}.detail-thumbs button{width:58px;height:58px;flex-shrink:0;border:1px solid var(--line);background:white;padding:5px;border-radius:5px}.detail-thumbs img{width:100%;height:100%;object-fit:contain}.detail-layout h2{font-size:21px;line-height:1.5;margin:10px 0 15px}.detail-brand{font-size:11px;letter-spacing:.1em;color:var(--blue)}.detail-description{font-size:12px;line-height:1.9;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.detail-layout label{display:block;font-size:12px;margin:15px 0 8px}.detail-layout input{max-width:100px}.detail-layout .primary{display:block;margin-top:22px;padding:14px 20px;background:var(--blue);color:#fff;border-radius:7px;font-size:13px;text-align:center}.detail-note{font-size:11px;line-height:1.8;color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}#message{padding:30px;background:#f2f5fb;border-radius:10px}
@media(min-width:1600px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){nav{gap:15px}.catalog{gap:25px;grid-template-columns:190px minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-note{max-width:220px}nav .contact{display:none}}@media(max-width:650px){header{padding:20px;flex-wrap:wrap;gap:18px}.logo img{width:180px}nav{gap:20px;font-size:11px;width:100%}.intro{padding:35px 22px}.intro-note{display:none}.intro p:not(.eyebrow){font-size:12px}.catalog{display:block;padding:28px 16px 45px}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:25px}aside h2,aside label[for=search],#search,.reset{grid-column:1/-1}aside h2{margin:0}aside label{margin:5px 0}aside label[for=category],aside label[for=brand]{display:none}.help{display:none}.reset{text-align:left;padding:7px 0}.grid{gap:10px}.card{padding:10px}.image-button{height:135px}.card h3{font-size:11px;min-height:54px}.card .quote{padding:9px 3px;font-size:10px}.result-heading{align-items:center}.sort{font-size:0}.sort select{max-width:130px;font-size:11px}.pagination{gap:10px}.pagination button{padding:10px;font-size:11px}footer{flex-direction:column;align-items:flex-start;padding:30px 22px;gap:10px}.detail-layout{grid-template-columns:1fr}.detail-image{height:230px}dialog{padding:25px 20px}.detail-layout h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.reference{overflow-wrap:anywhere}