.okc{background:#fff;border:1px solid #e6eaf0;border-radius:14px;flex-direction:column;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s;display:flex;position:relative;overflow:hidden}.okc:hover{border-color:#d9dfe8;transform:translateY(-4px);box-shadow:0 12px 32px #1b28451f}.okc-link{z-index:1;position:absolute;inset:0}.okc-media{aspect-ratio:1;background:#f7f9fc;flex-shrink:0;position:relative;overflow:hidden}.okc-img{object-fit:contain;padding:14px;transition:transform .45s cubic-bezier(.4,0,.2,1)}.okc:hover .okc-img{transform:scale(1.07)}.okc-badge{z-index:3;letter-spacing:.4px;text-transform:uppercase;color:#fff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800;line-height:1.4;position:absolute;top:10px;left:10px}.okc-badge--discount{background:#ff6b35}.okc-badge--new{background:#00bfa6}.okc-badge--generic{background:#1b2845}.okc-tools{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.okc-tool{color:#94a3b8;cursor:pointer;background:#fffffff0;border:1px solid #e6eaf0;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;transition:color .2s,border-color .2s,transform .2s,opacity .25s;display:grid}.okc-tool:hover{color:#ff6b35;border-color:#ffd2c0;transform:scale(1.08)}.okc-tool.is-on{color:#ff3b5c;border-color:#ffd0d8}.okc-tool.is-compare{color:#0f7bd4;border-color:#c4e1f7}@media (hover:hover){.okc-tools .okc-tool:nth-child(2){opacity:0}.okc:hover .okc-tools .okc-tool:nth-child(2),.okc-tools .okc-tool:nth-child(2).is-compare{opacity:1}}.okc-body{z-index:2;pointer-events:none;flex-direction:column;flex:1;gap:6px;padding:12px 13px 13px;display:flex;position:relative}.okc-body>*{pointer-events:auto}.okc-brand{letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;font-size:10.5px;font-weight:700;line-height:1}.okc-name{color:#1b2845;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.okc-name:hover{color:#ff6b35}.okc-rating{align-items:center;gap:6px;display:flex}.okc-rating-pill{color:#fff;background:#00a86b;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10.5px;font-weight:700;line-height:1.4;display:inline-flex}.okc-rating-count{color:#94a3b8;font-size:11px}.okc-price-row{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:2px;display:flex}.okc-price{color:#1b2845;letter-spacing:-.3px;font-size:17px;font-weight:800}.okc-mrp{color:#94a3b8;font-size:12px;text-decoration:line-through}.okc-off{color:#00a86b;font-size:11.5px;font-weight:700}.okc-delivery{color:#64748b;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.okc-delivery svg{color:#00bfa6;flex-shrink:0}.okc-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:8px;display:grid}.okc-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:9px 6px;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .12s}.okc-btn:active{transform:scale(.97)}.okc-btn--cart{color:#ff6b35;background:#fff;border-color:#ff6b35}.okc-btn--cart:hover{background:#fff5f0}.okc-btn--buy{color:#fff;background:#ff6b35}.okc-btn--buy:hover{background:#e85e2c}@media (max-width:768px){.okc{border-radius:12px}.okc-body{gap:5px;padding:10px 11px 11px}.okc-name{min-height:2.7em;font-size:12px}.okc-price{font-size:15px}.okc-btn{padding:8px 4px;font-size:11px}.okc-img{padding:10px}}@media (max-width:480px){.okc-actions{grid-template-columns:1fr;gap:5px}.okc-tool{width:26px;height:26px}.okc-brand{font-size:9.5px}}