/* =========================================================
   TEKTAŞ ORGANİZASYON İZMİR - REFERANS ANA SAYFA DÜZENİ
   Referans ekran görünümüne göre header, ana slider ve özet kartları.
   Bu dosya responsive.css sonrasında çağrılmalıdır.
   ========================================================= */

:root {
    --tektas-desktop-container: 1400px;
}

/* Header dış zemin tam genişlikte, içerik klasik container hizasında. */
.site-header .header-container {
    width: min(var(--tektas-desktop-container), calc(100% - 40px));
}

.header-top {
    height: 40px;
}

.header-top-inner {
    height: 40px;
    font-size: 11px;
}

.navbar,
.site-header.is-scrolled .navbar {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
    min-height: 84px;
    padding: 10px 0;
    gap: 22px;
}

.site-header.is-scrolled .navbar {
    min-height: 74px;
    padding: 7px 0;
}

.header-logo {
    width: 108px;
    height: 58px;
    object-fit: contain;
    object-position: left center;
}

.nav-menu {
    justify-self: center;
    gap: 4px;
}

.nav-menu a {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 9px;
    font-size: 12px;
}

.nav-actions {
    justify-self: end;
}

.nav-actions .btn {
    min-height: 40px;
    padding: 0 17px;
    border-radius: 12px;
    font-size: 13px;
}

/* Slider zemini referanstaki gibi header altında tam yatay genişlikte. */
.hero-slider {
    width: 100%;
    height: 520px;
    min-height: 520px;
    max-height: none;
    margin: 124px 0 0;
    border-radius: 0;
    box-shadow: none;
}

.hero-slider .slide,
.hero-slider .slide-shell {
    height: 520px;
    min-height: 520px;
}

.hero-slider .hero-container {
    width: min(var(--tektas-desktop-container), calc(100% - 40px));
    padding-inline: 0;
}

.hero-slider .slide-shell {
    align-items: flex-start;
    padding: 27px 0 78px;
}

.hero-slider .slide-layout {
    display: block;
}

.hero-slider .slide-copy {
    max-width: 650px;
}

.hero-slider .eyebrow {
    margin-bottom: 17px;
    font-size: 12px;
}

.hero-slider .eyebrow::before {
    width: 38px;
}

.hero-slider .slide-title {
    max-width: 640px;
    margin-bottom: 20px;
    font-family: "Inter", Arial, sans-serif;
    font-size: clamp(49px, 3.65vw, 62px);
    line-height: 0.98;
    letter-spacing: -2.7px;
    font-weight: 800;
}

.hero-slider .slide-text {
    max-width: 620px;
    margin-bottom: 26px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.65;
    font-weight: 600;
}

.hero-slider .slide-actions {
    margin-bottom: 0;
}

.hero-slider .slide-actions .btn {
    min-height: 43px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 13px;
}

.hero-slider .service-note {
    display: none;
}

.hero-slider .slider-footer {
    bottom: 22px;
}

.hero-slider .slider-footer-inner {
    grid-template-columns: 1fr auto 1fr;
}

.hero-slider .slider-dot {
    width: 32px;
    height: 3px;
}

.hero-slider .slider-dot.active {
    width: 52px;
}

.hero-slider .slider-btn {
    width: 40px;
    height: 40px;
    border-radius: 13px;
}

/* Ana slider sonrasındaki dört tanıtım kartı referanstaki gibi aşağıda. */
.hero-slider + .summary-strip {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
    background: var(--ivory);
}

.hero-slider + .summary-strip .container {
    width: min(var(--tektas-desktop-container), calc(100% - 40px));
}

.hero-slider + .summary-strip .summary-grid {
    border-radius: 24px;
}

.hero-slider + .summary-strip .summary-item {
    min-height: 160px;
    padding: 25px 24px;
}

.hero-slider + .summary-strip .summary-item small {
    margin-bottom: 9px;
    font-size: 10px;
}

.hero-slider + .summary-strip .summary-item strong {
    margin-bottom: 8px;
    font-size: 17px;
}

.hero-slider + .summary-strip .summary-item p {
    font-size: 13px;
    line-height: 1.65;
}

/* Büyük tablet */
@media (max-width: 1180px) {
    .site-header .header-container,
    .hero-slider .hero-container,
    .hero-slider + .summary-strip .container {
        width: min(100% - 36px, 1120px);
    }

    .navbar,
    .site-header.is-scrolled .navbar {
        grid-template-columns: minmax(132px, 1fr) auto minmax(132px, 1fr);
        gap: 16px;
    }

    .nav-menu a {
        padding-inline: 10px;
    }
}

/* Tablet ve mobil */
@media (max-width: 992px) {
    .site-header .header-container,
    .hero-slider .hero-container,
    .hero-slider + .summary-strip .container {
        width: min(100% - 28px, 960px);
    }

    .navbar,
    .site-header.is-scrolled .navbar {
        display: flex;
        min-height: 72px;
        padding: 9px 0;
    }

    .header-logo {
        width: 118px;
        height: 48px;
    }

    .hero-slider {
        width: 100%;
        min-height: 620px;
        height: 620px;
        margin-top: 72px;
        border-radius: 0;
    }

    .hero-slider .slide,
    .hero-slider .slide-shell {
        min-height: 620px;
        height: 620px;
    }

    .hero-slider .slide-shell {
        padding: 94px 0 104px;
    }

    .hero-slider .slide-title {
        max-width: 660px;
        font-size: clamp(44px, 8vw, 64px);
    }

    .hero-slider .slide-text {
        max-width: 620px;
        font-size: 16px;
    }

    .hero-slider + .summary-strip {
        padding-top: 20px;
    }
}

/* Telefon */
@media (max-width: 720px) {
    .hero-slider .hero-container,
    .hero-slider + .summary-strip .container {
        width: min(100% - 22px, 680px);
    }

    .hero-slider {
        min-height: 610px;
        height: 610px;
    }

    .hero-slider .slide,
    .hero-slider .slide-shell {
        min-height: 610px;
        height: 610px;
    }

    .hero-slider .slide-shell {
        padding: 80px 0 100px;
    }

    .hero-slider .slide-title {
        font-size: clamp(39px, 10vw, 54px);
        letter-spacing: -1.8px;
    }

    .hero-slider .slide-text {
        font-size: 15px;
    }

    .hero-slider + .summary-strip .summary-item {
        min-height: auto;
    }
}

/* Dar telefon */
@media (max-width: 430px) {
    .site-header .header-container,
    .hero-slider .hero-container,
    .hero-slider + .summary-strip .container {
        width: min(100% - 18px, 410px);
    }

    .hero-slider {
        margin-top: 66px;
        min-height: 590px;
        height: 590px;
    }

    .hero-slider .slide,
    .hero-slider .slide-shell {
        min-height: 590px;
        height: 590px;
    }

    .hero-slider .slide-shell {
        padding: 74px 0 98px;
    }

    .hero-slider .slide-title {
        font-size: clamp(35px, 10.4vw, 47px);
    }
}

/* Yatay telefon */
@media (max-width: 900px) and (orientation: landscape) {
    .hero-slider {
        margin-top: 72px;
        min-height: 560px;
        height: auto;
    }

    .hero-slider .slide,
    .hero-slider .slide-shell {
        min-height: 560px;
        height: auto;
    }

    .hero-slider .slide-shell {
        padding: 76px 0 92px;
    }
}

/* =========================================================
   ANA SAYFA GALERİ TAM GENİŞLİK DÜZELTMESİ
   Yalnızca ana sayfadaki ön izleme galerisini etkiler.
   Galeri detay sayfasındaki masonry görünümü korunur.
   ========================================================= */

#gallery .home-gallery-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 16px;
    align-items: stretch;
    width: 100%;
}

#gallery .home-gallery-grid .gallery-card,
#gallery .home-gallery-grid .gallery-card.large,
#gallery .home-gallery-grid .gallery-card.medium,
#gallery .home-gallery-grid .gallery-card.small,
#gallery .home-gallery-grid .gallery-card.wide {
    grid-column: auto;
    min-width: 0;
    width: 100%;
    min-height: 560px;
}

/* Kart sayısı tek kalırsa son kart boş alan bırakmadan satırı kaplar. */
#gallery .home-gallery-grid .gallery-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    min-height: 420px;
}

@media (max-width: 1100px) {
    #gallery .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #gallery .home-gallery-grid .gallery-card,
    #gallery .home-gallery-grid .gallery-card.large,
    #gallery .home-gallery-grid .gallery-card.medium,
    #gallery .home-gallery-grid .gallery-card.small,
    #gallery .home-gallery-grid .gallery-card.wide {
        min-height: 430px;
    }
}

@media (max-width: 720px) {
    #gallery .home-gallery-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #gallery .home-gallery-grid .gallery-card,
    #gallery .home-gallery-grid .gallery-card.large,
    #gallery .home-gallery-grid .gallery-card.medium,
    #gallery .home-gallery-grid .gallery-card.small,
    #gallery .home-gallery-grid .gallery-card.wide,
    #gallery .home-gallery-grid .gallery-card:last-child:nth-child(odd) {
        grid-column: auto;
        min-height: 340px;
    }
}