.s1{background: #F4F5FF; font-family: 'IBM Plex Sans', system-ui, sans-serif; color: #1A2433; font-size: 16px; line-height: 1.5}
.s2{background: #FFFFFF; border-bottom: 1px solid #DCE3EC}
.s3{max-width: 1200px; margin: 0 auto; padding: 0 24px; min-height: 72px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.s4{display: flex; align-items: center; gap: 10px; text-decoration: none; color: #0A1466}
.s5{width: 36px; height: 36px; border-radius: 8px; background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); display: flex; align-items: center; justify-content: center}
.s6{font-weight: 700; font-size: 19px; letter-spacing: -0.01em}
.s7{display: flex; flex-wrap: wrap; align-items: center; gap: 28px; font-weight: 500; font-size: 15px}
.s8{color: #0A1466; text-decoration: none}
.s9{color: #4A5A6E; text-decoration: none}
.s10{background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF; text-decoration: none; padding: 10px 20px; border-radius: 8px; font-weight: 600}
.s11{background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF}
.s12{max-width: 1200px; margin: 0 auto; padding: 72px 24px 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 48px}
.s13{flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 20px; align-items: flex-start}
.s14{font-size: 14px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #D3D9FF}
.s15{margin: 0; font-size: 48px; line-height: 1.12; font-weight: 700; letter-spacing: -0.02em; max-width: 680px}
.s16{margin: 0; font-size: 19px; line-height: 1.55; color: #DDE2FF; max-width: 600px}
.s17{margin-top: 8px; display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; color: #0013A3; text-decoration: none; padding: 15px 26px; border-radius: 8px; font-weight: 600; font-size: 16px}
.s18{flex: 1 1 380px; max-width: 460px; background: rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 24px 28px 12px}
.s19{margin: 0 0 6px; font-size: 16px; font-weight: 600; color: #FFFFFF}
.s20{list-style: none; margin: 0; padding: 0}
.s21{display: flex; align-items: center; gap: 14px; padding: 14px 0; border-top: 1px solid rgba(255, 255, 255, 0.16)}
.s22{width: 44px; height: 44px; flex: none; border-radius: 10px; background: rgba(255, 255, 255, 0.10); display: flex; align-items: center; justify-content: center}
.s23{display: flex; flex-direction: column}
.s24{font-weight: 600; font-size: 16px; color: rgb(255, 255, 255)}
.s25{font-size: 14px; color: #D9DEFF}
.s26{padding: 20px 16px 0}
.s27{height: 100px; border: 2px dashed #BCC4F0; border-radius: 10px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: #5A6B80}
.s28{font-weight: 600; font-size: 14px}
.s29{font-size: 12px}
.s30{max-width: 1200px; margin: 0 auto; padding: 48px 24px 72px; display: flex; flex-direction: column; gap: 56px}
.s31{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px}
.s32{flex: 999 1 700px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.s33{margin: 0 0 8px; font-size: 26px; font-weight: 700; color: #0A1466}
.s34{background: #FBF9F2; border: 1px solid #E5D4A6; border-radius: 12px; padding: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px}
.s35{width: 120px; height: 120px; flex: none; border: 1px solid #DCE3EC; border-radius: 12px; background: #FFFFFF; display: flex; align-items: center; justify-content: center}
.s36{flex: 999 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 6px; align-items: flex-start}
.s37{margin: 0; font-size: 22px; line-height: 1.3; color: #0A1466}
.s38{color: inherit; text-decoration: none}
.s39{font-size: 15px; color: #5A6B80}
.s40{margin: 0; font-size: 15px; line-height: 1.5; color: #3E4F63; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 620px}
.s41{margin-top: 8px; background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF; text-decoration: none; padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 15px}
.s42{flex: 1 1 220px; max-width: 280px; height: 148px; border-radius: 8px; overflow: hidden; position: relative; border: 1px solid #DCE3EC}
.s43{display: block}
.s44{position: absolute; left: 6px; bottom: 4px; font-size: 11px; color: #4A5A6E; background: rgba(255, 255, 255, 0.85); padding: 1px 6px; border-radius: 4px}
.s45{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 12px; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px}
.s46{width: 104px; height: 104px; flex: none; border: 1px solid #DCE3EC; border-radius: 12px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 28px; color: #0A1466}
.s47{margin: 0; font-size: 20px; line-height: 1.3; color: #0A1466}
.s48{flex: 1 1 220px; max-width: 280px; height: 132px; border-radius: 8px; background-color: #E6E9FF; background-image: linear-gradient(#CCD2FF 1px, transparent 1px), linear-gradient(90deg, #CCD2FF 1px, transparent 1px); background-size: 28px 28px; display: flex; align-items: center; justify-content: center; position: relative}
.s49{position: absolute; left: 8px; bottom: 6px; font-size: 11px; color: #4A5A6E}
.s50{height: 120px; margin: 8px 0; border: 2px dashed #BCC4F0; border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #5A6B80}
.s51{font-weight: 600; font-size: 15px}
.s52{font-size: 13px}
.s53{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 12px; padding: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 24px}
.s54{width: 88px; height: 88px; flex: none; border: 1px solid #DCE3EC; border-radius: 12px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 24px; color: #0A1466}
.s55{margin: 0; font-size: 18px; line-height: 1.3; color: #0A1466}
.s56{margin-top: 8px; border: 1px solid #0013A3; color: #0013A3; text-decoration: none; padding: 10px 20px; border-radius: 8px; font-weight: 600; font-size: 15px}
.s57{flex: 1 1 220px; max-width: 280px; height: 112px; border-radius: 8px; background-color: #E6E9FF; background-image: linear-gradient(#CCD2FF 1px, transparent 1px), linear-gradient(90deg, #CCD2FF 1px, transparent 1px); background-size: 28px 28px; display: flex; align-items: center; justify-content: center; position: relative}
.s58{flex: 1 1 300px; max-width: 340px; align-self: stretch; display: flex; flex-direction: column; gap: 16px}
.s59{height: 250px; border: 2px dashed #BCC4F0; border-radius: 12px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #5A6B80; text-align: center}
.s60{position: sticky; top: 24px; display: flex; flex-direction: column; gap: 16px}
.s61{background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF; border-radius: 12px; padding: 22px; display: flex; flex-direction: column; gap: 12px}
.s62{margin: 0; font-size: 19px; line-height: 1.3}
.s63{margin: 0; font-size: 14px; line-height: 1.55; color: #DDE2FF}
.s64{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #FFFFFF; color: #0013A3; text-decoration: none; padding: 12px 16px; border-radius: 8px; font-weight: 600; font-size: 15px}
.s65{font-size: 13px; color: #DDE2FF; text-align: center}
.s66{background: #F4F5FF; border: 1px solid #CDD3FF; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px}
.s67{margin: 0; font-size: 16px; color: #0A1466}
.s68{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px}
.s69{display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: #FFFFFF; border: 1px solid #CDD3FF; border-radius: 999px; font-size: 14px; font-weight: 600; color: #0A1466}
.s70{width: 28px; height: 28px; flex: none; border-radius: 50%; background: #E8EBFF; display: flex; align-items: center; justify-content: center}
.s71{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 12px}
.s72{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px}
.s73{display: flex; gap: 10px; align-items: flex-start}
.s74{width: 26px; height: 26px; flex: none; border-radius: 50%; background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center}
.s75{font-weight: 600; font-size: 15px; color: #0A1466}
.s76{font-size: 13px; color: #3E4F63}
.s77{display: flex; flex-direction: column; gap: 24px}
.s78{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 20px}
.s79{display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px}
.s80{margin: 0; font-size: 20px; font-weight: 700; color: #0A1466}
.s81{display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px}
.s82{border: 1px solid #DCE3EC; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 10px}
.s83{aspect-ratio: 1 / 1; border-radius: 8px; background: #F4F5FF; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 32px; color: #0A1466}
.s84{margin: 0; font-size: 15px; line-height: 1.3; color: #0A1466}
.s85{font-size: 14px; font-weight: 600; text-decoration: none}
.s86{align-self: center; margin-top: 8px; display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; border: 2px solid #0013A3; color: #0013A3; text-decoration: none; padding: 14px 32px; border-radius: 999px; font-weight: 600; font-size: 16px}
.s87{background: #E8EBFF; border-radius: 12px; padding: 32px; display: flex; flex-direction: column; justify-content: center; gap: 14px}
.s88{margin: 0; font-size: 15px; color: #3E4F63}
.s89{align-self: flex-start; background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #FFFFFF; text-decoration: none; padding: 12px 22px; border-radius: 8px; font-weight: 600; font-size: 15px}
.s90{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 12px; padding: 40px; display: flex; flex-direction: column; gap: 28px}
.s91{display: flex; flex-direction: column; gap: 12px; max-width: 860px}
.s92{margin: 0; font-size: 24px; line-height: 1.3; font-weight: 700; color: #0A1466}
.s93{margin: 0; font-size: 16px; color: #3E4F63}
.s94{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px}
.s95{display: flex; gap: 14px; align-items: flex-start}
.s96{width: 32px; height: 32px; flex: none; border-radius: 50%; background: #E8EBFF; display: flex; align-items: center; justify-content: center}
.s97{display: flex; flex-direction: column; gap: 4px}
.s98{margin: 0; font-size: 17px; color: #0A1466}
.s99{max-width: 820px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 16px}
.s100{margin: 0 0 8px; font-size: 24px; font-weight: 700; color: #0A1466; text-align: center}
.s101{background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 10px; padding: 18px 20px}
.s102{font-weight: 600; color: #0A1466}
.s103{margin: 12px 0 0; color: #3E4F63}
.s104{background: radial-gradient(ellipse 70% 90% at 85% 0%, rgba(255, 255, 255, 0.16), transparent 60%), linear-gradient(160deg, #01030F 0%, #000845 45%, #0013A3 100%); color: #DDE2FF}
.s105{max-width: 1200px; margin: 0 auto; padding: 56px 24px 24px; display: flex; flex-direction: column; gap: 40px}
.s106{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 32px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.16)}
.s107{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 8px}
.s108{margin: 0; font-size: 26px; line-height: 1.25; color: #FFFFFF}
.s109{margin: 0; font-size: 16px; color: #DDE2FF}
.s110{flex: 1 1 520px; min-width: 0}
.s111{list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #FFFFFF; border: 1px solid #BCC4F0; border-radius: 8px; font-size: 16px; color: #1A2433; cursor: pointer}
.s112{margin-top: 8px; background: #FFFFFF; border: 1px solid #CDD3FF; border-radius: 8px; padding: 8px; max-height: 320px; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); column-gap: 4px}
.s113{display: block; padding: 8px 10px; border-radius: 6px; font-size: 15px; color: #0A1466; text-decoration: none}
.s114{display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between}
.s115{flex: 2 1 280px; display: flex; flex-direction: column; gap: 14px; max-width: 380px}
.s116{display: flex; align-items: center; gap: 10px; text-decoration: none; color: #FFFFFF}
.s117{width: 32px; height: 32px; border-radius: 8px; background: #FFFFFF; display: flex; align-items: center; justify-content: center}
.s118{font-weight: 700; font-size: 17px}
.s119{margin: 0; font-size: 14px}
.s120{flex: 1 1 140px; display: flex; flex-direction: column; gap: 10px; font-size: 14px}
.s121{color: #FFFFFF; font-weight: 600}
.s122{color: #D5DAF7; text-decoration: none}
.s123{flex: 1 1 180px; display: flex; flex-direction: column; gap: 10px; font-size: 14px}
.s124{flex: 1 1 200px; display: flex; flex-direction: column; gap: 10px; font-size: 14px}
.s125{align-self: flex-start; margin-top: 6px; border: 1px solid #6677D9; color: #FFFFFF; text-decoration: none; padding: 8px 16px; border-radius: 8px; font-weight: 600}
.s126{border-top: 1px solid rgba(255, 255, 255, 0.16); padding-top: 20px; font-size: 13px}

/* Footer filtre satırı: kategori, şehir, Git yan yana ve eşit yükseklikte */
.footer-filter{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:10px;width:100%;max-width:100%}
.footer-filter__select{flex:1 1 0;min-width:0;width:100%;height:48px;box-sizing:border-box;padding:0 12px;background:#FFFFFF;border:1px solid #BCC4F0;border-radius:8px;font:inherit;font-size:16px;line-height:1.25;color:#1A2433;text-overflow:ellipsis}
.footer-filter__select:focus-visible{outline:3px solid #DDE2FF;outline-offset:2px}
.footer-filter__select:disabled{opacity:.55;cursor:not-allowed}
.footer-filter__go{flex:0 0 auto;height:48px;box-sizing:border-box;padding:0 22px;background:#0013A3;color:#FFFFFF;border:1px solid #0013A3;border-radius:8px;font:inherit;font-size:16px;font-weight:600;line-height:1;cursor:pointer}
.footer-filter__go:hover:not(:disabled){background:#000845;border-color:#000845}
.footer-filter__go:focus-visible{outline:3px solid #DDE2FF;outline-offset:2px}
.footer-filter__go:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:480px){.footer-filter{gap:6px}.footer-filter__select{padding:0 8px;font-size:15px}.footer-filter__go{padding:0 14px;font-size:15px}}