/* Pazaryeri komisyon hesaplayıcısı — eski Flask şablonundan taşındı. */
/* ═══ NAVBAR ═══ */
        .lp-nav {
            background:#fff;
            box-shadow:0 1px 8px rgba(0,0,0,.07);
            position:sticky;top:0;z-index:1030;
        }
.lp-nav .container-fluid {padding:0 80px;}
.lp-nav .navbar-brand {padding:18px 0;}
.lp-nav .navbar-brand img {height:52px;width:auto;object-fit:contain;}
.lp-nav .nav-link {color:#111;font-size:.875rem;font-weight:400;padding:.4rem .85rem;}
.lp-nav .nav-link:hover {color:#052c65;}
.lp-nav .btn-outline-navy {
            border:1.5px solid #052c65;color:#052c65;border-radius:7px;
            padding:.45rem 1.4rem;font-size:.875rem;font-weight:600;
            background:transparent;text-decoration:none;display:inline-block;transition:.2s;
        }
.lp-nav .btn-outline-navy:hover {background:#052c65;color:#fff;}
.lp-nav .btn-navy {
            background:#052c65;color:#fff;border-radius:7px;
            padding:.45rem 1.4rem;font-size:.875rem;font-weight:600;border:none;
            text-decoration:none;display:inline-block;transition:.2s;
        }
.lp-nav .btn-navy:hover {background:#041e47;color:#fff;}
.lp-nav .nav-link-calc {
            color:#052c65;font-weight:600;
            background:#eef4ff;border:1px solid #cdddf7;border-radius:999px;
            padding:.4rem 1rem;transition:.2s;
        }
.lp-nav .nav-link-calc:hover {background:#052c65;color:#fff;border-color:#052c65;}
.lp-nav #navMain .nav-link-calc {border-radius:8px;text-align:center;margin:4px 0;border-bottom:1px solid #cdddf7;}
/* ── Mobile navbar ── */
        .lp-nav .navbar-toggler {
            border:1.5px solid #052c65;border-radius:7px;
            padding:.35rem .55rem;
        }
.lp-nav .navbar-toggler-icon {
            background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23052c65' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
.lp-nav .navbar-toggler:focus {box-shadow:none;}
.lp-nav .container-fluid {padding:0 20px;}
.lp-nav #navMain {
                background:#fff;
                border-top:1px solid #eef0f5;
                padding:16px 0 20px;
                margin-top:4px;
            }
.lp-nav #navMain .navbar-nav {
                gap:0 !important;
                margin-bottom:16px;
            }
.lp-nav #navMain .nav-link {
                font-size:1rem;padding:.65rem 8px;
                border-bottom:1px solid #f0f2f7;
            }
.lp-nav #navMain .nav-link:last-child {border-bottom:none;}
.lp-nav #navMain .d-flex {
                flex-direction:column;gap:10px !important;
                padding:0 8px;
            }
.lp-nav #navMain .btn-outline-navy,
            .lp-nav #navMain .btn-navy {
                display:block;text-align:center;
                padding:.7rem 1rem;font-size:1rem;
            }
/* ═══ HERO ═══ */
        .lp-hero {
            background:linear-gradient(-90deg,#f6f8fa 16%,#fff 84%);
            min-height:852px;padding:44px 0 60px;
            display:flex;align-items:center;overflow:hidden;
            position:relative;
        }
.lp-hero-badge {
            display:inline-flex;align-items:center;gap:8px;
            background:#fd7e14;color:#fff;
            font-size:.82rem;font-weight:600;border-radius:4px;
            padding:5px 14px;margin-bottom:24px;
        }
.lp-hero-badge {
            display:inline-flex;align-items:center;gap:8px;
            background:#fef3c7;color:#b45309;
            border:1px solid #fde68a;
            font-size:.78rem;font-weight:700;letter-spacing:.06em;
            padding:6px 12px;border-radius:999px;
            margin-bottom:18px;
            text-transform:uppercase;
        }
.lp-hero-badge-dot {
            width:7px;height:7px;border-radius:50%;
            background:#f59e0b;
            box-shadow:0 0 0 0 rgba(245,158,11,.6);
            animation:lpHeroBadgePulse 2s infinite;
        }
.lp-hero-microtext {
            display:block;color:#475569;
            font-size:.82rem;font-weight:500;
            margin-top:10px;text-align:center;
        }
.lp-price-subtitle {
            color:rgba(255,255,255,.85);
            font-size:1rem;font-weight:400;
            text-align:center;
            margin:-8px 0 28px 0;
        }
.lp-price-subtitle strong {color:#fff;font-weight:700;}
.lp-hero-title {
            color:#052c65;
            font-size:clamp(2rem,3.4vw,3.1rem);
            font-weight:600;
            line-height:1.18;
            margin-bottom:24px;
            letter-spacing:-.01em;
        }
.lp-hero-sub {
            color:#052c65;
            font-size:clamp(1rem,1.5vw,1.4rem);
            font-weight:400;
            line-height:1.6;
            margin-bottom:40px;
        }
.lp-btn-start {
            display:block;background:#052c65;color:#fff;
            border:none;border-radius:10px;padding:1.05rem 2rem;
            font-size:1.1rem;font-weight:600;text-decoration:none;
            text-align:center;transition:.2s;margin-bottom:14px;
            font-family:'Poppins',sans-serif;
        }
.lp-btn-start:hover {background:#041e47;color:#fff;}
.lp-btn-demo {
            display:inline-flex;align-items:center;justify-content:center;gap:10px;
            background:#dbe9ff;color:#052c65;
            border:none;border-radius:10px;padding:1.05rem 2rem;
            font-size:1.1rem;font-weight:600;text-decoration:none;transition:.2s;
            font-family:'Poppins',sans-serif;
        }
.lp-btn-demo:hover {background:#c5d9f5;color:#052c65;}
/* ═══ CİROMETRE NEDİR ═══ */
        .lp-about {
            background:linear-gradient(90deg,#052560 24%,#114791 76%);
            padding:90px 0;
        }
.lp-about-title {
            color:#fff;font-size:clamp(2.2rem,4.5vw,4rem);
            font-weight:700;line-height:1.15;
        }
.lp-about-icon {width:200px;max-width:100%;}
.lp-about-text {
            color:#fff;font-size:clamp(.95rem,1.3vw,1.35rem);line-height:1.75;
        }
/* ═══ VS ═══ */
        .lp-vs {background:#fd7e14;padding:72px 0;}
.lp-vs-label {
            color:#fff;font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:400;
        }
.lp-vs-card {
            background:linear-gradient(to right,#fbe2ce 52%,#fff 94%);
            border-radius:35px;box-shadow:0 5px 5px rgba(0,0,0,.25);
            overflow:hidden;position:relative;margin-top:42px;
        }
.lp-vs-bg {
            position:absolute;left:-20px;top:-13px;
            width:62%;height:auto;min-height:100%;
            object-fit:cover;z-index:0;
        }
.lp-vs-badge {
            position:absolute;left:50%;top:50%;
            transform:translate(-50%,-50%);
            background:#fd7e14;border-radius:50%;
            width:82px;height:82px;
            display:flex;align-items:center;justify-content:center;
            color:#fff;font-size:1.55rem;font-weight:600;z-index:3;
        }
.lp-vs-inner {
            position:relative;z-index:1;
            display:flex;align-items:center;justify-content:space-between;
            padding:36px 52px;gap:16px;
        }
.lp-vs-shot {
            width:47%;border-radius:4px;
            box-shadow:0 0 11px rgba(0,0,0,.55);
        }
.lp-vs-shot-r {
            box-shadow:0 1px 20px rgba(0,0,0,.18);
        }
/* ═══ ARAÇLAR ═══ */
        .lp-tools {background:#f7f9fb;padding:80px 0;}
.lp-tools-badge {
            display:inline-block;background:#fff;color:#606168;
            font-size:1rem;font-weight:600;border-radius:9px;
            padding:5px 18px;letter-spacing:.04em;margin-bottom:44px;
        }
/* ═══ NEDEN CİROMETRE ═══ */
        .lp-why {background:#fff;padding:80px 0;}
.lp-why-title {
            font-size:clamp(1.4rem,2.5vw,2.5rem);font-weight:300;
            text-align:center;margin-bottom:50px;color:#111;
        }
.lp-why-card {
            background:#f7f9fb;border-radius:30px;
            box-shadow:0 6px 22px rgba(0,0,0,.12);
            padding:36px 30px;height:100%;
        }
.lp-why-icon {
            background:#fd7e14;border-radius:12px;
            width:52px;height:52px;
            display:flex;align-items:center;justify-content:center;
            margin-bottom:16px;
        }
.lp-why-icon img {width:30px;height:30px;object-fit:contain;}
.lp-why-card-title {color:#052c65;font-size:1.5rem;font-weight:500;margin-bottom:10px;}
.lp-why-card-text {color:#494949;font-size:1rem;line-height:1.55;}
/* ═══ FİYATLANDIRMA ═══ */
        .lp-price {
            background:linear-gradient(90deg,#052560 24%,#114791 76%);
            padding:80px 0;
        }
.lp-price-title {
            color:#fff;font-size:clamp(1.6rem,2.5vw,2.6rem);
            font-weight:500;text-align:center;margin-bottom:28px;
        }
.lp-price-toggle {
            display:inline-flex;align-items:center;
            border:1.5px solid #fff;border-radius:9px;overflow:hidden;
            margin-bottom:44px;
        }
.lp-price-toggle button {
            background:transparent;border:none;color:#fff;
            padding:.4rem 1.6rem;font-size:.95rem;cursor:pointer;
            font-family:'Poppins',sans-serif;transition:.2s;
        }
.lp-price-toggle button.active {background:#fff;color:#052c65;font-weight:600;}
.lp-price-cta {margin-top:50px;text-align:center;}
.lp-price-cta a {
            display:inline-block;background:#fd7e14;color:#fff;
            border-radius:10px;padding:.9rem 2.6rem;
            font-size:1.05rem;font-weight:600;text-decoration:none;transition:.2s;
        }
.lp-price-cta a:hover {background:#e56d0a;color:#fff;}
/* ═══ SSS ═══ */
        .lp-faq {background:#fff;padding:80px 0;}
.lp-faq-title {font-size:clamp(1.4rem,2.2vw,2.1rem);font-weight:500;color:#111;margin-bottom:28px;}
/* ═══ 4 ADIM ═══ */
        .lp-steps {background:#fff3e9;padding:80px 0;}
.lp-steps-title {
            color:#111;font-size:clamp(1.4rem,2.2vw,1.85rem);
            font-weight:600;text-align:center;margin-bottom:56px;
        }
.lp-steps-connector {width:100%;max-width:740px;margin:0 auto 10px;display:block;}
.lp-step-circle {
            background:#fff;border-radius:50%;
            width:117px;height:117px;
            display:flex;align-items:center;justify-content:center;
            margin:0 auto 18px;
            box-shadow:0 0 17px 0 #ffab64;
        }
.lp-step-circle img {width:58px;height:58px;object-fit:contain;}
.lp-step-num {color:#fd7e14;font-size:.85rem;font-weight:700;margin-bottom:4px;}
.lp-step-name {color:#111;font-size:1rem;font-weight:500;margin-bottom:6px;}
.lp-step-desc {color:#494949;font-size:.85rem;font-weight:300;line-height:1.55;}
/* ═══ CTA BANNER ═══ */
        .lp-cta {background:#f7f9fb;padding:60px 0;}
.lp-cta-inner {
            background:#052560;border-radius:30px;
            padding:36px 50px;
            display:flex;align-items:center;justify-content:space-between;gap:30px;
            flex-wrap:wrap;
        }
.lp-cta-title {
            color:#fff;font-size:clamp(1.3rem,2.5vw,1.9rem);
            font-weight:600;margin:0;
            text-shadow:2px 3px 8px rgba(0,0,0,.35);
        }
.lp-cta-btn {
            display:inline-block;background:#fd7e14;color:#fff;
            border:none;border-radius:10px;padding:.85rem 2rem;
            font-size:1rem;font-weight:600;text-decoration:none;
            white-space:nowrap;transition:.2s;flex-shrink:0;
        }
.lp-cta-btn:hover {background:#e56d0a;color:#fff;}
/* ═══ FOOTER ═══ */
        .lp-footer {background:#0f1929;padding:60px 0 30px;}
.lp-footer-logo {height:44px;margin-bottom:16px;}
.lp-footer-desc {color:rgba(255,255,255,.6);font-size:.85rem;line-height:1.7;max-width:260px;}
.lp-footer-social {display:flex;gap:12px;margin-top:20px;}
.lp-footer-social a i {font-size:1.4rem;opacity:.75;transition:.2s;color:#fff;}
.lp-footer-social a:hover i {opacity:1;}
.lp-footer-heading {color:#fff;font-size:1rem;font-weight:600;margin-bottom:16px;}
.lp-footer-link {
            color:rgba(255,255,255,.6);font-size:.85rem;text-decoration:none;
            display:block;margin-bottom:10px;transition:.2s;
        }
.lp-footer-link:hover {color:#fff;}
.lp-footer-contact {
            color:rgba(255,255,255,.6);font-size:.85rem;
            display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;
        }
.lp-footer-icon {font-size:1rem;margin-top:3px;flex-shrink:0;color:rgba(255,255,255,.7);}
.lp-footer-bottom {
            border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;
            color:rgba(255,255,255,.4);font-size:.8rem;
            display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
        }
.lp-footer-bottom a {color:rgba(255,255,255,.4);text-decoration:none;}
.lp-footer-bottom a:hover {color:#fff;}
/* ═══ ARAÇLAR DROPDOWN ═══ */
        .lp-nav .dropdown-toggle::after {display:none;}
.lp-nav .dropdown-toggle .dd-caret {
            display:inline-block;width:10px;height:10px;margin-left:4px;
            vertical-align:middle;transition:transform .2s;
        }
.lp-nav .dropdown-toggle .dd-caret::before {
            content:'';display:block;
            border-left:4px solid transparent;border-right:4px solid transparent;
            border-top:5px solid #111;transition:border-color .2s;
        }
.lp-nav .dropdown-toggle:hover .dd-caret::before,
        .lp-nav .dropdown-toggle.show .dd-caret::before {border-top-color:#052c65;}
.lp-nav .dropdown-toggle.show .dd-caret {transform:rotate(180deg);}
.lp-nav .dropdown-menu {
            border:none;box-shadow:0 4px 16px rgba(0,0,0,.10);
            border-radius:10px;padding:8px 0;min-width:220px;margin-top:6px;
        }
.lp-nav .dropdown-item {
            color:#111;font-size:.85rem;padding:.55rem 1.1rem;transition:.15s;
        }
.lp-nav .dropdown-item:hover {background:#f0f4ff;color:#052c65;}
.lp-nav .dropdown-menu {
                box-shadow:none;border-radius:0;padding:0;
                border-left:3px solid #eef0f5;margin-left:12px;
            }
@media(max-width:991.98px){
            .lp-nav #navMain .nav-link-calc{border-radius:8px;text-align:center;margin:4px 0;border-bottom:1px solid #cdddf7;}
        }
@media(max-width:991.98px){
            .lp-nav .container-fluid{padding:0 20px;}
            .lp-nav #navMain{
                background:#fff;
                border-top:1px solid #eef0f5;
                padding:16px 0 20px;
                margin-top:4px;
            }
            .lp-nav #navMain .navbar-nav{
                gap:0 !important;
                margin-bottom:16px;
            }
            .lp-nav #navMain .nav-link{
                font-size:1rem;padding:.65rem 8px;
                border-bottom:1px solid #f0f2f7;
            }
            .lp-nav #navMain .nav-link:last-child{border-bottom:none;}
            .lp-nav #navMain .d-flex{
                flex-direction:column;gap:10px !important;
                padding:0 8px;
            }
            .lp-nav #navMain .btn-outline-navy,
            .lp-nav #navMain .btn-navy{
                display:block;text-align:center;
                padding:.7rem 1rem;font-size:1rem;
            }
        }
@media(max-width:991.98px){
            .lp-nav .dropdown-menu{
                box-shadow:none;border-radius:0;padding:0;
                border-left:3px solid #eef0f5;margin-left:12px;
            }
        }
.lp-hero-mps { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 28px;
            padding:4px 16px; margin-bottom:8px; }
.lp-hero-mps-label { font-size:.85rem; font-weight:500; color:#7b8aa3; }
.lp-hero-mp { display:inline-flex; align-items:center; gap:8px; }
.lp-hero-mp img { width:24px; height:24px; object-fit:contain; }
.lp-hero-mp span { font-size:.95rem; font-weight:600; color:#33415c; letter-spacing:-.01em; }
.lp-hero-mps { gap:8px 16px; }
.lp-hero-mp span { font-size:.85rem; }
@media (max-width:600px){ .lp-hero-mps { gap:8px 16px; } .lp-hero-mp span { font-size:.85rem; } }
.lp-calc { background:#f4f8ff; padding:80px 0; }
.lp-calc-title { color:#052c65; font-size:clamp(1.8rem,3.4vw,2.8rem); font-weight:700; line-height:1.15; text-align:center; margin-bottom:8px; }
.lp-calc-sub { color:#5b6b86; font-size:clamp(.95rem,1.3vw,1.15rem); text-align:center; margin-bottom:34px; }
.lp-calc-card { background:#fff; border:1px solid #e3ebf7; border-radius:20px; box-shadow:0 10px 30px -18px rgba(5,44,101,.30); overflow:hidden; }
.lp-calc-mps { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; padding:20px 22px 18px; }
.lp-mp-pill { display:inline-flex; align-items:center; gap:7px; border:1.5px solid #e3ebf7; background:#fff; color:#516079;
            border-radius:999px; padding:8px 16px; font-weight:600; font-size:.92rem; cursor:pointer; transition:.15s; font-family:'Poppins',sans-serif; }
.lp-mp-pill:hover { border-color:#bcd0f0; }
.lp-mp-pill.active { background:#052c65; border-color:#052c65; color:#fff; }
.lp-mp-dot { width:9px; height:9px; border-radius:50%; background:currentColor; opacity:.85; }
.lp-calc-body { display:grid; grid-template-columns:1.05fr 1fr; gap:0; }
.lp-calc-body { grid-template-columns:1fr; }
.lp-calc-inputs { padding:24px 26px; }
.lp-calc-field { margin-bottom:14px; }
.lp-calc-field label { display:block; font-size:.82rem; font-weight:600; color:#516079; margin-bottom:5px; }
.lp-calc-field .lp-inwrap { position:relative; }
.lp-calc-field input { width:100%; height:44px; border:1.5px solid #e3ebf7; border-radius:10px; padding:0 38px 0 13px;
            font-size:1rem; font-weight:600; color:#1e293b; font-variant-numeric:tabular-nums; outline:none; transition:.15s; font-family:'Poppins',sans-serif; }
.lp-calc-field input:focus { border-color:#052c65; box-shadow:0 0 0 3px rgba(5,44,101,.10); }
.lp-calc-field .lp-unit { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:.9rem; font-weight:600; pointer-events:none; }
.lp-calc-2col { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lp-calc-result { background:linear-gradient(160deg,#052560 0%,#0d3f80 100%); color:#fff; padding:26px; display:flex; flex-direction:column; }
.lp-res-net-label { font-size:.85rem; opacity:.8; font-weight:600; letter-spacing:.03em; text-transform:uppercase; }
.lp-res-net { font-size:clamp(2rem,4vw,2.9rem); font-weight:800; line-height:1.1; margin:2px 0 2px; font-variant-numeric:tabular-nums; }
.lp-res-net.pos { color:#4ade80; }
.lp-res-net.neg { color:#fca5a5; }
.lp-res-margin { font-size:.95rem; opacity:.92; font-weight:600; margin-bottom:16px; }
.lp-res-rows { border-top:1px solid rgba(255,255,255,.15); padding-top:12px; }
.lp-res-row { display:flex; justify-content:space-between; align-items:center; font-size:.86rem; padding:5px 0; }
.lp-res-row span:first-child { opacity:.85; }
.lp-res-row span:last-child { font-weight:600; font-variant-numeric:tabular-nums; }
.lp-res-row.total { border-top:1px solid rgba(255,255,255,.15); margin-top:6px; padding-top:10px; font-size:.95rem; font-weight:700; }
.lp-calc-cta { padding:16px 26px 22px; text-align:center; }
.lp-calc-cta a { display:inline-block; background:#052c65; color:#fff; border-radius:10px; padding:.85rem 1.8rem; font-weight:600; text-decoration:none; transition:.2s; font-family:'Poppins',sans-serif; }
.lp-calc-cta a:hover { background:#041e47; color:#fff; }
.lp-calc-note { font-size:.78rem; color:#8a97ac; margin-top:10px; }
.lp-mp-note { font-size:.76rem; color:#b45309; background:#fff7ed; border:1px solid #fed7aa; border-radius:8px; padding:6px 10px; margin:6px 0 0; display:none; }
.lp-auto-box { min-height:44px; border:1.5px dashed #cdd9ec; border-radius:10px; background:#f8fafd; padding:7px 11px;
            display:flex; flex-direction:column; justify-content:center; gap:3px; }
.lp-auto-check { display:flex; align-items:center; font-size:.82rem; font-weight:600; color:#3d4f6b; cursor:pointer; user-select:none; margin:0; }
.lp-auto-check input { width:15px; height:15px; accent-color:#052c65; cursor:pointer; flex-shrink:0; margin:0 9px 0 0; }
/* FBA ölçü alanları YAN BİLGİDİR: fiyat/maliyet gibi ana girdilerle aynı ağırlıkta
           görünmemeli. Daha kısa, daha ince, daha soluk — göz önce ana alanlara gitsin. */
        .lp-fba-mini { margin-bottom:10px; }
.lp-fba-mini label { font-size:.74rem; font-weight:500; color:#8a97ac; margin-bottom:3px; }
.lp-fba-mini input { height:34px; font-size:.86rem; font-weight:500; color:#516079;
            border-color:#eef3fa; background:#fbfcfe; padding:0 32px 0 11px; }
.lp-fba-mini input:focus { border-color:#bcd0f0; box-shadow:0 0 0 2px rgba(5,44,101,.06); }
/* iOS SAFARI ODAKTA SAYFAYI BÜYÜTÜYOR (2026-10-27).
   FBA ölçü alanları .86rem (13,76 px) idi — 16 px altındaki her form
   alanında Safari sayfayı yakınlaştırıyor ve geri çıkmıyor. Hesaplayıcı
   siteye en çok trafiği getiren sayfa ve bu alanlar aracın ortasında.
   Mobilde punto 16'ya, kutu yüksekliği de ona göre 40'a çıkarıldı;
   masaüstünde ölçüler aynı kalıyor. */
@media (max-width:760px) {
  .lp-fba-mini input { font-size:16px; height:40px; }
}
.lp-fba-mini .lp-unit { font-size:.78rem; right:11px; }
@media (max-width:900px){ .lp-calc-body { grid-template-columns:1fr; } }