:root{--blue:#079df0;--text:#071b3d;--muted:#52637d;--line:#e5edf5;--soft:#f8fbff}
*{box-sizing:border-box}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:1210px;max-width:92%;margin:0 auto}
.topbar{height:36px;background:#061936;color:#fff;font-size:14px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between}.top-left,.top-right{display:flex;gap:22px;align-items:center}
.header{height:84px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);position:sticky;top:0;z-index:10}.header .container{height:84px;display:flex;align-items:center;justify-content:space-between}.logo{line-height:.85;color:#071b3d;font-weight:950;letter-spacing:-2px}.logo .big{display:block;font-size:40px}.logo .small{display:block;font-size:14px;letter-spacing:15px;font-weight:500;margin-top:9px;margin-left:3px}
.nav{display:flex;gap:42px;align-items:center;font-weight:700;color:#061936}.nav a{font-size:15px}.offer{display:inline-flex;align-items:center;gap:10px;background:#071936;color:#fff;border-radius:30px;padding:14px 27px;font-weight:800;box-shadow:0 8px 22px rgba(5,21,46,.16)}.menu{display:none;background:#071936;color:#fff;border:0;border-radius:12px;padding:10px 13px;font-size:21px}
.hero{height:520px;background:url('assets/images/hero-banner.png') center center/cover no-repeat;position:relative}.benefits{background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 9px 28px rgba(6,27,60,.08)}.benefits .container{height:98px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:32px}.benefit{display:flex;align-items:center;gap:14px}.ico{width:48px;height:48px;border-radius:11px;background:linear-gradient(135deg,#0da7f5,#0b78d4);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 12px 25px rgba(13,167,245,.25)}.benefit h3{margin:0 0 5px;font-size:16px}.benefit p{margin:0;font-size:14px;color:var(--muted)}
.section{padding:31px 0 68px}.section.soft{background:#fbfdff}.title{text-align:center;margin:0 auto 31px}.title .mini{font-size:13px;letter-spacing:5px;color:#0a9bed;font-weight:950;margin-bottom:8px}.title h1,.title h2{font-size:34px;line-height:1.1;margin:0;color:#071b3d;letter-spacing:-1px}.dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.dots i{width:6px;height:6px;border-radius:50%;background:#0a9bed;display:block}
.group-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.group-card{background:#fff;border:1px solid #dde7f0;border-radius:7px;overflow:hidden;box-shadow:0 14px 38px rgba(6,27,60,.06);transition:.2s}.group-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(6,27,60,.12)}.group-card img{width:100%;height:145px;object-fit:cover;display:block}.group-body{text-align:center;padding:15px 15px 13px}.group-body h3{font-size:17px;line-height:1.2;margin:0 0 9px;color:#092250}.group-body p{font-size:13.5px;line-height:1.45;color:#4f607a;margin:0 0 14px;min-height:58px}.detail-btn{display:inline-flex;align-items:center;gap:20px;border:1px solid #e2eaf2;border-radius:26px;padding:9px 18px;font-size:13.5px;font-weight:800;background:#fff;color:#081d42}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(6,27,60,.06)}.product-card img{height:238px;width:100%;object-fit:cover;display:block}.product-body{padding:20px}.badge{display:inline-block;background:#071936;color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;margin-bottom:10px}.product-body h3{font-size:18px;margin:0 0 8px;line-height:1.25}.product-body p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 14px}
.page-hero{background:#061936;color:#fff;padding:64px 0}.page-hero h1{font-size:46px;margin:0 0 10px}.page-hero p{margin:0;color:#dceeff;font-size:18px}.detail{padding:60px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.detail-img{border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(6,27,60,.15)}.detail-img img{width:100%;height:540px;object-fit:cover}.detail h1{font-size:42px;margin:0 0 12px}.detail p{font-size:17px;line-height:1.7;color:var(--muted)}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:22px 0}.spec{background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:13px;font-weight:800}.spec:before{content:"✓";color:#0a9bed;margin-right:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 14px 38px rgba(6,27,60,.06)}input,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:12px;font:inherit}textarea{min-height:130px}.submit{width:100%;border:0;border-radius:30px;padding:15px;background:#079df0;color:#fff;font-weight:900}.footer{background:#061936;color:#dbeaff;padding:42px 0}.footer .container{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer h3,.footer h4{color:#fff;margin-top:0}.footer p,.footer a{color:#c7d8ea;line-height:1.6}
@media(max-width:1000px){.group-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.benefits .container{height:auto;padding:24px 0;grid-template-columns:repeat(2,1fr)}.detail,.form-grid,.footer .container{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{display:none}.header{height:74px}.header .container{height:74px}.logo .big{font-size:31px}.logo .small{font-size:11px;letter-spacing:11px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:22px 4%;border-top:1px solid var(--line)}body.menu-open .nav{display:grid;gap:18px}.offer{display:none}.menu{display:block}.hero{height:245px;background-position:center}.benefits .container,.group-grid,.product-grid,.specs{grid-template-columns:1fr}.title h2{font-size:28px}.detail-img img{height:360px}}


.hero{
    min-height:520px !important;
    background-position:center center !important;
}

@media(max-width:760px){
    .hero{
        min-height:340px !important;
        background-size:cover !important;
    }
}


.offer{
    background: linear-gradient(135deg,#00b14f,#009944) !important;
}

.offer:hover{
    transform: translateY(-2px);
    box-shadow:0 12px 30px rgba(0,177,79,.35);
}

.product-content{
    margin-top:24px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:24px;
    box-shadow:0 14px 38px rgba(6,27,60,.06);
}
.product-content h2{
    margin:0 0 14px;
    color:#071b3d;
    font-size:28px;
}
.product-content p{
    color:#52637d;
    line-height:1.75;
    font-size:16px;
}
.feature-list{
    margin:20px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}
.feature-list li{
    background:#f8fbff;
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px;
    font-weight:800;
    color:#071b3d;
}
.feature-list li:before{
    content:"❄️ ";
}
@media(max-width:760px){
    .feature-list{grid-template-columns:1fr}
}

.lang-switch{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid #dbe7f0;
    border-radius:999px;
    padding:6px;
    background:#fff;
    margin-left:10px;
}
.lang-switch a{
    padding:8px 11px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
    color:#071b3d;
}
.lang-switch a.active{
    background:#071936;
    color:#fff;
}
@media(max-width:760px){
    .lang-switch{margin-left:0}
}


/* =========================
   TAM MOBİL UYUMLULUK PAKETİ
   ========================= */
img{max-width:100%;height:auto}
body{overflow-x:hidden}
.header{z-index:9999}
.nav a,.offer,.lang-switch a{white-space:nowrap}

@media(max-width:1100px){
    .container{width:94%;max-width:94%}
    .topbar .container{gap:12px}
    .top-right{gap:12px;font-size:13px;flex-wrap:wrap}
    .nav{gap:20px}
    .offer{padding:12px 18px;font-size:14px}
    .group-grid{grid-template-columns:repeat(3,1fr)!important}
    .product-grid{grid-template-columns:repeat(2,1fr)!important}
    .benefits .container{grid-template-columns:repeat(2,1fr)!important;height:auto!important;padding:22px 0}
    .detail,.form-grid{grid-template-columns:1fr!important}
    .detail-img{position:relative!important;top:auto!important}
    .footer .container{grid-template-columns:1fr 1fr!important}
}

@media(max-width:768px){
    .topbar{display:block!important;height:auto!important;padding:8px 0}
    .topbar .container{height:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;font-size:12px!important}
    .top-left,.top-right{width:100%;display:flex!important;flex-wrap:wrap!important;gap:8px!important;line-height:1.4}
    .header{height:auto!important;min-height:72px!important;top:0}
    .header .container{height:auto!important;min-height:72px!important;padding:10px 0!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important}
    .logo{min-width:0}
    .logo .big{font-size:28px!important;letter-spacing:-1.2px!important}
    .logo .small{font-size:10px!important;letter-spacing:9px!important;margin-top:7px!important}
    .menu{display:flex!important;align-items:center;justify-content:center;justify-self:end;width:44px;height:42px;padding:0!important;font-size:22px!important;border-radius:10px!important}
    .nav{display:none!important;grid-column:1 / -1;position:static!important;width:100%!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:12px!important;box-shadow:0 18px 35px rgba(6,27,60,.10);gap:0!important}
    body.menu-open .nav{display:grid!important}
    .nav a{display:block;padding:13px 12px;border-bottom:1px solid #eef3f7;font-size:15px!important}
    .nav a:last-child{border-bottom:0}
    .lang-switch{grid-column:1 / -1;justify-self:start;margin:0!important;width:auto;order:3}
    .offer{grid-column:1 / -1;width:100%;justify-content:center;padding:13px 15px!important;border-radius:14px!important;font-size:15px!important;margin-top:2px}
    .hero{height:300px!important;min-height:300px!important;background-size:cover!important;background-position:center center!important}
    .benefits .container{grid-template-columns:1fr!important;padding:18px 0!important;gap:12px!important}
    .benefit{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:0 8px 18px rgba(6,27,60,.05)}
    .ico{width:42px!important;height:42px!important;min-width:42px!important;font-size:20px!important}
    .section{padding:42px 0!important}
    .title{margin-bottom:24px!important;padding:0 4px}
    .title .mini{font-size:12px!important;letter-spacing:3px!important}
    .title h1,.title h2{font-size:27px!important;line-height:1.18!important}
    .group-grid,.product-grid{grid-template-columns:1fr!important;gap:17px!important}
    .group-card,.product-card{border-radius:16px!important}
    .group-card img{height:220px!important;object-fit:cover!important}
    .product-card img{height:240px!important;object-fit:cover!important}
    .group-body,.product-body{padding:18px!important}
    .group-body p{min-height:auto!important}
    .detail-btn{width:100%;justify-content:center;border-radius:14px!important;padding:12px 16px!important}
    .page-hero{padding:42px 0!important}
    .page-hero h1{font-size:32px!important;line-height:1.15!important}
    .page-hero p{font-size:16px!important;line-height:1.6!important}
    .detail{padding:36px 0!important;gap:24px!important}
    .detail-img{border-radius:18px!important}
    .detail-img img{height:auto!important;max-height:360px!important;width:100%!important;object-fit:contain!important;background:#f5f8fb}
    .detail h1{font-size:29px!important;line-height:1.18!important}
    .detail p{font-size:15.5px!important;line-height:1.7!important}
    .specs,.feature-list{grid-template-columns:1fr!important;gap:9px!important}
    .spec,.feature-list li{font-size:14px!important;padding:12px!important}
    .product-content{padding:18px!important;border-radius:16px!important}
    .product-content h2{font-size:22px!important}
    .product-content p{font-size:15px!important}
    .form-grid{grid-template-columns:1fr!important;gap:18px!important}
    .box{padding:20px!important;border-radius:18px!important}
    input,textarea{font-size:16px!important;border-radius:12px!important}
    .submit{border-radius:14px!important;padding:15px!important}
    .footer{padding:34px 0!important}
    .footer .container{grid-template-columns:1fr!important;gap:18px!important}
    .footer h3,.footer h4{margin-bottom:8px}
    .footer p{margin:6px 0}
}

@media(max-width:430px){
    .container{width:92%!important;max-width:92%!important}
    .logo .big{font-size:24px!important}
    .logo .small{font-size:9px!important;letter-spacing:7px!important}
    .hero{height:245px!important;min-height:245px!important;background-position:center center!important}
    .group-card img,.product-card img{height:205px!important}
    .title h1,.title h2{font-size:24px!important}
    .page-hero h1{font-size:28px!important}
    .detail h1{font-size:25px!important}
    .lang-switch a{padding:7px 10px!important;font-size:12px!important}
}


/* BLOG ALANI */
.blog-section{min-height:360px}
.blog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.blog-toolbar .mini{font-size:12px;letter-spacing:3px;font-weight:800;color:var(--primary,#0b4f8a);margin-bottom:8px}
.blog-toolbar h2{margin:0;font-size:34px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{background:#fff;border:1px solid var(--line,#e5ebf0);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(6,27,60,.06)}
.blog-card img{width:100%;height:210px;object-fit:cover;display:block}
.blog-card-body{padding:20px}
.blog-card h2,.blog-card h3{margin:0 0 10px;line-height:1.3}
.blog-card p{margin:0 0 16px;line-height:1.7}
.blog-article{max-width:900px;margin:0 auto;padding:46px 0}
.blog-article h1{font-size:42px;line-height:1.15;margin-bottom:18px}
.blog-article h2{font-size:28px;margin-top:34px}
.blog-article p,.blog-article li{font-size:17px;line-height:1.85}
.blog-meta{font-size:14px;opacity:.72;margin-bottom:28px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.blog-toolbar{align-items:flex-start;flex-direction:column}.blog-toolbar h2{font-size:28px}.blog-grid{grid-template-columns:1fr}.blog-article{padding:34px 0}.blog-article h1{font-size:32px}}


/* BLOG ARTICLE ENHANCEMENTS */
.article-wrap{background:#f7f9fc;padding:42px 0 70px}.article-shell{max-width:980px;margin:auto;background:#fff;border:1px solid var(--line,#e5ebf0);border-radius:22px;box-shadow:0 14px 45px rgba(6,27,60,.06);overflow:hidden}.article-cover{width:100%;height:420px;object-fit:cover;display:block}.article-inner{padding:42px 54px}.article-kicker{font-weight:900;color:#0a9bed;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.article-title{font-size:44px;line-height:1.12;margin:10px 0 12px;color:#071b3d}.article-lead{font-size:20px;line-height:1.75;color:#42526b;margin:24px 0 30px}.article-body h2{font-size:29px;line-height:1.25;color:#071b3d;margin:38px 0 14px}.article-body p{font-size:17px;line-height:1.85;color:#43516a;margin:0 0 18px}.article-body a{color:#087dc1;font-weight:800;text-decoration:none}.toc{background:#f6fbff;border:1px solid #dceef8;border-radius:16px;padding:22px 26px;margin:28px 0}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;padding:5px 0;color:#21405e;text-decoration:none}.faq-box{border-top:1px solid #e7edf3;margin-top:42px;padding-top:28px}.faq-item{background:#f8fbff;border-radius:14px;padding:18px 20px;margin:12px 0}.faq-item h3{margin:0 0 8px;font-size:18px}.faq-item p{margin:0}.related-box{margin-top:36px;background:#071b3d;color:#fff;border-radius:16px;padding:24px}.related-box h3{margin:0 0 12px}.related-box a{color:#9edcff;display:inline-block;margin:5px 12px 5px 0}.breadcrumbs{font-size:13px;margin-bottom:16px;color:#6f7c91}.breadcrumbs a{color:#47718f;text-decoration:none}.blog-meta-row{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#728096;margin-bottom:20px}.blog-card-link{text-decoration:none;color:inherit;display:block;height:100%}.blog-card .thumb{width:100%;height:210px;object-fit:cover}.blog-card .category{font-size:12px;font-weight:900;letter-spacing:1px;color:#0a9bed;text-transform:uppercase}.blog-card .readmore{font-weight:900;color:#087dc1}.blog-card p{color:#607087}.blog-card-body h3{font-size:21px;color:#071b3d}.blog-grid{align-items:stretch}.blog-card{height:100%}
@media(max-width:768px){.article-wrap{padding:20px 0 45px}.article-shell{border-radius:0;border-left:0;border-right:0}.article-cover{height:240px}.article-inner{padding:28px 20px}.article-title{font-size:32px}.article-lead{font-size:18px}.article-body h2{font-size:25px}}