.agora-konut { --agora-ink:#202c40; --agora-accent:#0098db; --agora-line:#dce3ea; color:var(--agora-ink); font-family:inherit; max-width:1200px; margin-inline:auto; }
.agora-konut * { box-sizing:border-box; }
.agora-konut__heading { margin:0 0 20px; text-align:center; font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.2; font-weight:700; color:var(--agora-ink); }
.agora-konut__scene { width:100%; line-height:0; overflow:hidden; background:#edf1f5; }
.agora-konut__canvas { position:relative; width:100%; }
.agora-konut__image { display:block; width:100%; height:auto; max-width:none; }
.agora-konut__missing { min-height:300px; display:grid; place-items:center; line-height:1.4; padding:25px; }
.agora-konut .agora-konut__pin { position:absolute; z-index:1; display:grid; place-items:center; width:30px; height:30px; transform:translate(-50%,-50%); margin:0; padding:0; border:3px solid #fff; border-radius:50%; background:var(--agora-accent); box-shadow:0 1px 9px #0008; color:#fff; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease,background .15s ease; }
.agora-konut__pin svg { display:block; width:18px; height:18px; fill:currentColor; }
.agora-konut .agora-konut__pin:hover,.agora-konut .agora-konut__pin.is-active { z-index:2; transform:translate(-50%,-50%) scale(1.22); background:#006caa; box-shadow:0 2px 12px #000a; }
.agora-konut__pin:focus-visible { outline:3px solid #192a46; outline-offset:3px; }
.agora-konut .agora-konut__pin.is-unavailable { background:#6a7280; opacity:.7; cursor:not-allowed; }
.agora-konut__tooltip { position:absolute; z-index:5; display:block; width:max-content; max-width:310px; min-width:180px; padding:10px 16px; margin-top:-21px; transform:translate(-50%,-100%); border-radius:5px; background:#fff; box-shadow:0 4px 18px #0004; color:#202c40; font-size:15px; font-weight:400; line-height:1.35; text-align:left; white-space:normal; pointer-events:none; visibility:hidden; opacity:0; transition:opacity .15s ease,visibility .15s ease; }
.agora-konut__tooltip span,.agora-konut__tooltip strong,.agora-konut__tooltip small { display:block; }
.agora-konut__tooltip strong { font-size:17px; font-weight:700; }
.agora-konut__tooltip small { margin-top:3px; color:#6a7280; }
.agora-konut__tooltip::after { content:""; position:absolute; left:50%; bottom:-5px; width:10px; height:10px; transform:translateX(-50%) rotate(45deg); background:#fff; }
.agora-konut__pin:hover + .agora-konut__tooltip,.agora-konut__pin:focus-visible + .agora-konut__tooltip { visibility:visible; opacity:1; }
.agora-konut__tooltip.is-edge-left { transform:translate(0,-100%); }
.agora-konut__tooltip.is-edge-left::after { left:14px; }
.agora-konut__tooltip.is-edge-right { transform:translate(-100%,-100%); }
.agora-konut__tooltip.is-edge-right::after { left:calc(100% - 14px); }
.agora-konut__mobile-hint { display:none; }
.agora-konut__panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 26px; padding:24px clamp(16px,4vw,38px); border:1px solid var(--agora-line); background:#fff; }
.agora-konut__field { min-width:0; }
.agora-konut__field label { display:block; margin-bottom:7px; font-size:14px; font-weight:700; color:var(--agora-ink); }
.agora-konut__field label span { color:#c62534; }
.agora-konut__field select { display:block; width:100%; height:46px; padding:8px 34px 8px 12px; border:1px solid var(--agora-line); border-radius:5px; background:#fff; color:var(--agora-ink); font:inherit; font-size:15px; }
.agora-konut__field select:focus-visible { outline:2px solid var(--agora-accent); outline-offset:2px; }
.agora-konut__down-row { display:flex; align-items:center; gap:16px; min-width:0; }
.agora-konut__down-row select { flex:1 1 45%; width:45%; min-width:0; }
.agora-konut__down-amount { flex:1 1 55%; min-width:0; font-size:14px; line-height:1.5; }
.agora-konut__down-amount b { display:inline-block; }
@media(max-width:1024px) { .agora-konut__down-row { flex-wrap:wrap; gap:8px; }.agora-konut__down-row select { flex-basis:100%; width:100%; }.agora-konut__down-amount { flex-basis:100%; } }
.agora-konut__result { align-self:end; min-height:69px; display:flex; flex-direction:column; justify-content:center; border-bottom:2px solid var(--agora-ink); }
.agora-konut__result-label { font-size:14px; font-weight:700; }
.agora-konut__result strong { font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.3; }
.agora-konut__summary { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 20px; padding:16px; border-radius:5px; background:#f3f7fa; font-size:14px; }
.agora-konut__summary[hidden] { display:none; }
.agora-konut__summary [data-details] { grid-column:1/-1; font-weight:700; }
.agora-konut__note { grid-column:1/-1; margin:0; color:#586273; font-size:12px; line-height:1.5; }
.agora-konut__actions { grid-column:1/-1; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px 16px; }
.agora-konut__print-status { font-size:12px; color:#586273; }
.agora-konut .agora-konut__pdf { padding:12px 20px; border:0; border-radius:5px; background:var(--agora-ink); color:#fff; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.agora-konut .agora-konut__pdf:hover { background:#006caa; }
.agora-konut .agora-konut__pdf:focus-visible { outline:2px solid var(--agora-accent); outline-offset:3px; }
.agora-konut .agora-konut__pdf:disabled { opacity:.5; cursor:not-allowed; }
.agora-konut__extra { grid-column:1/-1; padding:16px; border:1px solid var(--agora-line); border-radius:5px; min-width:0; }
.agora-konut__extra > summary { cursor:pointer; font-size:15px; font-weight:700; }
.agora-konut__extra-help,.agora-konut__extra-message { font-size:13px; line-height:1.6; }
.agora-konut__extra-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto; gap:12px; align-items:end; margin:14px 0; }
.agora-konut__extra-row label { font-size:13px; font-weight:600; min-width:0; }
.agora-konut__extra input { display:block; width:100%; min-width:0; margin-top:6px; padding:10px; border:1px solid var(--agora-line); border-radius:4px; color:var(--agora-ink); background:#fff; font:inherit; }
.agora-konut__extra button { border:1px solid var(--agora-line); border-radius:4px; padding:10px 14px; background:#f3f7fa; color:var(--agora-ink); font:inherit; font-size:13px; cursor:pointer; }
.agora-konut__extra button[data-extra-apply] { background:var(--agora-ink); color:#fff; }
.agora-konut__extra-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.agora-konut__extra [data-extra-result] { overflow-x:auto; font-size:13px; line-height:1.6; }
.agora-konut__extra [data-extra-result][hidden] { display:none; }
.agora-konut__extra table { width:100%; border-collapse:collapse; margin:14px 0; }
.agora-konut__extra th,.agora-konut__extra td { padding:9px; text-align:left; border-bottom:1px solid var(--agora-line); }
.agora-konut__extra button:focus-visible,.agora-konut__extra input:focus-visible,.agora-konut__extra summary:focus-visible { outline:2px solid var(--agora-accent); outline-offset:2px; }
@media(max-width:600px) { .agora-konut__extra-row { grid-template-columns:1fr; gap:10px; }.agora-konut__extra-row button { justify-self:start; } }
@media(max-width:767px) { .agora-konut__heading { margin-bottom:14px; }.agora-konut__scene { overflow-x:auto; overflow-y:hidden; }.agora-konut__canvas { width:1100px; max-width:none; }.agora-konut .agora-konut__pin { width:24px; height:24px; border-width:2px; }.agora-konut__pin svg { width:15px; height:15px; }.agora-konut__mobile-hint { display:block; margin:5px 0 10px; font-size:12px; color:#586273; }.agora-konut__panel { grid-template-columns:1fr; gap:15px; padding:20px 16px; }.agora-konut__summary { grid-template-columns:1fr; }.agora-konut__result { min-height:65px; } }