:root{
      --bg:#070a0f;
      --bg-2:#0d1118;
      --paper:#ffffff;
      --soft:#f5f7fa;
      --line:#e5e8ec;
      --text:#111827;
      --muted:#667085;
      --gold:#d7a640;
      --gold-2:#f1c65e;
      --gold-dark:#a9771e;
      --steel:#b9c2cb;
      --radius:24px;
      --shadow:0 24px 70px rgba(0,0,0,.16);
      --header-h:82px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:#fff;
      overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}
    button,input,textarea{font:inherit}
    img{max-width:100%;display:block}
    .wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}
    .eyebrow{
      display:inline-flex;align-items:center;gap:9px;
      font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
      color:var(--gold-dark);
    }
    .eyebrow::before{content:"";width:34px;height:2px;background:var(--gold)}
    .section-title{
      font-family:Manrope,Inter,sans-serif;
      font-size:clamp(34px,4vw,56px);
      line-height:1.04;letter-spacing:-.045em;margin:14px 0 18px;
    }
    .lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:720px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;
      font-size:14px;font-weight:800;transition:.25s ease;cursor:pointer;
    }
    .btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#15110a;box-shadow:0 12px 32px rgba(215,166,64,.25)}
    .btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(215,166,64,.33)}
    .btn-ghost{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
    .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.42)}

    /* HEADER */
    header{
      position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-h);
      background:linear-gradient(180deg,rgba(4,7,11,.90),rgba(4,7,11,.55));
      border-bottom:1px solid rgba(255,255,255,.08);
      backdrop-filter:blur(16px);
      transition:.25s ease;
    }
    header.scrolled{background:rgba(5,8,12,.96);box-shadow:0 12px 35px rgba(0,0,0,.18)}
    .header-inner{height:100%;display:flex;align-items:center;gap:34px}
    .brand{display:flex;align-items:center;min-width:255px}
    .brand img{width:245px;height:auto;max-height:56px;object-fit:contain}
    .nav{display:flex;align-items:center;gap:28px;margin-left:auto}
    .nav a{font-size:13px;font-weight:700;color:#d5dae1;position:relative}
    .nav a::after{
      content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--gold);transition:.25s
    }
    .nav a:hover{color:#fff}.nav a:hover::after{right:0}
    .header-actions{display:flex;align-items:center;gap:10px}

    .language{
      position:relative;
    }
    .lang-current{
      height:42px;min-width:86px;padding:0 12px;border-radius:999px;
      border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;
      display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800;font-size:12px;
    }
    .lang-current .flag{font-size:18px}
    .lang-menu{
      position:absolute;right:0;top:51px;width:178px;padding:7px;background:#10151d;
      border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:var(--shadow);
      opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;
    }
    .language.open .lang-menu{opacity:1;visibility:visible;transform:none}
    .lang-option{
      width:100%;border:0;background:transparent;color:#e6e9ed;padding:11px 12px;border-radius:11px;
      display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;font-weight:700;font-size:13px;
    }
    .lang-option:hover,.lang-option.active{background:rgba(215,166,64,.14);color:#fff}
    .lang-option .flag{font-size:18px}
    .header-quote{height:42px;padding-inline:17px}
    .menu-btn{
      width:44px;height:44px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
      border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;cursor:pointer
    }
    .menu-btn span,.menu-btn span::before,.menu-btn span::after{
      width:18px;height:2px;background:#fff;display:block;position:relative;transition:.2s
    }
    .menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
    .menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}

    /* HERO */
    .hero{
      min-height:760px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#06090e;color:#fff;
    }
    .hero-media{position:absolute;inset:0}
    .hero-media img{
      width:100%;height:100%;object-fit:cover;object-position:center 48%;
      filter:contrast(1.10) saturate(.93) brightness(.84);
      transform:scale(1.012);
    }
    .hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,
            rgba(4,7,11,.69) 0%,
            rgba(4,7,11,.61) 32%,
            rgba(4,7,11,.31) 64%,
            rgba(4,7,11,.13) 100%
        ),
        linear-gradient(0deg,
            rgba(4,7,11,.63) 0%,
            transparent 42%
        );
}
    .hero-grid{
      position:absolute;inset:0;opacity:.16;pointer-events:none;
      background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
      background-size:72px 72px;
      mask-image:linear-gradient(90deg,#000,transparent 70%);
    }
    .hero .wrap{position:relative;z-index:2;padding-top:var(--header-h)}
    .hero-content{max-width:760px;padding:54px 0 78px}
    .hero-badge{
      display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;
      border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);
      font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f7e3aa;
    }
    .hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(215,166,64,.12)}
    .hero h1{
      font-family:Manrope,Inter,sans-serif;font-size:clamp(49px,6.4vw,92px);line-height:.94;
      letter-spacing:-.06em;margin:24px 0 24px;max-width:790px;
    }
    .hero h1 span{color:var(--gold-2)}
    .hero-copy{max-width:670px;color:#d5d9df;font-size:18px;line-height:1.7;margin:0 0 30px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-capabilities{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
    .cap-pill{
      padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);
      color:#dce1e6;font-size:12px;font-weight:700
    }
    .hero-side{
      position:absolute;right:max(30px,calc((100vw - 1220px)/2));bottom:42px;z-index:2;
      display:grid;grid-template-columns:repeat(2,150px);gap:10px;
    }
    .mini-stat{
      min-height:102px;padding:18px;border-radius:18px;background:rgba(8,12,18,.72);
      border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)
    }
    .mini-stat strong{display:block;font:800 24px Manrope,Inter,sans-serif;color:#fff;margin-bottom:4px}
    .mini-stat span{font-size:11px;color:#aeb7c1;line-height:1.4;font-weight:600}

    .construction{
      background:#d6a43c;color:#17130b;height:42px;overflow:hidden;display:flex;align-items:center
    }
    .marquee{white-space:nowrap;display:flex;gap:40px;min-width:max-content;animation:marquee 28s linear infinite;font-weight:800;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
    .marquee span{display:inline-flex;gap:40px}
    @keyframes marquee{to{transform:translateX(-50%)}}

    /* TRUST / STATS */
    .stats{background:#fff;padding:32px 0;border-bottom:1px solid var(--line)}
    .stats-grid{display:grid;grid-template-columns:repeat(5,1fr)}
    .stat{padding:18px 28px;border-right:1px solid var(--line)}
    .stat:last-child{border-right:0}
    .stat strong{font:800 29px Manrope,Inter,sans-serif;color:#15171a;letter-spacing:-.04em}
    .stat span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}

    /* ABOUT */
    .about{padding:112px 0;background:#fff}
    .about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}
    .about-visual{
      min-height:540px;border-radius:30px;position:relative;overflow:hidden;background:#10151d;box-shadow:var(--shadow)
    }
    .about-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(.1) contrast(1.07)}
    .about-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,7,11,.88))}
    .visual-note{
      position:absolute;z-index:2;left:25px;right:25px;bottom:24px;color:#fff;padding:18px 20px;border-radius:18px;
      border:1px solid rgba(255,255,255,.14);background:rgba(8,12,18,.64);backdrop-filter:blur(10px)
    }
    .visual-note b{display:block;font:700 17px Manrope,Inter,sans-serif;margin-bottom:5px}
    .visual-note small{color:#c6cbd2;line-height:1.5}
    .about-copy .lead{margin-bottom:24px}
    .check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0 0;padding:0;list-style:none}
    .check-list li{
      padding:15px 16px;border:1px solid var(--line);border-radius:15px;font-size:13px;font-weight:700;
      display:flex;align-items:center;gap:9px;background:#fbfcfd
    }
    .check-list li::before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f6e9c6;color:#8e6419;font-weight:900}

    /* PRODUCTS */
    .products{padding:112px 0;background:var(--soft)}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
    .section-head .lead{max-width:520px}
    .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .product-card{
      min-height:345px;border-radius:24px;background:#fff;border:1px solid #e4e7eb;overflow:hidden;
      padding:27px;position:relative;transition:.3s ease
    }
    .product-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(17,24,39,.11);border-color:#d6c18b}
    .profile-art{
      height:154px;border-radius:18px;background:linear-gradient(135deg,#edf0f3,#c8ced4 55%,#f7f8f9);
      position:relative;overflow:hidden;margin-bottom:25px
    }
    .profile-art::before,.profile-art::after{
      content:"";position:absolute;border:14px solid rgba(255,255,255,.88);filter:drop-shadow(0 8px 8px rgba(0,0,0,.12));
    }
    .profile-art::before{width:90px;height:90px;border-radius:16px;left:32px;top:31px;transform:rotate(18deg)}
    .profile-art::after{width:78px;height:78px;border-radius:50%;right:34px;top:36px;border-width:12px}
    .p2::before{width:130px;height:42px;top:55px;border-radius:5px;transform:rotate(-8deg)}
    .p2::after{width:70px;height:70px;border-radius:10px;transform:rotate(25deg)}
    .p3::before{width:112px;height:72px;border-radius:0;border-width:11px;transform:skewX(-14deg);top:38px}
    .p3::after{width:62px;height:62px;border-radius:4px}
    .p4::before{width:120px;height:48px;border-radius:999px;transform:rotate(12deg);top:52px}
    .p4::after{width:48px;height:96px;border-radius:999px;top:28px}
    .p5::before{width:110px;height:66px;border-radius:6px;border-left-width:28px;transform:rotate(-14deg);top:42px}
    .p5::after{width:58px;height:58px;border-radius:50%;border-width:17px}
    .p6::before{width:80px;height:80px;border-radius:20px 3px 20px 3px;transform:rotate(45deg);left:45px}
    .p6::after{width:94px;height:50px;border-radius:9px;right:28px;top:50px}
    .product-card h3{font:800 22px Manrope,Inter,sans-serif;letter-spacing:-.025em;margin:0 0 9px}
    .product-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 18px}
    .card-link{font-size:12px;font-weight:800;color:#9b701f;display:inline-flex;align-items:center;gap:8px}
    .card-link::after{content:"→";transition:.2s}.product-card:hover .card-link::after{transform:translateX(5px)}

    /* CAPABILITIES */
    .capabilities{padding:112px 0;background:#0a0e14;color:#fff;position:relative;overflow:hidden}
    .capabilities::before{
      content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-230px;
      border:1px solid rgba(215,166,64,.2);box-shadow:0 0 0 70px rgba(215,166,64,.035),0 0 0 140px rgba(215,166,64,.025)
    }
    .capabilities .eyebrow{color:#f1cf78}.capabilities .section-title{max-width:760px}
    .capabilities .lead{color:#aab3bf}
    .cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
    .cap-card{
      min-height:260px;padding:26px;border-radius:22px;border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));position:relative
    }
    .cap-no{font:800 44px Manrope,Inter,sans-serif;color:rgba(215,166,64,.24);line-height:1}
    .cap-card h3{font:700 19px Manrope,Inter,sans-serif;margin:28px 0 11px}
    .cap-card p{font-size:13px;line-height:1.7;color:#9ea8b4;margin:0}

    /* PROCESS */
    .process{padding:112px 0;background:#fff}
    .process-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}
    .steps{display:grid;gap:0}
    .step{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:0 0 30px;position:relative}
    .step:not(:last-child)::before{content:"";position:absolute;left:28px;top:54px;bottom:0;width:1px;background:#dadfe4}
    .step-no{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f7edd4;border:1px solid #e8d49d;color:#91681c;font-weight:900;z-index:1}
    .step h3{font:800 18px Manrope,Inter,sans-serif;margin:4px 0 7px}
    .step p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

    /* CTA */
    .market{padding:0 0 112px;background:#fff}
    .market-box{
      min-height:390px;border-radius:30px;overflow:hidden;background:#111820;position:relative;color:#fff;
      display:flex;align-items:center;padding:58px;box-shadow:var(--shadow)
    }
    .market-box::before{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(circle at 78% 50%,rgba(215,166,64,.26),transparent 26%),
        linear-gradient(120deg,#0a0e14 0%,#141c25 55%,#090d12 100%);
    }
    .market-map{
      position:absolute;right:4%;top:50%;transform:translateY(-50%);width:48%;height:70%;opacity:.20;
      background:
        radial-gradient(circle at 22% 43%,#f3c75e 0 3px,transparent 4px),
        radial-gradient(circle at 42% 32%,#f3c75e 0 3px,transparent 4px),
        radial-gradient(circle at 56% 48%,#f3c75e 0 3px,transparent 4px),
        radial-gradient(circle at 70% 27%,#f3c75e 0 3px,transparent 4px),
        radial-gradient(circle at 82% 55%,#f3c75e 0 3px,transparent 4px);
      border:1px solid rgba(255,255,255,.18);border-radius:50% 42% 48% 44%;
      box-shadow:inset 0 0 70px rgba(255,255,255,.08)
    }
    .market-content{position:relative;z-index:1;max-width:660px}
    .market-content .eyebrow{color:#f1cf78}
    .market-content .section-title{font-size:clamp(36px,4.5vw,60px);margin-bottom:15px}
    .market-content p{color:#b9c1ca;line-height:1.7;max-width:590px}
    .market-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

    /* CONTACT */
    .contact{padding:100px 0;background:var(--soft);border-top:1px solid var(--line)}
    .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px}
    .contact-cards{display:grid;gap:12px;margin-top:30px}
    .contact-card{padding:19px 20px;border-radius:16px;background:#fff;border:1px solid var(--line)}
    .contact-card small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:5px}
    .contact-card strong{font-size:15px;word-break:break-word}
    .contact-form{
      background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(17,24,39,.06)
    }
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:grid;gap:7px}.field.full{grid-column:1/-1}
    .field label{font-size:11px;font-weight:800;color:#4f5965}
    .field input,.field textarea{
      width:100%;border:1px solid #dfe3e8;border-radius:12px;padding:13px 14px;outline:none;background:#fbfcfd;color:#111827;
      transition:.2s
    }
    .field textarea{min-height:120px;resize:vertical}
    .field input:focus,.field textarea:focus{border-color:#c99a38;box-shadow:0 0 0 3px rgba(215,166,64,.12)}
    .form-note{font-size:11px;color:var(--muted);line-height:1.6;margin:13px 0 0}

    /* FOOTER */
    footer{background:#06090e;color:#aab2bb;padding:58px 0 26px}
    .footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.08)}
    .footer-brand img{width:270px;margin-bottom:18px}
    .footer-brand p{max-width:460px;font-size:13px;line-height:1.7;color:#8d97a3}
    .footer-col h4{font:700 13px Manrope,Inter,sans-serif;color:#fff;margin:0 0 16px}
    .footer-col a{display:block;font-size:12px;color:#9da6b1;margin:9px 0}
    .footer-col a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px;line-height:1.6;color:#6f7883}
    .photo-credit a{text-decoration:underline}

    .wa{
      position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;
      display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 16px 30px rgba(0,0,0,.24);
      font-weight:900;font-size:19px;transition:.25s
    }
    .wa:hover{transform:translateY(-3px) scale(1.03)}
    .wa span{font-size:0}
    .wa::before{content:"WA";font-size:13px;font-weight:900;letter-spacing:-.04em}

    @media (max-width:1050px){
      .nav{display:none}
      .menu-btn{display:flex}
      .header-quote{display:none}
      .header-actions{margin-left:auto}
      .mobile-nav{
        display:block!important;position:fixed;left:0;right:0;top:var(--header-h);background:#080c12;
        border-top:1px solid rgba(255,255,255,.08);padding:18px 20px 24px;transform:translateY(-120%);opacity:0;
        transition:.25s ease;z-index:990
      }
      .mobile-nav.open{transform:none;opacity:1}
      .mobile-nav a{display:block;color:#e8ebef;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-weight:700;font-size:14px}
      .hero-side{display:none}
      .stats-grid{grid-template-columns:repeat(3,1fr)}
      .stat:nth-child(3){border-right:0}.stat:nth-child(n+4){border-top:1px solid var(--line)}
      .about-grid,.process-grid,.contact-grid{grid-template-columns:1fr}
      .about-grid{gap:45px}.process-grid{gap:42px}
      .product-grid{grid-template-columns:repeat(2,1fr)}
      .cap-grid{grid-template-columns:repeat(2,1fr)}
      .footer-top{grid-template-columns:1fr 1fr}
      .footer-brand{grid-column:1/-1}
    }
    .mobile-nav{display:none}

    @media (max-width:700px){
      :root{--header-h:72px}
      .wrap{width:min(100% - 28px,1220px)}
      .brand{min-width:0}.brand img{width:190px;max-height:46px}
      .lang-current{min-width:76px;height:40px}
      .hero{min-height:720px;height:auto}
      .hero-content{padding:100px 0 70px}
      .hero h1{font-size:clamp(45px,13vw,68px)}
      .hero-copy{font-size:16px}
      .hero-media img{object-position:58% center}
      .stats{padding:12px 0}
      .stats-grid{grid-template-columns:1fr 1fr}
      .stat{padding:18px 14px;border-right:1px solid var(--line);border-top:1px solid var(--line)}
      .stat:nth-child(2n){border-right:0}.stat:first-child,.stat:nth-child(2){border-top:0}
      .stat:last-child{grid-column:1/-1;border-right:0}
      .about,.products,.capabilities,.process,.contact{padding:78px 0}
      .about-visual{min-height:400px}
      .check-list{grid-template-columns:1fr}
      .section-head{display:block}.section-head .lead{margin-top:12px}
      .product-grid,.cap-grid{grid-template-columns:1fr}
      .market{padding-bottom:78px}
      .market-box{padding:34px 24px;min-height:440px}
      .market-map{width:75%;right:-22%;opacity:.12}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .footer-top{grid-template-columns:1fr;gap:28px}
      .footer-brand{grid-column:auto}
      .footer-bottom{display:block}.photo-credit{margin-top:10px}
      .wa{width:52px;height:52px;right:15px;bottom:15px}
    }

/* Physical image version of the original profile-art blocks */
img.profile-art{
  width:100%;
  height:154px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:18px;
  margin-bottom:25px;
  background:linear-gradient(135deg,#edf0f3,#c8ced4 55%,#f7f8f9);
}
/* Pseudo elements were used by the old DIV artwork; IMG elements ignore them. */

/* YETENEKLER BAŞLIĞI - MASAÜSTÜNDE DAHA GENİŞ */
.capabilities .section-title {
    max-width: 1200px;
    width: 100%;
}

.capabilities .lead {
    max-width: 1200px;
    width: 100%;
}


/* =========================================================
   ANA SAYFA HERO 5'Lİ SLIDER
========================================================= */

.hero {
    position: relative;
    overflow: hidden;
}


/* SLIDER ANA ALANI */
.hero-slider {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/* HER SLIDE */
.hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    transform: scale(1.04);

    transition:
        opacity 1s ease,
        transform 6s ease;

    pointer-events: none;
}


/* AKTİF SLIDE */
.hero-slide.active {
    opacity: 1;
    transform: scale(1);
}


/* RESİM */
.hero-slide img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;
}


/* =========================================================
   SAĞ SOL OKLAR
========================================================= */

.hero-slider-arrow {
    position: absolute;
    top: 50%;

    z-index: 15;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;

    background: rgba(0, 0, 0, .25);

    color: #fff;

    font-size: 40px;
    line-height: 1;

    cursor: pointer;

    backdrop-filter: blur(5px);

    transition: .25s ease;
}


.hero-slider-arrow:hover {
    background: #e8b846;
    border-color: #e8b846;
    color: #070a0f;
}


.hero-slider-prev {
    left: 25px;
}


.hero-slider-next {
    right: 25px;
}


/* =========================================================
   ALT NOKTALAR
========================================================= */

.hero-slider-dots {
    position: absolute;

    left: 50%;
    bottom: 28px;

    z-index: 15;

    display: flex;
    align-items: center;
    gap: 9px;

    transform: translateX(-50%);
}


.hero-slider-dots button {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, .4);

    cursor: pointer;

    transition: .3s ease;
}


.hero-slider-dots button.active {
    width: 28px;

    border-radius: 10px;

    background: #e8b846;
}


/* =========================================================
   HERO İÇERİĞİ SLIDERIN ÜSTÜNDE KALSIN
========================================================= */

.hero .wrap,
.hero-grid,
.hero-side {
    position: relative;
    z-index: 5;
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 768px) {

    .hero-slider-arrow {
        width: 40px;
        height: 40px;

        font-size: 30px;
    }

    .hero-slider-prev {
        left: 10px;
    }

    .hero-slider-next {
        right: 10px;
    }

    .hero-slider-dots {
        bottom: 18px;
    }

}

/* =========================================
   HERO SLIDER BAŞLIK
========================================= */

#heroSlideTitle {
    font-size: clamp(44px, 4vw, 64px);
    line-height: 1;
}

@media (max-width: 768px) {
    #heroSlideTitle {
        font-size: 42px;
        line-height: 1.02;
    }
}

/* ÇÖZÜMLER - 5 KUTU */
.capabilities .cap-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
}

.capabilities .cap-card {
    min-width: 0;
}

/* Tablet */
@media (max-width: 1200px) {
    .capabilities .cap-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobil */
@media (max-width: 768px) {
    .capabilities .cap-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   HERO SLIDER FONT KÜÇÜLTME
========================================= */

#heroSlideTitle {
    font-size: clamp(24px, 2.4vw, 36px);   /* başlık ciddi küçülür */
    line-height: 1.02;
    max-width: 520px;
}

#heroSlideText {
    font-size: 15px;                       /* yaklaşık %20 küçük */
    line-height: 1.6;
    max-width: 700px;
}

/* mobil */
@media (max-width: 768px) {
    #heroSlideTitle {
        font-size: 28px;
        line-height: 1.05;
        max-width: 100%;
    }

    #heroSlideText {
        font-size: 14px;
        line-height: 1.55;
        max-width: 100%;
    }
}

.product-card{
    min-height:620px;
    border-radius:24px;
    background:#f2f4f7;
    border:1px solid #e1e5ea;
    overflow:hidden;
    padding:27px;
    position:relative;
    transition:.3s ease;

    display:flex;
    flex-direction:column;
}

.product-card .profile-art{
    width:100%;
    height:360px;
    object-fit:contain;
    object-position:center;
    display:block;

    background:#f2f4f7;
    border-radius:18px;
    margin-bottom:25px;
}

.product-card .card-link{
    margin-top:auto;
}

.product-card .card-link{
    margin-top:auto;
}

/* ÜST MENÜ LOGO %10 BÜYÜT */
#siteHeader .brand img {
    transform: scale(1.40);
    transform-origin: left center;
}

.contact-card-double{
    display:block;
    text-decoration:none;
}

.contact-card-double small{
    display:block;
    margin-bottom:10px;
}

.contact-value-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap:40px;   /* istediğin 10 karakter boşluk etkisi için */
    row-gap:8px;
    align-items:center;
}

.contact-value-grid a{
    display:block;
    color:#0f172a;
    text-decoration:none;
    font-weight:700;
    font-size:15px;
    line-height:1.35;
    white-space:nowrap;
}

.contact-value-grid a:hover{
    text-decoration:none;
}

@media (max-width: 900px){
    .contact-value-grid{
        grid-template-columns:1fr;
        row-gap:10px;
    }
}

/* ÇÖZÜM KARTLARI - 25 SATIR SINIRI */
.cap-card p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:25;
    line-clamp:25;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* AÇILAN DETAY PENCERESİ */
.cap-modal .cap-modal-content p{
    display:block;
    overflow:visible;
    -webkit-line-clamp:unset;
    line-clamp:unset;

    max-width:850px;
    font-size:16px;
    line-height:1.75;
}

/* MOBİL */
@media(max-width:600px){
    .cap-modal .cap-modal-content p{
        font-size:14px;
        line-height:1.65;
    }
}

/* =========================================================
   ÇÖZÜMLER DETAY PENCERESİ - METİN SCROLL
========================================================= */

.cap-modal-window{
    max-height:90vh;
}

.cap-modal-content{
    max-height:90vh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

/* SADECE AÇIKLAMA METNİ KAYDIRILSIN */
.cap-modal .cap-modal-content p{
    display:block;

    max-width:850px;
    width:100%;
    max-height:50vh;

    margin:0 auto;
    padding-right:15px;

    overflow-y:auto;
    overflow-x:hidden;

    font-size:15px;
    line-height:1.65;

    -webkit-line-clamp:unset;
    line-clamp:unset;

    scrollbar-gutter:stable;
}

/* SCROLLBAR GÖRÜNÜMÜ */
.cap-modal .cap-modal-content p::-webkit-scrollbar{
    width:7px;
}

.cap-modal .cap-modal-content p::-webkit-scrollbar-track{
    background:rgba(255,255,255,.06);
    border-radius:10px;
}

.cap-modal .cap-modal-content p::-webkit-scrollbar-thumb{
    background:rgba(214,176,92,.65);
    border-radius:10px;
}

.cap-modal .cap-modal-content p::-webkit-scrollbar-thumb:hover{
    background:#d6b05c;
}

@media(max-width:600px){

    .cap-modal-window{
        height:100dvh;
        max-height:100dvh;
    }

    .cap-modal-content{
        height:100%;
        max-height:100%;
        padding:90px 50px 55px;
    }

    .cap-modal .cap-modal-content p{
        max-height:55vh;
        font-size:14px;
        line-height:1.6;
        padding-right:10px;
    }
}