/* Explore explore_digitalassets fragment — loaded in via critical_css.php */ /* Match explore gigs card layout */ .explore-item .portfolio-card{background:#fff!important;border-radius:15px!important;box-shadow:0 4px 15px rgba(0,0,0,.1)!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease!important;display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important} .explore-item .portfolio-card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important} #explore-digitalassets .explore-item .portfolio-image-container, .explore-item .portfolio-image-container{position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:15px 15px 0 0!important;flex-shrink:0!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important} #explore-digitalassets .explore-item .portfolio-image-container .portfolio-image, #explore-digitalassets .explore-item .portfolio-image-container>img.portfolio-image, .explore-item .portfolio-image-container>img.portfolio-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .3s ease!important;border-radius:15px 15px 0 0!important;margin:0!important;display:block!important;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;transform:none!important} .explore-item .portfolio-image-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;background:#f8f9fa;display:flex;align-items:center;justify-content:center} #explore-digitalassets .explore-item .portfolio-card:hover .portfolio-image, .explore-item .portfolio-card:hover .portfolio-image{transform:scale(1.05)!important} #explore-digitalassets .explore-item .asset-price-on-image{position:absolute;top:15px;left:15px;z-index:3;line-height:1.2} #explore-digitalassets .explore-item .asset-price-on-image .asset-price-free{font-weight:700!important;color:#2ecc71!important;font-size:.95rem!important;background:none!important;padding:0!important;text-shadow:0 1px 4px rgba(0,0,0,.85)} #explore-digitalassets .explore-item .asset-price-on-image .asset-price-paid{font-weight:700!important;color:#fff!important;font-size:.85rem!important;background:rgba(0,0,0,.72)!important;padding:5px 10px!important;border-radius:20px} #explore-digitalassets .explore-item .asset-tag-badge{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.78)!important;color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;z-index:3;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .explore-item .portfolio-content{padding:1.5rem!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:visible!important} .explore-item .portfolio-title,.explore-item .listing-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .explore-item .portfolio-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.75rem;line-height:1.4;min-height:1.2em;max-height:2.8em} .explore-item .listing-description{color:#666!important;font-size:.9rem!important;line-height:1.5!important;margin-bottom:1rem!important;min-height:1.2em;max-height:2.7em} .explore-item .creator-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee;flex-shrink:0} .explore-item .creator-avatar,.explore-item .creator-avatar-placeholder{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important} .explore-item .creator-name{font-weight:500;font-size:.9rem;color:#333;margin-bottom:4px} .explore-item .portfolio-actions{margin-top:auto;display:flex;width:100%;flex-shrink:0} .explore-item .portfolio-actions .btn{font-size:.85rem;padding:.5rem .75rem;min-height:44px;border-radius:10px;width:100%} #explore-digitalassets .explore-scroll-content .explore-item, .explore-items.is-open #explore-digitalassets .explore-scroll-content .explore-item{flex:0 0 280px!important;max-width:280px!important;width:280px!important;min-width:280px!important;height:auto!important;min-height:0!important;max-height:none!important} @media (max-width:768px){ .explore-item .portfolio-content{padding:1rem!important} .explore-item .portfolio-title{font-size:1.1rem} .explore-item .listing-description{font-size:.85rem!important} .explore-item .creator-info{margin-bottom:.75rem;padding-bottom:.75rem} #explore-digitalassets .explore-scroll-content .explore-item, .explore-items.is-open #explore-digitalassets .explore-scroll-content .explore-item{flex:0 0 180px!important;max-width:180px!important;width:180px!important;min-width:180px!important} } @media (max-width:576px){ .explore-item .portfolio-content{padding:.75rem!important} #explore-digitalassets .explore-scroll-content .explore-item, .explore-items.is-open #explore-digitalassets .explore-scroll-content .explore-item{flex:0 0 150px!important;max-width:150px!important;width:150px!important;min-width:150px!important} }