/* =============================================================================
   Ana sayfa (fgi.com.tr birebir)
   Ölçüler canlı sayfanın hesaplanmış değerleridir: kapsayıcı 1290px, sütun iç
   boşluğu 12px (mobil 8px), blok alt boşluğu 24px, başlık alt boşluğu 9px.
   ============================================================================= */

/* ---------- 1. Video slider (tam genişlik, görünüm yüksekliği) ------------- */
.home-hero {
    height: 100vh;
    min-height: 420px;
    overflow: hidden;
    background: transparent;            /* video yüklenene kadar gövdenin mermer dokusu görünür */
}
.home-hero.fgi-curve::after { z-index: 3; background-position-y: top; }
.home-hero-swiper { position: absolute; inset: 0 0 2px; width: 100%; height: calc(100% - 2px); } /* kavis PNG'sinin alt 2px'i saydam; video oradan sızmasın */
.home-hero-swiper .swiper-slide { overflow: hidden; }
.home-hero-link { position: absolute; inset: 0; display: block; z-index: 1; }
.home-hero-video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    max-width: none;
    object-fit: cover; object-position: center;
    display: block;
    background: transparent;
}
.home-hero-swiper {
    --swiper-pagination-bullet-inactive-color: #fff;   /* etkin nokta fgi.css'ten mavi */
    --swiper-pagination-bullet-inactive-opacity: .45;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}
.home-hero-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 15px; z-index: 4; }
.home-hero-pagination .swiper-pagination-bullet { box-shadow: 0 0 4px rgba(0, 0, 0, .35); }

/* ---------- 2. Boşluklar ve başlıklar --------------------------------------- */
.fgi-entry-content > .home-spacer { margin-bottom: 0; }
.home-spacer--top { height: 48px; }          /* canlıda slider ile başlık arası ölçülen boşluk (24+22 değil, 72px) */
.home-spacer--news { height: 30px; }

.fgi-entry-content > .home-heading { font-size: 35px; line-height: 1.5; margin: 0 0 9px; color: var(--fgi-blue); }
.fgi-entry-content > .home-lead { margin-bottom: 24px; }

/* ---------- 3. Ürün kategorisi kartları (4 sütun) --------------------------- */
.fgi-entry-content > .home-categories { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.home-category { flex: 1 1 0; min-width: 0; padding: 12px; }
.urunKategori { display: block; color: var(--fgi-heading); }
.urunKategori-media { overflow: hidden; }
.urunKategori img { display: block; width: 300px; height: 300px; object-fit: cover; transition: all .3s ease-in-out; }
.urunKategori:hover img { transform: scale(1.2); }
.urunKategori h6 { position: relative; margin: 0 0 calc(.3em + 10px); transition: all .3s ease-in-out; }
.urunKategori:hover h6 { color: var(--fgi-blue); margin-left: 15px; }

/* ---------- 4. Novoferm şeridi (iki sütun) ---------------------------------- */
.fgi-entry-content > .home-novoferm { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.home-novoferm-logo { flex: 1 1 0; min-width: 0; padding: 12px; }
.home-novoferm-logo figure { width: 350px; max-width: 100%; height: 73px; margin: 0 0 0 auto; overflow: hidden; }
.home-novoferm-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-novoferm-text { flex: 1 1 0; min-width: 0; align-self: center; text-align: left; }
.home-novoferm-text h2 {
    font-family: "Libre Bodoni", sans-serif;   /* canlıdaki bildirim: font yüklü değil, sistem sans-serif italik düşer */
    font-style: italic;
    font-size: 35px; line-height: 1.5;
    margin: 0;
}

/* ---------- 5. Haber slider'ı ----------------------------------------------- */
.fgi-entry-content > .home-heading--news { margin-bottom: 24px; }   /* canlıda ölçülen: başlık ile slider arası 24px */
.fgi-entry-content > .homeSlide { overflow: visible; margin-bottom: 0; }
.homeSlide .swiper-wrapper { padding-bottom: 60px; }
.homeSlide .swiper-slide { height: auto; }
.homeSlide .slide-contents { position: relative; transition: all .3s ease-in-out; }
.homeSlide .slide-inner { max-width: 600px; }
.homeSlide img.cover { display: block; width: 100%; height: 300px; object-fit: cover; }
.homeSlide .slide-title h3 { font-size: 20px; line-height: 1.5; margin: 15px 0 calc(.3em + 10px); padding: 0 15px; }
.homeSlide .slide-desc {
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    margin: 15px 0 var(--fgi-content-spacing); padding: 0 15px;
}
.homeSlide .wp-block-buttons { justify-content: center; }
.homeSlide .slide-contents a.wp-element-button { opacity: 0; transition: all .3s ease-in-out; }
.homeSlide .slide-contents:hover { box-shadow: 0 3px 15px #c3cae0; margin-top: -20px; }
.homeSlide .slide-contents:hover a.wp-element-button { opacity: 1; margin-bottom: -15px; }
.homeSlide .slide-contents:focus-within a.wp-element-button { opacity: 1; }
.homeSlide { --swiper-pagination-color: var(--fgi-blue); --swiper-pagination-bullet-inactive-color: #687279; }
.homeSlide-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; }

/* ---------- Duyarlı (Stackable mobil kırılımı: 689px — blok boşluğu 16px, sütun 8px) ----- */
@media (max-width: 689px) {
    .fgi-entry-content > .home-lead,
    .fgi-entry-content > .home-categories,
    .fgi-entry-content > .home-novoferm { margin-bottom: 16px; }
    .fgi-entry-content > .home-categories { flex-direction: column; }
    .home-category { flex-basis: auto; padding: 8px; }
    .fgi-entry-content > .home-novoferm { flex-direction: column; }
    .home-novoferm-logo { flex-basis: auto; padding: 8px; }
    .home-novoferm-logo figure { width: 300px; }
    .home-novoferm-text { text-align: center; }
}