/* Orijinal site (arsiv/index.txt) ile birebir özel stiller */

* {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', system-ui, sans-serif;
}

/* Navbar cam — arka plan ::before’da; logo/linkler bulanıklaşmaz */
#navbar.glass-nav {
    background: transparent;
    border-bottom: none;
    box-shadow: none;
}

#navbar.glass-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(239, 129, 30, 0.27);
    border-bottom: 1px solid rgba(185, 150, 115, 0.5);
    box-shadow: 0 2px 14px rgba(90, 60, 35, 0.1);
}

#navbar.glass-nav > .navbar-shell,
#navbar.glass-nav > #mobile-menu {
    position: relative;
    z-index: 1;
}

#navbar.glass-nav-transparent {
    background: transparent;
    border-bottom: none;
    box-shadow: none;
}

#navbar.glass-nav-transparent::before {
    display: none;
}

.navbar-logo-box img {
    max-height: 3.5rem;
    width: auto;
    display: block;
}

.navbar-logo-link {
    position: relative;
    z-index: 2;
}

.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.hero-slide.active {
    opacity: 1;
    z-index: 1;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: transform 6s ease-out;
}

.hero-slide.active img {
    transform: scale(1);
}

.hero-content {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.hero-slide.active .hero-content {
    opacity: 1;
    transform: translateY(0);
}

.hero-slide.active .hc-d1 { transition-delay: 0.3s; }
.hero-slide.active .hc-d2 { transition-delay: 0.5s; }
.hero-slide.active .hc-d3 { transition-delay: 0.7s; }
.hero-slide.active .hc-d4 { transition-delay: 0.9s; }

.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.scroll-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.product-card {
    transition: all 0.5s ease;
}

.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

.product-card img {
    transition: transform 0.7s ease;
}

.product-card:hover img {
    transform: scale(1.1);
}

.feature-card {
    transition: all 0.5s ease;
}

.feature-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
}

.feature-card .icon-box {
    transition: all 0.3s ease;
}

.feature-card:hover .icon-box {
    background: #FF5733;
    color: white;
}

.filter-btn {
    transition: all 0.3s ease;
}

.filter-btn.active {
    background: #FF5733 !important;
    color: white !important;
    box-shadow: 0 10px 25px -5px rgba(255, 87, 51, 0.4);
}

.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #FF5733;
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

.mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    opacity: 0;
}

.mobile-menu.open {
    max-height: 500px;
    opacity: 1;
}

.indicator {
    transition: all 0.5s ease;
}

.indicator.active {
    width: 48px;
    background: #FF5733;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

.animate-float {
    animation: float 2s ease-in-out infinite;
}

.gradient-overlay {
    background: linear-gradient(to right, rgba(3, 7, 18, 0.9), rgba(3, 7, 18, 0.6), transparent);
}

.text-gradient {
    background: linear-gradient(to right, #FF5733, #1E3A5F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes scroll-top-arrow-float {
    0%, 100% { transform: translate3d(0, 6px, 0); }
    50% { transform: translate3d(0, -16px, 0); }
}

.floating-scroll-arrow {
    display: inline-flex;
    animation: scroll-top-arrow-float 1.75s ease-in-out infinite;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .floating-scroll-arrow {
        animation: none;
        transform: none;
    }
}

.contact-modal-backdrop.hidden,
.contact-modal.hidden {
    display: none;
}

@keyframes partners-marquee-loop {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-1 * var(--marquee-shift, 50%)), 0, 0); }
}

.partners-marquee {
    animation: partners-marquee-loop var(--marquee-duration, 20s) linear infinite;
    will-change: transform;
}

.partners-marquee:hover {
    animation-play-state: paused;
}

details summary::-webkit-details-marker {
    display: none;
}

details[open] summary span:last-child {
    background: #FF5733;
    border-color: #FF5733;
    color: white;
    transform: rotate(45deg);
}

/* Kategori kartı — hover’da açıklama alanı (Next.js grid-rows animasyonu) */
.category-card {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.category-card-expand {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.45s ease;
}

.group:hover .category-card-expand,
.category-card:hover .category-card-expand,
.category-card:focus-within .category-card-expand {
    grid-template-rows: 1fr;
}

.category-card-expand-inner {
    overflow: hidden;
    min-height: 0;
}

.category-card-expand-inner > * {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.35s ease 0.08s, transform 0.35s ease 0.08s;
}

.group:hover .category-card-expand-inner > *,
.category-card:hover .category-card-expand-inner > *,
.category-card:focus-within .category-card-expand-inner > * {
    opacity: 1;
    transform: translateY(0);
}

@supports not (grid-template-rows: 0fr) {
    .category-card-expand {
        max-height: 0;
        transition: max-height 0.45s ease;
    }
    .group:hover .category-card-expand,
    .category-card:hover .category-card-expand,
    .category-card:focus-within .category-card-expand {
        max-height: 12rem;
    }
}

/* İç sayfa üst boşluk (sabit navbar) */
main.page-main {
    padding-top: 6rem;
}