.cat-page-head{justify-content:space-between;align-items:flex-end;gap:var(--s6);padding-top:44px;display:flex}.cat-page-head .h1{margin-top:14px;font-size:clamp(36px,4vw,58px)}.back-home{color:var(--muted);flex:none;align-items:center;gap:7px;padding-bottom:10px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.back-home:hover{color:var(--ink)}.dir-tabs{flex-wrap:wrap;gap:8px;padding-top:30px;display:flex}.dtab{border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--card);height:38px;color:var(--ink);font:500 13px var(--body);cursor:pointer;align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.dtab:hover{border-color:var(--ink)}.dtab.is-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}a.dtab,a.dtab:hover,a.ptile,a.ptile:hover{text-decoration:none}a.dtab{color:var(--ink)}a.dtab.is-active{color:#fff}.sec-head{padding-top:36px}.sec-head h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:700;line-height:1.08}.sec-head-row{justify-content:space-between;align-items:flex-end;gap:var(--s7);margin-top:12px;display:flex}.sec-head .lede{max-width:62ch;font-size:15px}.ptile-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ptile{border:1px solid var(--rule-soft);border-radius:var(--r-lg);cursor:pointer;text-align:left;background:var(--card);padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.ptile:hover{border-color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-2px)}.ptile .vis{aspect-ratio:1.45;background:repeating-linear-gradient(115deg,#ffffff0f 0 2px,#0000 2px 9px),linear-gradient(150deg,#3c3f44 0%,#23252a 55%,#2e3136 100%);place-items:center;transition:transform .35s;display:grid;position:relative}.ptile:hover .vis{transform:scale(1.05)}.ptile .vis:after{content:"";background:linear-gradient(#0f101200 38%,#0f1012b8 100%);position:absolute;inset:0}.ptile .meta{z-index:1;justify-content:space-between;align-items:flex-end;gap:10px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.ptile .nm{font-family:var(--display);letter-spacing:-.01em;color:#fff;font-size:15.5px;font-weight:700;line-height:1.25}.ptile .ct{font-family:var(--mono);color:#ffffffd9;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff59;flex:none;padding:3px 9px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}.ptile:hover .ct{background:var(--accent);border-color:var(--accent);color:#fff}.ptile .vis img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.res-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.res-topbar .tbl-back{margin-bottom:0}.fmini{border:1px solid var(--rule);background:var(--paper);border-radius:9px;align-items:center;gap:8px;height:34px;margin:2px 0 6px;padding:0 10px;transition:border-color .15s;display:flex}.fmini:focus-within{border-color:var(--ink)}.fmini .ic{width:13px;height:13px;color:var(--muted-2);flex:none}.fmini input{min-width:0;font:12.5px var(--body);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.fmini input::placeholder{color:var(--muted-2)}.fval-list{flex-direction:column;gap:1px;display:flex}.fcheck-scroll{scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex-direction:column;gap:1px;max-height:260px;margin-right:-8px;padding-right:8px;display:flex;overflow-y:auto}.fcheck-scroll>*{flex-shrink:0}.fradio input{border-radius:50%}.fmark-group{border:1px solid var(--rule);background:var(--paper);border-radius:9px;margin:2px 0;overflow:hidden}.fmark-group summary{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.fmark-group summary::-webkit-details-marker{display:none}.fmark-group summary .ct{font-family:var(--mono);color:var(--muted-2);font-size:10.5px}.fmark-group-bd{border-top:1px dashed var(--rule);scrollbar-width:thin;scrollbar-color:var(--rule) transparent;flex-direction:column;gap:1px;max-height:180px;padding:4px 8px 8px;display:flex;overflow-y:auto}.pbadge{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:0 0 8px 8px;padding:5px 9px 4px;font-size:9.5px;font-weight:600;position:absolute;top:-1px;right:18px}.pbadge--new{background:#2e7d4f}.pbadge--hit{background:var(--accent)}.pbadge--promo{background:var(--accent-deep)}.chem-ctrl{align-items:stretch;gap:8px;margin-top:2px;display:flex}.chem-ctrl .pack{flex:1;min-width:0}.chem-ctrl .pack .k,.chem-qty .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:5px;font-size:9.5px;font-weight:500;display:block}.chem-ctrl select{appearance:none;border:1px solid var(--rule);background-color:var(--paper);width:100%;height:38px;font:500 12.5px var(--body);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%236E665B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:0 30px 0 11px;transition:border-color .15s}.chem-ctrl select:focus{border-color:var(--ink)}.chem-qty{flex:none}.chem-qty .box{border:1px solid var(--rule);background:var(--paper);border-radius:10px;align-items:center;height:38px;display:flex;overflow:hidden}.chem-qty button{width:32px;height:100%;color:var(--muted);font:500 16px var(--body);cursor:pointer;background:0 0;border:0;transition:background .12s,color .12s}.chem-qty button:hover{background:var(--ink);color:var(--paper)}.chem-qty b{text-align:center;min-width:30px;font:600 13px var(--mono);color:var(--ink)}.chem-total{border-top:1px dashed var(--rule);flex-direction:column;gap:2px;margin-top:2px;padding-top:10px;line-height:1.45;display:flex}.chem-total .row-sum{color:var(--ink);font-size:14px}.chem-total .row-sum b{color:var(--accent-deep);white-space:nowrap;font-size:16px;font-weight:700}.chem-total .row-sub{font-family:var(--mono);color:var(--muted);font-size:11.5px}.prec-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent-deep);color:#fff;border-radius:6px;padding:3px 9px;font-size:9.5px;font-weight:600}.prec-warn{color:var(--accent-deep);background:var(--accent-soft);border-radius:10px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:11.5px;line-height:1.45;display:flex}.prec-warn .ic{flex:none;width:14px;height:14px;margin-top:1px}@media (max-width:1100px){.ptile-grid{grid-template-columns:repeat(2,1fr)}.cat-page-head,.sec-head-row{align-items:flex-start;gap:var(--s4);flex-direction:column}.col-surf{display:none}}@media (max-width:768px){.ptile-grid{grid-template-columns:1fr}.cat-page-head{align-items:flex-start;gap:var(--s4);flex-direction:column;padding-top:28px}.dir-tabs{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.dtab{flex:none}.chem-ctrl{flex-wrap:wrap}}