:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17202a;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}nav{height:64px;display:flex;align-items:center;gap:28px;padding:0 5vw;background:#fff;border-bottom:1px solid #dce2df}nav span:last-child{margin-left:auto}.hero{padding:56px 5vw 42px;max-width:850px}.hero p,article small{color:#0f766e;font-weight:700;text-transform:uppercase}.hero h1{margin:8px 0 16px;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.02}.hero span{color:#5c6863;font-size:1.1rem}.catalog{padding:0 5vw 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{padding:18px;background:#fff;border:1px solid #dce2df;border-radius:6px}article.selected{border-color:#0f766e;box-shadow:0 0 0 1px #0f766e}article h2{font-size:1.15rem}.product-image{height:220px;margin-bottom:18px;background:#d7ddd9;border-radius:4px}.react-tee{background:linear-gradient(145deg,#d5e6e1,#738f86)}.react-pack{background:linear-gradient(145deg,#dfd6c8,#8a7055)}.react-audio{background:linear-gradient(145deg,#d8dce8,#59647d)}.actions{display:flex;gap:8px}.actions button,form button{border:1px solid #17202a;padding:9px 12px;background:#fff}.actions button:last-child,form button{color:#fff;background:#17202a}.chat-launcher{position:fixed;right:24px;bottom:24px;min-height:48px;padding:0 18px;border:0;border-radius:6px;color:#fff;background:#0f766e;box-shadow:0 12px 28px #0f282333}.chat-panel{position:fixed;right:24px;bottom:84px;width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid #cad3cf;border-radius:6px;box-shadow:0 18px 50px #14282338;overflow:hidden}.chat-panel header,.chat-panel form{display:flex;gap:10px;padding:14px}.chat-panel header{justify-content:space-between;color:#fff;background:#17202a}.chat-panel header span{color:#91d8c5;font-size:.85rem}.messages{height:280px;padding:14px;overflow-y:auto;background:#f7f9f8}.messages p{width:fit-content;max-width:86%;padding:10px 12px;border-radius:6px;background:#fff}.messages .customer{margin-left:auto;color:#fff;background:#0f766e}.messages .notice{color:#7a4d00;background:#fff3d4}.chat-panel form{border-top:1px solid #dce2df}.chat-panel input{min-width:0;flex:1;padding:10px;border:1px solid #b8c2bd}.contact-fields{display:grid;gap:8px;width:100%}.chat-panel form:has(.contact-fields){flex-wrap:wrap}@media(max-width:760px){.catalog{grid-template-columns:1fr}nav span:nth-child(2){display:none}.chat-panel{right:16px;bottom:78px}.chat-launcher{right:16px;bottom:16px}}