:root{--navy:#102f54;--dark:#071b30;--text:#213142;--muted:#f5f7f9;--white:#fff;--max:1200px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}img{max-width:100%;display:block}svg{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8edf2}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand img{width:220px;max-height:58px;object-fit:contain}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--navy)}.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy);cursor:pointer}
.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:var(--dark)}
.hero-media,.hero video.hero-media,.hero img.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block!important;visibility:visible!important;opacity:1!important;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,23,41,.84),rgba(7,23,41,.22))}
.hero-content{position:relative;z-index:2;color:#fff;padding:110px 0}.hero-content h1{font-size:clamp(42px,6vw,78px);line-height:1.05;max-width:850px;margin:18px 0}.hero-content p{font-size:20px;max-width:650px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.22em}.eyebrow.dark{color:var(--navy)}.btn{display:inline-flex;padding:14px 25px;background:var(--navy);color:#fff;border:0;font-weight:700;margin-top:15px}.btn.light{background:#fff;color:var(--navy)}
.section{padding:90px 0}.muted{background:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.section h2{font-size:40px;line-height:1.15;color:var(--navy);margin:12px 0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}.card{background:#fff;border:1px solid #e4e9ef;min-height:390px;display:flex;flex-direction:column;overflow:hidden;transition:.3s ease;box-shadow:0 10px 30px rgba(16,47,84,.06)}.card:hover{transform:translateY(-5px);border-color:#102f54;box-shadow:0 20px 45px rgba(16,47,84,.13)}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:28px;display:flex;flex-direction:column;flex:1}.card-body h2,.card-body h3{margin:0 0 14px;font-size:25px;color:#102f54;line-height:1.2}.card-body small{color:#718096}.card-body p{margin:0 0 22px;color:#657180;line-height:1.7;flex:1}.card-body a{display:inline-flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #edf1f4;color:#102f54;font-weight:700}.card-body a:hover{opacity:.7}
.cta{background:var(--navy);color:#fff;padding:65px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.page-hero{background:var(--navy);color:#fff;padding:80px 0}.page-hero h1{font-size:52px;margin:10px 0}.content{max-width:900px}.lead{font-size:20px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.product-detail>img{width:100%;max-height:520px;object-fit:cover}
.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{padding:15px;border:1px solid #d8dee5;font:inherit}.contact-form textarea{min-height:150px}.notice{padding:12px;background:#eef3f7}.map-section iframe{width:100%;min-height:420px;border:0}
.site-footer{background:#071827;color:#dfe7ee;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.site-footer img{width:180px;filter:brightness(0) invert(1)}.socials{display:flex;flex-wrap:wrap;gap:12px}.socials a,.footer-wa{font-size:13px;border:1px solid rgba(255,255,255,.2);padding:8px 10px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding:20px;text-align:center;font-size:13px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:10px}.category-card{position:relative;min-height:260px;padding:38px;background:#fff;border:1px solid #e5eaf0;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 12px 35px rgba(16,47,84,.07)}.category-card::before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:#102f54}.category-card:hover{transform:translateY(-6px);border-color:#102f54;box-shadow:0 22px 50px rgba(16,47,84,.15)}.category-icon{position:absolute;top:32px;right:32px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#eef3f7;color:#102f54;font-size:22px;font-weight:700;border-radius:50%}.category-card h2{margin:0 0 10px;padding-right:70px;font-size:30px;line-height:1.2;color:#102f54}.category-card p{margin:0;color:#758291;font-size:15px}.category-arrow{position:absolute;right:38px;bottom:35px;font-size:28px;color:#102f54;transition:transform .25s ease}.category-card:hover .category-arrow{transform:translateX(7px)}.back-link{display:inline-block;margin-top:20px;color:#fff;font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5)}
.product-placeholder{height:180px;background:linear-gradient(135deg,#102f54,#173f6d);display:flex;align-items:center;justify-content:center;position:relative}.product-placeholder::before{content:"";width:58px;height:58px;border:2px solid rgba(255,255,255,.8);border-radius:50%;position:absolute}.product-placeholder::after{content:"K";color:#fff;font-size:26px;font-weight:800;position:relative;z-index:2}.empty-state{padding:50px;background:#f5f7f9;border:1px solid #e5eaf0;text-align:center;color:#738094}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
.nav-wrap{height:72px}.brand img{width:165px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:25px 20px;box-shadow:0 15px 30px rgba(0,0,0,.08)}.site-header nav.open{display:flex}
.hero{min-height:560px;position:relative;overflow:hidden}
.hero video.hero-media,.hero img.hero-media{display:block!important;visibility:visible!important;opacity:1!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(7,23,41,.82),rgba(7,23,41,.38))}
.hero-content{z-index:2;padding:80px 0}.hero-content h1{font-size:44px;line-height:1.05}.hero-content p{font-size:17px}
.two-col,.product-detail,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.cta .container{display:block}.page-hero h1{font-size:40px}
.category-grid{grid-template-columns:1fr;gap:18px}.category-card{min-height:210px;padding:28px}.category-card h2{font-size:24px}.category-icon{width:50px;height:50px;top:25px;right:25px}.category-arrow{right:28px;bottom:26px}}
@media(max-width:700px){.cards{grid-template-columns:1fr}.card{min-height:auto}}

/* =========================================
   KARKİM HERO ANİMASYONLARI
========================================= */

.hero-content .eyebrow,
.hero-content h1,
.hero-content p,
.hero-content .btn {
    opacity: 0;
    transform: translateY(35px);
    animation: heroReveal .9s cubic-bezier(.22,1,.36,1) forwards;
}

.hero-content .eyebrow {
    animation-delay: .25s;
}

.hero-content h1 {
    animation-delay: .5s;
}

.hero-content p {
    animation-delay: .8s;
}

.hero-content .btn {
    animation-delay: 1.05s;
}

@keyframes heroReveal {
    from {
        opacity: 0;
        transform: translateY(35px);
        filter: blur(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* Başlığın çok hafif premium hareketi */
.hero-content h1 {
    position: relative;
}

/* Buton premium geçiş */
.hero-content .btn {
    position: relative;
    overflow: hidden;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;
}

.hero-content .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

/* Buton üzerinden ışık geçişi */
.hero-content .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    transform: skewX(-20deg);
    transition: left .7s ease;
}

.hero-content .btn:hover::before {
    left: 140%;
}

/* Video açılırken hafif sinematik zoom */
.hero-media {
    animation: heroVideoZoom 12s ease-out forwards;
}

@keyframes heroVideoZoom {
    from {
        transform: scale(1.05);
    }

    to {
        transform: scale(1);
    }
}

/* Hareket azaltma tercihi olan kullanıcılar */
@media (prefers-reduced-motion: reduce) {
    .hero-content .eyebrow,
    .hero-content h1,
    .hero-content p,
    .hero-content .btn,
    .hero-media {
        animation: none;
        opacity: 1;
        transform: none;
        filter: none;
    }
}

.cookie-banner{
    position:fixed;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:9999;

    display:none;

    background:#ffffff;
    border:1px solid #e2e8ee;
    box-shadow:0 20px 60px rgba(7,24,39,.20);

    animation:cookieUp .5s cubic-bezier(.22,1,.36,1);
}

.cookie-banner.show{
    display:block;
}

.cookie-inner{
    max-width:1200px;
    margin:auto;
    padding:22px 24px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.cookie-text{
    max-width:760px;
}

.cookie-text strong{
    display:block;
    margin-bottom:5px;

    color:#102f54;
    font-size:17px;
}

.cookie-text p{
    margin:0;

    color:#667381;
    font-size:14px;
    line-height:1.6;
}

.cookie-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.cookie-link{
    padding:11px 14px;

    color:#102f54;
    font-size:13px;
    font-weight:700;
}

.cookie-btn{
    padding:11px 18px;

    border:0;
    cursor:pointer;

    font-weight:800;
}

.cookie-btn.reject{
    color:#102f54;
    background:#eef3f7;
}

.cookie-btn.accept{
    color:#ffffff;
    background:#102f54;
}

.cookie-btn:hover{
    transform:translateY(-2px);
}

@keyframes cookieUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:800px){

    .cookie-banner{
        left:12px;
        right:12px;
        bottom:12px;
    }

    .cookie-inner{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
    }

    .cookie-actions{
        width:100%;
    }

    .cookie-btn{
        flex:1;
    }

}


/* Home category compatibility safeguard */
.home-category-floating-icon svg{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}
.home-category-image img{width:100%;height:100%;object-fit:cover}