/* Shared hero path cards — used by index.php, find.php, sfind.php, dns-check.php via includes/hero-cards.php */

.hero {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 1.5rem;
    text-align: center;
}

.path-cards {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}
.path-card {
    position: relative;
    overflow: hidden;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #1a1a2e;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    flex: 1;
    min-width: 240px;
    max-width: 300px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.path-card-marketplace { background-image: url('/MrMarketplace.jpg'); }
.path-card-appraisal   { background-image: url('/MrValuedomain.jpg'); }
.path-card-finder      { background-image: url('/MrDomainfinder.jpg'); }
.path-card-brainstorm { background-image: url("/brainstorm-flip2.jpeg"); background-size: cover !important; background-position: center !important; }
.path-card-brainstorm::after { background: linear-gradient(to right, rgba(13,13,26,0.75) 40%, rgba(13,13,26,0.25) 100%) !important; }
.path-card-inspector   { background-image: url("/assets/img/inspector-dns-1300.webp"); background-size: cover !important; background-position: center 30% !important; }
.path-card-inspector::after { background: linear-gradient(to right, rgba(13,13,26,0.82) 0%, rgba(13,13,26,0.35) 100%) !important; }
.path-card-free { display:inline-block; font-size:0.72rem; font-weight:800; letter-spacing:0.1em; color:#22c55e; text-transform:uppercase; margin-top:0.1rem; margin-bottom:0.3rem; }

.path-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(13,13,26,0.78) 30%, rgba(13,13,26,0.25) 100%);
    z-index: 1;
    border-radius: 14px;
}
.path-card-centerpiece::after { display: none !important; }
.path-card-centerpiece:hover { transform: none !important; border-color: #2a2a4a !important; background-color: #1a1a2e !important; }
.path-card:hover {
    background-color: rgba(255,255,255,0.13);
    border-color: #c9a66b;
    transform: translateY(-2px);
}
.path-card-icon { font-size: 1.8rem; line-height: 1; position: relative; z-index: 2; }
.path-card > * { position: relative; z-index: 2; }
.path-card-label {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #c9a66b;
}
.path-card h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
}
.path-card p {
    font-size: 0.85rem;
    color: #b0b8d4;
    line-height: 1.6;
    flex: 1;
}
.path-card-cta {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.45rem 1rem;
    background: #c9a66b;
    color: #1a1a2e;
    border-radius: 5px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    align-self: flex-start;
    transition: background 0.15s;
}
.path-card:hover .path-card-cta { background: #e8c98a; }

@media (max-width: 860px) { .path-cards { flex-direction: column; align-items: center; } }