﻿:root {
 --stu-cizgi: #e6e6e9;
 --stu-govde-yazi: "Inter", "Inter Atelier", "Segoe UI", system-ui, -apple-system, sans-serif;
 --stu-kose-buyuk: 26px;
 --stu-canli: #ff8e9b;
 --stu-kose-kart: 20px;
 --stu-zemin: #ffffff;
 --stu-koyu: #a30b20;
 --stu-kirmizi-rgb: 215, 16, 43;
 --stu-kose-orta: 16px;
 --stu-baslik-yazi: "Outfit", "Outfit Atelier", "Segoe UI", system-ui, -apple-system, sans-serif;
 --stu-ray: 1280px;
 --stu-yesil: #15803d;
 --stu-gul: #f8cdd3;
 --stu-metin: #3b3f47;
 --stu-zemin-rgb: 255, 255, 255;
 --stu-yesil-rgb: 21, 128, 61;
 --stu-acik: #fff1f2;
 --stu-soluk: #5c6069;
 --stu-ara: clamp(16px, 1.7vw, 24px);
 --stu-golge-cok: 0 3px 8px rgba(var(--stu-murekkep-rgb), .07), 0 34px 56px -28px rgba(var(--stu-murekkep-rgb), .44);
 --stu-sure: .24s;
 --stu-egri: cubic-bezier(.2, .75, .25, 1);
 --stu-kirmizi: #d7102b;
 --stu-ikinci: #f6f6f7;
 --stu-kose: 12px;
 --stu-pay: clamp(16px, 3.4vw, 32px);
 --stu-golge-az: 0 1px 2px rgba(var(--stu-murekkep-rgb), .05), 0 14px 30px -20px rgba(var(--stu-murekkep-rgb), .26);
 --stu-murekkep: #15171c;
 --stu-murekkep-rgb: 21, 23, 28
}

html {
 background: var(--stu-zemin)
}

html.live-menu {
 overflow: hidden
}

body {
 margin: 0;
 color: var(--stu-metin);
 background: var(--stu-zemin);
 font-family: var(--stu-govde-yazi);
 font-size: 16px;
 line-height: 1.6;
 -webkit-font-smoothing: antialiased
}

:focus-visible {
 outline: 2px solid var(--stu-kirmizi);
 outline-offset: 2px
}

.stu-ray {
 max-width: var(--stu-ray);
 margin-inline: auto;
 padding-inline: var(--stu-pay);
 width: 100%
}

.stu-gizli {
 width: 1px;
 clip-path: inset(50%);
 margin: -1px;
 white-space: nowrap;
 padding: 0;
 overflow: hidden;
 position: absolute;
 height: 1px
}

.stu-atla {
 top: 8px;
 left: var(--stu-pay);
 translate: 0 -200%;
 z-index: 90;
 border-radius: var(--stu-kose);
 padding: 10px 16px;
 color: var(--stu-zemin);
 position: absolute;
 font-weight: 600;
 transition: translate var(--stu-sure) var(--stu-egri);
 background: var(--stu-murekkep)
}

.stu-atla:focus {
 translate: 0 0
}

.stu-ust-yazi {
 text-transform: uppercase;
 align-items: center;
 letter-spacing: .1em;
 color: var(--stu-koyu);
 display: flex;
 gap: 10px;
 font-family: var(--stu-baslik-yazi);
 font-size: 14px;
 font-weight: 600;
 line-height: 1.3
}

.stu-ust-yazi:before {
 flex: none;
 border-radius: 3px;
 width: 11px;
 background: var(--stu-kirmizi);
 height: 11px;
 content: ""
}

.stu-ust-yazi-ak {
 color: var(--stu-zemin)
}

.stu-ust-yazi-ak:before {
 background: var(--stu-zemin)
}

.stu-baslik {
 color: var(--stu-murekkep);
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.7rem);
 font-weight: bold;
 line-height: 1.1;
 text-wrap: balance;
 letter-spacing: -.02em;
 margin-top: 6px
}

.stu-baslik-ak {
 color: var(--stu-zemin)
}

.stu-dugme {
 border-radius: var(--stu-kose);
 cursor: pointer;
 text-decoration: none;
 font-family: var(--stu-baslik-yazi);
 font-size: 16px;
 font-weight: 600;
 line-height: 1.15;
 align-items: center;
 justify-content: center;
 transition: translate var(--stu-sure) var(--stu-egri), filter var(--stu-sure) ease;
 position: relative;
 white-space: nowrap;
 gap: 9px;
 padding: 8px 22px;
 min-height: 52px;
 display: inline-flex;
 isolation: isolate
}

.stu-dugme svg {
 transition: translate var(--stu-sure) var(--stu-egri);
 flex: none
}

.stu-dugme-dolu {
 box-shadow: 0 16px 26px -16px rgba(var(--stu-kirmizi-rgb), .8);
 background: var(--stu-kirmizi);
 color: var(--stu-zemin)
}

.stu-dugme-cizgi {
 box-shadow: inset 0 0 0 1.5px var(--stu-murekkep);
 color: var(--stu-murekkep);
 background: var(--stu-zemin)
}

.stu-dugme-cizgi:before {
 opacity: 0;
 transition: opacity var(--stu-sure) ease;
 background: var(--stu-acik);
 z-index: -1;
 position: absolute;
 border-radius: inherit;
 inset: 0;
 content: ""
}

.stu-dugme-wa {
 background: var(--stu-yesil);
 color: var(--stu-zemin)
}

.stu-dugme-kisa {
 padding: 6px 16px;
 font-size: 15px;
 border-radius: 11px;
 min-height: 44px
}

.stu-serit {
 background: var(--stu-kirmizi);
 color: var(--stu-zemin);
 font-size: 13px;
 font-weight: 500
}

.stu-serit-ic {
 padding-block: 5px;
 min-height: 32px;
 display: flex;
 gap: 8px;
 align-items: center;
 justify-content: center;
 text-align: center;
 line-height: 1.3
}

.stu-serit-ic svg {
 flex: none
}

.stu-ust {
 top: 0;
 box-shadow: 0 1px 0 var(--stu-cizgi);
 position: sticky;
 z-index: 70;
 background: var(--stu-zemin)
}

.stu-ust:after {
 pointer-events: none;
 position: absolute;
 opacity: 0;
 background: linear-gradient(180deg, rgba(var(--stu-murekkep-rgb), .09), rgba(var(--stu-murekkep-rgb), 0));
 top: 100%;
 left: 0;
 right: 0;
 content: "";
 transition: opacity var(--stu-sure) ease;
 height: 18px
}

.stu-ust[data-stu-yapisik="1"]:after {
 opacity: 1
}

.stu-ust-ic {
 column-gap: 24px;
 align-items: center;
 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
 display: grid;
 min-height: 80px
}

.stu-marka {
 max-width: clamp(220px, 24vw, 320px);
 min-width: 0;
 text-align: center;
 grid-column: 2;
 grid-row: 1
}

.stu-ust .stu-marka .bold-flow,
.stu-son-logo .bold-flow {
 display: inline-flex;
 flex-direction: column;
 margin: 0;
 max-width: 100%;
 gap: 3px
}

.stu-marka .bold-flow {
 align-items: center
}

.simple-chat {
 font-family: var(--stu-baslik-yazi);
 font-size: 27px;
 font-weight: bold;
 line-height: 1;
 letter-spacing: -.012em
}

.civic-mesh {
 color: var(--stu-murekkep)
}

.lower-matrix {
 color: var(--stu-kirmizi)
}

.rapid-page {
 color: var(--stu-soluk);
 letter-spacing: .05em;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.25
}

.final-glow {
 max-height: 48px;
 width: auto
}

.stu-menu {
 display: contents
}

.stu-menu-sol,
.stu-menu-sag {
 min-width: 0;
 gap: clamp(16px, 2.1vw, 30px);
 grid-row: 1;
 display: flex;
 align-items: center
}

.stu-menu-sol {
 grid-column: 1
}

.stu-menu-sag {
 grid-column: 3;
 justify-content: flex-end
}

.stu-gez,
.stu-ust .dark-harbour {
 white-space: nowrap;
 position: relative;
 display: inline-flex;
 font-family: var(--stu-baslik-yazi);
 font-size: 15.5px;
 font-weight: 500;
 align-items: center;
 color: var(--stu-murekkep);
 min-height: 44px
}

.stu-gez:after {
 left: 0;
 right: 0;
 bottom: 8px;
 border-radius: 2px;
 transition: scale var(--stu-sure) var(--stu-egri);
 scale: 0 1;
 transform-origin: left center;
 content: "";
 position: absolute;
 height: 2px;
 background: var(--stu-kirmizi)
}

.stu-gez[aria-current="page"] {
 color: var(--stu-koyu)
}

.stu-gez[aria-current="page"]:after {
 scale: 1 1
}

.dark-harbour svg {
 max-width: none;
 flex: none
}

.stu-ust .global-ribbon {
 transform: none;
 box-shadow: var(--stu-golge-cok);
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose-orta);
 right: 0;
 left: auto
}

.stu-ust .global-ribbon a {
 color: var(--stu-murekkep);
 border-radius: 9px
}

.stu-ust .global-ribbon a:hover {
 background: var(--stu-acik);
 color: var(--stu-koyu)
}

.stu-burger {
 border: 0;
 border-radius: var(--stu-kose);
 padding: 0;
 height: 46px;
 background: var(--stu-acik);
 cursor: pointer;
 grid-column: 3;
 grid-row: 1;
 justify-self: end;
 width: 46px;
 display: none;
 position: relative
}

.stu-burger span {
 position: absolute;
 height: 2px;
 border-radius: 2px;
 transition: translate 220ms var(--stu-egri), rotate 220ms var(--stu-egri), opacity 160ms ease;
 left: 13px;
 background: var(--stu-koyu);
 width: 20px
}

.stu-burger span:nth-child(1) {
 top: 16px
}

.stu-burger span:nth-child(2) {
 top: 22px
}

.stu-burger span:nth-child(3) {
 top: 28px
}

.stu-burger.south-coat-river {
 background: var(--stu-kirmizi)
}

.south-coat-river.stu-burger span {
 background: var(--stu-zemin)
}

.south-coat-river.stu-burger span:nth-child(1) {
 rotate: 45deg;
 translate: 0 6px
}

.stu-burger.south-coat-river span:nth-child(2) {
 opacity: 0
}

.south-coat-river.stu-burger span:nth-child(3) {
 translate: 0 -6px;
 rotate: -45deg
}

.stu-giris {
 background: var(--stu-zemin)
}

.stu-giris-ic {
 grid-template-columns: minmax(0, 1fr);
 padding-block: 14px 24px;
 display: grid;
 row-gap: 14px
}

.stu-giris-metin {
 min-width: 0
}

.stu-giris-baslik {
 color: var(--stu-murekkep);
 letter-spacing: -.024em;
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(2rem, 10.2vw, 3.2rem);
 font-weight: bold;
 line-height: 1.07;
 margin-top: 8px
}

.stu-giris-baslik span {
 color: var(--stu-kirmizi);
 display: block
}

.stu-giris-ozet {
 font-size: clamp(16px, 1.2vw, 17px);
 line-height: 1.55;
 max-width: 60ch;
 margin-top: 10px;
 color: var(--stu-metin)
}

.stu-giris-panel {
 max-width: 35rem;
 display: grid;
 min-width: 0;
 gap: 12px;
 grid-template-columns: minmax(0, 1fr)
}

.stu-giris-eylem {
 display: grid;
 gap: 8px;
 margin: 0;
 grid-template-columns: repeat(2, minmax(0, 1fr))
}

.stu-giris-eylem .stu-dugme {
 padding-inline: 10px
}

.stu-giris-wa {
 grid-column: 1 / -1
}

.stu-giris-not {
 font-size: 13.5px;
 font-weight: 500;
 line-height: 1.3;
 background: var(--stu-zemin);
 display: flex;
 gap: 9px;
 padding: 9px 12px;
 align-items: center;
 min-width: 0;
 color: var(--stu-murekkep)
}

.stu-giris-not svg {
 flex: none;
 color: var(--stu-kirmizi)
}

.stu-filo {
 padding-block: clamp(24px, 3vw, 42px) clamp(36px, 4.6vw, 64px);
 background: var(--stu-ikinci)
}

.stu-filo-liste {
 padding-top: 0
}

.stu-filo-liste > .stu-ray {
 padding-top: clamp(14px, 1.8vw, 22px)
}

.stu-bas {
 gap: 8px clamp(24px, 4vw, 64px);
 margin-bottom: clamp(18px, 2.2vw, 28px);
 align-items: end;
 display: grid;
 grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr)
}

.stu-bas-ozet {
 color: var(--stu-soluk);
 font-size: 16px;
 line-height: 1.55
}

.stu-suzgec {
 display: flex;
 flex-wrap: wrap;
 gap: 8px
}

.stu-suz {
 background: var(--stu-zemin);
 padding: 6px 14px;
 gap: 7px;
 transition: translate var(--stu-sure) var(--stu-egri);
 display: inline-flex;
 border: 1px solid var(--stu-cizgi);
 border-radius: 11px;
 min-height: 44px;
 align-items: center;
 font-family: var(--stu-baslik-yazi);
 font-size: 15px;
 font-weight: 500;
 color: var(--stu-murekkep);
 cursor: pointer
}

.stu-suz[aria-pressed="true"] {
 border-color: var(--stu-kirmizi);
 background: var(--stu-kirmizi);
 color: var(--stu-zemin)
}

.stu-suz-adet {
 font-size: 13px;
 font-variant-numeric: tabular-nums;
 color: var(--stu-soluk)
}

.stu-suz[aria-pressed="true"] .stu-suz-adet {
 color: var(--stu-zemin)
}

.stu-izgara {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--stu-ara)
}

.stu-arac {
 padding: 10px;
 transition: translate 300ms var(--stu-egri);
 min-width: 0;
 position: relative;
 display: flex;
 box-shadow: 0 0 0 1px rgba(var(--stu-murekkep-rgb), .06), var(--stu-golge-az);
 flex-direction: column;
 background: var(--stu-zemin);
 container-type: inline-size;
 border-radius: var(--stu-kose-kart)
}

.stu-arac:after {
 transition: opacity 300ms ease;
 box-shadow: var(--stu-golge-cok);
 pointer-events: none;
 inset: 0;
 content: "";
 z-index: -1;
 opacity: 0;
 position: absolute;
 border-radius: inherit
}

.stu-arac-kapali {
 display: none
}

.stu-arac-cerceve {
 overflow: hidden;
 border-radius: var(--stu-kose);
 isolation: isolate;
 position: relative;
 background: var(--stu-murekkep)
}

.stu-arac-cerceve:after {
 pointer-events: none;
 content: "";
 position: absolute;
 inset: 0;
 border-radius: inherit;
 z-index: 3;
 box-shadow: inset 0 0 0 1px rgba(var(--stu-murekkep-rgb), .1)
}

.stu-arac-foto {
 aspect-ratio: 4 / 3;
 overflow: hidden;
 position: relative;
 background: var(--stu-ikinci)
}

.stu-arac-foto img {
 object-fit: cover;
 height: 100%;
 transform-origin: 50% 62%;
 transition: scale 550ms var(--stu-egri);
 width: 100%
}

.stu-arac-foto:after {
 position: absolute;
 content: "";
 pointer-events: none;
 background: linear-gradient(180deg, rgba(var(--stu-murekkep-rgb), 0), rgba(var(--stu-murekkep-rgb), .5) 56%, var(--stu-murekkep));
 height: 24%;
 inset: auto 0 0
}

.stu-rozet {
 min-height: 30px;
 top: 10px;
 align-items: center;
 display: inline-flex;
 font-family: var(--stu-baslik-yazi);
 font-size: 13.5px;
 font-weight: 600;
 line-height: 1.15;
 border-radius: 9px;
 z-index: 2;
 position: absolute;
 padding: 5px 10px 5px 8px;
 gap: 6px
}

.stu-rozet svg {
 flex: none
}

.stu-rozet-sinif {
 left: 10px;
 color: var(--stu-zemin);
 background: var(--stu-murekkep)
}

.stu-rozet-kasko {
 right: 10px;
 background: var(--stu-zemin);
 color: var(--stu-koyu);
 box-shadow: 0 0 0 1px rgba(var(--stu-murekkep-rgb), .14), 0 8px 16px -10px rgba(var(--stu-murekkep-rgb), .5)
}

.stu-arac-levha {
 padding: 0 14px 12px;
 z-index: 1;
 position: relative;
 margin-top: calc(-1 * clamp(14px, 5cqi, 22px))
}

.stu-arac-ad {
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(20px, 6.2cqi, 24px);
 font-weight: 600;
 line-height: 1.16;
 color: var(--stu-zemin);
 letter-spacing: -.012em
}

.stu-arac-yil {
 margin-top: 2px;
 font-size: 13px;
 font-weight: 500;
 line-height: 1.3;
 color: rgba(var(--stu-zemin-rgb), .84);
 letter-spacing: .02em
}

.stu-arac-oz {
 display: grid;
 grid-auto-flow: column;
 grid-auto-columns: minmax(0, 1fr);
 margin-top: 4px
}

.stu-arac-oz li {
 gap: 6px;
 align-items: center;
 justify-content: center;
 min-height: 38px;
 padding-inline: 2px;
 font-size: clamp(12.5px, 3.8cqi, 13.5px);
 font-weight: 500;
 line-height: 1.2;
 color: var(--stu-metin);
 display: flex
}

.stu-arac-oz li + li {
 box-shadow: -1px 0 0 var(--stu-cizgi)
}

.stu-arac-oz svg {
 flex: none;
 color: var(--stu-kirmizi)
}

.stu-arac-alt {
 margin-top: 4px;
 justify-content: flex-end;
 display: flex;
 flex: 1 1 auto;
 flex-direction: column
}

.stu-rez {
 gap: clamp(8px, 3cqi, 12px);
 border-radius: var(--stu-kose);
 padding: 10px clamp(9px, 3cqi, 12px);
 isolation: isolate;
 background: linear-gradient(104deg, var(--stu-kirmizi) 34%, var(--stu-koyu));
 grid-template-columns: auto minmax(0, 1fr) auto;
 display: grid;
 overflow: hidden;
 min-height: 62px;
 position: relative;
 color: var(--stu-zemin);
 align-items: center;
 text-decoration: none
}

.stu-rez:before {
 z-index: -1;
 background: linear-gradient(100deg, rgba(var(--stu-zemin-rgb), 0), rgba(var(--stu-zemin-rgb), .22), rgba(var(--stu-zemin-rgb), 0));
 transition: translate 550ms var(--stu-egri);
 position: absolute;
 content: "";
 top: 0;
 bottom: 0;
 left: -40%;
 width: 34%
}

.stu-rez:focus-visible {
 outline-color: var(--stu-murekkep)
}

.stu-rez-ikon {
 border-radius: 10px;
 background: rgba(var(--stu-zemin-rgb), .17);
 height: clamp(34px, 11cqi, 40px);
 width: clamp(34px, 11cqi, 40px);
 display: grid;
 place-items: center
}

.stu-rez-yazi {
 min-width: 0;
 display: grid;
 gap: 1px
}

.stu-rez-yazi strong {
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(14.5px, 5cqi, 17.5px);
 font-weight: 600;
 line-height: 1.16;
 letter-spacing: -.006em
}

.stu-rez-yazi small {
 font-size: clamp(12px, 3.4cqi, 12.5px);
 font-weight: normal;
 line-height: 1.25
}

.stu-rez-ok {
 place-items: center;
 display: grid;
 color: var(--stu-kirmizi);
 background: var(--stu-zemin);
 border-radius: 50%;
 height: clamp(30px, 9.6cqi, 36px);
 width: clamp(30px, 9.6cqi, 36px)
}

.stu-rez-ok svg {
 transition: translate var(--stu-sure) var(--stu-egri)
}

.stu-hat {
 gap: 8px;
 grid-auto-flow: column;
 grid-auto-columns: minmax(0, 1fr);
 margin-top: 8px;
 display: grid
}

.stu-hat-tel,
.stu-hat-wa {
 align-items: center;
 justify-content: center;
 white-space: nowrap;
 gap: 7px;
 transition: filter var(--stu-sure) ease;
 display: flex;
 font-family: var(--stu-baslik-yazi);
 font-size: 15px;
 font-weight: 600;
 line-height: 1.1;
 border-radius: var(--stu-kose);
 padding: 6px 8px;
 min-height: 46px;
 text-decoration: none
}

.stu-hat-tel svg,
.stu-hat-wa svg {
 flex: none
}

.stu-hat-tel {
 color: var(--stu-zemin);
 background: var(--stu-koyu)
}

.stu-hat-wa {
 color: var(--stu-zemin);
 background: var(--stu-yesil)
}

.stu-hat-tel:focus-visible,
.stu-hat-wa:focus-visible {
 outline-color: var(--stu-murekkep)
}

.stu-ucret {
 grid-auto-flow: column;
 grid-auto-columns: minmax(0, 1fr);
 margin-top: 20px;
 display: grid;
 gap: 6px
}

.stu-ucret-kutu {
 background: var(--stu-ikinci);
 flex-direction: column;
 position: relative;
 display: flex;
 padding: 10px 3px 9px;
 align-items: center;
 border-radius: 11px;
 min-width: 0;
 text-align: center
}

.stu-ucret-ikon {
 place-items: center;
 display: grid;
 color: var(--stu-kirmizi);
 height: 20px
}

.stu-ucret-ad {
 color: var(--stu-soluk);
 margin-top: 2px;
 place-items: center;
 min-height: 2.3em;
 font-size: clamp(12px, 3.6cqi, 12.5px);
 font-weight: 500;
 line-height: 1.15;
 display: grid
}

.stu-ucret-tutar {
 color: var(--stu-murekkep);
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(16px, 5.5cqi, 21px);
 font-weight: bold;
 line-height: 1.12;
 font-variant-numeric: tabular-nums;
 margin-top: 1px;
 white-space: nowrap
}

.stu-ucret-not {
 padding: 2px 3px;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.2;
 margin-top: 4px;
 text-wrap: balance;
 color: var(--stu-koyu)
}

.stu-ucret-one {
 box-shadow: 0 0 0 2px var(--stu-kirmizi), 0 8px 10px -9px rgba(var(--stu-kirmizi-rgb), .75);
 background: var(--stu-zemin)
}

.stu-ucret-one .stu-ucret-ad {
 color: var(--stu-murekkep)
}

.stu-ucret-one .stu-ucret-tutar {
 color: var(--stu-koyu)
}

.stu-ucret-one .stu-ucret-not {
 color: var(--stu-zemin);
 font-weight: 600;
 border-radius: 6px;
 background: var(--stu-kirmizi)
}

.stu-ucret-rozet {
 align-items: center;
 translate: -50% 0;
 background: var(--stu-kirmizi);
 top: -11px;
 left: 50%;
 display: inline-flex;
 position: absolute;
 padding: 2px 6px 2px 5px;
 border-radius: 7px;
 color: var(--stu-zemin);
 font-family: var(--stu-baslik-yazi);
 font-size: 12px;
 font-weight: 600;
 line-height: 1.1;
 white-space: nowrap;
 gap: 3px;
 min-height: 21px
}

.stu-ucret-rozet svg {
 flex: none;
 fill: currentcolor
}

.stu-kapanis {
 min-width: 0;
 container-type: inline-size;
 padding: clamp(26px, 3.4vw, 48px);
 display: flex;
 background: linear-gradient(118deg, var(--stu-kirmizi) 12%, var(--stu-koyu));
 flex-direction: column;
 border-radius: var(--stu-kose-kart);
 justify-content: center
}

.stu-kapanis-yazi {
 flex-direction: column;
 gap: 12px;
 display: flex;
 align-items: flex-start
}

.stu-kapanis-baslik {
 color: var(--stu-zemin);
 max-width: 14ch;
 letter-spacing: -.026em;
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(2rem, 1rem + 7.4cqi, 5rem);
 font-weight: bold;
 line-height: 1.05;
 text-wrap: balance
}

.stu-dipnot {
 color: var(--stu-zemin);
 max-width: 54ch;
 font-size: clamp(16px, 2.4cqi, 18px);
 line-height: 1.55
}

.stu-kapanis .stu-dugme {
 background: var(--stu-zemin);
 margin-top: 8px;
 box-shadow: none;
 color: var(--stu-koyu)
}

.stu-kapanis :focus-visible {
 outline-color: var(--stu-zemin)
}

.stu-sayilar {
 box-shadow: 0 0 0 1px rgba(var(--stu-murekkep-rgb), .06), var(--stu-golge-az);
 grid-template-columns: repeat(4, minmax(0, 1fr));
 margin-top: var(--stu-ara);
 display: grid;
 border-radius: var(--stu-kose-kart);
 background: var(--stu-zemin)
}

.stu-sayi {
 column-gap: 12px;
 padding: clamp(14px, 1.7vw, 22px) clamp(14px, 1.9vw, 26px);
 grid-template-columns: auto minmax(0, 1fr);
 display: grid;
 min-width: 0;
 align-items: center
}

.stu-sayi + .stu-sayi {
 box-shadow: inset 1px 0 0 var(--stu-cizgi)
}

.stu-sayi-ad {
 display: contents
}

.stu-sayi-ikon {
 background: var(--stu-acik);
 border-radius: var(--stu-kose);
 width: 44px;
 display: grid;
 grid-row: 1 / span 2;
 place-items: center;
 color: var(--stu-kirmizi);
 height: 44px
}

.stu-sayi-deger {
 color: var(--stu-murekkep);
 align-self: end;
 margin: 0;
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(20px, 1.05rem + .6vw, 26px);
 font-weight: bold;
 line-height: 1.12;
 letter-spacing: -.012em;
 grid-column: 2;
 grid-row: 1
}

.stu-sayi-etiket {
 grid-column: 2;
 grid-row: 2;
 color: var(--stu-soluk);
 font-size: 13.5px;
 line-height: 1.3;
 align-self: start
}

.stu-ilke {
 background: var(--stu-zemin);
 position: relative;
 padding-block: clamp(36px, 4.6vw, 64px) clamp(30px, 3.6vw, 52px);
 isolation: isolate
}

.stu-ilke-blok {
 border-radius: 0 var(--stu-kose-buyuk) var(--stu-kose-buyuk) 0;
 background: linear-gradient(112deg, var(--stu-koyu), var(--stu-kirmizi) 72%);
 position: absolute;
 width: max(72%, calc(50% + 300px));
 z-index: -1;
 top: clamp(14px, 1.8vw, 26px);
 bottom: clamp(70px, 7vw, 104px);
 left: 0
}

.stu-ilke-bas {
 margin-bottom: clamp(18px, 2.2vw, 28px)
}

.stu-ilke-liste {
 gap: var(--stu-ara);
 grid-template-columns: repeat(var(--stu-ilke-sutun, 3), minmax(0, 1fr));
 display: grid
}

.stu-ilke-kart {
 background: var(--stu-zemin);
 transition: translate 300ms var(--stu-egri);
 padding: clamp(18px, 2vw, 26px);
 box-shadow: 0 0 0 1px rgba(var(--stu-murekkep-rgb), .06), var(--stu-golge-az);
 border-radius: var(--stu-kose-kart)
}

.stu-ilke-ikon {
 height: 46px;
 background: var(--stu-acik);
 border-radius: var(--stu-kose);
 place-items: center;
 display: grid;
 width: 46px;
 color: var(--stu-kirmizi)
}

.stu-ilke-ad {
 font-family: var(--stu-baslik-yazi);
 font-size: 20px;
 font-weight: 600;
 line-height: 1.2;
 color: var(--stu-murekkep);
 letter-spacing: -.01em;
 margin-top: 12px
}

.stu-ilke-metin {
 color: var(--stu-soluk);
 font-size: 15px;
 line-height: 1.55;
 margin-top: 6px
}

.stu-sayfa {
 background: var(--stu-zemin);
 box-shadow: inset 0 -1px 0 var(--stu-cizgi);
 position: relative
}

.stu-sayfa:after {
 content: "";
 position: absolute;
 left: max(var(--stu-pay), calc((100% - var(--stu-ray)) / 2 + var(--stu-pay)));
 bottom: 0;
 background: var(--stu-kirmizi);
 width: 64px;
 border-radius: 3px 3px 0 0;
 height: 3px
}

.stu-sayfa-ic {
 padding-block: clamp(16px, 1.9vw, 24px)
}

.stu-sayfa-baslik {
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(1.85rem, 1.25rem + 2vw, 2.9rem);
 font-weight: bold;
 line-height: 1.08;
 letter-spacing: -.022em;
 margin-top: 6px;
 text-wrap: balance;
 color: var(--stu-murekkep)
}

.stu-sayfa-ozet {
 font-size: 16px;
 line-height: 1.55;
 max-width: 70ch;
 color: var(--stu-metin);
 margin-top: 8px
}

.stu-son {
 padding-block: clamp(34px, 4vw, 56px) 20px;
 background: var(--stu-murekkep);
 color: rgba(var(--stu-zemin-rgb), .76)
}

.stu-son-izgara {
 grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.15fr) minmax(0, .8fr) minmax(0, 1fr);
 display: grid;
 gap: 26px clamp(24px, 3.4vw, 52px)
}

.stu-son-logo .bold-flow {
 align-items: flex-start
}

.stu-son .civic-mesh {
 color: var(--stu-zemin)
}

.stu-son .lower-matrix {
 color: var(--stu-canli)
}

.stu-son .rapid-page {
 color: rgba(var(--stu-zemin-rgb), .74)
}

.stu-son-metin {
 font-size: 14.5px;
 line-height: 1.6;
 max-width: 46ch;
 margin-top: 12px
}

.stu-son-ad {
 font-family: var(--stu-baslik-yazi);
 font-size: 15px;
 font-weight: 600;
 line-height: 1.25;
 color: var(--stu-zemin);
 margin-bottom: 10px
}

.stu-son-liste {
 gap: 7px;
 font-size: 14.5px;
 line-height: 1.5;
 display: grid
}

.stu-son-liste a {
 color: rgba(var(--stu-zemin-rgb), .84);
 text-decoration: none
}

.stu-son-telefon {
 font-family: var(--stu-baslik-yazi);
 font-size: 23px;
 font-weight: 600;
 line-height: 1.15
}

.stu-son-telefon a,
.stu-son-eposta a {
 color: var(--stu-zemin)
}

.stu-son-eposta {
 overflow-wrap: anywhere
}

.long-birch {
 border-top: 1px solid rgba(var(--stu-zemin-rgb), .14);
 margin-top: 24px;
 padding-top: 14px;
 color: rgba(var(--stu-zemin-rgb), .6);
 font-size: 14px;
 line-height: 1.7
}

.long-birch a {
 color: rgba(var(--stu-zemin-rgb), .84)
}

.stu-son-alt {
 flex-wrap: wrap;
 gap: 8px 24px;
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 margin-top: 16px
}

.stu-son-amblem {
 letter-spacing: -.03em;
 color: var(--stu-kirmizi);
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(2.6rem, 1rem + 6.6vw, 6.4rem);
 font-weight: bold;
 line-height: 1.04
}

.stu-son-telif {
 font-size: 13.5px;
 line-height: 1.4;
 color: rgba(var(--stu-zemin-rgb), .7)
}

.snap-band {
 padding-block: clamp(32px, 4.2vw, 60px)
}

.shared-reset {
 background: var(--stu-ikinci)
}

.bright-coral {
 padding-block: clamp(24px, 3vw, 44px)
}

.lean-garden,
.back-net {
 max-width: none;
 text-align: left;
 margin: 0 0 clamp(14px, 1.6vw, 20px)
}

.lean-garden:before {
 margin-bottom: 12px;
 border-radius: 4px;
 display: block;
 content: "";
 width: 44px;
 height: 4px;
 background: var(--stu-kirmizi)
}

.royal-sheet {
 letter-spacing: -.02em;
 margin: 0;
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(1.7rem, 1.25rem + 1.4vw, 2.4rem);
 font-weight: bold;
 line-height: 1.12;
 color: var(--stu-murekkep)
}

.high-coat {
 max-width: none;
 font-size: 16px;
 line-height: 1.68;
 color: var(--stu-metin)
}

.high-coat p:last-child {
 margin-bottom: 0
}

.inner-blocks {
 gap: 8px;
 margin: 0;
 max-width: none
}

.inner-blocks details {
 border-color: var(--stu-cizgi);
 border-radius: 14px;
 background: var(--stu-zemin)
}

.inner-blocks details[open] {
 border-color: var(--stu-gul)
}

.inner-blocks summary {
 font-family: var(--stu-baslik-yazi);
 font-size: 17px;
 font-weight: 600;
 line-height: 1.3;
 padding: 16px 18px;
 letter-spacing: -.006em;
 color: var(--stu-murekkep)
}

.inner-blocks summary > span {
 color: var(--stu-kirmizi);
 transition: scale 220ms var(--stu-egri);
 flex: none
}

.inner-blocks details[open] summary > span {
 scale: 1 -1
}

.front-stone {
 color: var(--stu-metin);
 padding: 0 18px 16px;
 font-size: 15px;
 line-height: 1.62
}

.static-analytics {
 letter-spacing: 0;
 border-radius: var(--stu-kose);
 font-family: var(--stu-baslik-yazi);
 font-size: 16px;
 font-weight: 600
}

.live-matrix {
 padding: clamp(22px, 3vw, 38px) clamp(20px, 3.4vw, 46px);
 box-shadow: 0 30px 50px -36px rgba(var(--stu-kirmizi-rgb), .9);
 gap: 18px 36px;
 border-radius: var(--stu-kose-buyuk);
 background: linear-gradient(112deg, var(--stu-koyu), var(--stu-kirmizi) 68%)
}

.mono-mist {
 letter-spacing: -.02em;
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(1.6rem, 1.2rem + 1.3vw, 2.3rem);
 font-weight: bold;
 line-height: 1.1
}

.swift-lens {
 max-width: 64ch;
 font-size: 15.5px;
 margin-top: 6px;
 color: var(--stu-zemin)
}

.live-matrix .calm-style {
 background: var(--stu-zemin);
 box-shadow: none;
 color: var(--stu-koyu)
}

.live-matrix .static-analytics:focus-visible {
 outline-color: var(--stu-zemin)
}

main > div.slim-olive {
 background: var(--stu-ikinci);
 background-image: none
}

main .north-tower:has( > .lite-slope):before {
 content: "";
 background: linear-gradient(118deg, var(--stu-kirmizi) 12%, var(--stu-koyu));
 inset: 34px -12px -12px 34px;
 border-radius: var(--stu-kose-kart);
 position: absolute
}

main .north-tower:has( > .lite-slope) > .lite-slope {
 border: 0;
 position: relative
}

main .north-tower:has( > .lite-slope) > .native-coat {
 z-index: 1
}

main .light-olive {
 border-radius: var(--stu-kose-orta)
}

main .royal-deck {
 border-radius: var(--stu-kose)
}

.lite-slope {
 background: var(--stu-zemin);
 -webkit-backdrop-filter: none;
 backdrop-filter: none;
 box-shadow: var(--stu-golge-az);
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose-orta)
}

.lite-slope:hover {
 background: var(--stu-zemin);
 transform: none;
 border-color: var(--stu-cizgi);
 box-shadow: var(--stu-golge-az)
}

.clean-nav {
 -webkit-backdrop-filter: none;
 backdrop-filter: none;
 box-shadow: none;
 background: var(--stu-acik);
 border: 1px solid var(--stu-gul);
 border-radius: var(--stu-kose-kart)
}

.clean-nav a {
 font-family: var(--stu-baslik-yazi);
 font-weight: 600;
 min-height: 48px;
 border-radius: var(--stu-kose)
}

.clean-nav .simple-olive {
 color: var(--stu-zemin);
 background: var(--stu-yesil)
}

.clean-nav .simple-olive:hover {
 background: var(--stu-yesil);
 filter: brightness(.94)
}

.lite-slope .simple-olive {
 background: rgba(var(--stu-yesil-rgb), .1);
 color: var(--stu-yesil)
}

.lite-slope .simple-olive:hover {
 color: var(--stu-zemin);
 background: var(--stu-yesil)
}

.civic-config {
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose-kart);
 padding: clamp(18px, 2vw, 24px);
 background: var(--stu-zemin);
 transition: translate 300ms var(--stu-egri);
 box-shadow: var(--stu-golge-az)
}

.civic-config:hover {
 box-shadow: var(--stu-golge-az);
 transform: none
}

.quick-gate {
 height: 46px;
 background: var(--stu-acik);
 border-radius: var(--stu-kose);
 color: var(--stu-kirmizi);
 width: 46px;
 margin-bottom: 12px
}

.native-coat {
 box-shadow: var(--stu-golge-cok);
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose-orta)
}

main .micro-amber {
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose-orta);
 box-shadow: none
}

main .west-snow th {
 background: var(--stu-ikinci);
 color: var(--stu-murekkep);
 border-color: var(--stu-cizgi);
 font-family: var(--stu-baslik-yazi);
 font-weight: 600
}

main .west-snow td {
 border-color: var(--stu-cizgi);
 color: var(--stu-metin)
}

main h2.rapid-flow,
main h3.rapid-flow {
 letter-spacing: -.016em;
 font-family: var(--stu-baslik-yazi);
 font-weight: bold;
 line-height: 1.16
}

main h2.slim-valley,
main h2.rich-wind {
 font-size: clamp(1.7rem, 1.25rem + 1.4vw, 2.3rem)
}

main .rapid-flow {
 color: var(--stu-murekkep)
}

main .modern-cards {
 color: var(--stu-soluk)
}

main .upper-footer,
main .base-slider,
main .east-slate {
 color: var(--stu-metin)
}

main .light-signal {
 color: var(--stu-koyu)
}

main .common-stamp {
 background-color: var(--stu-ikinci)
}

main .prime-scope {
 padding-left: 1.15em;
 list-style-position: outside
}

main .solid-vector.civic-widgets {
 text-align: left
}

#active-window input:not([name="website"]),
#active-window textarea {
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose);
 background: var(--stu-zemin)
}

#active-window input:focus,
#active-window textarea:focus {
 box-shadow: 0 0 0 3px rgba(var(--stu-kirmizi-rgb), .14);
 border-color: var(--stu-kirmizi)
}

#smart-rain {
 font-family: var(--stu-baslik-yazi);
 font-size: 17px;
 font-weight: 600;
 border-radius: var(--stu-kose);
 box-shadow: none;
 background: var(--stu-kirmizi)
}

#smart-rain:hover {
 background: var(--stu-kirmizi);
 filter: brightness(.94)
}

.lunar-ash {
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(5rem, 3rem + 7vw, 8rem);
 font-weight: bold;
 letter-spacing: -.03em;
 color: var(--stu-kirmizi)
}

.clear-stone {
 font-family: var(--stu-baslik-yazi);
 font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem);
 line-height: 1.15;
 color: var(--stu-murekkep)
}

.micro-tower {
 color: var(--stu-metin)
}

.plain-flow a {
 font-family: var(--stu-baslik-yazi);
 border-radius: var(--stu-kose)
}

.plain-flow .neat-ruby {
 border-color: var(--stu-kirmizi);
 background: var(--stu-kirmizi)
}

.plain-flow .rich-deck {
 color: var(--stu-murekkep);
 border-color: var(--stu-murekkep)
}

[data-stu-belir="oyna"] {
 animation: sierra-flag 520ms var(--stu-egri) var(--stu-gecikme, 0ms) backwards
}

@media (hover: hover) and (pointer: fine) {
 a.stu-dugme:hover {
  translate: 0 -2px
 }

 .stu-dugme-dolu:hover,
 .stu-dugme-wa:hover {
  filter: brightness(.94)
 }

 .stu-dugme-cizgi:hover {
  box-shadow: inset 0 0 0 1.5px var(--stu-kirmizi);
  color: var(--stu-koyu)
 }

 .stu-dugme-cizgi:hover:before {
  opacity: 1
 }

 a.stu-dugme:hover svg:last-child:not(:first-child) {
  translate: 3px 0
 }

 .stu-gez:hover:after {
  scale: 1 1
 }

 .stu-gez:hover,
 .stu-ust .dark-harbour:hover {
  color: var(--stu-koyu)
 }

 .stu-izgara .stu-arac:hover {
  translate: 0 -5px
 }

 .stu-izgara .stu-arac:hover:after {
  opacity: 1
 }

 .stu-izgara .stu-arac:hover .stu-arac-foto img {
  scale: 1.035
 }

 .stu-izgara .stu-arac:hover .stu-rez:before {
  translate: 420% 0
 }

 .stu-izgara .stu-arac:hover .stu-rez-ok svg {
  translate: 3px 0
 }

 .stu-hat-tel:hover,
 .stu-hat-wa:hover {
  filter: brightness(.92)
 }

 button.stu-suz:hover {
  translate: 0 -2px
 }

 .stu-ilke-liste .stu-ilke-kart:hover {
  translate: 0 -4px
 }

 main .civic-config:hover {
  translate: 0 -4px
 }

 .stu-son a:hover {
  color: var(--stu-canli)
 }

}

@container (min-width: 900px) {
 .stu-kapanis-yazi {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  column-gap: 56px;
  align-items: center
 }

 .stu-kapanis-baslik {
  grid-row: 1 / span 2
 }

 .stu-kapanis .stu-dugme {
  margin-top: 0;
  justify-self: start
 }

}

@media (min-width: 660px) {
 .stu-izgara {
  grid-template-columns: repeat(2, minmax(0, 1fr))
 }

 .stu-kapanis {
  grid-column: span var(--stu-bos2, 1)
 }

}

@media (min-width: 720px) and (max-width: 959.98px) {
 .stu-giris-panel {
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr))
 }

}

@media (min-width: 960px) {
 .stu-giris-ic {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  column-gap: clamp(32px, 4.4vw, 64px);
  align-items: center;
  padding-block: clamp(24px, 2.6vw, 38px)
 }

 .stu-giris-baslik {
  margin-top: 12px;
  font-size: clamp(3rem, .7rem + 3.9vw, 4rem)
 }

 .stu-giris-ozet {
  margin-top: 12px
 }

 .stu-giris-panel {
  width: 100%;
  max-width: calc(35rem + 28px);
  justify-self: end;
  padding: 14px;
  border-radius: var(--stu-kose-kart);
  background: var(--stu-ikinci)
 }

 .stu-giris-not {
  font-size: 14.5px;
  padding-block: 11px
 }

 .stu-sayfa-ic {
  display: grid;
  align-items: end;
  column-gap: clamp(32px, 5vw, 72px);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr)
 }

 .stu-sayfa-ic .stu-ust-yazi {
  grid-column: 1 / -1
 }

 .stu-sayfa-baslik:last-child {
  grid-column: 1 / -1
 }

 .stu-sayfa-ozet {
  padding-bottom: 3px;
  margin-top: 0
 }

 .snap-band:not(.bright-coral) > .calm-loop {
  display: grid;
  gap: 0 clamp(32px, 5vw, 72px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.1fr)
 }

 .lean-garden,
 .back-net {
  align-self: start;
  margin-bottom: 0;
  position: sticky;
  top: 104px
 }

}

@media (min-width: 1024px) {
 .stu-izgara {
  grid-template-columns: repeat(3, minmax(0, 1fr))
 }

 .stu-kapanis {
  grid-column: span var(--stu-bos3, 1)
 }

 main .static-frame {
  top: 96px;
  position: sticky
 }

 main .south-nav:has( > .lite-slope + .lite-slope) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid
 }

 main .south-nav:has( > .lite-slope + .lite-slope) > .lite-slope {
  margin: 0
 }

 main .south-nav:has( > .lite-slope + .lite-slope) > .clean-nav {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center
 }

 main .south-nav:has( > .lite-slope + .lite-slope) > .clean-nav:nth-child(odd) {
  grid-column: 1 / -1
 }

 main .south-nav > .lite-slope:has( > section + section) {
  column-count: 2;
  column-gap: clamp(32px, 4vw, 56px)
 }

 main .south-nav > .lite-slope:has( > section + section) > section {
  break-inside: avoid
 }

}

@media (max-width: 1279.98px) and (min-width: 1024px) {
 .stu-menu-eylem {
  display: none
 }

}

@media (max-width: 1023.98px) {
 .stu-ust-ic {
  min-height: 68px;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px
 }

 .stu-marka {
  grid-column: 1;
  text-align: left
 }

 .stu-marka .bold-flow {
  align-items: flex-start
 }

 .stu-burger {
  display: block;
  grid-column: 2
 }

 .stu-menu {
  overflow-y: auto;
  padding: 6px var(--stu-pay) 24px;
  box-shadow: inset 0 1px 0 var(--stu-cizgi);
  height: 100dvh;
  background: var(--stu-zemin);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 65
 }

 .stu-menu.south-coat-river {
  display: block
 }

 .stu-menu-sol,
 .stu-menu-sag {
  display: block
 }

 .stu-menu li {
  border-bottom: 1px solid var(--stu-cizgi)
 }

 .stu-menu li.stu-menu-eylem {
  border-bottom: 0;
  padding-top: 16px
 }

 .stu-gez,
 .stu-ust .dark-harbour {
  min-height: 54px;
  display: flex;
  font-size: 19px;
  font-weight: 500;
  width: 100%
 }

 .stu-ust .dark-harbour {
  justify-content: space-between
 }

 .stu-gez:after {
  display: none
 }

 .stu-ust .compact-screen {
  width: 100%;
  display: block
 }

 .stu-ust .global-ribbon {
  background: #0000;
  border: 0;
  position: static;
  padding: 0 0 10px 12px;
  box-shadow: none;
  min-width: 0
 }

 .stu-ust .global-ribbon a {
  padding: 9px 0;
  color: var(--stu-metin);
  font-size: 16px
 }

 .stu-menu-eylem .stu-dugme {
  width: 100%;
  min-height: 52px;
  font-size: 16.5px
 }

 .stu-son-izgara {
  grid-template-columns: repeat(2, minmax(0, 1fr))
 }

}

@media (max-width: 959.98px) {
 .stu-sayilar {
  grid-template-columns: repeat(2, minmax(0, 1fr))
 }

 .stu-sayi:nth-child(odd) {
  box-shadow: none
 }

 .stu-sayi:nth-child(n + 3) {
  box-shadow: inset 0 1px 0 var(--stu-cizgi)
 }

 .stu-sayi:nth-child(4) {
  box-shadow: inset 1px 0 0 var(--stu-cizgi), inset 0 1px 0 var(--stu-cizgi)
 }

}

@media (max-width: 767.98px) {
 .stu-bas {
  grid-template-columns: minmax(0, 1fr)
 }

 .stu-ilke-liste {
  grid-template-columns: minmax(0, 1fr)
 }

 .stu-ilke-blok {
  bottom: 96px;
  width: 100%;
  border-radius: 0 0 var(--stu-kose-buyuk) 0
 }

 .stu-son-alt {
  align-items: flex-start;
  flex-direction: column
 }

 .live-matrix .static-analytics {
  width: 100%
 }

}

@media (max-width: 559.98px) {
 .stu-son-izgara {
  grid-template-columns: minmax(0, 1fr)
 }

 main .lite-slope.base-engine,
 main .base-engine.clean-nav {
  padding: 20px 18px
 }

 .stu-sayi {
  column-gap: 10px
 }

 .stu-sayi-ikon {
  border-radius: 10px;
  width: 36px;
  height: 36px
 }

 .stu-sayi-deger {
  font-size: 18.5px
 }

}

@media (max-width: 359.98px) {
 main .west-snow th,
 main .west-snow td {
  font-size: 14px;
  padding: 8px;
  overflow-wrap: anywhere
 }

}

@media (prefers-reduced-motion: reduce) {
 html {
  scroll-behavior: auto
 }

 *,
 :before,
 :after {
  animation: none!important;
  transition: none!important
 }

 .stu-izgara .stu-arac:hover,
 .stu-izgara .stu-arac:hover .stu-arac-foto img,
 .stu-izgara .stu-arac:hover .stu-rez:before,
 .stu-izgara .stu-arac:hover .stu-rez-ok svg,
 .stu-ilke-liste .stu-ilke-kart:hover,
 main .civic-config:hover,
 a.stu-dugme:hover,
 button.stu-suz:hover {
  translate: none;
  scale: none
 }

}

:root {
 --stu-mv-box-glow: rgba(15, 23, 42, .12);
 --stu-mv-glow-soft: rgba(15, 23, 42, .14);
 --stu-mv-box-lift: -4px;
 --stu-mv-primary: var(--stu-kirmizi, #d7102b);
 --stu-mv-press-scale: .97;
 --stu-mv-dur: .25s;
 --stu-mv-hover-scale: 1.015;
 --stu-mv-glow: color-mix(in srgb, var(--stu-kirmizi, #d7102b) 42%, #0000);
 --stu-mv-lift: -2px;
 --stu-mv-radius: var(--stu-kose, 12px);
 --stu-mv-chip-press: .95;
 --stu-mv-ease: cubic-bezier(.4, 0, .2, 1);
 --stu-mv-on-primary: #ffffff
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme) {
 transition: translate var(--stu-mv-dur) var(--stu-mv-ease), scale var(--stu-mv-dur) var(--stu-mv-ease), transform var(--stu-mv-dur) var(--stu-mv-ease), opacity var(--stu-mv-dur) ease, filter var(--stu-mv-dur) var(--stu-mv-ease), color var(--stu-mv-dur) ease, background-color var(--stu-mv-dur) ease, border-color var(--stu-mv-dur) ease, box-shadow var(--stu-mv-dur) ease;
 -webkit-tap-highlight-color: #0000
}

:is(.stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa):hover {
 scale: var(--stu-mv-hover-scale);
 translate: 0 var(--stu-mv-lift)
}

:is(.stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa):focus-visible {
 translate: 0 var(--stu-mv-lift)
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):active {
 transition-duration: 80ms;
 scale: var(--stu-mv-press-scale);
 translate: 0 0
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme) > svg {
 flex: none;
 transition: translate var(--stu-mv-dur) var(--stu-mv-ease), scale var(--stu-mv-dur) var(--stu-mv-ease)
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:first-child {
 scale: 1.12
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:last-child:not(:first-child) {
 translate: 3px 0
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme) {
 filter: drop-shadow(0 0 0 #0000)
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):hover {
 filter: drop-shadow(0 10px 14px var(--stu-mv-glow))
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):active {
 filter: drop-shadow(0 3px 6px var(--stu-mv-glow))
}

:where(:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme)) {
 overflow: hidden;
 position: relative;
 isolation: isolate
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):after {
 background: linear-gradient(105deg, #0000 35%, rgba(255, 255, 255, .28) 50%, #0000 65%);
 opacity: 0;
 transition: transform 550ms var(--stu-mv-ease), opacity 250ms ease;
 position: absolute;
 transform: translate3d(-120%, 0, 0);
 inset: 0;
 z-index: -1;
 content: "";
 pointer-events: none
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):hover:after {
 opacity: 1;
 transform: translate3d(120%, 0, 0)
}

:is(.stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi):hover {
 filter: drop-shadow(0 8px 12px var(--stu-mv-glow-soft))
}

:is(.stu-giris-wa.stu-giris-wa, .stu-hat-wa.stu-hat-wa):hover {
 filter: drop-shadow(0 10px 14px rgba(37, 211, 102, .38))
}

:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu) {
 will-change: translate, scale
}

:is(.stu-suz.stu-suz) {
 transition: translate 200ms var(--stu-mv-ease), scale 200ms var(--stu-mv-ease), transform 200ms var(--stu-mv-ease), opacity 200ms ease, color 200ms ease, background-color 200ms ease, border-color 200ms ease
}

:is(.stu-suz.stu-suz):hover {
 translate: 0 -1px
}

:is(.stu-suz.stu-suz):active {
 scale: var(--stu-mv-chip-press);
 transition-duration: 80ms
}

:is(.stu-arac.stu-arac, .stu-kapanis.stu-kapanis, .stu-ilke-kart.stu-ilke-kart) {
 transition: translate 350ms var(--stu-mv-ease), transform 350ms var(--stu-mv-ease), filter 350ms var(--stu-mv-ease), opacity 350ms ease, box-shadow 350ms ease, border-color 350ms ease
}

:is(.stu-arac.stu-arac, .stu-kapanis.stu-kapanis, .stu-ilke-kart.stu-ilke-kart):has(:is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):active) {
 translate: 0 0
}

:is(.inner-blocks details) {
 transition: translate 300ms var(--stu-mv-ease), scale 300ms var(--stu-mv-ease), transform 300ms var(--stu-mv-ease), box-shadow 300ms ease, border-color 300ms ease, background-color 300ms ease
}

:is(.inner-blocks details):hover {
 translate: 0 -3px;
 scale: 1.01
}

@media (hover: none) {
 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme) {
  filter: none
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu) {
  will-change: auto
 }

 :is(.stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa):hover,
 :is(.stu-suz.stu-suz):hover,
 :is(.inner-blocks details):hover {
  scale: 1;
  translate: 0 0
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):hover,
 :is(.stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi):hover,
 :is(.stu-giris-wa.stu-giris-wa, .stu-hat-wa.stu-hat-wa):hover {
  filter: none
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):hover:after {
  opacity: 0;
  transform: translate3d(-120%, 0, 0)
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:first-child {
  scale: 1
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:last-child:not(:first-child) {
  translate: 0 0
 }

}

@media (prefers-reduced-motion: reduce) {
 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme),
 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme) > svg,
 :is(.stu-suz.stu-suz),
 :is(.stu-arac.stu-arac, .stu-kapanis.stu-kapanis, .stu-ilke-kart.stu-ilke-kart),
 :is(.inner-blocks details),
 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme):after {
  transition: none;
  animation: none
 }

 :is(.stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa):hover,
 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):active,
 :is(.stu-suz.stu-suz):hover,
 :is(.stu-suz.stu-suz):active,
 :is(.inner-blocks details):hover {
  translate: 0 0;
  scale: 1
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:first-child {
  scale: 1
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-giris-eylem .stu-dugme-cizgi.stu-dugme-cizgi, .stu-giris-wa.stu-giris-wa, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-hat-wa.stu-hat-wa, .stu-kapanis .stu-dugme.stu-dugme):hover > svg:last-child:not(:first-child) {
  translate: 0 0
 }

}

html:root {
 --urban-lens: var(--stu-soluk);
 --local-focus: var(--stu-kose-buyuk);
 --metro-wind: 21 23 28!important;
 --soft-focus: var(--stu-kose);
 --core-cloud: var(--stu-kose-orta);
 --free-harbour: var(--stu-metin);
 --lite-mark: var(--stu-acik);
 --sharp-layer: 163 11 32!important;
 --classic-signal: var(--stu-cizgi);
 --long-view: var(--stu-ikinci);
 --light-azure: var(--stu-murekkep)!important;
 --full-modules: var(--stu-kirmizi)!important;
 --full-clove: var(--stu-ikinci);
 --south-basil: var(--stu-koyu);
 --rapid-track: 215, 16, 43!important;
 --smooth-petal: var(--stu-kirmizi);
 --wild-bay: 215 16 43!important
}

:root {
 --wide-track-pulse: #ffffff;
 --snap-style-bundle: var(--stu-kirmizi)
}

main .calm-loop,
main .compact-style,
main .south-nav {
 padding-inline: var(--stu-pay);
 max-width: var(--stu-ray)
}

.stu-giris .stu-giris-notlar {
 overflow: hidden;
 background: var(--stu-cizgi);
 display: grid;
 align-items: stretch;
 margin: 0;
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose);
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1px
}

.stu-giris-notlar .stu-giris-not:last-child:nth-child(odd) {
 grid-column: 1/-1
}

.stu-filo .lunar-app-tokens {
 margin-bottom: clamp(14px, 1.8vw, 22px)
}

.stu-filo .fluid-style-grove {
 min-height: 48px;
 background: var(--stu-zemin);
 border: 1px solid var(--stu-cizgi);
 border-radius: var(--stu-kose);
 padding: 8px 16px;
 gap: 10px;
 color: var(--stu-murekkep);
 font-family: var(--stu-baslik-yazi);
 font-size: 16px;
 font-weight: 600;
 box-shadow: var(--stu-golge-az)
}

.stu-filo .fluid-style-grove:hover {
 border-color: var(--stu-gul);
 background: var(--stu-zemin)
}

.stu-filo .fluid-style-grove:focus-visible {
 outline-color: var(--stu-kirmizi)
}

.stu-filo .safe-forms-frost {
 color: var(--stu-kirmizi)
}

.stu-filo .bold-insights-catalog {
 font-size: 14px;
 font-weight: 500;
 background: var(--stu-acik);
 color: var(--stu-koyu);
 border-radius: 8px
}

.stu-filo .smooth-azure-link {
 color: var(--stu-soluk)
}

.stu-filo .long-garden-track {
 padding-top: 10px
}

.stu-son {
 padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px))
}

@media (min-width: 1400px) {
 .stu-son {
  padding-bottom: 20px
 }

}

.stu-giris .stu-giris-eylem {
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.5rem), 1fr))
}

.stu-giris-not span {
 white-space: nowrap
}

.stu-sayfa .stu-sayfa-ic {
 padding-bottom: 12px
}

.stu-filo-liste > .stu-ray {
 padding-top: clamp(12px, 1.2vw, 16px)
}

@media (max-width: 359.98px) {
 .stu-giris .stu-giris-not {
  gap: 6px;
  padding-inline: 9px
 }

}

@media (hover: none),(pointer: coarse),(max-width: 767px) {
 *,
 :before,
 :after {
  -webkit-backdrop-filter: none!important;
  backdrop-filter: none!important
 }

 html,
 body {
  background-attachment: scroll!important
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu, .stu-menu-eylem .stu-dugme.stu-dugme, .stu-rez.stu-rez, .stu-hat-tel.stu-hat-tel, .stu-kapanis .stu-dugme.stu-dugme) {
  filter: none
 }

 :is(.stu-giris-eylem .stu-dugme-dolu.stu-dugme-dolu) {
  will-change: auto
 }

}

@keyframes sierra-flag {
 from {
  opacity: 0;
  translate: 0 22px
 }

}

@keyframes ridge-scope {
 to {
  transform: translate3d(0, 0, 0);
  opacity: 1
 }

 from {
  transform: translate3d(0, 22px, 0);
  opacity: 0
 }

}
