.gd__tg-h1 {
    font-size: 3.25rem;
    line-height: 4.25rem;
    font-weight: 400;
    letter-spacing: 1px;
    color: hsla(var(--clr-black) / 0.9);
    /* border: 1px solid red; /* D E L E T E */
}
.gd__tg-h1-svg {
    height: 4rem;
    /* border: 1px solid blue; /* D E L E T E */
    transform: translate(0rem, 1rem);
}


.gd__btn {
    width: 13rem;
    height: 5rem;
}

.gd__photo {
    position: relative;
    display: inline-block; /* Zabezpečí, že kontajner presne obopne obrázok */
    overflow: hidden;      /* Kľúčové: orezanie zväčšeného obrázka, aby nepretiekol von */
    border-radius: 0.5rem; /* Presunuté sem, aby sa orezávali aj rohy zväčšeného obrázka */
    box-shadow: 10px 15px 25px 0 rgba(0, 0, 0, 0.15); /* Presunuté na rodiča pre lepší vizuál */
    transition: box-shadow 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.gd__photo img {
    min-width: 18rem;
    max-width: 26rem;
    width: 100%;
    object-fit: cover;
    /* Odstránený blur(1px), pridaný jemný sépiový/teplý nádych pre moderný filmový look */
    filter: grayscale(10%) contrast(110%) sepia(10%); 
    display: block;
    /* Pridaný transform do transition pre dokonale plynulé zväčšenie */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
                filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.gd__photo:hover img {
    filter: grayscale(0) contrast(110%) sepia(0);
    /* Zväčšenie o 10% (scale 1.1) */
    transform: scale(1.1); 
}

.gd__photo:hover {
    /* Zjemnenie tieňa celej karty pri hoveri */
    box-shadow: 5px 8px 15px 0 rgba(0, 0, 0, 0.1); 
}

/* Kontajner pre svetlo zostáva, pridali sme mix-blend-mode pre krajšie splynutie farieb */
.gd__photo .glow-wrap {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2; /* Zabezpečí, že svetlo bude nad obrázkom */
}

.gd__photo .glow {
    display: block;
    position: absolute;
    /* Zväčšenie rozmerov, aby svetlo pokrylo celú uhlopriečku a nebolo useknuté */
    width: 200%; 
    height: 200%;
    top: -50%; /* Posun vyššie, aby rotácia 45° pokryla aj horné rohy */
    left: -50%;

    /* MODERNÁ ZMENA: Namiesto jednej farby jemný prechod (stred svieti, kraje idú do stratena) */
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.03) 40%,
        rgba(255, 255, 255, 0.18) 50%, /* Samotný jemný lúč */
        rgba(255, 255, 255, 0.03) 60%,
        rgba(255, 255, 255, 0) 100%
    );

    /* KLÚČOVÉ ZJEMNENIE: Rozmazanie okrajov pre efekt mäkkého denného svetla */
    filter: blur(8px);
    
    /* Fotografia pod svetlom bude cez tento režim prenikať prirodzenejšie */
    mix-blend-mode: overlay; 

    /* Východisková pozícia: posunuté úplne vľavo mimo viditeľnú zónu */
    transform: rotate(45deg) translate(-120%, 0);
    
    /* Spomalenie preletu pre prirodzenejší dojem z 1s na 1.4s */
    transition: transform 1.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.gd__photo:hover .glow {
    /* Cieľová pozícia: svetlo preletí kompletne celú kartu až doprava von */
    transform: rotate(45deg) translate(120%, 0);
}
/* koniec === BOX S OBRÁZKOM A EFEKTOM "glow" === */