/* ================= ABOUT SAYFASI ÖZEL ================= */
    main { padding-top: var(--header-height); }

    /* HERO */
    .about-hero {
      padding: 6rem 2rem 4rem; position: relative; overflow: hidden;
      background: radial-gradient(circle at 15% 0%, rgba(242,201,76,.20), transparent 55%),
                  radial-gradient(circle at 90% 20%, rgba(13,148,136,.10), transparent 55%),
                  radial-gradient(circle at 80% 120%, rgba(59,130,246,.10), transparent 55%), #fff;
    }
    .hero-wrap { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1.2fr .8fr; gap: 3rem; align-items: center; }
    .hero-title { font-family: "Space Grotesk"; font-size: 3.4rem; line-height: 1.05; letter-spacing: -1px; margin: .9rem 0 1rem; color: var(--ink); }
    .hero-title strong { color: #111; }
    .hero-desc { color: var(--muted); font-size: 1.05rem; line-height: 1.7; max-width: 58ch; white-space: pre-wrap; }

    /* SLIDER */
    .slider-container { position: relative; width: 100%; height: 400px; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(15,23,42,.15); background: #eee; }
    .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease; background-size: cover; background-position: center; }
    .slide.active { opacity: 1; z-index: 1; }
    .time-bar-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: rgba(255,255,255,0.2); z-index: 10; }
    .time-bar { height: 100%; background: var(--ti-yellow); width: 0%; }
    .slider-nav { position: absolute; bottom: 20px; right: 20px; z-index: 20; display: flex; gap: 10px; }
    .nav-dot { width: 12px; height: 12px; background: rgba(255,255,255,0.5); border-radius: 50%; cursor: pointer; transition: all 0.3s; }
    .nav-dot.active { background: var(--ti-yellow); transform: scale(1.2); }

    /* VALUES (KARTLAR) */
    .section { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem 5.5rem; }
    .section-head { margin: 4.5rem 0 2.2rem; }
    .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.4rem; }
    .value-card {
        background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 0; position: relative; overflow: hidden;
        transition: transform .25s var(--easing), box-shadow .25s var(--easing), border-color .25s; display: flex; flex-direction: column;
    }
    .value-card:hover { transform: translateY(-5px); box-shadow: 0 22px 45px rgba(15,23,42,.10); border-color: rgba(242,201,76,.7); }
    .card-img-area { width: 100%; height: 200px; background-color: #f9f9f9; overflow: hidden; }
    .card-img-area img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .value-card:hover .card-img-area img { transform: scale(1.05); }
    .card-content { padding: 1.5rem; display: flex; flex-direction: column; flex-grow: 1; }
    .value-title { font-family: "Space Grotesk"; font-size: 1.2rem; font-weight: 800; margin-bottom: .3rem; color: #111; }
    .value-slogan { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--ti-yellow); font-weight: 700; margin-bottom: 0.8rem; }
    .value-text { color: #64748b; line-height: 1.65; font-size: .92rem; }

    @media (max-width: 1024px) {
        .nav-links { display: none; }
        .hero-wrap { grid-template-columns: 1fr; }
        .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
        .f-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 768px) {
        .hero-title { font-size: 2.6rem; }
        .search-container { width: 220px; }
        .grid-4 { grid-template-columns: 1fr; }
    }