:root{--navy:#142b45;--blue:#2358d1;--bg:#f4f6f9;--ink:#1d3048;--muted:#54647a;--line:#dce3ed;--green:#14613f;--radius:14px}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Arial,'Helvetica Neue',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--blue)}button,input,select,textarea,a{outline-offset:3px}:focus-visible{outline:3px solid #2358d1}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4.2vw,54px);line-height:1.12;letter-spacing:-1.4px}h2{font-size:25px;line-height:1.3}h3{line-height:1.4;font-size:18px}.wrap{max-width:1240px;margin:auto;padding:0 28px}.topline{background:var(--navy);color:#fff;padding:8px;text-align:center;font-size:12px}.header{background:#fff;border-bottom:1px solid var(--line)}.header .wrap{display:flex;align-items:center;gap:26px;min-height:82px;flex-wrap:wrap}.brand{background:none;border:0;font-size:26px;font-weight:800;letter-spacing:-1px;color:var(--navy);text-decoration:none}.brand b{color:var(--blue)}.nav{display:flex;gap:7px;flex:1}.nav button,.plain{background:none;border:0;padding:10px;color:var(--muted);font-weight:700;font-size:13px}.nav button.active{background:#edf2ff;color:var(--blue);border-radius:8px}.right{display:flex;align-items:center;gap:10px}.langs{display:flex;gap:2px;background:var(--bg);padding:3px;border-radius:9px}.langs button{min-width:40px;border:0;background:none;border-radius:7px;font-size:12px;font-weight:700}.langs .active{background:var(--navy);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;padding:11px 16px;font-size:13px;font-weight:700}.btn:hover{border-color:var(--blue)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.danger{color:#a62636}.full{width:100%}.hero{padding:42px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--blue);margin-bottom:18px}.hero p{font-size:16px;color:var(--muted);max-width:540px}.hero-image{background:#e9eef5;border-radius:20px;padding:27px;position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}.hero-image img{width:85%;height:230px;object-fit:contain;mix-blend-mode:multiply}.hero-image .caption{position:absolute;bottom:17px;left:18px;right:18px;background:#fff;padding:12px 16px;border-radius:9px;font-size:12px}.hero-image .badge{position:absolute;top:15px;left:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.finder{scroll-margin-top:20px}.row{display:flex;gap:14px;align-items:center;justify-content:space-between}.muted{color:var(--muted)}small,.small{font-size:12px}.field label,label.label{display:block;font-weight:700;font-size:12px;margin-bottom:6px}input,select,textarea{min-height:46px;border:1px solid #aebdd0;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;min-width:0}.search-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;margin-top:20px}.printer-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;max-height:240px;overflow:auto}.pill{padding:8px 12px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.pill.selected{background:#edf3ff;border-color:var(--blue);color:var(--blue)}.context{margin-top:14px;background:#edf3ff;border:1px solid #d3e0ff;padding:12px 16px;border-radius:9px;display:flex;justify-content:space-between;gap:14px;align-items:center}.results{padding-top:32px;margin-bottom:18px}.results h2{margin-bottom:5px}.filters{display:flex;gap:8px}.filters select{font-size:12px;width:160px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;display:flex;flex-direction:column}.card .picture{margin:10px;background:#f7f9fc;border-radius:8px;position:relative;height:195px;display:flex;align-items:center;justify-content:center}.picture img{width:90%;height:175px;object-fit:contain;mix-blend-mode:multiply}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.card h3{font-size:16px;margin-bottom:9px}.card .sub{font-size:12px;color:var(--muted);margin-bottom:12px}.badge{display:inline-block;padding:4px 8px;font-size:11px;font-weight:700;border-radius:5px;background:#eaf0fe;color:#2358a4}.badge.green{background:#e8f5ed;color:var(--green)}.badge.amber{background:#fff1d8;color:#7d4a00}.fit{font-size:12px;color:var(--green);margin:10px 0}.price{font-size:24px;font-weight:800;letter-spacing:-.6px}.card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:14px}.card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}.pagination{display:flex;justify-content:center;gap:15px;align-items:center;margin:24px 0}.help{padding:23px;margin:28px 0;background:#eaf0f8;border:1px solid var(--line);border-radius:12px}.help h3,.help p{margin-bottom:4px}.footer{border-top:1px solid var(--line);padding:23px 0;margin-top:32px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.empty{text-align:center;padding:42px;border:1px dashed #afbdd0;border-radius:12px;background:#fff;grid-column:1/-1}.pagehead{padding:34px 0 22px}.pagehead h1{font-size:34px}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.summary{height:fit-content;position:sticky;top:20px}.summary-line{display:flex;justify-content:space-between;gap:15px;margin:13px 0}.summary-line.total{border-top:1px solid var(--line);padding-top:15px;font-size:21px;font-weight:800}.notice{background:#edf2f9;padding:13px;border-radius:8px;font-size:12px;margin:16px 0}.notice.warn{background:#fff3de;color:#754708}.error{color:#9c2431}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:16px 0}.check input{min-height:18px;width:18px;height:18px;flex-shrink:0}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f5f7fb;text-transform:uppercase;font-size:10px;letter-spacing:.5px;color:var(--muted);padding:13px 16px;white-space:nowrap}td{padding:15px 16px;border-top:1px solid #e8edf5;vertical-align:top}td small{display:block;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.metric{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.metric strong{font-size:30px;display:block}.tabs{display:flex;gap:8px;margin:20px 0}.tabs .selected{background:var(--navy);color:white}.timeline{border-left:2px solid #d6e1f2;padding-left:17px;margin:20px 0}.timeline p{font-size:12px}.timeline small{display:block;color:var(--muted)}.comparison{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;background:var(--navy);color:white;border-radius:12px;padding:12px 18px;display:flex;gap:18px;align-items:center;box-shadow:0 7px 25px #0002}.compare-table td{min-width:210px}.compare-table img{height:130px;width:180px;object-fit:contain}.saved{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);border-radius:16px;width:min(850px,calc(100% - 28px));max-height:90vh;padding:0;color:var(--ink);box-shadow:0 20px 60px #142b4533}dialog::backdrop{background:#142b4577}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h2{font-size:21px;margin:0}.modal-body{padding:24px}.detail{display:grid;grid-template-columns:230px 1fr;gap:24px}.detail img{width:100%;height:220px;object-fit:contain}.detail h3{font-size:20px}.compat{margin-top:20px}.compat h3{font-size:15px}.raw{font-size:12px;white-space:pre-wrap;background:var(--bg);padding:14px;border-radius:8px}.cart-item{display:grid;grid-template-columns:1fr 90px 100px auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.cart-item strong{font-size:13px}.cart-item small{display:block;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:99}.skip:focus{top:2px}#notice{position:fixed;bottom:22px;right:22px;z-index:100;max-width:calc(100% - 44px);background:var(--navy);color:#fff;border-radius:9px;padding:12px 18px;display:none}#notice.shown{display:block}.busy{opacity:.6;pointer-events:none}.recovery{overflow-wrap:anywhere;font:12px/1.6 monospace;background:#f4f6f9;padding:12px}.bottom-space{height:70px}@media(max-width:950px){.header .wrap{gap:14px}.nav button{padding:9px;font-size:12px}.hero{gap:24px}.search-row{grid-template-columns:150px 1fr}.search-row>.btn{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding:0 17px}.header .wrap{padding-top:13px;padding-bottom:8px}.brand{font-size:23px}.nav{order:3;flex-basis:100%;justify-content:space-between}.right{margin-left:auto}.hero{grid-template-columns:1fr;padding:28px 0}.hero h1{font-size:36px;max-width:500px}.hero-image{display:none}.hero p{font-size:14px}.panel{padding:19px}.finder h2{font-size:21px}.search-row{grid-template-columns:1fr}.results{align-items:flex-start;flex-direction:column;gap:13px}.filters{width:100%}.filters select{width:50%}.cards{grid-template-columns:1fr}.card .picture{height:175px}.picture img{height:160px}.row.mobile-stack,.context,.help,.footer{flex-direction:column;align-items:flex-start}.checkout,.fields,.detail{grid-template-columns:1fr}.summary{position:static}.wide{grid-column:auto}.detail img{height:175px}.modal-head,.modal-body{padding:18px}.cart-item{grid-template-columns:1fr 65px auto}.cart-item>strong{grid-column:1/-1;text-align:right}.metrics{grid-template-columns:1fr 1fr}.metric{padding:15px}.pagehead h1{font-size:29px}.comparison{width:calc(100% - 26px);bottom:12px;padding:10px;justify-content:space-between;font-size:12px}.grid2{grid-template-columns:1fr}.nav .btn{padding:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}