.tools-section { background: #f7f8f5; }
.tools-section .head { align-items: end; margin-bottom: 29px; }
.tools-section .head h2 { max-width: 700px; }
.tools-section .head > p { font-size: 14px; max-width: 355px; }
.tool-catalog-head { display: flex; justify-content: space-between; gap: 16px; color: #5b716c; border-top: 1px solid #d9e2dc; padding: 18px 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.toolgrid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; border: 0; background: transparent; }
.toolgrid .tool-tile { position: relative; display: flex; flex-direction: column; min-height: 253px; padding: 18px 20px 20px; text-align: left; overflow: hidden; border: 1px solid #dce6df; border-radius: 4px; background: #fff; color: #102b3a; box-shadow: 0 9px 20px #153b2b09; transition: transform .2s, box-shadow .2s, border-color .2s; }
.toolgrid .tool-tile:hover, .toolgrid .tool-tile:focus-visible { transform: translateY(-4px); border-color: #6aaf91; box-shadow: 0 16px 32px #153b2b20; background: #fff; outline: none; }
.toolgrid .tool-tile-feature, .toolgrid .tool-tile-feature:hover { background: #123a35; border-color: #123a35; color: #fff; }
.tool-top { display: flex; justify-content: space-between; gap: 8px; align-items: start; width: 100%; }
.tool-category { color: #21805d; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.tool-number { color: #9aaba2; font: 600 10px var(--sans); }
.tool-tile-feature .tool-category, .tool-tile-feature .tool-number { color: #9bd9b7; }
.toolgrid .tool-art { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 50%; margin: 16px 0 20px; background: #eaf4ed; color: #1b815a; font: 600 36px var(--serif); }
.toolgrid .tool-tile-feature .tool-art { background: #ffffff1c; color: #e9a05a; }
.tool-bottom { display: flex; flex-direction: column; flex: 1; width: 100%; }
.tool-bottom strong { font: 800 18px var(--serif); letter-spacing: -.03em; line-height: 1.2; }
.toolgrid .tool-bottom small { margin-top: 7px; color: #697a74; font: 400 12px/1.45 var(--sans); letter-spacing: 0; }
.toolgrid .tool-tile-feature .tool-bottom small { color: #c6ded2; }
.tool-action { display: flex; justify-content: space-between; align-items: center; width: 100%; border-top: 1px solid #e5ece6; margin-top: auto; padding-top: 14px; color: #1d7756; font-size: 12px; font-weight: 800; }
.tool-tile-feature .tool-action { color: #a8e2bd; border-color: #ffffff36; }
.tool-action b { font-size: 19px; line-height: 1; }
@media (max-width: 950px) { .toolgrid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 650px) { .tools-section .head > p { max-width: 100%; } .toolgrid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; } .toolgrid .tool-tile { min-height: 220px; padding: 14px 13px; } .toolgrid .tool-art { width: 49px; height: 49px; font-size: 27px; margin: 13px 0 16px; } .tool-bottom strong { font-size: 16px; } .toolgrid .tool-bottom small { font-size: 11px; } .tool-catalog-head { font-size: 9px; } }
@media (max-width: 390px) { .toolgrid { grid-template-columns: 1fr; } .toolgrid .tool-tile { min-height: 195px; } }

.catalog-filters { display:flex; gap:8px; overflow:auto; padding:0 0 18px; }
.catalog-filters button { border:1px solid #d9e4dd; background:#fff; color:#4a6259; padding:8px 12px; white-space:nowrap; font-size:11px; font-weight:700; }
.catalog-filters button.selected { background:#123a35; border-color:#123a35; color:#fff; }
.extra-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.project-history { background:#fff; margin-top:14px; padding:22px; }
.history-item { display:flex; justify-content:space-between; gap:20px; width:100%; border:0; border-top:1px solid #e2e9e4; background:#fff; padding:13px 0; text-align:left; }
.history-item b { color:#183b34; font-size:13px; }
.history-item span { color:#788984; font-size:11px; }
.empty-state { color:#71817c; font-size:12px; margin:0; }
.planner-workspace { background:#eef5ef; padding:70px 0; }
.planner-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:end; }
.planner-toolbar h2 { font-size:33px; }
.planner-toolbar > button { border:0; background:#123a35; color:#fff; padding:13px 18px; font-weight:700; }
.planner-panel { display:grid; grid-template-columns:.8fr 1.4fr .7fr; gap:14px; margin-top:26px; }
.planner-inputs,.planner-items,.planner-panel aside { background:#fff; padding:20px; }
.planner-inputs label { display:block; font-size:11px; font-weight:700; margin-bottom:14px; }
.planner-inputs input,.planner-inputs select { width:100%; display:block; margin-top:6px; border:1px solid #dce6df; padding:10px; }
.planner-items label { display:grid; grid-template-columns:20px 1fr auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid #edf1ee; }
.planner-items b,.planner-items small { display:block; }.planner-items b{font-size:13px}.planner-items small{font-size:10px;color:#71817c;margin-top:3px}.planner-items strong{font-size:12px}.planner-panel aside small{font-size:10px;letter-spacing:.12em;color:#71817c}.planner-panel aside strong{display:block;font:800 26px var(--serif);color:#123a35;margin:11px 0 24px}.planner-panel aside button{border:0;background:#21805d;color:#fff;padding:12px;width:100%;font-weight:700}
.compare-controls { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px; background:#fff; border-bottom:1px solid #dce6df; color:#667973; font-size:11px; }
.compare-controls input { width:80px; border:1px solid #dce6df; padding:7px; margin:0 5px; }.compare-table{background:#fff}.compare-row{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.2fr 1.1fr;gap:16px;width:100%;align-items:center;padding:17px;border:0;border-bottom:1px solid #e2eae5;background:#fff;text-align:left;color:#38524a;font-size:12px}.compare-row:not(.compare-label):hover{background:#f2f8f3}.compare-label{color:#71817c;font-size:10px;font-weight:800;letter-spacing:.08em}.compare-row b,.compare-row small{display:block}.compare-row b{font-size:15px;color:#123a35}.compare-row small{color:#21805d;font-size:9px;margin-top:4px}.compare-row i{font-style:normal;color:#21805d;float:right;font-size:18px}.compare-row.recommended{border-left:3px solid #21805d}.compare-note{margin:0;padding:13px 17px;background:#f7faf8;color:#71817c;font-size:10px}
@media (max-width: 760px){.extra-grid{grid-template-columns:1fr}.project-history{padding:16px}.history-item{display:block}.history-item span{display:block;margin-top:4px}.planner-toolbar{display:block}.planner-toolbar>button{margin-top:16px}.planner-panel{grid-template-columns:1fr}.compare-controls{display:block}.compare-controls label{display:block;margin-bottom:8px}.compare-row{grid-template-columns:1fr 1fr;gap:8px}.compare-label{display:none}.compare-row span:nth-child(4),.compare-row span:nth-child(5){grid-column:span 1}.catalog-filters{margin-left:-2px}}
.nav{position:relative}.calc-mega{display:none;position:absolute;top:62px;left:145px;width:620px;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid #dce6df;box-shadow:0 18px 45px #0d291a2b;padding:14px;z-index:8}.calc-mega.open{display:grid}.calc-mega>div{grid-column:1/-1;padding:8px 10px 14px}.calc-mega>div b,.calc-mega>div small{display:block}.calc-mega>div b{font:800 16px var(--serif);color:#123a35}.calc-mega>div small{margin-top:3px;color:#71817c;font-size:11px}.calc-mega button{display:grid;grid-template-columns:1fr auto;gap:3px;border:0;background:#fff;color:#173b33;text-align:left;padding:11px 10px;font-size:12px;font-weight:700}.calc-mega button:hover{background:#eff7f1}.calc-mega button span{grid-column:1/-1;color:#21805d;font-size:9px;letter-spacing:.11em}.calc-mega button i{font-style:normal;color:#21805d}@media(max-width:950px){.calc-mega{display:none!important}}

.toolgrid .tool-tile{border-radius:12px}.toolgrid .tool-tile-feature{background:linear-gradient(145deg,#0c2e38,#155340)}.toolgrid .tool-art{box-shadow:inset 0 0 0 1px #ffffff66}.toolgrid .tool-tile:not(.tool-tile-feature):hover .tool-art{transform:rotate(-6deg) scale(1.06);transition:.2s}.comparison,.planner-panel,.project-history{border-radius:12px;overflow:hidden}.summarycard{border-radius:12px}.control,.ledger,.resultgrid section{border-radius:10px}.status{border-radius:20px}.source{border-radius:20px;border:1px solid #dfe9e3}.calcbar{padding:22px 24px;background:linear-gradient(120deg,#f0f7f2,#fff);border:1px solid #dfe9e3;border-radius:12px}.flow{padding:0 8px}.actionsrow button,.ledgerhead button,.panelhead button,.project-name button{border-radius:7px;transition:.18s}.actionsrow button:hover,.ledgerhead button:hover,.panelhead button:hover,.project-name button:hover{border-color:#21805d;color:#157252;background:#eff8f2}

.finder{z-index:4}.finder #results{max-height:330px;overflow-y:auto;border-top:3px solid #21805d}.finder .result-group{padding:10px 0;border-bottom:1px solid #e2e9e4}.finder .result-group:last-child{border:0}.finder .result-group>small{display:block;padding:0 13px 7px;color:#21805d;font-size:9px;font-weight:800;letter-spacing:.12em}.finder #results button{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;transition:.15s}.finder #results button:hover{background:#eff8f2}.finder #results button b,.finder #results button span{display:block}.finder #results button b{font-size:12px;color:#102b3a}.finder #results button span{font-size:10px;color:#71817c;text-align:right}

.hero{overflow:visible}.finder{z-index:6}

/* Hesaplama çalışma alanı */
.procalc{padding-top:8px}.calcbar{display:flex;justify-content:space-between;gap:25px;align-items:start}.calcbar h2{font-size:34px}.status,.source{display:inline-block;font-size:10px;font-weight:bold;padding:7px 9px;letter-spacing:.06em}.status{color:#126446;background:#e1f3e9}.source{color:#576360;background:#fff}.project-name{display:flex;gap:5px}.project-name label{font-size:11px;font-weight:bold}.project-name input{display:block;border:1px solid var(--line);padding:8px;margin-top:4px}.project-name button,.ledgerhead button,.panelhead button,.actionsrow button{border:1px solid var(--line);background:#fff;padding:9px 11px;font-size:12px;font-weight:bold}.project-name button{align-self:end}.flow{display:flex;margin:28px 0}.flow b{flex:1;color:#7a8984;border-bottom:3px solid #d8e3dc;padding-bottom:10px;font-size:15px}.flow b.active{color:#21805d;border-color:#21805d}.flow span{font-size:11px;margin-left:5px;color:#52615e}.workgrid{display:grid;grid-template-columns:.72fr 1.35fr .8fr;gap:14px}.control,.ledger,.summarycard,.resultgrid section{background:#fff;padding:22px}.control h3,.ledger h3,.resultgrid h3{font-size:18px;color:var(--navy);margin:0 0 19px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control label{display:block;font-size:11px;font-weight:bold;margin-bottom:14px;position:relative}.control input:not([type=checkbox]),.control select{display:block;width:100%;border:1px solid var(--line);padding:10px;margin-top:5px;background:#fff}.control label small{position:absolute;right:8px;bottom:11px;color:var(--muted)}.vatcheck{display:flex!important;align-items:center;gap:7px}.note{font-size:11px;line-height:1.45;color:var(--muted);background:#f5f7f6;padding:10px}.ledgerhead,.panelhead{display:flex;justify-content:space-between;gap:8px;align-items:start}.ledgerhead h3,.panelhead h3{margin:0}.line{display:grid;grid-template-columns:1fr 120px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.line b,.line small{display:block}.line b{font-size:12px}.line small{font-size:10px;color:var(--muted);margin-top:3px}.line input{width:100%;border:1px solid var(--line);padding:7px;font-weight:bold}.line input:disabled{background:#f1f4f2;color:#50605c}.summarycard{border-top:4px solid var(--green);box-shadow:0 12px 27px #13242c12}.summarycard>small{font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:bold}.summarycard>strong{display:block;font:800 29px var(--serif);color:var(--navy);margin:8px 0}.summarycard>p{font-size:11px;color:var(--muted);line-height:1.45}.summarycard hr{border:0;border-top:1px solid var(--line);margin:18px 0}.summarycard div{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.summarycard div span{color:var(--muted)}.summarycard>button{width:100%;border:0;background:var(--green);color:#fff;padding:12px;font-weight:bold;margin-top:8px}.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panelhead span{font-size:10px;color:var(--muted)}.costchart div{display:grid;grid-template-columns:95px 1fr 90px;gap:9px;align-items:center;font-size:11px;margin:17px 0}.costchart i{height:10px;background:#edf0ee;display:block}.costchart b{display:block;height:100%;background:var(--green)}.costchart strong{text-align:right;font-size:11px}.shopping p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;margin:0;font-size:12px}.shopping p b small{display:block;font-weight:400;color:var(--muted);font-size:9px;margin-top:2px}.shopping p span{color:var(--muted)}.actionsrow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px}.actionsrow small{font-size:10px;color:var(--muted);max-width:480px;margin-left:auto}
@media(max-width:950px){.workgrid{grid-template-columns:1fr 1fr}.summarycard{grid-column:1/-1}.calcbar{display:block}.project-name{margin-top:16px}.resultgrid{grid-template-columns:1fr}}@media(max-width:650px){.workgrid{grid-template-columns:1fr}.summarycard{grid-column:auto}.flow b span{display:none}.line{grid-template-columns:1fr 105px}.actionsrow small{margin:0}.status,.source{margin:3px 0}.calcbar h2{font-size:29px}}