/* VYLO Marketplace Refresh: catalog only; no dashboard, wallet or backend overrides. */
#productGrid{align-items:stretch!important;gap:18px!important}
#productGrid .product{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;overflow:hidden!important;background:#fcfaf5!important;color:#203b35!important;border:1px solid #e5e9e2!important;border-radius:19px!important;box-shadow:0 6px 24px rgba(0,0,0,.13)!important;transition:transform .18s ease,box-shadow .18s ease!important}
#productGrid .product:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.19)!important}
#productGrid .productVisual{width:100%;background:#f5f6f3!important;overflow:hidden}
#productGrid .productVisual img{width:100%;height:100%;object-fit:contain}
#productGrid .productBody{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;padding:16px!important;gap:0!important;color:#203b35!important}
#productGrid .productBody>small,#productGrid .productBody>.muted{display:inline-block!important;align-self:flex-start;max-width:100%;padding:4px 9px!important;background:#e7f2f8!important;color:#23617b!important;border-radius:8px;font-size:11px!important;font-weight:750!important;letter-spacing:.015em}
#productGrid .productBody h3{font-size:clamp(15px,1.3vw,18px)!important;line-height:1.32!important;letter-spacing:-.02em!important;color:#18352e!important;margin:11px 0 8px!important;overflow-wrap:anywhere}
#productGrid .listingDescription{font-size:12px!important;line-height:1.55!important;color:#52665f!important;margin:0 0 12px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#productGrid .vyloDemoPrice,#productGrid .productPrice{margin-top:auto!important;margin-bottom:5px!important;gap:5px!important}
#productGrid .vyloDemoPriceLine{display:flex!important;flex-wrap:wrap;gap:7px!important;align-items:center!important}
#productGrid .vyloDemoPriceLine>strong{background:#e0f4e9!important;color:#076247!important;border-radius:10px!important;padding:7px 9px!important;font-size:clamp(14px,1.25vw,17px)!important;line-height:1.3!important}
#productGrid .vyloDemoPriceLine del{color:#788780!important;font-size:12px!important}
#productGrid .vyloDemoPercent{background:#fff0c5!important;color:#74530a!important;border-radius:8px!important;padding:4px 6px!important;font-weight:850!important}
#productGrid .vyloDemoOfferLabel{color:#50766a!important;font-size:10px!important;font-weight:750!important;letter-spacing:.04em}
#productGrid .vyloDemoSignals{display:flex!important;flex-wrap:wrap!important;gap:7px 12px!important;align-items:center!important;margin:7px 0 12px!important;color:#31564b!important}
#productGrid .vyloDemoSignals small{color:#61766d!important;font-size:10px!important;letter-spacing:0!important}
#productGrid .vyloDemoStars{color:#df9d1c!important}
#productGrid .productActions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:8px!important;align-items:stretch!important;margin-top:auto!important}
#productGrid .productActions button{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;border-radius:11px!important;padding:10px 9px!important;font-size:12px!important;font-weight:850!important;white-space:normal!important;line-height:1.25!important;box-shadow:none!important}
#productGrid .productActions .secondary{background:#f5f9f7!important;color:#164c40!important;border:1px solid #b8d8cb!important}
#productGrid .productActions button:not(.secondary){background:#f2bf48!important;color:#2e2817!important;border:1px solid #e7b43e!important}
#productGrid .productActions button:hover{filter:brightness(.96)}
/* Match the detail popup with the brighter catalog while retaining its native handlers. */
.vyloCompact2{background:#fbfaf5!important;color:#203b35!important;border-color:#d9e9df!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important}
.vyloCompact2 .vyloDemoPriceLine>strong{color:#076247!important}
.vyloCompact2 .vyloDemoPriceLine del,.vyloCompact2 .vyloDemoSignals{color:#60756b!important}
.vyloCompact2 .vyloDemoOfferLabel{color:#376e5a!important}
.vyloCompact2 .vyloDemoSignals small{color:#61766d!important}
.vyloCompact2 .vyloDemoPercent{background:#fff0c5!important;color:#74530a!important}
.vyloCompact2Promote{background:#f2bf48!important;color:#2e2817!important}
.vyloCompact2Promote:hover{background:#ffd269!important}
.vyloCompact2Small{background:#eff7f3!important;color:#164c40!important;border:1px solid #b8d8cb!important}
.vyloCompact2Small:hover{background:#e2f2ea!important}
@media(max-width:650px){#productGrid{gap:10px!important}#productGrid .productBody{padding:11px!important}#productGrid .productBody h3{font-size:14px!important}#productGrid .productActions{grid-template-columns:1fr!important;gap:7px!important}#productGrid .productActions button{min-height:42px!important}#productGrid .vyloDemoSignals{gap:5px 9px!important}}
@media(prefers-reduced-motion:reduce){#productGrid .product{transition:none!important}#productGrid .product:hover{transform:none!important}}