/* İşin Garanti v32 — professional responsive layout + overflow hardening */
:root{
  --v32-navy:#082a4f;
  --v32-navy-dark:#061d38;
  --v32-yellow:#ffc400;
  --v32-bg:#f4f7fb;
  --v32-surface:#fff;
  --v32-line:#e2e8f0;
  --v32-muted:#708096;
  --v32-text:#10233b;
}

*{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{margin:0;background:#f4f7fb!important}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
input,select,button,textarea{max-width:100%;min-width:0}
.container{width:100%!important;max-width:1520px!important;margin-inline:auto!important}

.trustbar{height:34px;background:linear-gradient(90deg,#061d38,#0a315b);color:#fff;font-size:11px;display:flex;align-items:center}
.trustbar .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:0!important;padding-bottom:0!important}
.trustbar-copy{font-weight:800;white-space:nowrap}
.trustbar-copy::first-letter{color:var(--v32-yellow)}
.trustbar-note{color:#dbe6f2;font-weight:700}
.topbar{top:34px!important}

.job-page-shell{padding-top:0!important;padding-bottom:40px!important;min-width:0}
.jobs-hero{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(520px,1.38fr);align-items:end;gap:34px;padding:24px 0 16px;min-width:0}
.jobs-hero-copy{min-width:0}
.jobs-hero .crumb{padding-top:0!important;margin-bottom:6px}
.jobs-hero .page-title{margin:0!important;line-height:1.1}
.jobs-hero .subtext{margin-top:7px!important}
.jobs-hero .subtext strong{color:var(--v32-navy);font-weight:900}
.search-row{margin:0!important;max-width:none!important;width:100%!important;display:grid!important;grid-template-columns:minmax(260px,1.55fr) minmax(180px,.75fr) 130px!important;gap:10px!important;align-items:end!important;min-width:0}
.search-row>*{min-width:0!important;width:100%!important}

.jobs-layout{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;gap:18px!important;margin-top:0!important;align-items:start!important;min-width:0!important;width:100%!important}
.filter-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:sticky!important;top:126px!important}
.filter-card-head{padding:17px 17px 13px;border-bottom:1px solid #edf1f5;background:linear-gradient(180deg,#fff,#fbfcfe)}
.filter-card-head strong{display:block;font-size:13px;color:var(--v32-text);font-weight:900}
.filter-card-head span{display:block;margin-top:3px;font-size:9.5px;color:#8a97a8}
.filter-form{padding:14px 16px 16px;min-width:0;overflow:hidden}
.filter-section{min-width:0}
.filter-card .select,.filter-card .input{display:block;width:100%!important;min-width:0!important}
.salary-filter{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important}
.salary-filter .input{width:100%!important;min-width:0!important;padding-left:10px!important;padding-right:8px!important}
.filter-card .btn-block{width:100%!important;display:flex!important;align-items:center;justify-content:center}
.filter-clear{display:block;text-align:center;margin-top:10px;font-size:10px;text-decoration:none}

.jobs-main{min-width:0!important;width:100%!important;overflow:visible!important}
.toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-width:0!important}
.active-filter-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617187;font-size:10.5px;font-weight:700}
.sort-form{flex:0 0 auto;max-width:220px}
.toolbar .select{width:auto!important;max-width:220px!important}
.jobs-grid{display:grid!important;grid-template-columns:minmax(390px,.93fr) minmax(460px,1.07fr)!important;gap:14px!important;align-items:start!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
.job-results-panel,.map-panel{min-width:0!important;width:100%!important;max-width:100%!important}
.job-results-panel{display:flex;flex-direction:column;gap:12px}
.job-list{width:100%!important;min-width:0!important}
.job-card{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;grid-template-columns:50px minmax(0,1fr) 36px!important}
.job-card>div{min-width:0!important}
.job-name,.company,.meta,.tag-row{min-width:0!important;max-width:100%!important}
.job-name a,.company{overflow-wrap:anywhere}
.meta{display:flex!important;flex-wrap:wrap!important}
.tag-row{display:flex!important;flex-wrap:wrap!important}
.tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 3px 0;color:#7d899a;font-size:10px}
.result-footer a{color:var(--v32-navy);font-weight:800;text-decoration:none}

.map-panel{background:#fff;border:1px solid var(--v32-line);border-radius:12px;padding:10px;box-shadow:0 7px 24px rgba(8,42,79,.045)}
.map-panel-head{display:flex;justify-content:space-between;align-items:center;padding:5px 6px 10px;min-width:0}
.map-panel-head strong{display:block;font-size:13px;color:var(--v32-text);font-weight:900}
.map-panel-head span{display:block;margin-top:3px;font-size:9.5px;color:#8794a5}
.map-card{width:100%!important;max-width:100%!important;min-width:0!important;min-height:430px!important;height:430px!important;overflow:hidden!important;box-shadow:none!important;margin:0!important}
.map-card::after{max-width:calc(100% - 32px);white-space:normal}
.road{max-width:none!important}

.seo-links-card{width:calc(100% - 270px)!important;margin:28px 0 0 270px!important;max-width:calc(100% - 270px)!important;overflow:hidden!important}
.seo-link-grid{min-width:0!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.seo-link-grid a{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1280px){
  .jobs-grid{grid-template-columns:minmax(350px,.9fr) minmax(400px,1.1fr)!important}
  .map-card{height:390px!important;min-height:390px!important}
}
@media(max-width:1120px){
  .jobs-hero{grid-template-columns:1fr!important;gap:14px}
  .search-row{grid-template-columns:minmax(0,1fr) 190px 125px!important}
  .jobs-layout{grid-template-columns:230px minmax(0,1fr)!important}
  .jobs-grid{grid-template-columns:1fr!important}
  .map-panel{margin-top:2px}
  .map-card{height:340px!important;min-height:340px!important}
  .seo-links-card{width:calc(100% - 248px)!important;max-width:calc(100% - 248px)!important;margin-left:248px!important}
  .seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .trustbar{display:none}
  .topbar{top:0!important}
  .jobs-layout{grid-template-columns:1fr!important}
  .filter-card{position:static!important;top:auto!important}
  .filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .filter-form>.filter-section{min-width:0}
  .filter-form>.filter-section:nth-of-type(4){grid-row:span 2}
  .filter-form>.btn-block,.filter-form>.filter-clear{grid-column:1/-1}
  .seo-links-card{width:100%!important;max-width:100%!important;margin-left:0!important}
}
@media(max-width:680px){
  html,body{overflow-x:hidden!important}
  .container{padding-left:12px!important;padding-right:12px!important}
  .jobs-hero{padding-top:16px}
  .search-row{grid-template-columns:1fr!important}
  .jobs-layout{gap:12px!important}
  .filter-form{grid-template-columns:1fr!important}
  .filter-form>.filter-section:nth-of-type(4){grid-row:auto}
  .toolbar{align-items:stretch!important;flex-direction:column!important}
  .active-filter-summary{white-space:normal}
  .sort-form,.toolbar .select{width:100%!important;max-width:none!important}
  .jobs-grid{display:block!important;width:100%!important}
  .map-panel{display:none!important}
  .job-card{grid-template-columns:44px minmax(0,1fr) 32px!important;padding:13px 11px!important}
  .job-name{font-size:13px!important}
  .tag{white-space:normal!important}
  .result-footer{flex-direction:column;align-items:flex-start}
  .seo-link-grid{grid-template-columns:1fr!important}
}