/* VYLO Smart Cards 2 — scoped exclusively to Explore catalog */
#productGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:14px!important}
#productGrid .product{min-width:0!important;height:auto!important;align-self:start!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #e3ebe7!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 10px rgba(8,42,32,.07)!important;color:#20362e!important;transform:none!important}
#productGrid .productVisual{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;display:block!important;background:#f7f8f7!important;overflow:hidden!important;cursor:pointer!important}
#productGrid .productVisual img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1/1!important;max-height:none!important;object-fit:contain!important;background:#fff!important}
#productGrid .productVisual em{display:none!important}
#productGrid .productBody{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;padding:11px!important;gap:0!important;color:#20362e!important}
#productGrid .productBody>small,#productGrid .productBody>.muted{display:none!important}
#productGrid .productBody h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important;max-height:2.8em!important;line-height:1.4!important;font-size:14px!important;font-weight:750!important;margin:0 0 6px!important;color:#23362f!important;cursor:pointer!important;overflow-wrap:anywhere!important}
#productGrid .listingDescription{display:none!important}
#productGrid .productPrice,#productGrid .vyloDemoPrice{margin:4px 0 8px!important;min-height:0!important;gap:3px!important}
#productGrid .vyloDemoPriceLine{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:wrap!important}
#productGrid .vyloDemoPriceLine>strong{background:transparent!important;padding:0!important;border-radius:0!important;font-size:clamp(14px,1.45vw,19px)!important;font-weight:850!important;line-height:1.3!important;color:#136b51!important}
#productGrid .vyloDemoPriceLine del{font-size:10px!important;color:#7c8983!important}
#productGrid .vyloDemoPercent{padding:2px 4px!important;font-size:10px!important;border-radius:4px!important}
#productGrid .vyloDemoOfferLabel{display:none!important}
#productGrid .vyloDemoSignals{display:flex!important;align-items:center!important;gap:3px 6px!important;flex-wrap:wrap!important;margin:3px 0 5px!important;font-size:11px!important;line-height:1.25!important}
#productGrid .vyloDemoSignals small{font-size:10px!important}
#productGrid .vyloDemoStars{font-size:13px!important;letter-spacing:-2px!important}
#productGrid .productActions{display:block!important;margin:6px 0 0!important;min-height:0!important}
#productGrid .productActions button.secondary{display:none!important}
#productGrid .productActions button:not(.secondary){display:block!important;width:100%!important;min-height:36px!important;padding:7px 9px!important;margin:0!important;border-radius:9px!important;background:#e7f4ed!important;border:1px solid #b9dfcd!important;color:#13664d!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important;box-shadow:none!important;white-space:normal!important}
#productGrid .productActions button:not(.secondary):focus-visible,#productGrid .productBody h3:focus-visible,#productGrid .productVisual:focus-visible{outline:3px solid #147c61!important;outline-offset:2px!important}
@media(max-width:750px){#productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}#productGrid .productBody{padding:9px!important}#productGrid .productBody h3{font-size:12px!important;line-height:1.32!important;max-height:2.64em!important;margin-bottom:4px!important}#productGrid .vyloDemoPriceLine>strong{font-size:14px!important}#productGrid .vyloDemoSignals{gap:2px 4px!important}#productGrid .vyloDemoSignals small{font-size:9px!important}#productGrid .productActions button:not(.secondary){min-height:36px!important;font-size:11px!important}}
@media(max-width:340px){#productGrid{gap:6px!important}#productGrid .productBody{padding:7px!important}}
@media(prefers-reduced-motion:reduce){#productGrid .product{transition:none!important}}