:root{--ink:#111827;--muted:#667085;--line:#d9dde5;--paper:#f7f8fa;--white:#fff;--accent:#d4143d;--green:#128c4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.top{background:var(--white);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand>span{background:var(--ink);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:flex}.brand div{display:grid}.brand small{color:var(--muted)}.intro{background:var(--white);grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:30px;padding:42px clamp(18px,4vw,64px);display:grid}.intro small{color:var(--accent);text-transform:uppercase;font-weight:800}.intro h1{letter-spacing:0;margin:8px 0 12px;font-size:clamp(32px,5vw,58px);line-height:1}.intro p{color:var(--muted);max-width:650px;margin:0;font-size:17px}.search{border:1px solid var(--line);align-items:center;gap:9px;padding:0 14px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;height:50px;font-size:15px}.products{padding:34px clamp(18px,4vw,64px) 70px}.section-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-head h2{margin:0;font-size:24px}.section-head span{color:var(--muted)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--white);border:1px solid var(--line);display:grid}.photo{aspect-ratio:4/5;cursor:pointer;background:#eceff3;border:0;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.photo:hover img{transform:scale(1.025)}.photo small{color:#fff;background:#111827d1;padding:6px 8px;position:absolute;bottom:8px;right:8px}.copy{gap:16px;padding:15px;display:grid}.copy h3{margin:0 0 6px;font-size:17px}.copy b{color:var(--accent)}.copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.commands{grid-template-columns:1fr 1fr;gap:7px;display:grid}.commands button,.wa{cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;display:flex}.commands button{color:var(--ink);background:#e9edf2}.commands .wa,.wa{background:var(--green);color:#fff;white-space:nowrap;border-radius:7px}.wa.compact{min-height:40px;padding:0 15px}.empty{color:var(--muted);text-align:center;padding:70px}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:25px clamp(18px,4vw,64px);display:flex}footer span{color:#aeb7c7}.modal{z-index:50;background:#070a10eb;grid-template-columns:minmax(0,1fr) minmax(300px,420px);padding:40px;display:grid;position:fixed;inset:0}.close{cursor:pointer;z-index:2;background:#fff;border:0;padding:9px;position:absolute;top:20px;right:20px}.viewer{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.viewer img{object-fit:contain;max-width:100%;height:100%;max-height:calc(100vh - 80px)}.viewer>button{cursor:pointer;background:#fff;border:0;padding:10px;position:absolute;top:50%}.previous{left:15px}.next{right:15px}.counter{color:#fff;background:#000000b3;padding:6px 9px;position:absolute;bottom:12px}.modal aside{background:#fff;align-content:start;padding:35px;display:grid;overflow:auto}.modal aside small{color:var(--accent);text-transform:uppercase;font-weight:800}.modal aside h2{margin:8px 0;font-size:30px}.modal aside strong{color:var(--accent);font-size:21px}.modal aside p{color:var(--muted);line-height:1.6}.image-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.image-option{border:1px solid var(--line);padding:5px;display:grid}.image-option.selected{border-color:var(--accent)}.thumb{aspect-ratio:1;cursor:pointer;background:#eef0f3;border:0;padding:0;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.image-wa{background:var(--green);color:#fff;justify-content:center;align-items:center;gap:5px;min-height:34px;margin-top:5px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.download{color:var(--ink);background:#e9edf2;justify-content:center;align-items:center;gap:7px;min-height:42px;margin-top:10px;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}@media (max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.intro{grid-template-columns:1fr;align-items:stretch;padding-top:28px}.grid{grid-template-columns:repeat(2,1fr)}.modal{grid-template-rows:minmax(280px,52vh) auto;grid-template-columns:1fr;padding:55px 15px 15px;overflow:auto}.viewer img{max-height:52vh}.modal aside{padding:22px;display:grid;overflow:visible}.modal aside h2{font-size:24px}footer{align-items:start;gap:7px;display:grid}.commands{grid-template-columns:1fr}}@media (max-width:470px){.grid{grid-template-columns:1fr}.top{height:64px;padding:0 14px}.brand{gap:8px}.brand>span{width:34px;height:34px}.brand b{font-size:14px}.brand small{display:none}.wa.compact{min-height:38px;padding:0 11px;font-size:12px}.wa.compact svg{width:17px;height:17px}.intro h1{font-size:34px}}