/**
 * Oluşturulma: 2026-08-17
 * Son değişiklik: 2026-08-17
 * Oluşturan: Özgür Elibol
 * Amaç: Ziyaretçi tarafında ok işaretlerini temizlemek ve galeri görünümünü düzenlemek.
 */

/* Hızlı erişim kartları: gereksiz sağ okları kaldır. */
.v88-quick-grid > a > b{
    display:none !important;
}
.v88-quick-grid > a{
    grid-template-columns:auto 1fr !important;
    column-gap:16px !important;
    padding-right:24px !important;
}

/* Metin linkleri, ok kaldırıldıktan sonra dengeli dursun. */
.v88-section-head > a,
.v88-mini-submit{
    gap:0 !important;
}

/* GALERİ — sade, düzenli, kurumsal kart sistemi */
.gallery-page-hero{
    padding-top:44px !important;
    padding-bottom:24px !important;
    min-height:0 !important;
    text-align:center !important;
}
.gallery-page-hero .eyebrow{
    display:inline-block !important;
    margin-bottom:8px !important;
    font-size:11px !important;
    letter-spacing:.18em !important;
}
.gallery-page-hero h1{
    margin:0 0 8px !important;
    font-size:clamp(34px,4vw,52px) !important;
    line-height:1.05 !important;
}
.gallery-page-hero p{
    margin:0 auto !important;
    max-width:620px !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:#6f6a63 !important;
}

.gallery-page-grid{
    width:min(1180px,calc(100% - 48px)) !important;
    max-width:1180px !important;
    margin:26px auto 58px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}
.gallery-page-item{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    overflow:hidden !important;
    background:#fff !important;
    border:1px solid #ded8ce !important;
    border-radius:14px !important;
    box-shadow:0 8px 24px rgba(23,20,16,.07) !important;
    color:#171717 !important;
    text-decoration:none !important;
    transform:translateY(0) !important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.gallery-page-item:hover{
    transform:translateY(-3px) !important;
    border-color:#c9b17b !important;
    box-shadow:0 14px 32px rgba(23,20,16,.11) !important;
}
.gallery-page-item img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
    transition:transform .35s ease !important;
}
.gallery-page-item:hover img{
    transform:scale(1.025) !important;
}
.gallery-page-item span{
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    align-items:center !important;
    min-height:52px !important;
    padding:13px 16px !important;
    margin:0 !important;
    background:#fff !important;
    color:#2c2a27 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    border-top:1px solid #eee8de !important;
}
.gallery-page-item span::after{
    content:none !important;
}
.gallery-empty{
    max-width:900px !important;
    margin:32px auto 60px !important;
    padding:36px 24px !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #e1ddd5 !important;
    border-radius:14px !important;
}
.gallery-page-cta{
    max-width:900px !important;
    margin:0 auto 70px !important;
    padding:34px 28px !important;
    text-align:center !important;
    border:1px solid #ded8ce !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(23,20,16,.05) !important;
}
.gallery-page-cta h2{
    margin:0 0 8px !important;
    font-size:clamp(26px,3vw,36px) !important;
}
.gallery-page-cta p{
    margin:0 0 18px !important;
}

@media (max-width:980px){
    .gallery-page-grid{
        width:min(100% - 32px,900px) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}
@media (max-width:640px){
    .v88-quick-grid > a{
        padding-right:14px !important;
    }
    .gallery-page-hero{
        padding:30px 18px 18px !important;
    }
    .gallery-page-grid{
        width:calc(100% - 28px) !important;
        margin-top:18px !important;
        margin-bottom:40px !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    .gallery-page-item img{
        aspect-ratio:16/9 !important;
    }
    .gallery-page-item span{
        min-height:46px !important;
        padding:11px 14px !important;
        font-size:13px !important;
    }
    .gallery-page-cta{
        margin:0 14px 50px !important;
        padding:28px 18px !important;
    }
}