:root{--bg:#f3f4f7;--surface:#fff;--text:#171a21;--muted:#5c6472;--faint:#8a93a3;--border:#e4e7ec;--border-strong:#cfd5de;--accent:#4f46e5;--accent-soft:#4f46e517;--success:#137a4c;--success-soft:#137a4c21;--info:#1d63d8;--info-soft:#1d63d81f;--danger:#c0362c;--danger-soft:#c0362c1a;--shadow:0 1px 2px #10141c0d, 0 8px 24px -12px #10141c29}:root[data-theme=dark]{--bg:#0f1218;--surface:#171b24;--text:#e8eaf0;--muted:#9aa3b2;--faint:#6b7484;--border:#262c37;--border-strong:#3a4250;--accent:#7c74f2;--accent-soft:#7c74f229;--success:#3ecf8e;--success-soft:#3ecf8e26;--info:#6ea8fe;--info-soft:#6ea8fe26;--danger:#f2685e;--danger-soft:#f2685e24;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080}.vitrina{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.vitrina *,.vitrina :before,.vitrina :after{box-sizing:border-box}.vitrina a{color:inherit}.vitrina :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.vitrina .in{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(14px,2.4vw,24px)}.vitrina header{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0}.vitrina .hd{align-items:center;gap:14px;padding:10px 0;display:flex}.vitrina .brand{flex:none;align-items:center;gap:9px;font-size:15.5px;font-weight:700;text-decoration:none;display:flex}.vitrina .brand i{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-style:normal;font-weight:800;display:flex}.vitrina .brand span{color:var(--faint);font-weight:400}.vitrina .hsearch{flex:1;max-width:460px;margin:0 auto;position:relative}.vitrina .hsearch svg{width:15px;height:15px;stroke:var(--faint);fill:none;stroke-width:2px;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.vitrina .hsearch input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;padding:8px 12px 8px 32px;font-size:14px}.vitrina .hact{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.vitrina .ib{border:1px solid var(--border-strong);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;padding:7px 12px;font-size:13.5px;font-weight:600}.vitrina .ib:hover{background:var(--accent-soft);border-color:var(--accent)}.vitrina .ib.sq{width:34px;height:34px;color:var(--muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.vitrina .ib.sq svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:17px;height:17px}.vitrina select.ib{appearance:none}.vitrina main{padding:18px 0 44px}.vitrina h1{letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(20px,2.4vw,25px);font-weight:750}.vitrina .crumb{color:var(--muted);margin-bottom:12px;font-size:12.5px}.vitrina .crumb b{color:var(--text);font-weight:650}.vitrina .grid{grid-template-columns:250px 1fr;align-items:start;gap:18px;display:grid}.vitrina .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.vitrina .ch{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.07em;color:var(--faint);padding:11px 14px;font-size:12px;font-weight:700}.vitrina .cb{padding:13px 14px}.vitrina .tree button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:13.5px;display:block}.vitrina .tree button:hover{background:var(--accent-soft)}.vitrina .tree button.on{background:var(--accent-soft);color:var(--accent);font-weight:650}.vitrina .tree .l2{padding-left:20px;font-size:13px}.vitrina .chk{cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.vitrina .gt{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:12px 0 4px;font-size:11.5px;font-weight:700}.vitrina .hint{color:var(--faint);border-top:1px solid var(--border);background:var(--bg);padding:10px 14px;font-size:11.5px;line-height:1.55}.vitrina .bar{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.vitrina .bar select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;margin-left:auto;padding:6px 10px;font-size:12.5px}.vitrina .prods{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;display:grid}.vitrina .p{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.vitrina .p:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.vitrina .pic{background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.vitrina .pic img{object-fit:cover;width:100%;height:100%}.vitrina .pic svg{width:60px;height:60px;stroke:var(--faint);fill:none;stroke-width:1.3px}.vitrina .tag{background:var(--success-soft);color:var(--success);border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:700;position:absolute;top:9px;left:9px}.vitrina .tag.st{background:var(--info-soft);color:var(--info);left:auto;right:9px}.vitrina .pb{flex:1;padding:12px 13px}.vitrina .pn{font-size:14.5px;font-weight:650;line-height:1.3}.vitrina .pp{color:var(--muted);min-height:32px;margin-top:5px;font-size:12px}.vitrina .pu{color:var(--text);margin-top:7px;font-size:12.5px;font-weight:600}.vitrina .pf{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:7px;margin-top:9px;padding-top:9px;font-size:11.5px;display:flex}.vitrina .av{background:var(--accent-soft);width:21px;height:21px;color:var(--accent);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:9.5px;font-weight:800;display:flex}.vitrina .pa{gap:7px;padding:0 13px 12px;display:flex}.vitrina .b{border:1px solid var(--border-strong);cursor:pointer;color:var(--text);text-align:center;background:0 0;border-radius:8px;padding:8px 11px;font-size:12.5px;font-weight:650;text-decoration:none}.vitrina .b:hover{background:var(--accent-soft);border-color:var(--accent)}.vitrina .b.f{flex:1}.vitrina .two{grid-template-columns:1.1fr minmax(320px,1fr);gap:20px;display:grid}.vitrina .box{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.vitrina .meta{grid-template-columns:1fr 1fr;gap:11px;margin-top:12px;font-size:13px;display:grid}.vitrina .meta b{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-size:10.5px;font-weight:700;display:block}.vitrina .badge{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 9px;font-size:10.5px;font-weight:700}.vitrina .badge.g{background:var(--success-soft);color:var(--success)}.vitrina table{border-collapse:collapse;width:100%;font-size:13px}.vitrina td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 13px}.vitrina td.mut{color:var(--muted);width:42%;font-size:12.5px}.vitrina .prodimg{background:var(--bg);justify-content:center;align-items:center;height:clamp(230px,26vw,340px);display:flex;overflow:hidden}.vitrina .prodimg img{object-fit:contain;width:100%;height:100%}.vitrina .prodimg svg{width:120px;height:120px;stroke:var(--faint);fill:none;stroke-width:1.1px}.vitrina .safe{border:0}.vitrina .err{color:var(--danger);background:var(--danger-soft);border-radius:8px;padding:8px 11px;font-size:12.5px}.vitrina .cartbtn{position:relative}.vitrina .cartbadge{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.vitrina .qtybox{align-items:center;gap:10px;display:flex}.vitrina .qtybox input[type=number]{background:var(--bg);border:1px solid var(--border);width:68px;color:var(--text);text-align:center;border-radius:8px;padding:8px 10px;font-size:14px}@media (width<=980px){.vitrina .grid,.vitrina .two{grid-template-columns:1fr}.vitrina .hsearch{max-width:190px}}@media (prefers-reduced-motion:reduce){.vitrina *{transition:none!important}}
