/* ===========================
   Global Variables
   =========================== */
        
         :root {
            /*Background Color*/
            --color-background: #f5f6f7;
            /* Spacing */
            --space-base: 12px;
            --space-padding: 20px;
            --space-xs: 0.5rem;
            --space-sm: 1rem;
            --space-md: 2rem;
            --space-lg: 4rem;
            --space-global: 0.7rem;
            --space-mobile-global: 0.5rem;
            --space-mobile-out-global: 1rem;
            /* Border / Radius */
            --global-radius: 0.7rem;
            --global-mobile-radius: 0.5rem;
            /* Font */
            --font-raleway: "Raleway", sans-serif;
            --font-outFit: 'Outfit', sans-serif;
            /* === Colors === */
            --color-primary: #0a1829;
            --color-primary-hover: #071220;
            --color-accent: #5E82A2;
            /* Background / surfaces */
            --color-bg: #ffffff;
            /* genel sayfa ve section zeminleri */
            --color-surface: #112740;
            /* kartlar, menü, modal gibi yüzeyler */
            /* Text */
            --color-text: #0a1829;
            --color-text-muted: #6b7785;
            --color-text-footer: #888888;
            --color-text-white: #ffffff;
            /* Borders */
            --color-border: #bebebe;
            --color-border-strong: #474747;
            /* Overlay / modal mask */
            --color-overlay: rgba(0, 0, 0, 0.4);
            /* Semantic colors */
            --color-success: #2ecc71;
            --color-warning: #f39c12;
            --color-danger: #e74c3c;
            --color-border-trans: #e3e3e361;
        }
        
        * {
            margin: 0;
            padding: 0;
            outline: none;
            border: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            text-decoration: none;
            list-style: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .home-products {
            position: relative;
            padding-bottom: 1rem;
            /* veya 2rem */
            border-radius: var(--global-radius);
            z-index: 1;
        }
        
        .home-products .item-p {
            min-height: 480px;
        }
        
        figure {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        figure.image-parallax img {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            object-fit: cover;
        }
        
        .home-products .item-p:first-child {
            border-top-left-radius: var(--global-radius);
            border-bottom-left-radius: var(--global-radius);
        }
        
        .home-products .item-p:first-child img {
            border-top-left-radius: var(--global-radius);
            border-bottom-left-radius: var(--global-radius);
        }
        
        .home-products .item-p:last-child img {
            border-top-right-radius: var(--global-radius);
            border-bottom-right-radius: var(--global-radius);
        }
        
        .home-products {
            --hp-gap: 1rem;
            /* aralık: 1rem */
        }
        /* Row taşmasın */
        
        .home-products .items-p {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        /* Her karta yarım boşluk vererek toplamda 1rem gap oluştur */
        
        .home-products .items-p>.item-p {
            padding-left: 0px !important;
            padding-right: calc(var(--hp-gap) / 2) !important;
        }
        /* Desktop: en solda ve en sağda boşluk 0 olsun */
        
        @media (min-width: 768px) {
            .home-products .items-p>.item-p:first-child {
                padding-left: 0 !important;
            }
            .home-products .items-p>.item-p:last-child {
                padding-right: 0 !important;
            }
        }
        /* Mobil (col-6): solda/sağda boşluk 0 olsun (2’li dizilim için) */
        
        .home-products .item-p {
            position: relative;
            overflow: hidden;
            min-height: 480px;
        }
        /* senin absolute img yapın için */
        
        .home-products .item-p figure {
            height: 100%;
            margin: 0;
        }
        
        .home-products figure.image-parallax img {
            height: 100%;
        }
        /* --- TASARIM BLOĞU (örnekteki gibi) --- */
        
        .home-products .product-content {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 2rem 1.6rem;
            color: #fff;
        }
        /* Sol tarafta "cam panel" koyuluk */
        
        .home-products .product-content::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            /* örnekteki gibi solda güçlü, sağa doğru kaybolan */
            background: linear-gradient( 90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.55) 35%, rgba(0, 0, 0, 0.18) 70%, rgba(0, 0, 0, 0.00) 100%);
        }
        /* Üst başlık alanı */
        
        .home-products .product-eyebrow {
            display: inline-block;
            opacity: .55;
            letter-spacing: .14em;
            font-size: .75rem;
            text-transform: uppercase;
            margin-bottom: .35rem;
        }
        
        .home-products .product-head h3 {
            margin: 0;
            font-size: 2rem;
            letter-spacing: .02em;
            line-height: 1.05;
            text-transform: uppercase;
            font-weight: 400;
        }
        
        .home-products .product-head h3 b {
            font-weight: 800;
        }
        /* Alt içerik */
        
        .home-products .product-tagline {
            font-size: 1rem;
            font-weight: 700;
            margin: 0 0 .4rem 0;
            opacity: .95;
        }
        
        .home-products .product-desc {
            font-size: .80rem;
            line-height: 1.5;
            margin: 0 0 1.1rem 0;
            opacity: .85;
        }
        
        .home-products .product-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 44px;
            padding: 0 1.4rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, .55);
            color: #fff;
            text-decoration: none;
            letter-spacing: .12em;
            font-size: .78rem;
            text-transform: uppercase;
            transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
        }
        
        .home-products .product-link:hover {
            transform: translateY(-1px);
            border-color: rgba(255, 255, 255, .9);
            background-color: rgba(255, 255, 255, .08);
        }
        /* Mobilde metin alanını daraltma */
        
        @media (max-width: 768px) {
            .home-products .product-content {
                padding: 1.25rem 1rem;
            }
        }
        
        @media (max-width: 767.98px) {
            .home-products .item-p {
                min-height: 300px !important;
                margin-bottom: 20px !important;
                border-radius: var(--global-mobile-radius);
            }
            .home-products .items-p {
                padding: 0 0 0 !important;
            }
            .home-products .items-p>.item-p:nth-child(odd) {
                padding: 0 0 0 0 !important;
                border-radius: var(--global-mobile-radius);
            }
            .home-products .items-p>.item-p:nth-child(even) {
                padding: 0 0 0 0 !important;
            }
            .home-products .items-p>.item-p:last-child {
                padding: 0 0 0 0 !important;
            }
            /* tek kalan kart */
            .home-products .product-tagline {
                font-size: 0.88rem !important;
            }
            .home-products .product-desc {
                font-size: .7rem;
            }
        }
        
        .home-references {
            position: relative;
            padding: 5rem 2rem;
            /* veya 2rem */
            border-radius: var(--global-radius);
            background-color: var(--color-primary);
            z-index: 1;
        }
        
        .home-references .galleryNavigationV {
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            top: calc(50% - 112px);
            left: 70px;
            gap: 1rem
        }
        
        .home-references .galleryNavigationV .swiper-next-V span {
            cursor: pointer;
            transform: rotate(90deg)
        }
        
        .home-references .galleryNavigationV .swiper-prev-V span {
            transform: rotate(90deg);
            cursor: pointer
        }
        
        .home-references .verticalSwiper {
            height: 34.7vw
        }
        
        .home-references .container-nef {
            padding-right: 0!important
        }
        
        .home-references .sliderContainer {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            flex-wrap: nowrap;
            align-items: center;
            position: relative
        }
        
        .home-references .sliderContainer .content {
            width: 40%;
            display: flex;
            flex-direction: column;
            padding-right: 36px
        }
        
        .home-references .sliderContainer .content .logo {
            margin-bottom: 44px
        }
        
        .home-references .sliderContainer .content .title h2 {
            font-weight: 800;
            font-size: 34px;
            padding-top: 1rem;
            letter-spacing: .02em;
            color: #fff
        }
        
        .home-references .sliderContainer .content .details p {
            font-weight: 200;
            font-size: 15px;
            letter-spacing: .02em;
            color: #e6e6e6;
            margin-top: -11px;
            padding-bottom: 1rem;
        }
        
        .navigators {
            gap: 27px
        }
        
        .navigators a {
            font-weight: 500;
            font-size: 16px;
            line-height: 28px;
            color: #fff;
            transition: .35s;
            display: flex;
            align-items: center;
            gap: 0
        }
        
        .navigators a:hover {
            color: #fff;
            gap: 1rem;
            text-decoration: underline
        }
        
        .home-references .sliderContainer .gallery {
            width: 60%
        }
        
        .home-references .sliderContainer .gallery .swiper {
            width: 100%;
            height: 100%
        }
        
        .home-references .sliderContainer .gallery .swiper-slide {
            text-align: center;
            font-size: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 6px;
            width: 80%!important;
            position: relative;
            overflow: hidden
        }
        
        .home-references .sliderContainer .gallery .swiper-slide>img {
            transition: .35s
        }
        
        .home-references .sliderContainer .gallery .swiper-slide:hover>img {
            transform: scale(1.075)
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: .35s all
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner {
            position: absolute;
            width: 100%;
            height: 100%
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner img {
            width: 200px;
            height: auto;
            aspect-ratio: auto;
            margin: 30px;
            border-radius: 0;
            object-fit: contain
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner>div {
            position: absolute;
            bottom: 30px;
            left: 30px;
            text-align: start
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner>div>div {
            display: flex;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: center;
            gap: 30px
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner>div h5 {
            font-weight: 700;
            font-size: 20px;
            line-height: 30px;
            color: #fff
        }
        
        .home-references .sliderContainer .gallery .swiper-slide .upper .inner>div p {
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            color: #fff;
            padding: 0;
            margin: 0
        }
        
        .home-references .sliderContainer .gallery .swiper-slide:not(.swiper-slide-active) {
            filter: brightness(.8);
            transform: scale(.9)!important;
            opacity: .4
        }
        
        .home-references .sliderContainer .gallery .swiper-slide:not(.swiper-slide-active) .upper {
            opacity: 0
        }
        
        .home-references .sliderContainer .gallery .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px
        }
        
        .home-references .galleryNavigation {
            display: flex;
            flex-direction: row;
            gap: 9px;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: nowrap;
            position: absolute;
            bottom: -64px;
            right: 12%
        }
        
        .home-references .galleryNavigation span {
            cursor: pointer
        }
        
        .small-title.references {
            color: #fff;
        }
        
        .references::before {
            content: "";
            position: absolute;
            left: -1px;
            top: 20px;
            transform: translateY(-50%);
            width: 95%;
            height: 10px;
            background-color: var(--color-border-strong);
            z-index: -1;
        }
        
        @media only screen and (max-width: 780px) {
            .home-references {
                padding: 3rem var(--space-mobile-out-global) 5rem var(--space-mobile-out-global);
            }
            .home-references .sliderContainer {
                flex-direction: column;
            }
            .home-references .sliderContainer .content {
                width: 100%;
                padding-right: 0;
            }
            .home-references .sliderContainer .content .title h2 {
                font-size: 24px;
            }
            .small-title.references {
                white-space: normal;
                text-align: left;
                padding-top: 0px;
            }
            .references::before {
                top: 20px;
            }
            .home-references .sliderContainer .gallery {
                width: 100%;
                margin-top: 10px;
            }
            .home-references .galleryNavigation {
                right: 0%;
            }
        }
        
        .home-inWorld {
            position: relative;
            padding: 5rem 2rem;
            /* veya 2rem */
            border-radius: var(--global-radius);
            background-color: #ffffff;
            z-index: 1;
            border: 1px solid var(--color-border-trans);
        }
        
        .home-inWorld-content {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }
        
        .home-inWorld-content .title {
            max-width: 40%;
        }
        
        .home-inWorld-content .title h2 {
            width: 435px;
            font-weight: 800;
            font-size: 36px;
            width: max-content;
        }
        
        .home-inWorld-content .title p {
            font-weight: 200;
            font-size: 16px;
            width: 435px;
            text-align: justify;
            padding-bottom: 1rem;
        }
        
        .home-inWorld-content .image {
            width: 60%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .home-inWorld-content .navigators a {
            color: var(--color-primary);
        }
        
        .home-inWorld-content .navigators a:hover {
            color: var(--color-primary-hover);
        }
        
        @media only screen and (max-width: 780px) {
            .home-inWorld {
                padding: 3rem var(--space-mobile-out-global);
            }
            .home-inWorld-content {
                flex-direction: column;
            }
            .home-inWorld-content .title {
                max-width: 100%;
            }
            .home-inWorld-content .title h2 {
                width: 320px;
                font-weight: 800;
                font-size: 26.5px;
            }
            .home-inWorld-content .title p {
                font-size: 15px;
                width: 320px;
            }
            .home-inWorld-content .image {
                width: 100%;
                padding-top: 2rem;
            }
            .home-inWorld-content .image img {
                width: 100%;
            }
        }