/* Aerofa 3D Konfigüratör — tüm kurallar .aerofa-cfg altında kapsanmıştır */ .aerofa-cfg{ --navy:#12345a; --navy-2:#15375c; --accent:#4a627c; --accent-hi:#35506d; --accent-soft:rgba(74,98,124,.10); --accent-ring:rgba(74,98,124,.16); --on-accent:#ffffff; --bg:#f9fafc; --surface:#ffffff; --surface-2:#ffffff; --stage-1:#f2f5f9; --stage-2:#e7ecf3; --stage-3:#dbe2ec; --fg:#12345a; --fg-soft:#3a5878; --muted:#5b6b7d; --muted-2:#7d8b9b; --muted-3:#95a1ae; --muted-4:#aab4bf; --line:#e5e9f0; --line-strong:#cbd5e2; --font-body:'Plus Jakarta Sans',system-ui,sans-serif; --font-alt:'Plus Jakarta Sans',system-ui,sans-serif; /* --- izolasyon: tema düzenini etkilemesin, temadan da etkilenmesin --- */ display:block; position:relative; width:100%; max-width:100%; margin:0; padding:0; float:none; clear:both; isolation:isolate; overflow-x:clip; background:var(--bg); color:var(--fg); font-family:var(--font-body); font-size:16px; font-weight:400; line-height:1.45; text-align:left; letter-spacing:normal; text-transform:none; border-radius:14px; -webkit-font-smoothing:antialiased; } .aerofa-cfg img,.aerofa-cfg svg,.aerofa-cfg canvas{max-width:100%;height:auto} .aerofa-cfg ul,.aerofa-cfg ol,.aerofa-cfg li{margin:0;padding:0;list-style:none} .aerofa-cfg section{margin:0;padding:0;background:none;border:0} .aerofa-cfg div,.aerofa-cfg span{background-image:none} .aerofa-cfg button:focus-visible,.aerofa-cfg input:focus-visible{outline:2px solid var(--accent);outline-offset:2px} /* modal, JS ile altına taşınır — tema transform'ları içinde sıkışmasın */ .aerofa-cfg-modal{font-family:'Plus Jakarta Sans',system-ui,sans-serif} .aerofa-cfg *,.aerofa-cfg *::before,.aerofa-cfg *::after{box-sizing:border-box} .aerofa-cfg .af-inner{max-width:1340px;width:100%;margin:0 auto;padding:30px 40px 60px} .aerofa-cfg h1,.aerofa-cfg h2,.aerofa-cfg h3{margin:0;padding:0;color:var(--fg);font-family:var(--font-body)} .aerofa-cfg p{margin:0} .aerofa-cfg a{color:var(--accent);text-decoration:none} .aerofa-cfg a:hover{color:var(--accent-hi)} .aerofa-cfg button{font-family:inherit;margin:0} .aerofa-cfg input,.aerofa-cfg textarea{font-family:inherit;padding:11px 13px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--fg);font-size:13px;width:100%;box-shadow:none} .aerofa-cfg input:focus,.aerofa-cfg textarea:focus{outline:none;border-color:var(--accent);box-shadow:none} .aerofa-cfg ::placeholder{color:var(--muted-4)} .aerofa-cfg label.f{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px;font-weight:400} .aerofa-cfg .eyebrow{font:600 10px/1 var(--font-alt);letter-spacing:2px;color:var(--muted-4);text-transform:uppercase} .aerofa-cfg .step{display:flex;align-items:baseline;gap:10px;margin-bottom:4px} .aerofa-cfg .num{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:800 12px/22px var(--font-body);text-align:center} .aerofa-cfg .step h2{font-size:15px;font-weight:700;letter-spacing:.5px;line-height:1.2} .aerofa-cfg .hint{margin:0 0 14px 32px;font-size:12px;color:var(--muted-2)} .aerofa-cfg .card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 15px;border-radius:12px;cursor:pointer;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);transition:all .15s;box-shadow:0 1px 2px rgba(18,52,90,.04)} .aerofa-cfg .card:hover{border-color:var(--line-strong);background:var(--surface)} .aerofa-cfg .card[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)} .aerofa-cfg .card[aria-pressed=true] .t{color:var(--navy)} .aerofa-cfg .card .t{font-size:14px;font-weight:700} .aerofa-cfg .card .d{font-size:11.5px;color:var(--muted-2);line-height:1.4} .aerofa-cfg .sw{width:36px;height:36px;border-radius:50%;padding:0;cursor:pointer;border:1px solid var(--line-strong);box-shadow:inset 0 0 0 1px rgba(18,52,90,.10);transition:all .15s;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted-2)} .aerofa-cfg .sw[aria-pressed=true]{border:2.5px solid var(--accent);box-shadow:0 0 0 4px var(--accent-ring)} .aerofa-cfg .row{display:flex;flex-wrap:wrap;gap:11px} .aerofa-cfg .sublabel{font-size:12px;font-weight:600;color:var(--fg-soft);margin-bottom:10px} .aerofa-cfg .tab{padding:6px 13px;border-radius:7px;border:none;cursor:pointer;font-size:11.5px;font-weight:700;background:transparent;color:var(--muted-2)} .aerofa-cfg .tab[aria-pressed=true]{background:var(--accent);color:var(--on-accent)} .aerofa-cfg .spec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px 18px;font-size:12.5px} .aerofa-cfg .spec .k{color:var(--muted-3);font-size:11px;margin-bottom:4px} .aerofa-cfg .spec .v{display:flex;align-items:center;gap:7px} .aerofa-cfg .dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--line-strong);flex:0 0 12px} .aerofa-cfg canvas{display:block} @media (max-width:1180px){ .aerofa-cfg .wrap{grid-template-columns:1fr !important} .aerofa-cfg .stagecol{position:static !important} } @media (max-width:640px){ .aerofa-cfg .af-inner{padding:22px 18px 44px} .aerofa-cfg #af-stage{height:400px !important} .aerofa-cfg .spec{grid-template-columns:1fr 1fr} .aerofa-cfg #af-bodyCards{grid-template-columns:1fr !important} .aerofa-cfg #af-capCards{grid-template-columns:1fr !important} .aerofa-cfg #af-sheet{padding:22px 20px !important} .aerofa-cfg #af-form > div:first-child{grid-template-columns:1fr !important} }