:root,[data-ok-theme=light],[data-ok-theme=dark]{--okc-bg:var(--ok-surface);--okc-media:var(--ok-surface-2);--okc-line:var(--ok-line);--okc-line-2:var(--ok-line-strong);--okc-ink:var(--ok-ink);--okc-ink-soft:var(--ok-ink-soft);--okc-ink-faint:var(--ok-ink-faint);--okc-chip:var(--ok-glass);--okc-lift:var(--ok-elev-lg)}.okc{background:var(--okc-bg);border:1px solid var(--okc-line);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,background .28s;display:flex;position:relative;overflow:hidden}.okc:hover{box-shadow:var(--okc-lift);border-color:var(--okc-line-2);transform:translateY(-4px)}.okc-link{z-index:1;position:absolute;inset:0}.okc-media{aspect-ratio:1;background:var(--okc-media);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;font-size:var(--ok-t-xs);letter-spacing:.4px;border-radius:var(--ok-r-xs);text-transform:uppercase;color:#fff;padding:4px 8px;font-weight:800;line-height:1.4;position:absolute;top:10px;left:10px}.okc-badge--discount{background:var(--ok-orange)}.okc-badge--new{background:var(--ok-teal)}.okc-badge--generic{background:var(--ok-navy)}.okc-tools{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.okc-tool{border:1px solid var(--okc-line);background:var(--okc-chip);width:38px;height:38px;color:var(--okc-ink-faint);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s,transform .2s,opacity .25s;display:grid;position:relative}.okc-tool:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.okc-tool:hover{color:var(--ok-orange);border-color:var(--ok-orange-ring);transform:scale(1.08)}.okc-tool.is-on{color:var(--ok-danger);border-color:#dc262657}.okc-tool.is-compare{color:var(--ok-teal-dark);border-color:#00c9a757}@media (hover:hover){.okc-tools .okc-tool:nth-child(2){opacity:0;pointer-events:none}.okc:hover .okc-tools .okc-tool:nth-child(2),.okc-tools .okc-tool:nth-child(2).is-compare{opacity:1;pointer-events:auto}}.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{font-size:var(--ok-t-xs);letter-spacing:.6px;text-transform:uppercase;color:var(--okc-ink-faint);font-weight:700;line-height:1}.okc-name{font-size:var(--ok-t-sm);color:var(--okc-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-weight:600;line-height:1.4;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.okc-name:hover{color:var(--ok-orange)}.okc-rating{align-items:center;gap:6px;display:flex}.okc-rating-pill{background:var(--ok-success);color:#fff;font-size:var(--ok-t-xs);border-radius:var(--ok-r-xs);align-items:center;gap:3px;padding:2px 6px;font-weight:700;line-height:1.4;display:inline-flex}.okc-rating-count{font-size:var(--ok-t-xs);color:var(--okc-ink-faint)}.okc-price-row{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:2px;display:flex}.okc-price{font-size:var(--ok-t-lg);color:var(--okc-ink);letter-spacing:-.3px;font-weight:800}.okc-mrp{font-size:var(--ok-t-xs);color:var(--okc-ink-faint);text-decoration:line-through}.okc-delivery{font-size:var(--ok-t-xs);color:var(--okc-ink-soft);align-items:center;gap:5px;margin-bottom:4px;font-weight:600;display:inline-flex}.okc-delivery svg{color:var(--ok-teal);flex-shrink:0}.okc-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:auto;padding-top:10px;display:grid}.okc-btn{font-size:var(--ok-t-xs);border-radius:var(--ok-r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;min-height:38px;padding:9px 6px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .12s}.okc-btn:active{transform:scale(.97)}.okc-btn--cart{border-color:var(--ok-orange);color:var(--ok-orange);background:0 0}.okc-btn--cart:hover{background:#ff6b351a}.okc-btn--buy{background:var(--ok-orange);color:#fff}.okc-btn--buy:hover{background:var(--ok-orange-dark)}@media (max-width:768px){.okc{border-radius:12px}.okc-body{gap:4px;padding:9px 10px 10px}.okc-brand{letter-spacing:.5px;font-size:9px}.okc-name{min-height:2.7em;font-size:11.5px;font-weight:600;line-height:1.35}.okc-rating-pill{padding:1.5px 5px;font-size:9.5px}.okc-rating-count{font-size:10px}.okc-price-row{gap:8px}.okc-price{font-size:14.5px}.okc-mrp{font-size:10.5px}.okc-delivery{gap:4px;font-size:10px}.okc-delivery svg{width:11px;height:11px}.okc-actions{grid-template-columns:1fr;gap:0;padding-top:7px}.okc-btn--buy{display:none}.okc-btn--cart{background:var(--okc-orange-soft,#ff6b351a);color:var(--ok-orange);border-color:#0000;padding:9px 6px;font-size:11.5px;font-weight:800}.okc-img{padding:9px}.okc-badge{padding:3px 6px;font-size:9px;top:8px;left:8px}.okc-tool{width:32px;height:32px}.okc-tools .okc-tool:nth-child(2){display:none}}@media (max-width:400px){.okc-body{padding:8px 9px 9px}.okc-name{font-size:11px}.okc-price{font-size:13.5px}}