/* ============================================
   SAKARYA KARTON AMBALAJ - Global Styles
   ============================================ */

:root {
    --primary-text: #171717;
    --black: #0D0D0D;
    --white: #FFF;
    --off-white: #EBEDED;
    --primary-accent: #7A5A43;
    --secondary-text: #6B6B6B;
    --soft-stroke: #E8E3DA;
    --background: #F2F0EB;
    --stroke: #D9D4CC;
    --second-accent: #B08B68;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--primary-text);
    overflow-x: hidden;
}

/* ============================================
   PRELOADER
   ============================================ */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.preloader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.preloader-mascot {
    height: clamp(150px, 18vw, 280px);
    width: auto;
    object-fit: contain;
    animation: preloaderBounce 1.5s ease-in-out infinite;
}

@keyframes preloaderBounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }
}

.preloader-bar {
    width: clamp(150px, 18vw, 280px);
    height: 4px;
    background: var(--off-white);
    border-radius: 4px;
    overflow: hidden;
}

.preloader-bar-fill {
    width: 0%;
    height: 100%;
    background: var(--primary-accent);
    border-radius: 4px;
    transition: width 0.3s ease;
}

/* ============================================
   GLOBAL SCROLL ANIMATION
   ============================================ */

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

.scroll-animate.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Kademeli gecikme — child elementler için */
.scroll-animate-delay-1 {
    transition-delay: 0.1s;
}

.scroll-animate-delay-2 {
    transition-delay: 0.2s;
}

.scroll-animate-delay-3 {
    transition-delay: 0.3s;
}

.scroll-animate-delay-4 {
    transition-delay: 0.4s;
}

/* Foto Hover Zoom — tüm arka plan fotoları */
.product-card,
.blog-card-img,
.process-img,
.about-image {
    transition: transform 0.5s ease, opacity 0.7s ease;
}

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

.blog-card:hover .blog-card-img {
    transform: scale(1.05);
}

.process-item-image:hover .process-img {
    transform: scale(1.05);
}

.about-image-wrapper:hover .about-image {
    transform: scale(1.03);
}

/* ============================================
   FULLSCREEN MENU & SEARCH PANEL
   ============================================ */

.fullscreen-menu,
.search-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.fullscreen-menu.active,
.search-panel.active {
    opacity: 1;
    visibility: visible;
}

.fullscreen-menu-body,
.search-panel-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 138px;
    overflow-y: auto;
}

/* Fullscreen Nav */
.fullscreen-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.nav-link-main {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(30px, 2.55vw, 49px);
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nav-link-main:hover {
    color: var(--primary-accent);
}

.nav-link-toggle svg {
    width: clamp(12px, 0.83vw, 16px);
    height: auto;
    transition: transform 0.3s ease;
}

.nav-link-toggle.open svg {
    transform: rotate(180deg);
}

.nav-item-dropdown {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nav-sub {
    display: none;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 0.83vw, 16px);
    padding: 8px 0 4px;
    flex-wrap: wrap;
}

.nav-sub.open {
    display: flex;
}

.nav-sub a {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-sub a:hover {
    color: var(--primary-text);
}

.nav-sub-sep {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 300;
    opacity: 0.5;
}

.nav-link-catalog {
    display: inline-flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--stroke);
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    text-decoration: none;
    margin-top: 16px;
    transition: background 0.3s ease;
}

.nav-link-catalog:hover {
    background: var(--off-white);
}

/* Fullscreen Footer */
.fullscreen-menu-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(16px, 1.56vw, 30px) clamp(16px, 10.42vw, 200px);
}

.fullscreen-menu-contact {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
}

.fullscreen-menu-contact a {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    letter-spacing: 0.15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.fullscreen-menu-contact a:hover {
    color: var(--primary-text);
}

.contact-sep {
    color: var(--secondary-text);
    opacity: 0.4;
    font-size: 14px;
}

.fullscreen-menu-socials {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
}

.fullscreen-menu-socials a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--soft-stroke);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.fullscreen-menu-socials a:hover {
    background: var(--off-white);
}

.fullscreen-menu-socials a svg {
    width: 16px;
    height: 16px;
}

/* Search Panel */
.search-panel-body {
    gap: clamp(16px, 1.56vw, 30px);
}

.search-panel-icon svg {
    width: clamp(30px, 2.5vw, 40px);
    height: auto;
}

.search-panel-title {
    color: var(--black);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(28px, 2.55vw, 49px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.search-panel-form {
    width: 100%;
    max-width: clamp(400px, 32.24vw, 619px);
}

.search-input-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px 12px 24px;
    border-radius: 60px;
    border: 2px solid var(--stroke);
}

.search-input-wrap svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.search-input-wrap input {
    flex: 1;
    border: none;
    outline: none;
    background: none;
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    letter-spacing: 0.15px;
}

.search-input-wrap input::placeholder {
    color: var(--secondary-text);
}

.search-submit-btn {
    display: flex;
    height: 44px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    border-radius: 58px;
    background: var(--black);
    border: none;
    cursor: pointer;
    flex-shrink: 0;
}

.search-submit-btn span {
    color: var(--white);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
    font-weight: 500;
}

.search-submit-btn:hover {
    background: #333;
}

/* Arama Sonuçları */
.search-results {
    display: none;
    flex-direction: column;
    margin-top: 8px;
    max-height: clamp(250px, 30vh, 400px);
    overflow-y: auto;
}

.search-results.active {
    display: flex;
}

.search-result-item {
    padding: clamp(14px, 1.04vw, 20px) 0;
    border-bottom: 1px solid var(--soft-stroke);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.search-result-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.search-result-btn {
    display: inline-flex;
    height: 34px;
    padding: 6px 18px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--soft-stroke);
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.73vw, 14px);
    font-weight: 500;
    text-decoration: none;
    width: fit-content;
    margin-top: 4px;
    transition: background 0.3s ease;
}

.search-result-btn:hover {
    background: var(--off-white);
}

body.menu-open {
    overflow: hidden;
}

/* ============================================
   HEADER
   ============================================ */

.site-header {
    width: 100%;
    height: 138px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    transition: height 0.3s ease, box-shadow 0.3s ease;
}

.site-header.scrolled {
    height: 90px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

/* Header fixed olduğu için body'ye üst boşluk */
body {
    padding-top: 138px;
}

.header-inner {
    width: 100%;
    max-width: 1920px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* 200px / 1920px = 10.42% — oransal, her ekranda dengeli */
    padding: 0 clamp(16px, 10.42vw, 200px);
}

/* Left side */
.header-left {
    display: flex;
    align-items: center;
}

/* Menu Button */
.menu-btn {
    display: inline-flex;
    height: 44px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 58px;
    background: var(--off-white);
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.menu-btn:hover {
    background: #dfe1e1;
}

.menu-btn svg {
    width: 20px;
    height: 25px;
    flex-shrink: 0;
}

.menu-btn span {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

/* Center - Logo */
.header-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-logo {
    width: 174px;
    height: 90px;
    object-fit: contain;
    display: block;
    transition: width 0.3s ease, height 0.3s ease;
}

.site-header.scrolled .header-logo {
    width: 130px;
    height: 65px;
}

/* Right side */
.header-right {
    display: flex;
    align-items: center;
}

/* Search Icon */
.search-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-btn svg {
    width: 20px;
    height: 20px;
}

/* Language Selector */
.lang-selector {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: clamp(12px, 1.82vw, 35px);
    cursor: pointer;
    position: relative;
    background: none;
    border: none;
    padding: 8px 0;
}

.lang-selector span {
    color: var(--black);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

.lang-selector svg {
    width: 10px;
    height: 7px;
}

/* Lang Dropdown */
.lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    display: none;
    z-index: 100;
    min-width: 80px;
}

.lang-dropdown.active {
    display: block;
}

.lang-dropdown a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: var(--black);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.15px;
    transition: background 0.2s;
}

.lang-dropdown a:hover {
    background: var(--off-white);
}

/* CTA Button - Teklif Al */
.cta-btn {
    display: flex;
    height: 44px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 58px;
    background: var(--black);
    border: none;
    cursor: pointer;
    margin-left: clamp(12px, 1.82vw, 35px);
    transition: background 0.3s ease;
    text-decoration: none;
}

.cta-btn:hover {
    background: #333;
}

.cta-btn span {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

/* ============================================
   HERO SLIDER
   ============================================ */

.hero-slider {
    width: 100%;
    /* 24px / 1920px = 1.25% kenar boşluğu */
    padding: 0 clamp(10px, 1.25vw, 24px);
}

.slider-wrapper {
    width: 100%;
    /* 918 / 1920 = 47.81vw oransal yükseklik */
    height: clamp(400px, 47.81vw, 918px);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

/* Slide Track & Slides */
.slider-track {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease;
    z-index: 1;
}

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

/* Gradient Overlay - soldan beyaz sağa şeffaf */
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.80) 100%);
    z-index: 1;
}

/* Slide Content */
.slide-content {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    /* 175 / 1920 = 9.11% sol boşluk */
    left: clamp(20px, 9.11vw, 175px);
    /* 300 / 918 = 32.68% üst boşluk */
    top: clamp(80px, 32.68%, 300px);
    max-width: 580px;
    /* elemanlar arası 24px / 1920 = 1.25vw */
    gap: clamp(12px, 1.25vw, 24px);
}

/* Tag Badge - Karton Kutu */
.slide-tag {
    display: inline-flex;
    height: 34px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 1px solid var(--primary-accent);
    color: var(--primary-accent);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    width: fit-content;
}

/* Büyük Başlık */
.slide-title {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(26px, 2.55vw, 49px);
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}

/* Açıklama Metni */
.slide-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: 0;
}

/* Butonlar Alanı */
.slide-actions {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
}

/* Teklif Al Butonu */
.slide-btn-primary {
    display: flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--black);
    text-decoration: none;
    transition: background 0.3s ease;
}

.slide-btn-primary span {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.slide-btn-primary:hover {
    background: #333;
}

/* Ürünü İncele Butonu */
.slide-btn-secondary {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.slide-btn-secondary:hover {
    color: var(--primary-accent);
}

/* ===== Slider Navigation (Sol Alt) ===== */
.slider-nav {
    position: absolute;
    z-index: 10;
    /* soldan aynı oran 175px */
    left: clamp(20px, 9.11vw, 175px);
    bottom: clamp(24px, 3.5vw, 60px);
    display: flex;
    align-items: center;
    /* counter ile oklar arası 48px / 1920 = 2.5vw */
    gap: clamp(20px, 2.5vw, 48px);
}

/* Sayaç */
.slider-counter {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.slider-current {
    color: var(--black);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(28px, 2.55vw, 49px);
    font-weight: 500;
    line-height: normal;
}

.slider-total {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

/* Ok Butonları */
.slider-arrows {
    display: flex;
    align-items: center;
    gap: 8px;
}

.slider-arrow {
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.slider-arrow:hover {
    opacity: 0.7;
}

.slider-arrow.disabled {
    opacity: 0.4;
    cursor: default;
}

.slider-arrow.disabled:hover {
    opacity: 0.4;
}

/* ============================================
   PRODUCTS SECTION
   ============================================ */

.products-section {
    width: 100%;
    /* 70px / 1920 = 3.65vw üst boşluk */
    margin-top: clamp(30px, 3.65vw, 70px);
}

.products-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    /* Header ile aynı 200px sol-sağ boşluk */
    padding: 0 clamp(16px, 10.42vw, 200px);
}

/* Header Row: Başlık sol, buton sağ */
.products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: clamp(24px, 2.08vw, 40px);
}

.products-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.25px;
    margin: 0;
    /* 877 / 1520 = 57.7% oransal genişlik */
    max-width: 877px;
    flex-shrink: 0;
}

.products-view-all {
    display: flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--soft-stroke);
    background: none;
    text-decoration: none;
    transition: border-color 0.3s ease, background 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.products-view-all:hover {
    border-color: var(--black);
    background: var(--off-white);
}

.products-view-all span {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.products-view-all svg {
    width: 9px;
    height: 14px;
    flex-shrink: 0;
}

/* Products Grid */
.products-grid {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.25vw, 24px);
}

.products-row {
    display: flex;
    gap: clamp(12px, 1.25vw, 24px);
}

/* Row 1: Büyük (877) + Küçük (619) → oran 877:619 ≈ 58.6%:41.4% */
.products-row .product-card-large {
    flex: 877;
}

.products-row .product-card-small {
    flex: 619;
}

/* Row 2 reverse: Küçük (619) + Büyük (877) — aynı flex oranları zaten doğru */

/* Product Card */
.product-card {
    position: relative;
    /* 315 / 1920 = 16.4vw */
    height: clamp(180px, 16.4vw, 315px);
    border-radius: 15px;
    overflow: hidden;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* Overlay'ler */
.product-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product-card-overlay-light {
    background: linear-gradient(0deg, rgba(247, 245, 241, 0.20) 0%, rgba(247, 245, 241, 0.20) 100%);
}

.product-card-overlay-dark {
    background: linear-gradient(0deg, rgba(13, 13, 13, 0.20) 0%, rgba(13, 13, 13, 0.20) 100%);
}

/* Card Info - sol alt */
.product-card-info {
    position: absolute;
    bottom: clamp(16px, 1.56vw, 30px);
    left: clamp(16px, 1.56vw, 30px);
    z-index: 2;
}

.product-card-title {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(20px, 1.82vw, 35px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.25px;
    margin: 0;
}

.product-card-title.dark {
    color: var(--primary-text);
}

.product-card-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(12px, 0.73vw, 14px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: 8px 0 0 0;
    max-width: 280px;
}

.product-card-desc.dark {
    color: var(--secondary-text);
}

/* ============================================
   PROCESS SECTION
   ============================================ */

.process-section {
    width: 100%;
    margin-top: clamp(30px, 3.65vw, 70px);
}

.process-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

/* Header Row */
.process-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.process-header-left {
    display: flex;
    flex-direction: column;
    gap: clamp(8px, 0.63vw, 12px);
    max-width: 620px;
}

.process-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.process-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: 0;
}

/* ===== Chevron Okları ===== */

/* Sağ üst oklar — ekranın sağ kenarına kadar taşacak */
.process-header-right {
    flex-shrink: 0;
    overflow: hidden;
    /* process-inner padding'ini aşarak ekran kenarına kadar */
    margin-right: calc(-1 * clamp(16px, 10.42vw, 200px));
}

.process-header {
    position: relative;
}

.process-chevrons {
    display: flex;
    align-items: center;
    gap: 0;
}

.chevron {
    color: var(--background);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(70px, 6.5vw, 120px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -3px;
    display: inline-block;
    opacity: 0;
    transform: translateX(80px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.chevron.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Sol alt oklar (ters yön ››› — grid altında, ekranın solundan) */
.process-chevrons-bl {
    display: flex;
    align-items: center;
    margin-top: clamp(12px, 1.25vw, 24px);
    overflow: hidden;
    /* process-inner padding'ini yok say, ekranın solundan başla */
    margin-left: calc(-1 * clamp(16px, 10.42vw, 200px));
}

.chevron-bl {
    color: var(--background);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(70px, 6.5vw, 120px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -3px;
    display: inline-block;
    opacity: 0;
    transform: translateX(-80px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.chevron-bl.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Process Grid - Zigzag (gap 0, fotolar birbirine değiyor) */
.process-grid {
    margin-top: clamp(24px, 2.5vw, 48px);
}

.process-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

/* Foto Kartı */
.process-item-image {
    overflow: hidden;
}

.process-img {
    width: 100%;
    height: clamp(160px, 13.65vw, 262px);
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Her köşe ayrı radius — fotolar birbirine değiyor */
.process-img-tl {
    border-radius: 15px 15px 0 15px;
}

/* Sol üst foto */
.process-img-tr {
    border-radius: 15px 15px 0 0;
}

/* Sağ üst foto */
.process-img-bl {
    border-radius: 0 0 15px 15px;
}

/* Sol alt foto */
.process-img-br {
    border-radius: 0 15px 15px 15px;
}

/* Sağ alt foto */

/* Metin Kartı */
.process-item-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: clamp(12px, 1vw, 20px);
    position: relative;
    overflow: hidden;
}

.process-num {
    color: var(--primary-accent);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(32px, 3.18vw, 61px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
}

.process-name {
    color: var(--primary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(20px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: clamp(4px, 0.4vw, 8px) 0 0 0;
}

.process-sub {
    color: var(--secondary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(12px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    margin: clamp(4px, 0.3vw, 6px) 0 0 0;
}

/* Mobil slider masaüstünde gizli */
.process-mobile-slider {
    display: none;
}

/* ============================================
   ABOUT SECTION
   ============================================ */

.about-section {
    width: 100%;
    margin-top: clamp(30px, 3.65vw, 70px);
}

.about-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.about-card {
    width: 100%;
    /* 630 / 1520 = 41.45vw */
    height: clamp(360px, 32.81vw, 630px);
    border-radius: 15px;
    border: 1px solid var(--stroke);
    display: flex;
    overflow: visible;
    position: relative;
}

/* Sol: Metin Alanı */
/* 901 / 1520 = 59.3% sol, 619 / 1520 = 40.7% sağ */
.about-text {
    flex: 901;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 3.65vw, 70px) clamp(24px, 3.13vw, 60px);
    gap: clamp(16px, 1.25vw, 24px);
}

.about-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.about-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

.about-btn {
    display: inline-flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--primary-text);
    background: none;
    text-decoration: none;
    transition: background 0.3s ease;
    width: fit-content;
}

.about-btn:hover {
    background: var(--off-white);
}

.about-btn span {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.about-btn svg {
    width: 9px;
    height: 14px;
}

/* Sağ: Foto */
.about-image-wrapper {
    flex: 619;
    position: relative;
    overflow: visible;
}

.about-image {
    width: 100%;
    height: 100%;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 15px 15px 0;
}

/* Floating Badges */
.about-badge {
    position: absolute;
    width: clamp(160px, 12.19vw, 234px);
    height: clamp(48px, 3.66vw, 70px);
    border-radius: 46.8px;
    border: 1px solid var(--soft-stroke);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.85) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: flex;
    align-items: center;
    gap: clamp(6px, 0.5vw, 10px);
    padding: 0 clamp(10px, 0.94vw, 18px);
    z-index: 5;
}

.about-badge-icon {
    width: clamp(28px, 2.08vw, 40px);
    height: clamp(28px, 2.08vw, 40px);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-badge-icon svg {
    width: 100%;
    height: 100%;
}

.about-badge-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.about-badge-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(12px, 0.81vw, 15.6px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.117px;
}

.about-badge-sub {
    color: rgba(23, 23, 23, 0.60);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(10px, 0.81vw, 15.6px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.117px;
}

/* Badge Pozisyonları */
.about-badge-1 {
    top: 8%;
    left: -10%;
    animation: floatBadge1 8s ease-in-out infinite;
}

.about-badge-2 {
    top: 25%;
    right: 5%;
    animation: floatBadge2 10s ease-in-out infinite;
}

.about-badge-3 {
    bottom: 8%;
    left: 53%;
    animation: floatBadge3 9s ease-in-out infinite;
}

.about-badge-4 {
    bottom: 36%;
    right: 49%;
    animation: floatBadge4 11s ease-in-out infinite;
}

/* Her badge farklı yörüngede uçsun */
@keyframes floatBadge1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(8px, -12px);
    }

    50% {
        transform: translate(-4px, -20px);
    }

    75% {
        transform: translate(10px, -8px);
    }
}

@keyframes floatBadge2 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(-10px, 8px);
    }

    50% {
        transform: translate(6px, 16px);
    }

    75% {
        transform: translate(-8px, -6px);
    }
}

@keyframes floatBadge3 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(12px, 6px);
    }

    50% {
        transform: translate(-6px, -14px);
    }

    75% {
        transform: translate(4px, 10px);
    }
}

@keyframes floatBadge4 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(-8px, -10px);
    }

    50% {
        transform: translate(10px, 6px);
    }

    75% {
        transform: translate(-12px, 12px);
    }
}

/* ============================================
   BRANDS SECTION
   ============================================ */

.brands-section {
    width: 100%;
    margin-top: clamp(30px, 3.65vw, 70px);
}

.brands-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    text-align: center;
}

.brands-title {
    color: var(--primary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.brands-desc {
    color: var(--secondary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: clamp(10px, 0.83vw, 16px) auto 0;
    max-width: 700px;
}

/* Sonsuz kayan slider */
.brands-slider {
    margin-top: clamp(24px, 2.08vw, 40px);
    overflow: hidden;
    width: 100%;
}

.brands-track {
    display: flex;
    align-items: center;
    gap: clamp(30px, 3.65vw, 70px);
    /* 9 logo × (150px + 70px gap) = ~1980px bir set */
    animation: brandsScroll 30s linear infinite;
    width: max-content;
}

.brands-slider:hover .brands-track {
    animation-play-state: paused;
}

.brand-logo {
    width: clamp(100px, 7.81vw, 150px);
    height: clamp(50px, 3.91vw, 75px);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

.brand-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

@keyframes brandsScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        /* Tam yarısını kaydır (9 logo seti) */
        transform: translateX(-50%);
    }
}

/* ============================================
   BLOG SECTION
   ============================================ */

.blog-section {
    width: 100%;
    margin-top: clamp(30px, 3.65vw, 70px);
}

.blog-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    text-align: center;
}

.blog-title {
    color: var(--primary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.blog-desc {
    color: var(--secondary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: clamp(10px, 0.83vw, 16px) auto 0;
    max-width: 700px;
}

/* Blog Grid - 3 kart */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.25vw, 24px);
    margin-top: clamp(24px, 2.08vw, 40px);
}

/* Blog Kart */
.blog-card {
    border-radius: 15px;
    border: 1px solid var(--stroke);
    overflow: hidden;
    text-align: left;
    display: flex;
    flex-direction: column;
}

/* Kart Foto */
.blog-card-img {
    /* 272 / 491 = 55.4% oran */
    width: calc(100% - 48px);
    margin: 24px 24px 0 24px;
    height: clamp(160px, 14.17vw, 272px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Kart İçerik */
.blog-card-body {
    padding: clamp(16px, 1.25vw, 24px);
    display: flex;
    flex-direction: column;
    gap: clamp(8px, 0.63vw, 12px);
    flex: 1;
}

/* Kategori + Tarih */
.blog-card-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-card-cat,
.blog-card-date {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.08px;
}

/* Başlık */
.blog-card-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}

/* Kısa Metin */
.blog-card-excerpt {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.15px;
    margin: 0;
}

/* Devamı Butonu */
.blog-card-btn {
    display: inline-flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--soft-stroke);
    background: none;
    text-decoration: none;
    width: fit-content;
    margin-top: auto;
    transition: border-color 0.3s ease, background 0.3s ease;
}

.blog-card-btn:hover {
    border-color: var(--black);
    background: var(--off-white);
}

.blog-card-btn span {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.blog-card-btn svg {
    width: 9px;
    height: 14px;
}

/* ============================================
   CTA SECTION
   ============================================ */

.cta-section {
    width: 100%;
    margin-top: clamp(30px, 3.65vw, 70px);
}

.cta-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.cta-card {
    width: 100%;
    height: clamp(220px, 17.19vw, 330px);
    border-radius: 15px;
    overflow: visible;
    position: relative;
    display: flex;
    align-items: center;
}

/* Arkaplan */
.cta-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8B7355;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
}

/* Sol: Metin */
.cta-content {
    position: relative;
    z-index: 3;
    padding: clamp(24px, 3.13vw, 60px);
    max-width: 60%;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.25vw, 24px);
}

.cta-title {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.cta-desc {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    margin: 0;
}

.cta-buttons {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
}

/* Hemen Teklif Al */
.cta-btn-primary {
    display: flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: var(--white);
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.cta-btn-primary:hover {
    opacity: 0.9;
}

.cta-btn-primary span {
    color: var(--primary-accent);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.cta-btn-primary svg {
    width: 9px;
    height: 14px;
}

/* WhatsApp ile Soru Sor */
.cta-btn-secondary {
    display: flex;
    height: 44px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 2px solid var(--white);
    background: none;
    text-decoration: none;
    transition: background 0.3s ease;
}

.cta-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

.cta-btn-secondary span {
    color: var(--white);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.cta-btn-secondary svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Sağ: Maskot */
.cta-mascot {
    position: absolute;
    right: clamp(30px, 4.17vw, 80px);
    bottom: 0;
    z-index: 3;
    height: 110%;
    display: flex;
    align-items: flex-end;
}

.cta-mascot img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* ============================================
   PAGE HEADER (Alt Sayfalar)
   ============================================ */

.page-header-section {
    width: 100%;
    margin-top: clamp(20px, 2.08vw, 40px);
}

.page-header-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-main-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(30px, 2.55vw, 49px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
    max-width: 60%;
}

.breadcrumb-wrap {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.04vw, 20px);
}

.breadcrumb-box {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 60px;
    border: 1px solid var(--soft-stroke);
}

.breadcrumb-link {
    color: var(--secondary-text);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover {
    color: var(--primary-text);
}

.breadcrumb-sep {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 400;
    opacity: 0.5;
}

.breadcrumb-active {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.15px;
}

.share-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--soft-stroke);
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.share-btn:hover {
    background: var(--off-white);
}

.share-btn svg {
    width: 16px;
    height: 16px;
}

/* ============================================
   ABOUT PAGE CONTENT
   ============================================ */

.about-page-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.about-page-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.about-page-content {
    display: flex;
    gap: clamp(24px, 3.13vw, 60px);
    align-items: flex-start;
}

/* Sol: Metin */
.about-page-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
}

.about-page-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.about-page-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

/* İstatistikler */
.about-page-stats {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(16px, 2.08vw, 40px);
    margin-top: clamp(8px, 0.83vw, 16px);
}

.about-stat {
    display: flex;
    align-items: center;
    gap: clamp(8px, 0.63vw, 12px);
}

.about-stat-icon {
    width: clamp(32px, 2.5vw, 48px);
    height: clamp(32px, 2.5vw, 48px);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-stat-icon svg {
    width: 100%;
    height: 100%;
}

.about-stat-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.about-stat-title {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 700;
    line-height: normal;
}

.about-stat-sub {
    color: rgba(23, 23, 23, 0.60);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

/* Sağ: Foto */
.about-page-image {
    flex-shrink: 0;
    /* 491 / 1520 = 32.3% */
    width: clamp(250px, 25.57vw, 491px);
}

.about-page-img {
    width: 100%;
    /* Kare foto */
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ============================================
   VIZYON & MISYON PAGE
   ============================================ */

.vm-section {
    width: 100%;
    margin-top: clamp(30px, 3.13vw, 60px);
}

.vm-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 3.13vw, 60px);
}

.vm-block {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3.13vw, 60px);
}

.vm-block-reverse {
    flex-direction: row-reverse;
}

.vm-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.04vw, 20px);
}

.vm-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.vm-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

.vm-image {
    flex-shrink: 0;
    width: clamp(250px, 25.57vw, 491px);
}

.vm-img {
    width: 100%;
    /* 300 / 491 = 0.611 oran */
    aspect-ratio: 491 / 300;
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ============================================
   KALITE POLITIKAMIZ PAGE
   ============================================ */

.kalite-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.kalite-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.kalite-content {
    display: flex;
    gap: clamp(24px, 3.13vw, 60px);
    align-items: flex-start;
}

.kalite-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
}

.kalite-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

.kalite-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

.kalite-image {
    flex-shrink: 0;
    width: clamp(250px, 25.57vw, 491px);
}

.kalite-img {
    width: 100%;
    aspect-ratio: 491 / 300;
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ============================================
   PRODUCTS PAGE
   ============================================ */

.products-page-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.products-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 3.13vw, 60px);
    margin-bottom: clamp(24px, 2.08vw, 40px);
}

.products-page-header .products-title {
    flex-shrink: 0;
    max-width: 55%;
}

.products-page-desc {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
    max-width: 45%;
}

/* ============================================
   URUN DETAY PAGE
   ============================================ */

.urun-detay-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.urun-detay-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 2.08vw, 40px);
}

/* Hero Foto */
.urun-hero-img {
    width: 100%;
    height: clamp(200px, 16.41vw, 315px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Intro: Başlık sol, Metin sağ */
.urun-intro {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3.13vw, 60px);
}

.urun-intro-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
    flex: 1;
}

.urun-intro-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
    flex: 1;
}

/* 4 Galeri Foto */
.urun-galeri {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(12px, 1.25vw, 24px);
}

.urun-galeri-item {
    border-radius: 15px;
    overflow: hidden;
}

.urun-galeri-img {
    width: 100%;
    /* 662 / 362 = 1.829 dikey oran */
    aspect-ratio: 362 / 662;
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease;
    background-repeat: no-repeat;
}

.urun-galeri-item:hover .urun-galeri-img {
    transform: scale(1.05);
}

/* İçerik Kutusu */
.urun-icerik-kutu {
    width: 100%;
    padding: clamp(16px, 1.25vw, 24px);
    border-radius: 15px;
    border: 1px solid var(--stroke);
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
}

.urun-icerik-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.urun-icerik-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

.urun-icerik-liste {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.15px;
    margin: 0;
    padding-left: 24px;
}

/* Diğer Ürünler */
.urun-diger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 1.56vw, 30px);
}

.urun-diger-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
    text-align: center;
}

.urun-diger-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.25vw, 24px);
    width: 100%;
}

.urun-diger-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(12px, 1.09vw, 21px);
    padding: clamp(16px, 1.25vw, 24px);
    border-radius: 15px;
    border: 1px solid var(--stroke);
    text-decoration: none;
    transition: border-color 0.3s ease;
}

.urun-diger-card:hover {
    border-color: var(--primary-accent);
}

.urun-diger-img {
    width: 100%;
    height: clamp(150px, 13.02vw, 250px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.urun-diger-isim {
    color: var(--black);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
}

/* ============================================
   BLOG DETAY PAGE
   ============================================ */

.blog-detay-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.blog-detay-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
}

/* Hero Foto */
.blog-detay-hero {
    width: 100%;
    height: clamp(200px, 16.41vw, 315px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Meta Row */
.blog-detay-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.blog-detay-meta-left {
    display: flex;
    align-items: center;
    gap: clamp(12px, 1.25vw, 24px);
}

.blog-detay-yazar,
.blog-detay-tarih {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

.blog-detay-yazar strong {
    color: var(--primary-text);
    font-weight: 500;
}

/* Etiketler */
.blog-detay-etiketler {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.blog-detay-etiket {
    display: flex;
    height: 36px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    background: var(--off-white);
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

/* HR */
.blog-detay-hr {
    border: none;
    height: 1px;
    background: var(--off-white);
    margin: 0;
}

/* Layout: İçerik sol + Sidebar sağ */
.blog-detay-layout {
    display: flex;
    gap: clamp(30px, 3.13vw, 60px);
    align-items: flex-start;
}

/* Sol: İçerik */
.blog-detay-icerik {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.04vw, 20px);
}

.blog-icerik-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.blog-icerik-alt-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
    margin: clamp(8px, 0.63vw, 12px) 0 0 0;
}

.blog-icerik-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

.blog-icerik-liste {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.15px;
    margin: 0;
    padding-left: 24px;
}

/* Sağ: Sidebar */
.blog-detay-sidebar {
    flex-shrink: 0;
    width: clamp(260px, 20.83vw, 400px);
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
    position: sticky;
    top: 160px;
}

.blog-sidebar-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.blog-sidebar-card {
    display: flex;
    gap: clamp(10px, 0.83vw, 16px);
    text-decoration: none;
    padding-bottom: clamp(12px, 1.04vw, 20px);
    border-bottom: 1px solid var(--off-white);
}

.blog-sidebar-card:last-child {
    border-bottom: none;
}

.blog-sidebar-img {
    width: clamp(80px, 7.29vw, 140px);
    height: clamp(70px, 6.25vw, 120px);
    border-radius: 10px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.blog-sidebar-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.blog-sidebar-meta {
    display: flex;
    gap: 8px;
}

.blog-sidebar-kat,
.blog-sidebar-tarih {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(11px, 0.63vw, 12px);
    font-weight: 400;
}

.blog-sidebar-title {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 0.94vw, 18px);
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}

.blog-sidebar-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.73vw, 14px);
    font-weight: 500;
}

.blog-sidebar-btn svg {
    width: 7px;
    height: 11px;
}

/* ============================================
   REFERANSLAR PAGE
   ============================================ */

.referanslar-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.referanslar-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 2.08vw, 40px);
}

.referanslar-hero {
    width: 100%;
    height: clamp(200px, 16.41vw, 315px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.referanslar-intro {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3.13vw, 60px);
}

.referanslar-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
    flex: 1;
}

.referanslar-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
    flex: 1;
}

/* Logo Grid — 6 sütun */
.referanslar-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: clamp(16px, 1.56vw, 30px);
}

.referanslar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 1.04vw, 20px);
    min-height: clamp(60px, 5.21vw, 100px);
}

.referanslar-logo img {
    max-width: 100%;
    max-height: clamp(40px, 3.91vw, 75px);
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

.referanslar-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* ============================================
   ILETISIM PAGE
   ============================================ */

.iletisim-intro {
    width: 100%;
    margin-top: clamp(16px, 1.25vw, 24px);
}

.iletisim-intro-inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.iletisim-intro-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
    max-width: 600px;
}

.iletisim-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.iletisim-inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

.iletisim-card {
    display: flex;
    border-radius: 15px;
    border: 1px solid var(--stroke);
    overflow: hidden;
    min-height: clamp(500px, 36.04vw, 692px);
    padding: clamp(24px, 2.5vw, 48px);
    gap: 0;
}

/* Sol: Form */
.iletisim-form-area {
    flex: 1;
    padding: 0 clamp(24px, 2.5vw, 48px) 0 0;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.25vw, 24px);
}

.iletisim-form-baslik {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    margin: 0;
}

.iletisim-form {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.04vw, 20px);
}

.iletisim-form-row {
    display: flex;
    gap: clamp(12px, 1.04vw, 20px);
}

.iletisim-input {
    flex: 1;
    height: 44px;
    padding: 10px 24px;
    border-radius: 60px;
    border: 1px solid var(--stroke);
    background: none;
    outline: none;
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    transition: border-color 0.3s ease;
}

.iletisim-input:focus {
    border-color: var(--primary-accent);
}

.iletisim-input::placeholder,
.iletisim-textarea::placeholder {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
}

.iletisim-textarea {
    width: 100%;
    height: clamp(120px, 9.17vw, 176px);
    padding: 24px;
    border-radius: 15px;
    border: 1px solid var(--stroke);
    background: none;
    outline: none;
    resize: none;
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    transition: border-color 0.3s ease;
}

.iletisim-textarea:focus {
    border-color: var(--primary-accent);
}

.iletisim-kvkk-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.iletisim-kvkk {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.iletisim-kvkk input[type="checkbox"] {
    margin-top: 3px;
    accent-color: var(--primary-accent);
}

.iletisim-kvkk span {
    color: var(--secondary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.1px;
}

.iletisim-kvkk a {
    color: var(--second-accent);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-decoration: underline;
    font-style: normal;
}

.iletisim-gonder-btn {
    display: flex;
    height: 44px;
    padding: 0 48px;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    background: var(--primary-text);
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    width: fit-content;
}

.iletisim-gonder-btn span {
    color: var(--white);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
    font-weight: 500;
}

.iletisim-gonder-btn:hover {
    background: #333;
}

.iletisim-zorunlu {
    color: var(--second-accent);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

/* Sağ: Bilgi Kartı */
.iletisim-bilgi {
    flex-shrink: 0;
    width: clamp(300px, 32.76vw, 628px);
    border-radius: 15px;
    background-color: var(--primary-accent);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iletisim-bilgi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #B08B68 0%, rgba(74, 58, 44, 0.00) 100%);
    z-index: 1;
}

.iletisim-bilgi-icerik {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(16px, 1.25vw, 24px);
    padding: clamp(20px, 1.56vw, 30px);
}

.iletisim-bilgi-baslik {
    color: var(--white);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 600;
    margin: 0;
}

.iletisim-bilgi-adres {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: 1.5;
    margin: 4px 0 0 0;
}

.iletisim-bilgi-harita {
    color: var(--white);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    text-decoration: underline;
    transition: opacity 0.3s ease;
}

.iletisim-bilgi-harita:hover {
    opacity: 0.8;
}

.iletisim-bilgi-tel {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    margin: 4px 0 0 0;
}

.iletisim-bilgi-tel a {
    color: var(--white);
    text-decoration: none;
}

.iletisim-bilgi-tel a:hover {
    text-decoration: underline;
}

.iletisim-bilgi-email {
    display: inline-flex;
    padding: 8px 20px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--white);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease;
}

.iletisim-bilgi-email:hover {
    background: rgba(255, 255, 255, 0.1);
}

.iletisim-bilgi-sosyal {
    display: flex;
    gap: clamp(8px, 0.83vw, 16px);
    margin-top: 8px;
}

.iletisim-bilgi-sosyal a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.iletisim-bilgi-sosyal a:hover {
    background: rgba(255, 255, 255, 0.15);
}

.iletisim-bilgi-sosyal a svg {
    width: 16px;
    height: 16px;
}

/* ============================================
   TEKLIF AL PAGE (iletişim ile ortak stiller + ek)
   ============================================ */

.teklif-urun-baslik {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 500;
    margin: clamp(4px, 0.4vw, 8px) 0 0 0;
}

.teklif-urun-secim {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.teklif-urun-chip {
    cursor: pointer;
}

.teklif-urun-chip input {
    display: none;
}

.teklif-urun-chip span {
    display: flex;
    height: 36px;
    padding: 0 20px;
    align-items: center;
    border-radius: 60px;
    border: 1px solid var(--stroke);
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    letter-spacing: -0.15px;
    transition: background 0.3s ease, border-color 0.3s ease;
    white-space: nowrap;
}

.teklif-urun-chip input:checked+span {
    background: var(--primary-text);
    color: var(--white);
    border-color: var(--primary-text);
}

.teklif-urun-chip span:hover {
    border-color: var(--primary-accent);
}

/* Sağ: Görsel + CTA */
.teklif-bilgi {
    flex-shrink: 0;
    width: clamp(300px, 32.76vw, 628px);
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.teklif-bilgi-img {
    width: 100%;
    height: 100%;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.teklif-bilgi-alt {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px;
    border-radius: 15px;
    border: 1px solid var(--soft-stroke);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.teklif-bilgi-metin {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 0.94vw, 18px);
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

.teklif-bilgi-btn {
    display: flex;
    height: 36px;
    padding: 0 20px;
    align-items: center;
    border-radius: 60px;
    border: 1px solid var(--stroke);
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.73vw, 14px);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s ease;
}

.teklif-bilgi-btn:hover {
    background: var(--off-white);
}

/* ============================================
   TEKNOLOJILERIMIZ PAGE
   ============================================ */

.teknoloji-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.teknoloji-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 2.08vw, 40px);
}

.teknoloji-hero {
    width: 100%;
    height: clamp(200px, 16.41vw, 315px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.teknoloji-intro {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3.13vw, 60px);
}

.teknoloji-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
    flex: 1;
}

.teknoloji-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
    flex: 1;
}

/* Timeline */
.tekno-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: clamp(30px, 3.13vw, 60px);
}

/* Orta Çizgi — sabit track */
.tekno-line-track {
    position: absolute;
    left: 50%;
    top: 60px;
    bottom: 0;
    width: 3px;
    transform: translateX(-50%);
    border-radius: 30px;
    background-color: var(--stroke);
    z-index: 0;
}

/* Çizgi dolma animasyonu — scroll ile */
.tekno-line-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    border-radius: 30px;
    background-color: var(--second-accent);
}

/* Her adım */
.tekno-step {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    gap: 0;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

/* Ters sıra: foto sol, yazı sağ */
.tekno-step-reverse {
    direction: ltr;
}

/* Sol alan */
.tekno-step-left {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.04vw, 20px);
    padding-right: clamp(16px, 2.08vw, 40px);
}

/* Sağ alan */
.tekno-step-right {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.04vw, 20px);
    padding-left: clamp(16px, 2.08vw, 40px);
}

/* Orta: Sayı */
.tekno-step-center {
    display: flex;
    justify-content: center;
    padding-top: 0;
}

.tekno-step-num {
    display: flex;
    width: 64px;
    height: 64px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 120px;
    border: 3px solid var(--stroke);
    color: var(--black);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 500;
    line-height: normal;
    background: var(--white);
    z-index: 2;
    transition: border-color 0.4s ease, background 0.4s ease, color 0.4s ease;
}

.tekno-step-num.active {
    border-color: var(--second-accent);
    background: var(--second-accent);
    color: var(--white);
}

/* Başlık */
.tekno-step-baslik {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 1.82vw, 35px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.25px;
    margin: 0;
}

/* Metin */
.tekno-step-metin {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.15px;
    margin: 0;
}

/* Foto */
.tekno-step-img {
    width: 100%;
    height: clamp(250px, 21.46vw, 412px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Etiketler */
.tekno-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tekno-etiket {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 1px solid var(--stroke);
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(12px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    text-transform: uppercase;
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer {
    width: 100%;
    margin-top: clamp(40px, 4.17vw, 80px);
    padding-top: clamp(40px, 4.17vw, 80px);
    position: relative;
    background-image: url('../images/footer.png');
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.footer-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
}

/* Üst Kısım */
.footer-top {
    display: flex;
    gap: clamp(24px, 3.13vw, 60px);
    padding-bottom: clamp(24px, 2.08vw, 40px);
}

/* Logo + Sosyal */
.footer-brand {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 1.56vw, 30px);
    min-width: clamp(140px, 11.46vw, 220px);
}

.footer-logo {
    width: clamp(160px, 11.46vw, 220px);
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.footer-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 1.25vw, 24px);
}

.footer-social {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--soft-stroke);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.footer-social:hover {
    background: var(--off-white);
}

.footer-social svg {
    width: 16px;
    height: 16px;
}

/* Footer Sütunlar */
.footer-col {
    flex: 1;
}

.footer-col-title {
    color: var(--primary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
    margin: 0 0 clamp(12px, 1.25vw, 24px) 0;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.25vw, 24px);
}

.footer-links li {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.footer-links a {
    color: var(--secondary-text);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: var(--primary-text);
}

/* Alt Kısım */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(20px, 1.56vw, 30px) 0;
}

.footer-bottom-left {
    display: flex;
    gap: clamp(12px, 1.25vw, 24px);
}

/* Copyright + Abanoz sağda yan yana */
.footer-bottom-right {
    display: flex;
    align-items: center;
    gap: clamp(10px, 0.83vw, 16px);
}

.footer-legal {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-legal:hover {
    color: var(--primary-text);
}

.footer-copyright {
    color: var(--secondary-text);
    font-feature-settings: 'liga' off;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.15px;
}

.footer-abanoz {
    height: clamp(20px, 1.56vw, 30px);
    width: auto;
    object-fit: contain;
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* Tablet */
@media (max-width: 991px) {
    .site-header {
        height: 100px;
    }

    .site-header.scrolled {
        height: 70px;
    }

    body {
        padding-top: 100px;
    }

    .header-logo {
        width: 140px;
        height: 72px;
    }

    .lang-selector {
        margin-left: clamp(12px, 2vw, 35px);
    }

    .cta-btn {
        margin-left: clamp(12px, 2vw, 35px);
    }

    /* Slider Tablet */
    .slide-content {
        max-width: 450px;
    }

    /* Process Tablet */
    .process-header-right,
    .process-chevrons-bl {
        display: none;
    }

    .process-row {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Products Tablet */
    .products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .products-title {
        max-width: 100%;
    }

    .product-card {
        height: clamp(160px, 22vw, 250px);
    }

    /* About Tablet */
    .about-card {
        flex-direction: column;
        height: auto;
    }

    .about-image-wrapper {
        min-height: clamp(250px, 40vw, 400px);
    }

    .about-image {
        border-radius: 0 0 15px 15px;
    }

    .about-badge {
        display: none;
    }

    /* Blog Tablet */
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* CTA Tablet */
    .cta-mascot {
        display: none;
    }

    .cta-content {
        max-width: 100%;
    }

    /* Footer Tablet */
    .footer-top {
        flex-wrap: wrap;
    }

    .footer-brand {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .footer-col {
        flex: none;
        width: calc(50% - 20px);
    }

    .footer-bottom {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .slider-arrow {
        width: 38px;
        height: 38px;
    }

    .slider-arrow svg {
        width: 38px;
        height: 38px;
    }
}

/* Mobile */
@media (max-width: 767px) {

    /* Mobilde tüm kenar boşlukları küçült */
    .header-inner,
    .products-inner,
    .process-inner,
    .about-inner,
    .brands-inner,
    .blog-inner,
    .cta-inner,
    .footer-inner,
    .fullscreen-menu-footer,
    .page-header-inner,
    .about-page-inner,
    .kalite-inner,
    .vm-inner,
    .urun-detay-inner,
    .blog-detay-inner,
    .referanslar-inner,
    .iletisim-inner,
    .iletisim-intro-inner,
    .teknoloji-inner,
    .products-page-section .products-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Page header mobil — breadcrumb küçült */
    .page-main-title {
        max-width: 100%;
        font-size: clamp(24px, 6.5vw, 32px);
    }

    .breadcrumb-box {
        padding: 8px 12px;
        gap: 6px;
    }

    .breadcrumb-link,
    .breadcrumb-sep,
    .breadcrumb-active {
        font-size: 12px;
    }

    .share-btn {
        width: 36px;
        height: 36px;
    }

    .breadcrumb-wrap {
        gap: 8px;
    }

    .site-header {
        height: 80px;
    }

    .site-header.scrolled {
        height: 60px;
    }

    body {
        padding-top: 80px;
    }

    .menu-btn span {
        display: none;
    }

    .menu-btn {
        padding: 0 14px;
        height: 40px;
    }

    .header-logo {
        width: 120px;
        height: 62px;
    }

    .site-header.scrolled .header-logo {
        width: 90px;
        height: 46px;
    }

    .lang-selector {
        display: none;
    }

    .cta-btn {
        height: 40px;
        padding: 0 18px;
    }

    .cta-btn span {
        font-size: 14px;
    }

    /* Process Mobile */
    .process-section {
        margin-top: clamp(40px, 10vw, 60px);
    }

    .process-grid {
        display: none;
    }

    .process-chevrons-bl {
        display: none;
    }

    .process-mobile-slider {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        margin-top: 24px;
    }

    .process-mobile-slider::-webkit-scrollbar {
        display: none;
    }

    .process-mobile-track {
        display: flex;
        gap: 16px;
    }

    .process-mobile-card {
        flex-shrink: 0;
        width: 70vw;
        max-width: 300px;
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        border-radius: 12px;
        overflow: hidden;
        background: var(--white);
    }

    .process-mobile-img {
        width: 100%;
        height: clamp(140px, 40vw, 200px);
        background-color: lightgray;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .process-mobile-info {
        padding: 16px 12px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }

    .process-mobile-info .process-num {
        font-size: clamp(28px, 8vw, 40px);
    }

    .process-mobile-info .process-name {
        font-size: clamp(16px, 4.5vw, 22px);
        margin: 0;
    }

    .process-mobile-info .process-sub {
        font-size: clamp(11px, 3vw, 14px);
        margin: 0;
    }

    /* Blog Mobile — yatay kaydırmalı */
    .blog-grid {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        gap: 16px;
    }

    .blog-grid::-webkit-scrollbar {
        display: none;
    }

    .blog-card {
        flex-shrink: 0;
        width: 80vw;
        max-width: 340px;
        scroll-snap-align: start;
    }

    /* Fullscreen menü footer mobil */
    .fullscreen-menu-footer {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        padding: 20px 16px !important;
    }

    .fullscreen-menu-contact {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .contact-sep {
        display: none;
    }

    .fullscreen-menu-socials {
        margin-top: 4px;
    }

    /* Blog kartlarında scroll animasyonu kaldır */
    .blog-card.scroll-animate {
        opacity: 1 !important;
        transform: none !important;
    }

    /* CTA Mobile */
    .cta-card {
        height: auto;
        min-height: 220px;
    }

    .cta-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Page Header Mobile */
    .page-header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .breadcrumb-box {
        padding: 8px 16px;
    }

    /* About Page Mobile */
    .about-page-content {
        flex-direction: column;
    }

    .about-page-image {
        width: 100%;
    }

    .about-page-stats {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }

    /* Vizyon Misyon Mobile */
    .vm-block,
    .vm-block-reverse {
        flex-direction: column;
    }

    .vm-image {
        width: 100%;
    }

    /* Kalite Mobile */
    .kalite-content {
        flex-direction: column;
    }

    .kalite-image {
        width: 100%;
    }

    /* Products Page Mobile */
    .products-page-header {
        flex-direction: column;
    }

    .products-page-header .products-title,
    .products-page-desc {
        max-width: 100%;
    }

    /* Urun Detay Mobile */
    .urun-intro {
        flex-direction: column;
    }

    .urun-galeri {
        grid-template-columns: repeat(2, 1fr);
    }

    .urun-diger-grid {
        grid-template-columns: 1fr;
    }

    /* Blog Detay Mobile */
    .blog-detay-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-detay-layout {
        flex-direction: column;
    }

    .blog-detay-sidebar {
        width: 100%;
        position: static;
    }

    /* Referanslar Mobile */
    .referanslar-intro {
        flex-direction: column;
    }

    .referanslar-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Iletisim Mobile */
    .iletisim-card {
        flex-direction: column;
    }

    .iletisim-bilgi {
        width: 100%;
        min-height: 400px;
        border-radius: 0 0 15px 15px;
    }

    .iletisim-card {
        padding: 0;
    }

    .iletisim-form-area {
        padding: clamp(16px, 4vw, 24px);
    }

    .iletisim-form-row {
        flex-direction: column;
    }

    .iletisim-kvkk-row {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Teklif Mobile */
    .teklif-bilgi {
        width: 100%;
        border-radius: 0 0 15px 15px;
    }

    /* Teknoloji Mobile */
    .teknoloji-intro {
        flex-direction: column;
    }

    .tekno-step {
        grid-template-columns: 40px 1fr;
        grid-template-rows: auto auto;
    }

    .tekno-step-center {
        grid-row: 1 / 3;
        grid-column: 1;
        padding-top: 0;
    }

    .tekno-step-num {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .tekno-step-left,
    .tekno-step-right {
        grid-column: 2;
        padding: 0 0 0 16px;
    }

    .tekno-line-track {
        left: 20px;
        transform: none;
    }

    .tekno-step-img {
        height: clamp(180px, 50vw, 260px);
    }

    /* About Mobile */
    .about-section {
        margin-top: clamp(40px, 12vw, 70px);
    }

    .about-card {
        flex-direction: column;
        height: auto;
    }

    .about-image-wrapper {
        flex: none;
        height: clamp(220px, 55vw, 320px);
    }

    .about-image {
        height: 100%;
        border-radius: 0 0 15px 15px;
    }

    .about-badge {
        display: none;
    }

    /* Footer Mobile */
    .footer-col {
        width: 100%;
    }

    /* Products Mobile */
    .products-row {
        flex-direction: column;
    }

    .products-row .product-card-large,
    .products-row .product-card-small {
        flex: none;
        width: 100%;
        height: clamp(200px, 50vw, 280px) !important;
    }

    /* Slider Mobile */
    .slider-wrapper {
        height: 85vh;
        max-height: 650px;
        border-radius: 10px;
    }

    /* Gradient overlay mobilde daha güçlü — yazılar okunabilir olsun */
    .slide-overlay {
        background: linear-gradient(0deg,
                rgba(255, 255, 255, 0.95) 0%,
                rgba(255, 255, 255, 0.85) 40%,
                rgba(255, 255, 255, 0.3) 70%,
                rgba(255, 255, 255, 0.0) 100%);
    }

    /* Fotoyu sağ tarafa kaydır — sol taraf yazılara kalsın */
    .slide {
        background-position: 70% center;
    }

    .slide-content {
        max-width: 90%;
        top: auto;
        bottom: clamp(80px, 22vw, 140px);
        left: clamp(16px, 5vw, 30px);
    }

    .slide-tag {
        height: 28px;
        font-size: 12px;
        padding: 0 10px;
    }

    .slide-title {
        font-size: clamp(24px, 6.5vw, 32px);
    }

    .slide-desc {
        font-size: clamp(13px, 3.5vw, 16px);
    }

    .slide-btn-primary {
        height: 40px;
        padding: 8px 20px;
    }

    .slide-btn-primary span,
    .slide-btn-secondary {
        font-size: clamp(14px, 3.5vw, 16px);
    }

    .slider-nav {
        bottom: 20px;
        left: clamp(16px, 5vw, 30px);
    }

    .slider-current {
        font-size: clamp(24px, 7vw, 34px);
    }

    .slider-total {
        font-size: clamp(13px, 3.5vw, 16px);
    }

    .slider-arrow {
        width: 34px;
        height: 34px;
    }

    .slider-arrow svg {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 480px) {
    .header-logo {
        width: 100px;
        height: 52px;
    }

    .cta-btn span {
        font-size: 13px;
    }

    .cta-btn {
        padding: 0 14px;
    }

    /* Slider Small Mobile */
    .slider-wrapper {
        height: 80vh;
        max-height: 580px;
    }

    .slide-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* ============================================
   PORTFOY PAGE
   ============================================ */

.portfoy-section {
    width: 100%;
    margin-top: clamp(24px, 2.08vw, 40px);
}

.portfoy-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 clamp(16px, 10.42vw, 200px);
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 2.08vw, 40px);
}

.portfoy-hero {
    width: 100%;
    height: clamp(200px, 16.41vw, 315px);
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.portfoy-card-wrap {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.08vw, 40px);
}

.portfoy-tabs {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.portfoy-tab {
    display: inline-flex;
    height: 44px;
    padding: 0 24px;
    align-items: center;
    border-radius: 60px;
    border: 1px solid var(--soft-stroke);
    background: none;
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.portfoy-tab:hover {
    background: var(--off-white);
}

.portfoy-tab.active {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
}

.portfoy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 1.25vw, 24px);
}

.portfoy-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: clamp(12px, 1vw, 20px);
    border-radius: 15px;
    border: 1px solid var(--stroke);
    background: var(--white);
}

.portfoy-card-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    background-color: lightgray;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
}

.portfoy-card:hover .portfoy-card-img {
    transform: scale(1.03);
}

.portfoy-card-title {
    color: var(--primary-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(14px, 1.04vw, 20px);
    font-weight: 500;
    text-align: center;
    margin: 0;
}

@media (max-width: 991px) {
    .portfoy-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .portfoy-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .portfoy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
}