/* Kaç Lira+ sayfası (tasarim/vip.html): tanıtım + avatarında dene, plan, ödeme (skin / Waxpeer) ve bakiye. Sahibi B3. */
.e-vip { --yesil-yazi: #157A49; --kirmizi-yazi: #B02150; --y1: 14px; --y2: 17px; --y3: 22px; --y4: 30px; --y5: 46px; --y6: 112px; }
.e-vip .kap { width: min(1832px, 100% - 88px); margin: 0 auto; }
.e-vip .site-alt { margin: 0; }
.e-vip a { color: inherit; }
.e-vip .yakinda { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; margin-left: 8px; border-radius: 999px; background: var(--murekkep); color: var(--gunes); font: 800 12px var(--font); letter-spacing: 0; vertical-align: middle; white-space: nowrap; }
.vip-ust { height: 96px; display: flex; align-items: center; gap: 24px; }
.vip-ust .logo-ok { color: #fff; }
.vip-ust nav.menu { margin-left: auto; display: flex; gap: 4px; }
.vip-ust nav.menu a { height: 46px; padding: 0 16px; border-radius: 999px; display: inline-flex; align-items: center; color: #fff; font-weight: 800; font-size: 19px; text-decoration: none; }
.vip-ust nav.menu a:hover { background: rgba(34, 24, 46, .12); }
.vip-ust nav.menu a[aria-current="page"] { background: rgba(34, 24, 46, .2); }
.vip-ust :focus-visible, .kahraman :focus-visible { outline-color: #fff; }
.e-vip .dugme { height: 64px; padding: 0 26px; font-size: 21px; border-radius: 20px; text-decoration: none; }
.e-vip .dugme.gunes { background: var(--gunes); color: var(--murekkep); box-shadow: 0 6px 0 #C99A1C; }
.e-vip .dugme.gunes:active:not([disabled]) { transform: translateY(5px); box-shadow: 0 1px 0 #C99A1C; }
.e-vip .dugme.ikinci { background: var(--krem-2); box-shadow: 0 5px 0 var(--krem-3); }
.e-vip .dugme[disabled] { background: var(--krem-2); color: var(--murekkep-3); box-shadow: none; }
.e-vip .dugme[aria-busy="true"] { opacity: .85; cursor: progress; }
.e-vip .baglanti-yazi { font-weight: 800; text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; padding: 0; color: var(--murekkep); font-size: 16px; }
.e-vip .vip-rozet { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px 0 6px; border-radius: 999px; background: var(--gunes); color: var(--murekkep); font: 800 14px var(--font); white-space: nowrap; box-shadow: 0 0 0 2px var(--murekkep); }
.e-vip .vip-rozet svg { width: 22px; height: auto; }

/* Avatar (ayna) */
.e-vip .vav { position: relative; width: var(--b, 300px); aspect-ratio: 1; }
.e-vip .vav .tile { width: 100%; height: 100%; border-radius: 26%; overflow: hidden; box-shadow: 0 8px 0 var(--krem-3); }
.e-vip .vav .tile > svg { width: 100%; height: 100%; display: block; }

/* Tanıtım */
.e-vip .kahraman { display: grid; grid-template-columns: minmax(0, 700px) minmax(0, 1fr); gap: 72px; align-items: center; min-height: calc(100vh - 96px - 40px); padding: 8px 0 48px; }
.e-vip .kahraman h1 { margin: 0; color: #fff; font: 800 var(--y6)/.92 var(--font); letter-spacing: -.045em; }
.e-vip .kahraman .alt-yazi { margin: 24px 0 0; max-width: 620px; color: #fff; font-size: 25px; line-height: 1.4; font-weight: 700; }
.e-vip .muhur { margin-top: 34px; max-width: 640px; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; padding: 18px 24px 18px 18px; border-radius: 24px; background: var(--gunes); box-shadow: 0 6px 0 var(--murekkep); transform: rotate(-1deg); }
.e-vip .muhur .esit { width: 64px; height: 64px; border-radius: 18px; background: var(--murekkep); color: var(--gunes); display: grid; place-items: center; font: 800 46px/1 var(--font); }
.e-vip .muhur b { display: block; font: 800 var(--y3)/1.15 var(--font); }
.e-vip .muhur span { font-weight: 600; color: #3A2A10; }
.e-vip .k-eylem { margin-top: 40px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.e-vip .k-eylem .dugme { height: 76px; font-size: 26px; padding: 0 34px; border-radius: 22px; }
.e-vip .k-eylem p { margin: 0; color: #fff; font-weight: 700; font-size: 19px; line-height: 1.35; }
.e-vip .ayna { padding: 28px 30px 26px; display: grid; grid-template-columns: 380px 1fr; gap: 28px 30px; }
.e-vip .ayna h2 { grid-column: 1 / -1; margin: 0; font: 800 var(--y4)/1 var(--font); letter-spacing: -.025em; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.e-vip .ayna h2 small { font: 600 var(--y1) var(--font); color: var(--murekkep-2); letter-spacing: 0; }
.e-vip .ayna .sahne { display: grid; justify-items: center; align-content: center; gap: 18px; padding: 52px 14px 22px; border-radius: 22px; background: var(--krem-2); }
.e-vip .ayna .ad { display: flex; align-items: center; gap: 10px; font: 800 var(--y4)/1 var(--font); letter-spacing: -.03em; max-width: 100%; }
.e-vip .ayna .ad > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-vip .editor { display: grid; gap: 14px; min-width: 0; align-content: start; }
.e-vip .sekmeler { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 16px; background: var(--krem-2); }
.e-vip .sekmeler button { height: 38px; padding: 0 12px; border: 0; border-radius: 12px; background: none; font: 800 15px var(--font); color: var(--murekkep-2); }
.e-vip .sekmeler button[aria-selected="true"] { background: var(--murekkep); color: var(--krem); }
.e-vip .parcalar { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; align-content: start; }
.e-vip .parca { position: relative; border: 0; padding: 8px 6px 10px; border-radius: 18px; background: var(--krem-2); display: grid; justify-items: center; align-content: start; gap: 6px; font: 800 14px/1.15 var(--font); color: var(--murekkep); text-align: center; transition: transform .12s var(--ease-out); }
.e-vip .parca:active { transform: scale(.96); }
.e-vip .parca .mini { width: 72px; height: 72px; border-radius: 18px; overflow: hidden; }
.e-vip .parca .mini > svg { width: 100%; height: 100%; display: block; }
.e-vip .parca[aria-pressed="true"] { background: var(--murekkep); color: var(--krem); }
.e-vip .parca .yok-ik { width: 72px; height: 72px; border-radius: 18px; border: 3px dashed var(--krem-3); display: grid; place-items: center; color: var(--murekkep-2); }
.e-vip .parca[aria-pressed="true"] .yok-ik { border-color: rgba(255, 247, 236, .4); color: var(--krem); }
.e-vip .parca .yok-ik svg { width: 26px; height: 26px; }
.e-vip .editor-alt { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.e-vip .editor-alt p { margin: 0; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); max-width: 46ch; }
.e-vip .editor-alt .dugme { height: 52px; font-size: 18px; padding: 0 20px; }
.e-vip .masa-on { grid-column: 1 / -1; padding-top: 20px; border-top: 2px dashed var(--krem-3); }
.e-vip .masa-on h3 { margin: 0 0 12px; font-weight: 800; font-size: var(--y2); display: flex; justify-content: space-between; }
.e-vip .masa-on h3 small { font-weight: 600; color: var(--murekkep-2); font-size: var(--y1); }
.e-vip .masa-sira { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.e-vip .oy { display: grid; justify-items: center; gap: 6px; padding: 14px 0 8px; border-radius: 16px; min-width: 0; }
.e-vip .oy.sen { background: #FFE9A6; }
.e-vip .oy b { font-size: 15px; font-weight: 800; line-height: 1.1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-vip .bolum { background: var(--krem); border-radius: 44px 44px 0 0; padding: 72px 0 90px; }
.e-vip .bolum .ic { display: grid; grid-template-columns: minmax(0, 1fr) 540px; gap: 60px; align-items: start; }
.e-vip .bolum h2 { margin: 0 0 26px; font: 800 64px/1 var(--font); letter-spacing: -.035em; }
.e-vip .neler { padding: 0 0 70px; }
.e-vip .neler-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.e-vip .ozellik { border-radius: 24px; background: var(--krem-2); padding: 10px 10px 18px; display: grid; grid-template-rows: 160px auto auto; gap: 10px; align-content: start; }
.e-vip .ozellik .on { position: relative; border-radius: 16px; background: var(--krem); overflow: hidden; display: grid; place-items: center; padding: 12px; }
.e-vip .ozellik h3 { margin: 4px 8px 0; font: 800 var(--y3)/1.1 var(--font); letter-spacing: -.015em; }
.e-vip .ozellik p { margin: -4px 8px 0; color: var(--murekkep-2); font-weight: 600; font-size: 15.5px; line-height: 1.35; }
.e-vip .on-avatar { display: flex; gap: 8px; }
.e-vip .on-avatar span { width: 80px; height: 80px; border-radius: 20px; overflow: hidden; }
.e-vip .on-avatar svg { width: 100%; height: 100%; display: block; }
.e-vip .on-cipler { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.e-vip .on-cipler span { height: 34px; padding: 0 12px 0 4px; border-radius: 999px; background: var(--murekkep); color: var(--krem); font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; }
.e-vip .on-cipler span i { width: 27px; height: 27px; border-radius: 50%; background: var(--krem); display: grid; place-items: center; }
.e-vip .on-cipler span i svg { width: 22px; height: 22px; }
.e-vip .on-cipler span.kapali { background: var(--krem-2); color: var(--murekkep-2); }
.e-vip .mini-paket { display: grid; grid-template-columns: 56px 1fr; gap: 4px 12px; align-items: center; padding: 10px 14px 10px 10px; border-radius: 16px; background: #FFF0C2; box-shadow: inset 0 0 0 3px var(--murekkep); width: 100%; }
.e-vip .mini-paket .kapak { width: 56px; height: 56px; border-radius: 14px; background: #FFD9C7; display: grid; place-items: center; grid-row: span 3; }
.e-vip .mini-paket .kapak svg { width: 44px; height: 44px; }
.e-vip .mini-paket b { font: 800 18px/1 var(--font); }
.e-vip .mini-paket small { color: #3A2A10; font-weight: 700; font-size: 13.5px; }
.e-vip .mini-paket code { font: 800 14px var(--font); background: var(--murekkep); color: var(--gunes); border-radius: 8px; padding: 2px 8px; justify-self: start; }
.e-vip .on-isim { display: flex; align-items: center; gap: 10px; font: 800 30px var(--font); letter-spacing: -.03em; }
.e-vip .kisi-24 { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; width: 80%; }
.e-vip .kisi-24 i { aspect-ratio: 1; border-radius: 50%; background: var(--murekkep-2); }
.e-vip .kisi-24 i:nth-child(n+17) { background: var(--zemin); }
.e-vip .gazete { width: 100%; height: 100%; border-radius: 10px; background: #FBF4E6; box-shadow: inset 0 0 0 2px var(--krem-3); padding: 10px 12px; display: grid; align-content: start; gap: 6px; }
.e-vip .gazete .bas { font: 800 17px/1 var(--font); text-align: center; padding-bottom: 6px; border-bottom: 3px double var(--murekkep); }
.e-vip .gazete .man { font: 800 15px/1.15 var(--font); }
.e-vip .gazete .sat { height: 6px; border-radius: 3px; background: var(--krem-3); }
.e-vip .gazete .sat.k { width: 70%; }
.e-vip .isi-kap { width: 100%; }
.e-vip .isi-alt { display: grid; gap: 8px; justify-items: center; font-weight: 800; font-size: 18px; }
.e-vip .erken .modk { width: 160px; border-radius: 14px; overflow: hidden; background: var(--krem-2); box-shadow: inset 0 0 0 3px var(--murekkep); }
.e-vip .erken .modk span { display: grid; place-items: center; height: 70px; background: #E6DCFF; }
.e-vip .erken .modk b { display: block; padding: 6px 10px 8px; font-size: 14px; font-weight: 800; }
.e-vip .kiyas { width: 100%; border-collapse: collapse; }
.e-vip .kiyas th, .e-vip .kiyas td { text-align: left; padding: 16px 18px; vertical-align: top; border-bottom: 2px dashed var(--krem-3); }
.e-vip .kiyas thead th { font: 800 var(--y3) var(--font); padding-top: 0; border-bottom: 2px solid var(--murekkep); vertical-align: bottom; }
.e-vip .kiyas tbody th { font-weight: 800; width: 24%; }
.e-vip .kiyas td { color: var(--murekkep-2); font-weight: 600; width: 34%; }
.e-vip .kiyas td:last-child { color: var(--murekkep); font-weight: 700; }
.e-vip .kiyas td small { display: block; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); margin-top: 2px; }
.e-vip .kiyas .ayni th, .e-vip .kiyas .ayni td { background: var(--gunes); color: var(--murekkep); border: 0; font-weight: 800; }
.e-vip .kiyas .ayni th { border-radius: 18px 0 0 18px; } .e-vip .kiyas .ayni td:last-child { border-radius: 0 18px 18px 0; }
.e-vip .kiyas tbody.grup th[colspan] { padding: 28px 18px 8px; font: 800 var(--y1) var(--font); color: var(--murekkep-2); border-bottom: 2px solid var(--krem-3); }
.e-vip .dipnot { margin: 16px 0 0; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); max-width: 70ch; }
.e-vip .sss h2 { font-size: var(--y5); }
.e-vip .sss details { border-bottom: 2px dashed var(--krem-3); }
.e-vip .sss summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr 28px; gap: 12px; align-items: center; padding: 18px 4px; font: 800 var(--y3)/1.2 var(--font); }
.e-vip .sss summary::-webkit-details-marker { display: none; }
.e-vip .sss summary svg { width: 26px; height: 26px; transition: transform .2s var(--ease-out); color: var(--murekkep-2); }
.e-vip .sss details[open] summary svg { transform: rotate(45deg); }
.e-vip .sss details p { margin: -4px 4px 20px; color: var(--murekkep-2); font-weight: 600; max-width: 56ch; }

/* Kasa */
.e-vip .kasa { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 28px; padding-bottom: 36px; min-height: calc(100vh - 96px); align-items: start; }
.e-vip .kasa .sol { padding: 30px 36px 36px; display: flex; flex-direction: column; min-width: 0; }
.e-vip .kasa-ic { flex: 1; display: flex; flex-direction: column; }
.e-vip .adimlar { list-style: none; margin: 0 0 30px; padding: 0; display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: var(--y2); color: var(--murekkep-2); }
.e-vip .adimlar li { display: flex; align-items: center; gap: 10px; }
.e-vip .adimlar li + li::before { content: ''; width: 46px; height: 0; border-top: 3px dashed var(--krem-3); margin-right: 2px; }
.e-vip .adimlar .no { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--krem-2); font-size: 16px; }
.e-vip .adimlar [aria-current="step"] { color: var(--murekkep); }
.e-vip .adimlar [aria-current="step"] .no { background: var(--murekkep); color: var(--krem); }
.e-vip .adimlar .bitti .no { background: var(--yesil); color: #fff; }
.e-vip .adimlar .bitti .no svg { width: 18px; height: 18px; }
.e-vip .kasa h2 { margin: 0; font: 800 var(--y5)/1 var(--font); letter-spacing: -.035em; }
.e-vip .kasa .alt-baslik { margin: 10px 0 0; color: var(--murekkep-2); font-weight: 600; max-width: 62ch; }
.e-vip .etiketler { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin: 44px 0 0; padding: 14px 6px 0; border: 0; }
.e-vip .etiketler::before { content: ''; position: absolute; left: -8px; right: -8px; top: 0; height: 14px; border-radius: 7px; background: var(--murekkep); box-shadow: 0 4px 0 rgba(34, 24, 46, .18); }
.e-vip .etiketler legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.e-vip .fe { position: relative; display: block; cursor: pointer; padding-top: 44px; }
.e-vip .fe input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.e-vip .fe::before { content: ''; position: absolute; left: 50%; top: 0; width: 3px; height: 54px; margin-left: -1.5px; background: var(--murekkep); border-radius: 2px; z-index: 2; }
.e-vip .fe .govde { position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 400px; padding: 58px 28px 26px; border-radius: 26px 26px 22px 22px; background: var(--krem-2); box-shadow: inset 0 0 0 3px var(--murekkep), 0 7px 0 var(--murekkep); clip-path: polygon(0 34px, 34px 0, calc(100% - 34px) 0, 100% 34px, 100% calc(100% + 12px), 0 calc(100% + 12px)); transform: rotate(var(--r, 0deg)); transform-origin: 50% 0; transition: transform .35s var(--yay), background .15s; }
.e-vip .fe .govde::before { content: ''; position: absolute; left: 50%; top: 20px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: var(--krem); box-shadow: inset 0 0 0 3px var(--murekkep); }
.e-vip .fe:nth-of-type(1) { --r: -2.5deg; } .e-vip .fe:nth-of-type(3) { --r: 2.5deg; }
.e-vip .fe input:checked + .govde { background: var(--gunes); transform: rotate(0deg) translateY(-6px); }
.e-vip .fe input:focus-visible + .govde { outline: 4px solid var(--murekkep); outline-offset: 6px; }
.e-vip .fe .ad { font: 800 var(--y3)/1 var(--font); }
.e-vip .fe .fiyat { margin-top: 10px; font: 800 72px/1 var(--font); letter-spacing: -.045em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.e-vip .fe .fiyat small { font-size: 34px; margin-left: 4px; }
.e-vip .fe .donem { font-weight: 700; color: var(--murekkep-2); }
.e-vip .fe input:checked + .govde .donem, .e-vip .fe input:checked + .govde li { color: #3A2A10; }
.e-vip .fe ul { list-style: none; margin: auto 0 0; padding: 16px 0 0; border-top: 2px dashed rgba(34, 24, 46, .2); display: grid; gap: 6px; font-weight: 600; color: var(--murekkep-2); }
.e-vip .fe ul li { display: flex; gap: 8px; }
.e-vip .fe ul li svg { width: 18px; height: 18px; flex: none; margin-top: 3px; }
.e-vip .fe .damga { position: absolute; right: 18px; top: 46px; padding: 6px 12px; border-radius: 12px; background: var(--murekkep); color: var(--gunes); font: 800 15px var(--font); transform: rotate(6deg); white-space: nowrap; }
.e-vip .fe .oneri { align-self: flex-start; height: 28px; padding: 0 10px; border-radius: 999px; background: var(--krem); box-shadow: inset 0 0 0 2px var(--murekkep); font: 800 13.5px var(--font); display: inline-flex; align-items: center; margin-bottom: 4px; }
.e-vip .kasa-not { margin-top: 28px; display: flex; gap: 12px; align-items: flex-start; color: var(--murekkep-2); font-weight: 600; }
.e-vip .kasa-not svg { width: 22px; height: 22px; flex: none; margin-top: 1px; }
/* Ödeme */
.e-vip .yontemler { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }
.e-vip .yontem { display: grid; grid-template-columns: 56px 1fr auto; gap: 14px; align-items: center; padding: 16px 18px; border-radius: 20px; background: var(--krem-2); }
.e-vip .yontem.secili { background: var(--krem); box-shadow: inset 0 0 0 4px var(--murekkep); }
.e-vip .yontem.kapali { color: var(--murekkep-2); }
.e-vip .yontem .ik { width: 56px; height: 56px; border-radius: 16px; background: var(--krem-2); display: grid; place-items: center; }
.e-vip .yontem .ik svg { width: 34px; height: 34px; }
.e-vip .yontem b { display: block; font: 800 var(--y3)/1.15 var(--font); }
.e-vip .yontem small { font-weight: 600; color: var(--murekkep-2); font-size: 15px; }
.e-vip .yontem .tik { width: 32px; height: 32px; border-radius: 50%; background: var(--murekkep); color: #fff; display: grid; place-items: center; }
.e-vip .yontem .tik svg { width: 18px; height: 18px; }
.e-vip .nasil { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.e-vip .hazir-dugme { align-self: flex-start; margin-top: 28px; }
.e-vip .nasil li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 18px; border: 2px dashed var(--krem-3); font-weight: 600; }
.e-vip .nasil li b { width: 40px; height: 40px; border-radius: 12px; background: var(--zemin); color: #fff; display: grid; place-items: center; font: 800 20px var(--font); transform: rotate(-6deg); }
.e-vip .uyari-acik { margin-top: 22px; display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center; padding: 18px 20px; border-radius: 20px; background: #FFF0C2; box-shadow: inset 0 0 0 3px var(--murekkep); }
.e-vip .uyari-acik .ik { width: 52px; height: 52px; border-radius: 16px; background: var(--murekkep); color: var(--gunes); display: grid; place-items: center; font: 800 30px var(--font); }
.e-vip .uyari-acik b { display: block; font: 800 var(--y3)/1.2 var(--font); }
.e-vip .uyari-acik span span { font-weight: 700; color: #3A2A10; font-size: 18px; }
.e-vip .onaylar { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
.e-vip .onay { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; padding: 16px 18px; border-radius: 18px; background: var(--krem-2); cursor: pointer; }
.e-vip .onay input { width: 26px; height: 26px; margin: 1px 0 0; accent-color: var(--murekkep); cursor: pointer; }
.e-vip .onay b { display: block; font-weight: 800; line-height: 1.3; }
.e-vip .onay span span { display: block; font-size: var(--y1); color: var(--murekkep-2); font-weight: 600; margin-top: 4px; }
.e-vip .onay.hatali { background: #FDECEF; box-shadow: inset 0 0 0 3px var(--kirmizi); }
.e-vip .hata-yazi { margin: 14px 0 0; min-height: 22px; color: var(--kirmizi-yazi); font-weight: 800; }
.e-vip .hata-yazi:empty { min-height: 0; margin: 0; }
.e-vip .kasa-ic > .baglanti-yazi { margin-top: 22px; align-self: flex-start; }
.e-vip .ozet { padding: 28px 30px 30px; display: flex; flex-direction: column; gap: 18px; position: sticky; top: 20px; }
.e-vip .ozet h2 { font-size: var(--y4); }
.e-vip .ozet .kim { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; padding: 22px 18px 16px; border-radius: 22px; background: var(--krem-2); }
.e-vip .ozet .kim b { font: 800 var(--y4)/1 var(--font); letter-spacing: -.03em; display: block; overflow-wrap: anywhere; }
.e-vip .ozet .kim small { display: block; margin-top: 8px; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); }
.e-vip .satirlar { margin: 0; display: grid; }
.e-vip .satirlar div { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 11px 0; border-bottom: 2px dashed var(--krem-3); align-items: baseline; }
.e-vip .satirlar dt { color: var(--murekkep-2); font-weight: 700; }
.e-vip .satirlar dd { margin: 0; font-weight: 800; text-align: right; }
.e-vip .bakiye { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 18px; background: var(--murekkep); color: var(--krem); }
.e-vip .bakiye span { font-weight: 700; color: rgba(255, 247, 236, .8); }
.e-vip .bakiye b { font: 800 var(--y3) var(--font); font-variant-numeric: tabular-nums; color: var(--gunes); }
.e-vip .bakiye .yenile { height: 34px; padding: 0 12px; border: 0; border-radius: 10px; background: rgba(255, 247, 236, .14); color: var(--krem); font: 800 14px var(--font); }
.e-vip .toplam { display: flex; justify-content: space-between; align-items: baseline; }
.e-vip .toplam span { font-weight: 800; font-size: var(--y3); }
.e-vip .toplam b { font: 800 var(--y5)/1 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.e-vip .toplam small { display: block; text-align: right; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); margin-top: 4px; }
.e-vip .ozet .dugme { width: 100%; height: 72px; font-size: 22px; border-radius: 22px; }
.e-vip .ozet .dugme .yakinda { margin-left: 10px; }
.e-vip .ozet .not { margin: -4px 0 0; color: var(--murekkep-2); font-weight: 600; font-size: var(--y1); text-align: center; }
.e-vip .donuyor { width: 22px; height: 22px; border-radius: 50%; border: 3px solid rgba(34, 24, 46, .25); border-top-color: var(--murekkep); animation: don .7s linear infinite; }

@media (max-width: 1599px) {
  .e-vip { --y6: 84px; --y5: 38px; }
  .e-vip .kap { width: calc(100% - 56px); }
  .e-vip .kahraman { grid-template-columns: minmax(0, 1fr) 640px; gap: 32px; }
  .e-vip .kahraman .alt-yazi { font-size: 21px; }
  .e-vip .muhur { margin-top: 24px; } .e-vip .k-eylem { margin-top: 28px; } .e-vip .k-eylem .dugme { height: 66px; font-size: 22px; }
  .e-vip .ayna { grid-template-columns: 250px 1fr; padding: 22px; gap: 20px; }
  .e-vip .ayna .sahne { padding-top: 40px; }
  .e-vip .bolum .ic { grid-template-columns: 1fr; gap: 40px; }
  .e-vip .neler-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .e-vip .kasa { grid-template-columns: minmax(0, 1fr) 400px; gap: 22px; }
  .e-vip .kasa .sol { padding: 24px 26px 28px; }
  .e-vip .etiketler { gap: 18px; margin-top: 28px; }
  .e-vip .fe .govde { min-height: 300px; padding: 54px 18px 20px; }
  .e-vip .fe .fiyat { font-size: 46px; } .e-vip .fe .fiyat small { font-size: 26px; }
  .e-vip .fe .damga { right: 10px; top: 70px; font-size: 13.5px; }
  .e-vip .yontemler, .e-vip .onaylar { grid-template-columns: 1fr; }
  .e-vip .nasil { grid-template-columns: 1fr; gap: 8px; }
  .e-vip .ozet { padding: 22px; gap: 14px; }
  .e-vip .ozet .dugme { height: 62px; font-size: 19px; }
  .vip-ust nav.menu a { padding: 0 12px; }
}
@media (max-height: 800px) { .e-vip .kahraman { min-height: 0; } .e-vip .ozet { position: static; } }