/* GoalFrame AI homepage realistic category cards — v13
 * Visual-only extension of assets/unified-home.css.
 * Keeps existing text, navigation destinations, hover/focus behavior and mobile grid.
 */
#studio .gf-category {
    isolation: isolate;
    min-height: 238px;
    background-color: #17302d;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(14, 39, 28, .12);
    box-shadow: 0 4px 16px rgba(4, 29, 25, .08);
}
#studio .gf-category::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgba(9, 20, 19, .05) 0%, rgba(9, 20, 19, .06) 23%, rgba(9, 20, 19, .34) 53%, rgba(4, 14, 15, .91) 100%);
}
#studio .gf-category-symbol,
#studio .gf-category-copy {
    position: relative;
    z-index: 1;
}
#studio .gf-category-symbol {
    width: 43px;
    height: 43px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.92);
    border-radius: 11px;
    font-size: 23px;
    box-shadow: 0 3px 16px rgba(0,0,0,.13);
}
#studio .gf-category-copy {
    margin-top: auto;
    margin-right: 19px;
    gap: 6px;
}
#studio .gf-category-copy strong {
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 6px rgba(0,0,0,.25);
}
#studio .gf-category-copy small {
    color: rgba(255,255,255,.91);
    font-size: 11px;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0,0,0,.45);
}
#studio .gf-category-arrow {
    z-index: 1;
    color: #cbf57c;
    text-shadow: 0 1px 4px rgba(0,0,0,.4);
}
#studio .gf-category:hover {
    border-color: #a6d85d;
    box-shadow: 0 16px 32px rgba(13, 44, 34, .21);
}
#studio .gf-category:focus-visible {
    outline: 3px solid #8fca37;
    outline-offset: 3px;
}
#studio .gf-category-soccer { background-image: url('home-previews/soccer.webp'); background-position: 39% center; }
#studio .gf-category-pets { background-image: url('home-previews/pets.webp'); background-position: 39% center; }
#studio .gf-category-dance { background-image: url('home-previews/dance.webp'); background-position: 60% center; }
#studio .gf-category-travel { background-image: url('home-previews/travel.webp'); background-position: 42% center; }
#studio .gf-category-fantasy { background-image: url('home-previews/fantasy.webp'); background-position: center; }
#studio .gf-category-fashion { background-image: url('home-previews/fashion.webp'); background-position: 63% center; }
#studio .gf-category-product { background-image: url('home-previews/product.webp'); background-position: 61% center; }
#studio .gf-category-custom { background-image: url('home-previews/custom.webp'); background-position: 54% center; }
@media (max-width: 760px) {
    #studio .gf-category { min-height: 210px; }
}
@media (max-width: 460px) {
    #studio .gf-category { min-height: 195px; padding: 12px; }
    #studio .gf-category-symbol { width: 38px; height: 38px; font-size: 21px; }
    #studio .gf-category-copy strong { font-size: 13px; }
    #studio .gf-category-copy small { font-size: 10px; }
    #studio .gf-category-arrow { right: 11px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    #studio .gf-category { transition: none; }
}