/* TwoMark Creative teması (PANAHARLA standart panelinin kurumsal şablonuna bağlı). Ölçüler orijinal sitenin 1440 genişliğinden;
   --olcek tarayıcının %90 görünümüne denk. Renkler panelden (Site Ayarları › Tema & Renkler) değişebilir. */
:root {
    /* Site ölçeği: tarayıcıdaki %90 yakınlaştırmayla aynı görünüm. Bütün piksel ölçüleri bununla çarpılır;
       yüzde ile verilenler (logolar, genişlikler) aynen kalır. 1 yapılırsa orijinal boyut. */
    --olcek: .9;
    --yesil: #1cff00;
    --turuncu: #fd5525;
    --gri: #f2f2f2;
    --yazi-gri: #414141;
    --bs-text: "Big Shoulders Text", sans-serif;
    --bs-disp: "Big Shoulders Display", sans-serif;
    --manrope: "Manrope", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: #fff; color: #000; font-family: var(--manrope); font-weight: 500; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, p { margin: 0; font-weight: inherit; }

/* ---------- Üst çubuk ---------- */
.ust { position: fixed; top: 0; left: 0; right: 0; z-index: 50; height: calc(100px * var(--olcek)); display: flex; align-items: center; padding: 0 calc(40px * var(--olcek));
       transition: transform .45s cubic-bezier(.22, .9, .24, 1), background-color .3s; }
.ust.dolu { background: #fff; }
.ust.gizli { transform: translateY(-100%); }
.ust-logo img { width: calc(150px * var(--olcek)); height: auto; }
.ust-menu { flex: 1; display: flex; justify-content: center; gap: calc(10px * var(--olcek)); }
.ust-menu a { display: flex; align-items: center; padding: 0 calc(5px * var(--olcek)); font: 700 calc(23px * var(--olcek))/calc(100px * var(--olcek)) var(--bs-disp); text-transform: uppercase; white-space: nowrap; }
/* Menü çizgisi: üstüne gelince sağdan sola açılır, çıkınca sağa doğru kapanır (orijinaldeki gibi) */
.ust-menu a::before { content: ""; position: relative; flex: none; width: calc(20px * var(--olcek)); height: 2px; bottom: calc(-12px * var(--olcek)); right: -1px; background: #eb0404; transform: scaleX(0); transform-origin: right center; transition: transform .32s cubic-bezier(.31, .29, .05, .96); }
.ust-menu a:hover::before, .ust-menu a.aktif::before { transform: scaleX(1); }
.ust-ikon { width: calc(29px * var(--olcek)); height: calc(29px * var(--olcek)); }
.ust-ikon svg { width: 100%; height: 100%; fill: #000; }
.ust-menu-dugme { display: none; }

/* ---------- Yan panel ---------- */
.panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 70; width: min(calc(628px * var(--olcek)), 100%); background: #000; color: #fff;
         display: flex; flex-direction: column; align-items: center; padding: calc(150px * var(--olcek)) calc(40px * var(--olcek)) calc(40px * var(--olcek));
         transform: translateX(100%); transition: transform .7s cubic-bezier(.77, 0, .18, 1); }
.panel.acik { transform: none; }
.panel-kapat { position: absolute; top: calc(42px * var(--olcek)); right: calc(40px * var(--olcek)); width: calc(32px * var(--olcek)); height: calc(32px * var(--olcek)); display: grid; place-items: center; }
.panel-kapat svg { width: calc(16px * var(--olcek)); height: calc(16px * var(--olcek)); stroke: #fff; stroke-width: 2; }
.panel-logo { width: calc(215px * var(--olcek)); height: auto; }
.panel-slogan { margin-top: calc(30px * var(--olcek)); font: 600 calc(23px * var(--olcek))/1.17 var(--bs-disp); }
.panel-menu { margin-top: calc(50px * var(--olcek)); width: calc(269px * var(--olcek)); display: flex; flex-direction: column; }
.panel-menu a { font: 600 calc(35px * var(--olcek))/calc(47px * var(--olcek)) var(--bs-disp); letter-spacing: calc(1.9px * var(--olcek)); transition: color .25s; }
.panel-menu a:hover { color: var(--yesil); }
.panel-gorsel { margin-top: calc(30px * var(--olcek)); width: calc(118px * var(--olcek)); height: auto; }
.panel-perde { position: fixed; inset: 0; z-index: 60; background: rgba(0, 0, 0, .35); opacity: 0; pointer-events: none; transition: opacity .5s; }
.panel-perde.acik { opacity: 1; pointer-events: auto; }

/* ---------- Ortak parçalar ---------- */
.cip { position: absolute; z-index: 2; padding: calc(4px * var(--olcek)) calc(14px * var(--olcek)); font: 600 calc(32px * var(--olcek))/calc(32px * var(--olcek)) var(--bs-text); color: #000; white-space: nowrap; transform: rotate(-14deg); }
.cip-yesil { background: var(--yesil); }
.cip-turuncu { background: var(--turuncu); }
.harfli .satir { display: block; }
.harfli[data-harfli="ac"] .satir, .harfli[data-harfli="yuksel"] .satir, .harfli[data-harfli="ac"] .cip { overflow: hidden; }
.harfli[data-harfli="don"] .satir, .harfli[data-harfli="don"] .cip { perspective: 600px; }
.harfli .harf { display: inline-block; will-change: transform; }
.harfli .kelime { display: inline-block; white-space: nowrap; transform-style: preserve-3d; }

/* ---------- 1. Büyük başlık ---------- */
.hero { padding: calc(140px * var(--olcek)) 0 calc(40px * var(--olcek)); }
.hero-ic { width: calc(1105px * var(--olcek)); margin: 0 auto; }
.hero-satir { display: flex; align-items: center; perspective: calc(900px * var(--olcek)); }
.hero-satir-1 { height: calc(235px * var(--olcek)); }
.hero-satir-2 { height: calc(230px * var(--olcek)); margin-top: calc(40px * var(--olcek)); }
.hero-yazi { position: relative; }
.hy { display: block; font: 500 calc(300px * var(--olcek))/calc(180px * var(--olcek)) var(--bs-text); white-space: nowrap; transform-origin: 50% 100%; }
.hero-gorsel { overflow: hidden; flex: none; }
.hero-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hero-gorsel-1 { width: calc(146px * var(--olcek)); height: calc(241px * var(--olcek)); margin: 0 calc(10px * var(--olcek)) 0 calc(15px * var(--olcek)); }
.hero-gorsel-2 { width: calc(399px * var(--olcek)); height: calc(240px * var(--olcek)); margin: 0 calc(10px * var(--olcek)) 0 calc(17px * var(--olcek)); }
.hero-cip-1 { left: calc(180px * var(--olcek)); top: calc(125px * var(--olcek)); }
.hero-cip-2 { left: calc(419px * var(--olcek)); top: calc(115px * var(--olcek)); }

/* ---------- 2. Giriş yazısı + iletişim düğmesi ---------- */
.giris { position: relative; height: calc(230px * var(--olcek)); padding: calc(61px * var(--olcek)) calc(100px * var(--olcek)) 0; }
.giris-yazi { width: calc(455px * var(--olcek)); font: 500 calc(23px * var(--olcek))/calc(30px * var(--olcek)) var(--bs-disp); letter-spacing: calc(1.1px * var(--olcek)); }
.giris-yazi strong { font-weight: 700; }
.iletisim-dugme { position: absolute; right: calc(158px * var(--olcek)); top: calc(94px * var(--olcek)); width: calc(72px * var(--olcek)); height: calc(72px * var(--olcek)); transform: translate(50%, -50%); }
.iletisim-yazi { position: absolute; left: 50%; top: 50%; width: calc(182px * var(--olcek)); height: calc(182px * var(--olcek)); transform: translate(-50%, -50%) rotate(-45deg); overflow: visible; pointer-events: none; }
.iletisim-yazi text { font: 600 19px var(--manrope); letter-spacing: calc(.5px * var(--olcek)); fill: #000; text-transform: uppercase; }
.iletisim-daire { position: absolute; top: 0; width: calc(72px * var(--olcek)); height: calc(72px * var(--olcek)); border-radius: 50%; display: grid; place-items: center; }
.iletisim-daire.d1 { left: 0; background: #000; z-index: 3; transition: transform .35s; }
.iletisim-daire.d2 { left: calc(34px * var(--olcek)); background: #999; z-index: 2; }
.iletisim-daire.d3 { left: calc(70px * var(--olcek)); background: #d3d3d3; z-index: 1; }
.iletisim-daire svg { width: calc(22px * var(--olcek)); height: calc(22px * var(--olcek)); fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iletisim-dugme:hover .d1 { transform: scale(1.08); }

/* ---------- 3. TWOMARK CREATIVE + uçan logolar ---------- */
.logolar { position: relative; background: linear-gradient(var(--yesil) 0%, #fff 100%); }
.logolar::before { content: ""; position: absolute; z-index: 3; top: -1px; left: 0; right: 0; height: calc(100px * var(--olcek)); background: #fff; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.logolar-sahne { position: relative; height: 100vh; overflow: hidden; }
.logolar-baslik { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font: 500 calc(216px * var(--olcek))/calc(205.2px * var(--olcek)) var(--bs-text); color: #fff; white-space: nowrap; }
.logolar-alan { position: absolute; inset: 0; }
.logo-kutu { position: absolute; }
.logo-kutu img { width: 100%; height: auto; will-change: transform; }

/* ---------- 4. Biz kimiz ---------- */
.biz { min-height: calc(400px * var(--olcek)); padding-top: calc(140px * var(--olcek)); }
.biz-ic { display: flex; width: calc(841px * var(--olcek)); margin-left: calc(50% - calc(402px * var(--olcek))); }
.biz-baslik { position: relative; width: calc(380px * var(--olcek)); flex: none; font: 600 calc(120px * var(--olcek))/calc(120px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.biz-cip { left: calc(192px * var(--olcek)); top: calc(25px * var(--olcek)); font-weight: 500; }
.biz-yazi { width: calc(461px * var(--olcek)); font: 500 calc(18px * var(--olcek))/calc(30px * var(--olcek)) var(--manrope); }

/* ---------- 5. Kayan yazılar ---------- */
.kayan { padding: calc(60px * var(--olcek)) 0 calc(53px * var(--olcek)); overflow: hidden; }
.kayan-serit { display: flex; white-space: nowrap; width: max-content; will-change: transform; }
.kayan-parca { display: flex; align-items: center; flex: none; }
.kayan-buyuk { font: 500 calc(150px * var(--olcek))/calc(165px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.kayan-buyuk .yesil { color: var(--yesil); }
.kayan-buyuk .yildiz { width: calc(34px * var(--olcek)); height: calc(34px * var(--olcek)); margin: 0 calc(40px * var(--olcek)); fill: none; stroke: #000; stroke-width: 4.5; stroke-linecap: round; }
.kayan-kucuk { margin-top: calc(35px * var(--olcek)); font: 600 calc(22px * var(--olcek))/calc(24.2px * var(--olcek)) var(--bs-disp); letter-spacing: calc(1.7px * var(--olcek)); text-transform: uppercase; }
.kayan-kucuk span { padding: 0 calc(20px * var(--olcek)); }
.kayan-kucuk i { width: calc(6px * var(--olcek)); height: calc(6px * var(--olcek)); border-radius: 50%; background: #000; flex: none; }

/* ---------- 6. Faaliyet alanlarımız ---------- */
.faaliyet { padding: 0 0 calc(92px * var(--olcek)) calc(94px * var(--olcek)); }
.donen { position: relative; width: calc(116px * var(--olcek)); height: calc(116px * var(--olcek)); margin-top: calc(8px * var(--olcek)); }
.donen svg { width: 100%; height: 100%; overflow: visible; animation: don 14s linear infinite; }
.donen text { font: 500 15px var(--manrope); letter-spacing: calc(.5px * var(--olcek)); fill: #000; }
.donen-ikon { position: absolute; inset: 0; display: grid; place-items: center; }
.donen-ikon svg { width: calc(34px * var(--olcek)); height: calc(34px * var(--olcek)); animation: none; fill: #000; stroke: #000; stroke-width: 1; stroke-linejoin: round; }
@keyframes don { to { transform: rotate(360deg); } }
.faaliyet-baslik { position: relative; margin: calc(40px * var(--olcek)) 0 0 calc(35px * var(--olcek)); width: max-content; font: 500 calc(140px * var(--olcek))/calc(140px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.faaliyet-cip { left: calc(302px * var(--olcek)); top: calc(71px * var(--olcek)); font-weight: 500; }

/* ---------- 7 ve 9. Kartlar ---------- */
.kartlar { display: grid; gap: calc(20px * var(--olcek)); padding: 0 calc(20px * var(--olcek)); }
.kartlar-3 { grid-template-columns: repeat(3, 1fr); }
.kartlar-4 { grid-template-columns: repeat(4, 1fr); }
.kart { position: relative; height: calc(411px * var(--olcek)); padding: calc(40px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.kart-ust { position: relative; display: flex; height: calc(42px * var(--olcek)); }
.rozet, .tik { position: relative; width: calc(42px * var(--olcek)); height: calc(42px * var(--olcek)); flex: none; display: grid; place-items: center; }
.rozet svg, .tik svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.rozet .muhur { fill: #fff; transition: fill .45s; }
.rozet b { position: relative; font: 500 calc(16px * var(--olcek)) var(--manrope); color: #000; transition: color .45s; }
.tik { position: absolute; left: 0; top: 0; opacity: 0; }
.tik .muhur { fill: var(--tik); }
.tik-isaret { fill: none; stroke: #000; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.kart.etkin .rozet .muhur { fill: #000; }
.kart.etkin .rozet b { color: #fff; }
.kart-icerik { position: absolute; left: calc(40px * var(--olcek)); right: calc(40px * var(--olcek)); bottom: calc(40px * var(--olcek)); display: flex; flex-direction: column; justify-content: flex-end; gap: calc(17px * var(--olcek)); }
.kart-icerik h3 { font: 500 calc(16px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); text-transform: uppercase; transform-origin: 0 0; }
.kart-icerik p { font: 500 calc(12px * var(--olcek))/calc(20px * var(--olcek)) var(--manrope); color: var(--yazi-gri); }
.kartlar-3 .kart-icerik p { max-width: calc(373px * var(--olcek)); }

/* ---------- 8. Süreç nasıl işliyor ---------- */
.surec { padding: calc(130px * var(--olcek)) 0 calc(106px * var(--olcek)); }
.surec-ic { display: flex; width: calc(861px * var(--olcek)); margin-left: calc(50% - calc(422px * var(--olcek))); }
.surec-baslik { position: relative; width: calc(400px * var(--olcek)); flex: none; font: 600 calc(120px * var(--olcek))/calc(120px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.dolan { display: block; width: max-content; color: transparent; background: linear-gradient(to right, #000 50%, rgba(0, 0, 0, .3) 50%);
         background-size: 200% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; }
.surec-cip { left: calc(178px * var(--olcek)); top: calc(236px * var(--olcek)); font-weight: 500; }
.surec-yazi { width: calc(461px * var(--olcek)); margin-top: calc(200px * var(--olcek)); font: 500 calc(18px * var(--olcek))/calc(30px * var(--olcek)) var(--manrope); }

/* ---------- Alt bilgi ---------- */
.alt { padding: calc(220px * var(--olcek)) 0 calc(33px * var(--olcek)); }
.alt-ust { display: flex; justify-content: space-between; padding: 0 calc(113px * var(--olcek)) 0 calc(101px * var(--olcek)); }
.alt-baslik { font: 600 calc(140px * var(--olcek))/calc(140px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.alt-sag { width: calc(285px * var(--olcek)); padding-top: calc(5px * var(--olcek)); }
.alt-sag p { font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.alt-dugme { display: inline-flex; align-items: center; gap: calc(10px * var(--olcek)); margin-top: calc(40px * var(--olcek)); padding: calc(12px * var(--olcek)) calc(21px * var(--olcek)); background: #000; color: #fff;
             font: 500 calc(33px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transition: background .3s; }
.alt-dugme svg { width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.alt-dugme:hover { background: var(--turuncu); }
.alt-orta { display: flex; align-items: flex-end; justify-content: space-between; margin: 0 calc(36px * var(--olcek)) 0 calc(70px * var(--olcek)); padding-left: calc(27px * var(--olcek)); border-bottom: 1px solid #000; overflow: hidden; }
.alt-iletisim { display: flex; align-items: center; gap: calc(6px * var(--olcek)); padding-bottom: calc(21px * var(--olcek)); }
.donen-kucuk { width: calc(104px * var(--olcek)); height: calc(104px * var(--olcek)); margin-top: 0; }
.donen-kucuk .donen-ikon svg { width: calc(26px * var(--olcek)); height: calc(26px * var(--olcek)); }
.alt-tel { display: block; font: 500 calc(25px * var(--olcek))/calc(32.5px * var(--olcek)) var(--manrope); }
.alt-eposta { display: block; font: 500 calc(15px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
/* "Two" orijinaldeki gibi çizgide kesilir: tabanı çizginin biraz altında, taşan kısmı .alt-orta gizler. */
.alt-dev { font: 700 calc(259.2px * var(--olcek))/.74 var(--manrope); margin-bottom: -.035em; }
.alt-alt { display: flex; justify-content: space-between; padding: calc(38px * var(--olcek)) calc(86px * var(--olcek)) 0 calc(101px * var(--olcek)); font: 500 calc(15px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.alt-alt b { font-weight: 700; }

/* ---------- Başa dön ---------- */
.basa-don { position: fixed; right: calc(20px * var(--olcek)); bottom: calc(20px * var(--olcek)); z-index: 40; width: calc(38px * var(--olcek)); height: calc(38px * var(--olcek)); border: 1.5px solid #000; border-radius: 50%;
            display: grid; place-items: center; background: #fff; opacity: 0; pointer-events: none; transition: opacity .3s; }
.basa-don.gorunur { opacity: 1; pointer-events: auto; }
.basa-don svg { width: calc(18px * var(--olcek)); height: calc(18px * var(--olcek)); fill: none; stroke: #000; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ===================== Alt sayfalar ===================== */

/* ---------- Ortak sayfa başı ---------- */
.sayfa { padding-top: calc(100px * var(--olcek)); }
.sayfa-serit { padding: calc(35px * var(--olcek)) 0 calc(53px * var(--olcek)); overflow: hidden; }
.sayfa-serit .kayan-kucuk { margin-top: 0; }
.sayfa-bas { position: relative; padding: calc(20px * var(--olcek)) calc(100px * var(--olcek)) 0; }
.donen.donen-86 { width: calc(86px * var(--olcek)); height: calc(86px * var(--olcek)); margin: 0; }
.donen.donen-86 > svg { position: absolute; left: -5px; top: -5px; width: calc(96px * var(--olcek)); height: calc(96px * var(--olcek)); }
.donen.donen-86 .donen-ikon svg { width: calc(30px * var(--olcek)); height: calc(30px * var(--olcek)); }
.sayfa-baslik { position: relative; width: max-content; font: 500 calc(140px * var(--olcek))/calc(140px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.sayfa-baslik .cip { font-weight: 500; }

/* ---------- Hakkımızda ---------- */
.hak-cip { left: calc(350px * var(--olcek)); top: calc(53px * var(--olcek)); padding: calc(9px * var(--olcek)) calc(12px * var(--olcek)) calc(6px * var(--olcek)); transform: rotate(-13deg); }
.hak-yazi { max-width: calc(680px * var(--olcek)); min-height: calc(176px * var(--olcek)); margin: 0 auto; text-align: center; font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.hak-yazi strong { font-weight: 700; }
.sayaclar { display: flex; justify-content: center; gap: calc(14px * var(--olcek)); margin-top: calc(50px * var(--olcek)); }
.sayac { display: flex; flex-direction: column; align-items: center; height: calc(170px * var(--olcek)); border-radius: calc(14px * var(--olcek)); }
.sayac:first-child { border-right: 1px solid #000; }
.sayac:last-child { border-left: 1px solid #000; }
.sayac-baslik { height: calc(50px * var(--olcek)); font: 500 calc(20px * var(--olcek))/calc(20px * var(--olcek)) var(--manrope); text-align: center; }
.sayac-sayi { display: flex; align-items: flex-start; }
.sayac-sayi b { font: 600 calc(120px * var(--olcek))/calc(120px * var(--olcek)) var(--bs-text); font-variant-numeric: tabular-nums; }
.sayac-sayi span { margin-top: calc(5px * var(--olcek)); font: 600 calc(110px * var(--olcek))/calc(110px * var(--olcek)) var(--bs-text); }
.sss { margin-top: calc(120px * var(--olcek)); }
.sss-oge { border-bottom: 1px solid #000; padding: calc(35px * var(--olcek)) 0; }
.sss-oge:first-child { border-top: 1px solid #000; }
.sss-baslik { display: flex; align-items: center; width: 100%; height: calc(25px * var(--olcek)); text-align: left; font: 500 calc(17px * var(--olcek))/calc(17px * var(--olcek)) var(--manrope); text-transform: uppercase; }
.sss-arti { width: 0; height: calc(25px * var(--olcek)); overflow: hidden; flex: none; transition: width .4s, margin .4s; }
.sss-arti svg { width: calc(25px * var(--olcek)); height: calc(25px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; }
.sss-oge.acik .sss-arti { width: calc(25px * var(--olcek)); margin-right: calc(10px * var(--olcek)); }
.sss-ok { margin-left: auto; font: 500 calc(20px * var(--olcek))/calc(20px * var(--olcek)) var(--manrope); transition: transform .4s; }
.sss-cevap { height: 0; overflow: hidden; }
.sss-oge.acik .sss-cevap { height: auto; }
.sss-cevap p { max-width: calc(870px * var(--olcek)); padding-top: calc(25px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }

/* ---------- Faaliyet alanlarımız ---------- */
.fa-cip { left: calc(331px * var(--olcek)); top: calc(129px * var(--olcek)); }
.sayfa .kartlar-3 { margin-top: calc(150px * var(--olcek)); }

/* ---------- İletişim ---------- */
.il-ust { display: grid; grid-template-columns: calc(713px * var(--olcek)) 1fr; min-height: calc(730px * var(--olcek)); }
.il-gorsel { position: relative; background: var(--il-banner, url("../img/iletisim-banner-scaled.jpg")) 50% 50% / cover no-repeat; }
.il-cip { position: absolute; left: calc(634px * var(--olcek)); top: calc(137px * var(--olcek)); z-index: 2; padding: calc(4px * var(--olcek)) calc(13px * var(--olcek)); background: var(--yesil); font: 500 calc(32px * var(--olcek))/calc(32px * var(--olcek)) var(--bs-text); text-transform: uppercase; transform: rotate(-13deg); white-space: nowrap; }
.il-bilgi { padding: calc(100px * var(--olcek)) 0 0 calc(99px * var(--olcek)); }
.il-baslik { width: calc(513px * var(--olcek)); font: 500 calc(90px * var(--olcek))/calc(99px * var(--olcek)) var(--bs-text); text-transform: uppercase; }
.il-yazi { width: calc(460px * var(--olcek)); margin-top: calc(5px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.il-kolonlar { display: flex; margin-top: calc(19px * var(--olcek)); }
.il-kolon:first-child { width: calc(267px * var(--olcek)); }
.il-kolon h3 { font: 600 calc(20px * var(--olcek))/calc(20px * var(--olcek)) var(--manrope); text-transform: uppercase; }
.il-kolon p, .il-kolon a { display: block; margin-top: calc(17px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.il-kolon p { width: calc(247px * var(--olcek)); }
.il-kolon a + a { margin-top: 0; }
.il-sosyal { display: flex; gap: calc(10px * var(--olcek)); margin-top: calc(44px * var(--olcek)); }
.il-sosyal a { display: grid; place-items: center; width: calc(42px * var(--olcek)); height: calc(42px * var(--olcek)); border: 1px solid rgba(0, 0, 0, .47); border-radius: 50%; transition: background .25s; }
.il-sosyal a:hover { background: var(--yesil); }
.il-sosyal svg { width: calc(18px * var(--olcek)); height: calc(18px * var(--olcek)); fill: #000; }
.il-yaz { padding-top: calc(139px * var(--olcek)); text-align: center; }
.il-yaz .il-baslik { width: auto; display: inline-block; }
.il-yaz > p { width: calc(460px * var(--olcek)); margin: 1px auto 0; font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }

/* ---------- Alt sayfaların alt bilgisi (anasayfadakinden farklı yerleşim) ---------- */
.alt.alt-sayfa { padding: 0 0 calc(30px * var(--olcek)); }
.alt-sayfa.bosluk-hak { padding-top: calc(260px * var(--olcek)); }
.alt-sayfa.bosluk-fa, .alt-sayfa.bosluk-ref { padding-top: calc(140px * var(--olcek)); }
.alt-sayfa.bosluk-il { padding-top: calc(260px * var(--olcek)); }
.alt-sayfa .alt-ust { padding: 0 calc(100px * var(--olcek)) 0 calc(100px * var(--olcek)); }
.alt-sayfa .alt-sag { width: calc(312px * var(--olcek)); padding-top: calc(85px * var(--olcek)); }
.alt-sayfa .alt-sag p { width: calc(285px * var(--olcek)); }
.alt-sayfa .alt-dugme { margin-top: calc(81px * var(--olcek)); width: calc(205px * var(--olcek)); height: calc(72px * var(--olcek)); padding: calc(23px * var(--olcek)) calc(20px * var(--olcek)) calc(20px * var(--olcek)); }
.alt-sayfa .alt-orta { position: relative; height: calc(216px * var(--olcek)); margin: -5px 0 0; padding: 0; border: 0; overflow: hidden; display: block; }
.alt-sayfa .alt-iletisim { position: absolute; left: calc(95px * var(--olcek)); top: calc(90px * var(--olcek)); gap: calc(15px * var(--olcek)); padding: 0; align-items: flex-start; }
.alt-sayfa .donen-kucuk { width: calc(96px * var(--olcek)); height: calc(96px * var(--olcek)); }
.alt-sayfa .alt-iletisim > div:last-child { margin-top: calc(18px * var(--olcek)); }
.alt-sayfa .alt-dev { position: absolute; right: calc(49px * var(--olcek)); top: 0; margin: 0; line-height: calc(259.2px * var(--olcek)); }
.alt-sayfa .alt-alt { margin: 0 calc(99px * var(--olcek)) 0 calc(100px * var(--olcek)); padding: calc(31px * var(--olcek)) 0 0; border-top: 1px solid #000; }

/* ---------- İletişim formu (sitenin diliyle: gri kart, beyaz alanlar, seçilebilir konu etiketleri) ---------- */
.il-form { width: calc(935px * var(--olcek)); margin: calc(39px * var(--olcek)) auto 0; text-align: left; }
.il-form-ic { padding: calc(50px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.il-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: calc(20px * var(--olcek)); }
.il-alan { display: block; min-width: 0; margin: 0 0 calc(18px * var(--olcek)); padding: 0; border: 0; }
.il-etiket { display: block; margin-bottom: calc(10px * var(--olcek)); padding: 0; font: 600 calc(17px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; }
.il-etiket i, .il-zorunlu i { font-style: normal; color: var(--turuncu); }
.il-etiket em { font: 500 calc(13px * var(--olcek)) var(--manrope); font-style: normal; letter-spacing: 0; text-transform: none; color: #8a8a8a; }
.il-alan input, .il-alan textarea { display: block; width: 100%; height: calc(58px * var(--olcek)); padding: 0 calc(20px * var(--olcek)); border: 1px solid #fff; border-radius: calc(12px * var(--olcek)); background: #fff;
                                     font: 500 calc(16px * var(--olcek))/1.4 var(--manrope); color: #000; outline: none; transition: border-color .2s, box-shadow .2s; }
.il-alan textarea { height: calc(160px * var(--olcek)); padding: calc(16px * var(--olcek)) calc(20px * var(--olcek)); resize: vertical; }
.il-alan input::placeholder, .il-alan textarea::placeholder { color: #9b9b9b; }
.il-alan input:focus, .il-alan textarea:focus { border-color: #000; box-shadow: 0 0 0 calc(3px * var(--olcek)) rgba(28, 255, 0, .6); }
.il-cipler { display: flex; flex-wrap: wrap; gap: calc(10px * var(--olcek)); }
.il-cipler label { position: relative; cursor: pointer; }
.il-cipler input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.il-cipler span { display: block; padding: calc(12px * var(--olcek)) calc(16px * var(--olcek)) calc(10px * var(--olcek)); border: 1px solid #000; background: #fff; font: 600 calc(17px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px;
                  text-transform: uppercase; transition: background .2s, transform .25s; }
.il-cipler label:hover span { transform: rotate(-3deg); }
.il-cipler input:checked + span { background: var(--yesil); transform: rotate(-3deg); }
.il-cipler input:focus-visible + span { box-shadow: 0 0 0 calc(3px * var(--olcek)) rgba(0, 0, 0, .25); }
.il-hata { display: block; min-height: calc(18px * var(--olcek)); margin-top: calc(6px * var(--olcek)); font: 500 calc(13px * var(--olcek))/calc(18px * var(--olcek)) var(--manrope); color: var(--turuncu); }
.il-alan.hatali input, .il-alan.hatali textarea, .il-alan.hatali .il-cipler span { border-color: var(--turuncu); }
.il-form-alt { display: flex; align-items: center; justify-content: space-between; margin-top: calc(22px * var(--olcek)); }
.il-zorunlu { font: 500 calc(14px * var(--olcek)) var(--manrope); color: #6b6b6b; }
.il-gonder { display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--olcek)); width: calc(168px * var(--olcek)); height: calc(68px * var(--olcek)); background: #000; color: #fff;
             font: 400 calc(30px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transition: background .3s; }
.il-gonder:hover { background: var(--turuncu); }
.il-gonder svg { width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }
.il-gonder:hover svg { transform: translateX(calc(4px * var(--olcek))); }
.il-basarili { padding: calc(70px * var(--olcek)) calc(50px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); text-align: center; }
.il-basarili[hidden], .il-form-ic[hidden] { display: none; }
.il-basarili-ikon { width: calc(64px * var(--olcek)); height: calc(64px * var(--olcek)); overflow: visible; color: var(--yesil); }
.il-basarili-ikon .muhur { fill: var(--yesil); }
.il-basarili-ikon .tik-isaret { fill: none; stroke: #000; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.il-basarili h3 { margin-top: calc(20px * var(--olcek)); font: 600 calc(48px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.il-basarili p { margin-top: calc(12px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); }
.il-basarili small { display: block; margin-top: calc(6px * var(--olcek)); font: 500 calc(13px * var(--olcek))/1.5 var(--manrope); color: #8a8a8a; }
.il-yeni { margin-top: calc(24px * var(--olcek)); padding: calc(12px * var(--olcek)) calc(18px * var(--olcek)) calc(10px * var(--olcek)); border: 1px solid #000; font: 600 calc(17px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; transition: background .2s; }
.il-yeni:hover { background: var(--yesil); }

/* Hakkımızda: başlık ve dönen yazı alttaki ortalı yazıyla aynı eksende */
.sayfa-bas--orta .donen { margin-left: auto; margin-right: auto; }
.sayfa-bas--orta .sayfa-baslik { margin-left: auto; margin-right: auto; }

/* ---------- Referanslarımız ---------- */
.ref-cip { left: calc(336px * var(--olcek)); top: calc(56px * var(--olcek)); padding: calc(9px * var(--olcek)) calc(12px * var(--olcek)) calc(6px * var(--olcek)); line-height: calc(26.86px * var(--olcek)); transform: rotate(-13deg); }
.referanslar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(6px * var(--olcek)); margin-top: calc(50px * var(--olcek)); padding: 0 calc(20px * var(--olcek)); }
.ref-kart { display: flex; flex-direction: column; padding: 0 calc(20px * var(--olcek)); border: 1px solid #cecece; border-radius: calc(15px * var(--olcek)); }
.ref-logo { border-bottom: 1px solid #dfdfdf; }
.ref-logo img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: contain; }

/* Verilen hizmetler: anasayfadaki faaliyet kartlarının renkli mühürleriyle küçük etiketler */
.ref-hizmetler { display: flex; flex-wrap: wrap; align-content: flex-start; gap: calc(7px * var(--olcek)) calc(6px * var(--olcek)); margin: 0; padding: calc(18px * var(--olcek)) 0 calc(22px * var(--olcek)); list-style: none; }
.ref-hizmetler li { display: inline-flex; align-items: center; gap: calc(8px * var(--olcek)); padding: calc(4px * var(--olcek)) calc(13px * var(--olcek)) calc(4px * var(--olcek)) calc(4px * var(--olcek)); border: 1px solid #e2e2e2; border-radius: calc(40px * var(--olcek)); background: var(--gri); font: 600 calc(15px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; transition: background .3s, border-color .3s; }
.ref-hizmetler svg { flex: none; width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); overflow: visible; color: var(--renk); transition: transform .6s cubic-bezier(.34, 1.56, .64, 1); }
.ref-hizmetler .muhur { fill: var(--renk); }
.ref-kart:hover .ref-hizmetler li { background: #fff; border-color: #cecece; }
.ref-kart:hover .ref-hizmetler svg { transform: rotate(45deg); }
.ref-hizmetler li:nth-child(2) svg { transition-delay: .05s; }
.ref-hizmetler li:nth-child(3) svg { transition-delay: .1s; }
.ref-hizmetler li:nth-child(4) svg { transition-delay: .15s; }
.ref-hizmetler li:nth-child(5) svg { transition-delay: .2s; }

/* ---------- Paketler ---------- */
/* Fiyat yalnız onaylı müşteriye görünür; görünmeyen parça her durumda gizli kalsın */
.pk-uyelik [hidden], .paket [hidden], .uyelik [hidden], .uyelik[hidden], .uyelik-perde[hidden] { display: none !important; }
.pk-cip { left: calc(372px * var(--olcek)); top: calc(56px * var(--olcek)); padding: calc(9px * var(--olcek)) calc(12px * var(--olcek)) calc(6px * var(--olcek)); line-height: calc(26.86px * var(--olcek)); transform: rotate(-13deg); }
.pk-not { margin-top: calc(26px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); color: var(--yazi-gri); }

/* Üyelik şeridi: ziyaretçi, onay bekleyen ve onaylı müşteri için ayrı */
.pk-uyelik { margin: calc(50px * var(--olcek)) calc(20px * var(--olcek)) calc(20px * var(--olcek)); }
.pk-serit { display: flex; align-items: center; gap: calc(18px * var(--olcek)); padding: calc(16px * var(--olcek)) calc(18px * var(--olcek)) calc(16px * var(--olcek)) calc(16px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.pk-serit > p { flex: 1; font: 500 calc(17px * var(--olcek))/1.5 var(--manrope); }
.pk-serit > p b { font-weight: 700; }
.pk-serit-dugmeler { display: flex; gap: calc(10px * var(--olcek)); flex: none; }
.pk-muhur { position: relative; flex: none; display: grid; place-items: center; width: calc(46px * var(--olcek)); height: calc(46px * var(--olcek)); color: #000; }
.pk-muhur > svg:first-child { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pk-muhur .muhur { fill: currentColor; }
.pk-muhur > svg + svg { position: relative; width: calc(20px * var(--olcek)); height: calc(20px * var(--olcek)); fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pk-muhur--yesil { color: var(--yesil); }
.pk-muhur--yesil .tik-isaret { stroke: #000; }

/* Düğmeler: yeşil kayıt (sitedeki eğik etiketler gibi), çerçeveli giriş/çıkış */
.pk-kayit, .pk-cerceve { display: inline-flex; align-items: center; gap: calc(8px * var(--olcek)); padding: calc(12px * var(--olcek)) calc(16px * var(--olcek)) calc(10px * var(--olcek)); border: 1px solid #000; font: 600 calc(17px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; white-space: nowrap; transition: transform .25s, background .2s, color .2s; }
.pk-kayit { background: var(--yesil); color: #000; }
.pk-kayit:hover { transform: rotate(-3deg); }
.pk-kayit svg { width: calc(20px * var(--olcek)); height: calc(20px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pk-cerceve { background: transparent; }
.pk-cerceve:hover { background: #000; color: #fff; }

/* Paket kartları */
.paketler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(20px * var(--olcek)); padding: 0 calc(20px * var(--olcek)); }
.paket { display: flex; flex-direction: column; padding: calc(44px * var(--olcek)) calc(40px * var(--olcek)) calc(40px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.paket--koyu { background: #000; color: #fff; }
.paket-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(12px * var(--olcek)); }
.paket-ad { font: 500 calc(84px * var(--olcek))/.9 var(--bs-text); text-transform: uppercase; }
.pk-rozet { margin-top: calc(8px * var(--olcek)); padding: calc(7px * var(--olcek)) calc(12px * var(--olcek)) calc(5px * var(--olcek)); background: var(--turuncu); color: #000; font: 600 calc(19px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; white-space: nowrap; transform: rotate(-6deg); }
.paket-aciklama { min-height: calc(53.72px * var(--olcek)); margin-top: calc(18px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); color: var(--yazi-gri); }
.paket--koyu .paket-aciklama { color: #a9a9a9; }

.pk-fiyat { margin-top: calc(28px * var(--olcek)); padding-top: calc(28px * var(--olcek)); border-top: 1px solid #d4d4d4; }
.paket--koyu .pk-fiyat { border-color: #2c2c2c; }
.pk-bulanik { position: relative; display: flex; align-items: center; height: calc(96px * var(--olcek)); }
.pk-bulanik-sayi { font: 600 calc(96px * var(--olcek))/1 var(--bs-text); color: #000; opacity: .16; filter: blur(calc(7px * var(--olcek))); user-select: none; }
.paket--koyu .pk-bulanik-sayi { color: #fff; opacity: .24; }
.pk-bulanik .pk-muhur { position: absolute; left: calc(118px * var(--olcek)); top: 50%; width: calc(54px * var(--olcek)); height: calc(54px * var(--olcek)); margin-top: calc(-27px * var(--olcek)); }
.paket--koyu .pk-bulanik .pk-muhur { color: var(--yesil); }
.paket--koyu .pk-bulanik .pk-muhur > svg + svg { stroke: #000; }
/* Kilitli fiyat notu: ziyaretçiye kayıt çağrısı, onay bekleyene bilgi */
.pk-kilit { display: flex; flex-direction: column; align-items: flex-start; gap: calc(14px * var(--olcek)); margin-top: calc(18px * var(--olcek)); padding: calc(16px * var(--olcek)); border: 1px solid #000; border-radius: calc(12px * var(--olcek)); background: #fff; }
.pk-kilit > p { font: 600 calc(15px * var(--olcek))/1.5 var(--manrope); }
.pk-kilit > .pk-kilit-bekliyor { display: flex; align-items: center; gap: calc(12px * var(--olcek)); }
.pk-kilit .pk-muhur { width: calc(38px * var(--olcek)); height: calc(38px * var(--olcek)); }
.pk-kilit .pk-muhur > svg + svg { width: calc(17px * var(--olcek)); height: calc(17px * var(--olcek)); }
.paket--koyu .pk-kilit { border-color: var(--yesil); background: #111; }
.paket--koyu .pk-kilit .pk-muhur { color: var(--yesil); }
.paket--koyu .pk-kilit .pk-muhur > svg + svg { stroke: #000; }

.pk-acik { position: relative; }
.pk-tutar { display: flex; align-items: baseline; gap: calc(8px * var(--olcek)); font: 600 calc(96px * var(--olcek))/1 var(--bs-text); letter-spacing: -1px; }
.pk-tutar span { font: 700 calc(58px * var(--olcek))/1 var(--manrope); }
.pk-eski { display: block; margin-bottom: calc(8px * var(--olcek)); font: 600 calc(22px * var(--olcek))/1 var(--manrope); color: #8a8a8a; text-decoration: line-through; text-decoration-color: var(--turuncu); text-decoration-thickness: 2px; }
.pk-ozel-cip { position: absolute; right: 0; top: calc(-4px * var(--olcek)); padding: calc(7px * var(--olcek)) calc(12px * var(--olcek)) calc(5px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(19px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; white-space: nowrap; transform: rotate(-6deg); }
.pk-ek { margin-top: calc(12px * var(--olcek)); font: 600 calc(17px * var(--olcek))/1 var(--manrope); }
.pk-alt { margin-top: calc(16px * var(--olcek)); font: 500 calc(15px * var(--olcek))/1.5 var(--manrope); color: #6b6b6b; }
.paket--koyu .pk-alt { color: #9a9a9a; }
.pk-avantaj { display: flex; align-items: flex-start; gap: calc(10px * var(--olcek)); margin-top: calc(18px * var(--olcek)); padding: calc(14px * var(--olcek)) calc(16px * var(--olcek)); border: 1px solid #000; border-radius: calc(12px * var(--olcek)); background: #fff; font: 500 calc(15px * var(--olcek))/1.5 var(--manrope); }
.pk-avantaj b { font-weight: 700; }
.pk-avantaj svg { flex: none; width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); overflow: visible; color: var(--yesil); }
.pk-avantaj .muhur { fill: currentColor; }
.paket--koyu .pk-avantaj { border-color: var(--yesil); background: #111; }

.paket-dugme { display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--olcek)); height: calc(68px * var(--olcek)); margin-top: calc(30px * var(--olcek)); background: #000; color: #fff; font: 400 calc(30px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transition: background .3s, color .3s; }
.paket-dugme svg { width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }
.paket-dugme:hover { background: var(--turuncu); }
.paket-dugme:hover svg { transform: translateX(calc(4px * var(--olcek))); }
.paket--koyu .paket-dugme { background: var(--turuncu); color: #000; }
.paket--koyu .paket-dugme:hover { background: var(--yesil); }

.pk-liste { display: grid; gap: calc(14px * var(--olcek)); margin: calc(30px * var(--olcek)) 0 0; padding: 0; list-style: none; }
.paket > .pk-liste { margin-bottom: calc(36px * var(--olcek)); }
.pk-liste li { display: flex; align-items: flex-start; gap: calc(12px * var(--olcek)); font: 500 calc(17px * var(--olcek))/1.45 var(--manrope); }
.pk-liste svg { flex: none; width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); overflow: visible; color: var(--turuncu); }
.pk-liste .muhur { fill: currentColor; }
.pk-liste .tik-isaret { stroke: #fff; }
.paket--koyu .pk-liste svg { color: var(--yesil); }
.paket--koyu .pk-liste .tik-isaret { stroke: #000; }
.pk-hediye { display: inline-block; margin-right: calc(8px * var(--olcek)); padding: calc(4px * var(--olcek)) calc(8px * var(--olcek)) calc(2px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(15px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; transform: rotate(-4deg); }
.pk-dahil { margin-top: auto; padding: calc(26px * var(--olcek)) calc(26px * var(--olcek)) calc(28px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: #fff; }
.paket--koyu .pk-dahil { background: #161616; }
.pk-dahil-cip { display: inline-block; padding: calc(8px * var(--olcek)) calc(12px * var(--olcek)) calc(6px * var(--olcek)); background: #000; color: #fff; font: 600 calc(17px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; transform: rotate(-3deg); }
.paket--koyu .pk-dahil-cip { background: var(--yesil); color: #000; }
.pk-dahil .pk-liste { gap: calc(12px * var(--olcek)); margin-top: calc(18px * var(--olcek)); padding-top: calc(18px * var(--olcek)); border-top: 1px solid #e3e3e3; }
.paket--koyu .pk-dahil .pk-liste { border-color: #2c2c2c; }
.pk-dahil .pk-liste li { font-size: calc(16px * var(--olcek)); }

/* Size özel paket */
.pk-ozel { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: calc(60px * var(--olcek)); margin: calc(20px * var(--olcek)) calc(20px * var(--olcek)) 0; padding: calc(60px * var(--olcek)) calc(60px * var(--olcek)) calc(56px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: #000; color: #fff; }
.pk-ozel-ust { display: inline-block; padding: calc(6px * var(--olcek)) calc(12px * var(--olcek)) calc(4px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(22px * var(--olcek))/1 var(--bs-text); transform: rotate(-4deg); }
.pk-ozel-baslik { margin-top: calc(24px * var(--olcek)); font: 500 calc(96px * var(--olcek))/.92 var(--bs-text); text-transform: uppercase; }
.pk-ozel-sag p { font: 500 calc(17px * var(--olcek))/calc(26.86px * var(--olcek)) var(--manrope); color: #cfcfcf; }
.pk-ozel-dugme { display: inline-flex; align-items: center; gap: calc(10px * var(--olcek)); margin-top: calc(28px * var(--olcek)); padding: calc(15px * var(--olcek)) calc(22px * var(--olcek)) calc(13px * var(--olcek)); background: var(--yesil); color: #000; font: 400 calc(30px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transition: transform .25s; }
.pk-ozel-dugme svg { width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.pk-ozel-dugme:hover { transform: rotate(-3deg); }

/* Sık sorulan sorular */
.pk-sss { display: grid; grid-template-columns: 1fr 1.7fr; gap: calc(60px * var(--olcek)); margin-top: calc(140px * var(--olcek)); padding: 0 calc(100px * var(--olcek)); }
.pk-sss-baslik { font: 500 calc(96px * var(--olcek))/.92 var(--bs-text); text-transform: uppercase; }
.pk-sss .sss { margin-top: 0; }

/* Kayıt ol / giriş yap penceresi */
.uyelik-perde { position: fixed; inset: 0; z-index: 80; background: rgba(0, 0, 0, .5); backdrop-filter: blur(3px); }
.uyelik { position: fixed; inset: 0; z-index: 81; width: min(calc(640px * var(--olcek)), calc(100% - 32px)); height: fit-content; max-height: calc(100vh - 40px); margin: auto; overflow: auto; padding: calc(44px * var(--olcek)) calc(44px * var(--olcek)) calc(40px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.uyelik-kapat { position: absolute; top: calc(22px * var(--olcek)); right: calc(22px * var(--olcek)); display: grid; place-items: center; width: calc(36px * var(--olcek)); height: calc(36px * var(--olcek)); }
.uyelik-kapat svg { width: calc(16px * var(--olcek)); height: calc(16px * var(--olcek)); stroke: #000; stroke-width: 2; }
.uyelik-sekmeler { display: flex; gap: calc(26px * var(--olcek)); margin-bottom: calc(16px * var(--olcek)); }
.uyelik-sekmeler button { padding: 0 calc(2px * var(--olcek)); font: 500 calc(48px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; color: #b3b3b3; transition: color .2s, box-shadow .3s; }
.uyelik-sekmeler button:hover { color: #000; }
.uyelik-sekmeler button.aktif { color: #000; box-shadow: inset 0 calc(-12px * var(--olcek)) var(--yesil); }
.uyelik-yazi { margin-bottom: calc(22px * var(--olcek)); font: 500 calc(15px * var(--olcek))/1.6 var(--manrope); color: var(--yazi-gri); }
.uyelik .il-izgara { gap: calc(16px * var(--olcek)); }
.uyelik-onay { display: flex; flex-wrap: wrap; align-items: flex-start; gap: calc(10px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); cursor: pointer; }
.il-alan.uyelik-onay input { display: inline-block; flex: none; width: calc(20px * var(--olcek)); height: calc(20px * var(--olcek)); margin: 1px 0 0; padding: 0; accent-color: #000; }
.uyelik-onay > span { flex: 1; }
.uyelik-onay .il-hata { flex-basis: 100%; margin-top: 0; }
.uyelik .il-gonder { width: auto; padding: 0 calc(26px * var(--olcek)); }
.uyelik-alt { display: flex; align-items: center; justify-content: space-between; }
.uyelik-unuttum { font: 600 calc(14px * var(--olcek)) var(--manrope); text-decoration: underline; text-underline-offset: 3px; }
.uyelik-basarili { padding: calc(20px * var(--olcek)) 0 calc(4px * var(--olcek)); text-align: center; }
.uyelik-basarili .il-basarili-ikon { display: block; margin: 0 auto; }
.uyelik-basarili h2 { margin-top: calc(18px * var(--olcek)); font: 500 calc(56px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.uyelik-basarili p { max-width: calc(440px * var(--olcek)); margin: calc(12px * var(--olcek)) auto calc(26px * var(--olcek)); font: 500 calc(16px * var(--olcek))/1.6 var(--manrope); color: var(--yazi-gri); }
.uyelik-basarili .il-gonder { margin: 0 auto; }


/* ===================== Panele bağlı sitede eklenenler ===================== */
/* Logo Ölçeği (ContentEditor › Header) */
.ust-logo img { width: calc(150px * var(--olcek) * var(--logo-olcek, 1)); }
.ust-marka { font: 700 calc(24px * var(--olcek))/1 var(--bs-disp); text-transform: uppercase; }
/* Yan menü: yazılar panelde normal yazılır, burada büyük harf (Türkçe kurallarıyla) */
.panel-menu a { text-transform: uppercase; }
/* Yan menüde müşteri alanı: Paketler sayfasındaki düğmelerin siyah zemindeki hâli (yeşil kayıt / Hesabım, çerçeveli giriş / çıkış) */
.panel { overflow-y: auto; }
.panel-hesap { display: flex; flex-direction: column; align-items: center; width: min(calc(330px * var(--olcek)), 100%); margin-top: calc(34px * var(--olcek)); text-align: center; }
.panel-hesap-not { margin-bottom: calc(14px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); color: #8c8c8c; }
.panel-hesap-kim { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(6px * var(--olcek)) calc(12px * var(--olcek)); max-width: 100%; margin-bottom: calc(16px * var(--olcek)); }
.panel-hesap-ad { max-width: 100%; font: 500 calc(34px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; overflow-wrap: anywhere; }
.panel-hesap-durum { padding: calc(5px * var(--olcek)) calc(9px * var(--olcek)) calc(3px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(14px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; transform: rotate(-3deg); }
.panel-hesap-durum.bekliyor { background: var(--turuncu); }
.panel-dugmeler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: calc(10px * var(--olcek)); width: 100%; }
.panel-dugme { display: flex; align-items: center; justify-content: center; gap: calc(8px * var(--olcek)); width: 100%; height: calc(52px * var(--olcek)); padding: calc(2px * var(--olcek)) calc(12px * var(--olcek)) 0; border: 1px solid #fff; color: #fff; font: 600 calc(19px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; white-space: nowrap; transition: transform .25s, background .2s, color .2s; }
.panel-dugme svg { flex: none; margin-top: calc(-2px * var(--olcek)); transition: transform .3s; }
.panel-dugme-cerceve svg { width: calc(15px * var(--olcek)); height: calc(15px * var(--olcek)); fill: currentColor; }
.panel-dugme-cerceve:hover { background: #fff; color: #000; }
.panel-dugme-yesil { border-color: var(--yesil); background: var(--yesil); color: #000; }
.panel-dugme-yesil svg { width: calc(20px * var(--olcek)); height: calc(20px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.panel-dugme-yesil:hover { transform: rotate(-3deg); }
.panel-dugme-yesil:hover svg { transform: translateX(calc(3px * var(--olcek))); }
/* Alt bilgideki yasal sayfa bağlantıları */
.alt-yasal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 22px; }
/* İletişim formu: bot tuzağı görünmez */
.il-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.il-form { position: relative; }
/* Kayıt penceresinde aydınlatma metni bağlantısı */
.uyelik-onay a { text-decoration: underline; text-underline-offset: 3px; }
/* Yazı sayfaları (KVKK, gizlilik…) ve şifre sayfaları */
.yazi-sayfasi, .hesap-sayfasi { padding: calc(20px * var(--olcek)) calc(100px * var(--olcek)) 0; }
.yazi-baslik { width: auto; max-width: calc(1100px * var(--olcek)); font-size: calc(96px * var(--olcek)); line-height: .95; }
.yazi-not { margin-top: calc(18px * var(--olcek)); font: 500 calc(15px * var(--olcek))/1.5 var(--manrope); color: var(--yazi-gri); }
.yazi-govde { max-width: calc(880px * var(--olcek)); margin-top: calc(40px * var(--olcek)); font: 500 calc(17px * var(--olcek))/calc(28px * var(--olcek)) var(--manrope); }
.yazi-govde h2 { margin: calc(36px * var(--olcek)) 0 calc(12px * var(--olcek)); font: 500 calc(40px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.yazi-govde h3 { margin: calc(26px * var(--olcek)) 0 calc(8px * var(--olcek)); font: 600 calc(24px * var(--olcek))/1.1 var(--bs-disp); text-transform: uppercase; }
.yazi-govde p, .yazi-govde ul, .yazi-govde table { margin: 0 0 calc(14px * var(--olcek)); }
.yazi-govde ul { padding-left: 1.2em; }
.yazi-govde table { border-collapse: collapse; }
.yazi-govde th, .yazi-govde td { padding: calc(8px * var(--olcek)) calc(14px * var(--olcek)) calc(8px * var(--olcek)) 0; border-bottom: 1px solid #e3e3e3; text-align: left; vertical-align: top; }
.yazi-govde th { color: var(--yazi-gri); font-weight: 600; white-space: nowrap; }
.hesap-form { margin: calc(39px * var(--olcek)) 0 0; max-width: calc(720px * var(--olcek)); }
.hesap-durum { margin-bottom: calc(18px * var(--olcek)); padding: calc(12px * var(--olcek)) calc(16px * var(--olcek)); border: 1px solid #000; border-radius: calc(12px * var(--olcek)); background: #fff; font: 600 calc(15px * var(--olcek))/1.5 var(--manrope); }

/* Dar dizüstü (1025–1279 px): üst menü hesap ve sepet simgelerinin altına girmesin; simgelere yer ayrılır, yazı biraz küçülür.
   1280 px ve üstü (orijinalle ölçülen 1440 dahil) değişmez. */
@media (min-width: 1025px) and (max-width: 1279px) {
    .ust-menu { gap: calc(4px * var(--olcek)); padding-right: calc(115px * var(--olcek)); }
    .ust-menu a { padding: 0 calc(3px * var(--olcek)); font-size: calc(19px * var(--olcek)); }
    .ust-menu a::before { width: calc(14px * var(--olcek)); }
}

/* Alçak dizüstü ekranlarda (768 px gibi) yan menü kaydırmadan sığsın */
@media (min-width: 1025px) and (max-height: 820px) {
    .panel { padding-top: calc(105px * var(--olcek)); }
    .panel-menu { margin-top: calc(40px * var(--olcek)); }
}
@media (max-width: 1024px) and (max-height: 780px) {
    .panel-hesap-not { display: none; }
    .panel-gorsel { width: 80px; }
    .panel-hesap-ad { font-size: 28px; }
    .panel-hesap-musteri + .panel-gorsel { display: none; }
}

/* ===================== Hesap: üst çubuktaki simge ve menü ===================== */
/* Simge menünün ortalanmasını bozmasın diye konumla yerleşir (satranç simgesinin solunda). */
.ust-hesap { position: absolute; top: 50%; right: calc(93px * var(--olcek)); transform: translateY(-50%); }
.ust-hesap-dugme { position: relative; display: grid; place-items: center; width: calc(29px * var(--olcek)); height: calc(29px * var(--olcek)); transition: transform .25s; }
.ust-hesap-dugme:hover { transform: scale(1.08); }
.ust-hesap-dugme svg { width: calc(25px * var(--olcek)); height: calc(25px * var(--olcek)); fill: #000; }
.ust-hesap-nokta { position: absolute; top: calc(-2px * var(--olcek)); right: calc(-3px * var(--olcek)); width: calc(10px * var(--olcek)); height: calc(10px * var(--olcek)); border: 2px solid #fff; border-radius: 50%; background: var(--yesil); }
.ust-hesap-nokta.bekliyor { background: var(--turuncu); }
.hesap-menu { position: absolute; top: calc(100% + 22px * var(--olcek)); right: calc(-14px * var(--olcek)); width: calc(270px * var(--olcek)); padding: calc(22px * var(--olcek)) calc(22px * var(--olcek)) calc(18px * var(--olcek)); border-radius: calc(14px * var(--olcek)); background: #000; color: #fff; box-shadow: 0 18px 40px rgba(0, 0, 0, .22); }
.hesap-menu[hidden] { display: none; }
.hesap-menu::before { content: ""; position: absolute; top: -6px; right: calc(22px * var(--olcek)); width: 14px; height: 14px; background: #000; transform: rotate(45deg); border-radius: 2px; }
.hesap-menu-ad { font: 500 calc(34px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; word-break: break-word; }
.hesap-menu-durum { display: inline-block; margin: calc(10px * var(--olcek)) 0 calc(14px * var(--olcek)); padding: calc(5px * var(--olcek)) calc(9px * var(--olcek)) calc(3px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(14px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; transform: rotate(-3deg); }
.hesap-menu-durum.bekliyor { background: var(--turuncu); }
.hesap-menu-baglanti { display: block; width: 100%; padding: calc(11px * var(--olcek)) 0; border-top: 1px solid #262626; text-align: left; font: 600 calc(20px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1px; text-transform: uppercase; color: #fff; transition: color .2s; }
.hesap-menu-baglanti:hover { color: var(--yesil); }
.hesap-menu-cikis { color: #9a9a9a; }
.hesap-menu-not { margin-bottom: calc(14px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); color: #bdbdbd; }
.hesap-menu-dugme { display: flex; align-items: center; justify-content: center; gap: calc(8px * var(--olcek)); height: calc(48px * var(--olcek)); border: 1px solid #fff; font: 600 calc(19px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; transition: background .2s, color .2s, transform .25s; }
.hesap-menu-giris:hover { background: #fff; color: #000; }
.hesap-menu-kayit { margin-top: calc(8px * var(--olcek)); border-color: var(--yesil); background: var(--yesil); color: #000; }
.hesap-menu-kayit:hover { transform: rotate(-2deg); }
.hesap-menu-kayit svg { width: calc(20px * var(--olcek)); height: calc(20px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* Dönen yazı rozetinin ortasındaki kişi simgesi dolu çizilir */
.donen-ikon .ikon-dolu { stroke-width: 0; }

/* ===================== Hesap sayfaları: giriş, kayıt, hesabım ===================== */
.hesap-cip { left: auto; right: calc(-70px * var(--olcek)); top: calc(56px * var(--olcek)); padding: calc(9px * var(--olcek)) calc(12px * var(--olcek)) calc(6px * var(--olcek)); line-height: calc(26.86px * var(--olcek)); transform: rotate(-13deg); }
.hesap-izgara { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: start; gap: calc(20px * var(--olcek)); margin-top: calc(50px * var(--olcek)); padding: 0 calc(20px * var(--olcek)); }
.hesap-izgara--hesap { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: calc(20px * var(--olcek)); }
.hesap-sutun { display: grid; gap: calc(20px * var(--olcek)); }
.hesap-kart { padding: calc(44px * var(--olcek)) calc(44px * var(--olcek)) calc(40px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.hesap-kart--koyu { background: #000; color: #fff; }
.hesap-kart-baslik { margin-bottom: calc(24px * var(--olcek)); font: 500 calc(48px * var(--olcek))/.95 var(--bs-text); text-transform: uppercase; }
.hesap-gonder { width: auto; padding: 0 calc(26px * var(--olcek)); margin-top: calc(6px * var(--olcek)); }
.hesap-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(12px * var(--olcek)); margin: calc(4px * var(--olcek)) 0 calc(18px * var(--olcek)); }
.hesap-onay { display: flex; align-items: center; gap: calc(10px * var(--olcek)); font: 500 calc(15px * var(--olcek))/1.4 var(--manrope); cursor: pointer; }
.hesap-onay input { width: calc(18px * var(--olcek)); height: calc(18px * var(--olcek)); margin: 0; accent-color: #000; }
.hesap-soru { font: 500 calc(15px * var(--olcek))/1.5 var(--manrope); color: var(--yazi-gri); }
.hesap-soru a { color: #000; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hesap-yan-ust { display: inline-block; padding: calc(6px * var(--olcek)) calc(12px * var(--olcek)) calc(4px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(20px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transform: rotate(-4deg); }
.hesap-yan-baslik { margin: calc(24px * var(--olcek)) 0 calc(6px * var(--olcek)); font: 500 calc(64px * var(--olcek))/.95 var(--bs-text); text-transform: uppercase; }
.hesap-kart--koyu .pk-liste svg { color: var(--yesil); }
.hesap-kart--koyu .pk-liste .tik-isaret { stroke: #000; }
.hesap-yan-dugme { margin-top: calc(30px * var(--olcek)); padding: calc(15px * var(--olcek)) calc(20px * var(--olcek)) calc(13px * var(--olcek)); border-color: var(--yesil); font-size: calc(20px * var(--olcek)); }
.hesap-adimlar { display: grid; gap: calc(22px * var(--olcek)); margin: calc(28px * var(--olcek)) 0 0; padding: 0; list-style: none; }
.hesap-adimlar li { display: flex; align-items: flex-start; gap: calc(16px * var(--olcek)); font: 500 calc(16px * var(--olcek))/1.55 var(--manrope); color: #cfcfcf; }
.hesap-adimlar strong { display: block; margin-bottom: calc(4px * var(--olcek)); font: 600 calc(24px * var(--olcek))/1 var(--bs-disp); letter-spacing: .8px; text-transform: uppercase; color: #fff; }
.adim-rozet { position: relative; flex: none; display: grid; place-items: center; width: calc(46px * var(--olcek)); height: calc(46px * var(--olcek)); color: var(--yesil); }
.adim-rozet svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.adim-rozet .muhur { fill: currentColor; }
.adim-rozet b { position: relative; font: 600 calc(18px * var(--olcek))/1 var(--bs-disp); color: #000; }
.hesap-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(12px * var(--olcek)); margin: calc(44px * var(--olcek)) calc(20px * var(--olcek)) 0; padding: calc(16px * var(--olcek)) calc(18px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.hesap-selam { font: 500 calc(18px * var(--olcek))/1.4 var(--manrope); }
.hesap-selam b { font-weight: 700; }
.hesap-durum--genis { margin: calc(14px * var(--olcek)) calc(20px * var(--olcek)) 0; }
.hesap-fiyatlar { display: grid; }
.hesap-fiyat { display: flex; align-items: flex-end; justify-content: space-between; gap: calc(16px * var(--olcek)); padding: calc(16px * var(--olcek)) 0; border-bottom: 1px solid #d4d4d4; }
.hesap-fiyat:first-child { border-top: 1px solid #d4d4d4; }
.hesap-fiyat-ad { font: 500 calc(40px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.hesap-fiyat-tutar { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 0 calc(6px * var(--olcek)); text-align: right; }
.hesap-fiyat-tutar b { font: 600 calc(44px * var(--olcek))/1 var(--bs-text); }
.hesap-fiyat-tutar i { font: 700 calc(26px * var(--olcek))/1 var(--manrope); font-style: normal; }
.hesap-fiyat-tutar s { margin-right: calc(4px * var(--olcek)); font: 600 calc(16px * var(--olcek))/1 var(--manrope); color: #8a8a8a; text-decoration-color: var(--turuncu); text-decoration-thickness: 2px; }
.hesap-fiyat-tutar small { flex-basis: 100%; font: 600 calc(13px * var(--olcek))/1.6 var(--manrope); color: #6b6b6b; }
.hesap-ozel { align-self: center; margin-right: calc(8px * var(--olcek)); padding: calc(5px * var(--olcek)) calc(9px * var(--olcek)) calc(3px * var(--olcek)); background: var(--yesil); font: 600 calc(14px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; transform: rotate(-4deg); }
.hesap-kilit { margin-top: 0; }
.hesap-ok-baglanti { display: inline-flex; align-items: center; gap: calc(8px * var(--olcek)); margin-top: calc(22px * var(--olcek)); font: 600 calc(19px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; }
.hesap-ok-baglanti svg { width: calc(22px * var(--olcek)); height: calc(22px * var(--olcek)); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }
.hesap-ok-baglanti:hover svg { transform: translateX(calc(4px * var(--olcek))); }
.hesap-mesaj { display: grid; gap: calc(4px * var(--olcek)); padding: calc(14px * var(--olcek)) 0; border-bottom: 1px solid #d4d4d4; }
.hesap-mesaj:first-of-type { border-top: 1px solid #d4d4d4; }
.hesap-mesaj-tarih { font: 500 calc(13px * var(--olcek))/1 var(--manrope); color: #8a8a8a; }
.hesap-mesaj-konu { font: 600 calc(19px * var(--olcek))/1.1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; }
.hesap-mesaj-yazi { font: 500 calc(15px * var(--olcek))/1.5 var(--manrope); color: var(--yazi-gri); }
.hesap-bos { font: 500 calc(16px * var(--olcek))/1.5 var(--manrope); color: var(--yazi-gri); }

/* =====================================================================================================================
   TELEFON VE TABLET (1024 px ve altı). Ölçüler orijinal sitenin 375 px telefon görünümünden; masaüstüne dokunmaz.
   ===================================================================================================================== */
@media (max-width: 1024px) {
    :root { --olcek: 1; }

    /* Üst çubuk: menü yazıları gizli, logo solda; hesap ve satranç simgesi sağda */
    .ust { height: 70px; padding: 0 20px; justify-content: space-between; }
    .ust-menu { display: none; }
    .ust-logo img { width: calc(150px * var(--logo-olcek, 1)); }
    /* Menü düğmesi: siyah mühür, içinde farklı uzunlukta üç çizgi (ortadaki yeşil); dokununca mühür döner, çizgiler eşitlenir */
    .ust-ikon { position: relative; width: 44px; height: 44px; margin-right: -4px; }
    .ust-ikon > .ust-ikon-masa { display: none; }
    .ust-menu-dugme { display: block; position: absolute; inset: 0; }
    .ust-menu-dugme svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: currentColor; color: #000; transition: transform .7s cubic-bezier(.34, 1.56, .64, 1); }
    .ust-menu-dugme i { position: absolute; right: 13px; height: 2px; border-radius: 2px; background: #fff; transition: width .35s cubic-bezier(.22, .9, .24, 1), right .35s cubic-bezier(.22, .9, .24, 1); }
    .ust-menu-dugme i:nth-of-type(1) { top: 15px; width: 18px; }
    .ust-menu-dugme i:nth-of-type(2) { top: 21px; width: 10px; background: var(--yesil); }
    .ust-menu-dugme i:nth-of-type(3) { top: 27px; width: 14px; }
    .ust-ikon:hover .ust-menu-dugme svg, .ust-ikon:focus-visible .ust-menu-dugme svg, .ust-ikon:active .ust-menu-dugme svg { transform: rotate(90deg); }
    .ust-ikon:hover .ust-menu-dugme i, .ust-ikon:focus-visible .ust-menu-dugme i, .ust-ikon:active .ust-menu-dugme i { width: 18px; }
    .ust-hesap { right: 72px; }
    .ust-hesap-dugme { width: 29px; height: 29px; }
    .ust-hesap-dugme svg { width: 24px; height: 24px; }
    .hesap-menu { width: min(270px, calc(100vw - 40px)); }

    /* Yan menü */
    .panel { padding: 110px 24px 30px; }
    .panel-kapat { top: 22px; right: 20px; }
    .panel-menu { width: auto; align-items: center; }
    .panel-menu a { font-size: 32px; line-height: 44px; }
    .panel-hesap { width: min(300px, 100%); margin-top: 26px; }
    .panel-hesap-not { margin-bottom: 10px; font-size: 13px; }
    .panel-dugme { height: 46px; font-size: 18px; }
    .panel-gorsel { margin-top: 24px; }

    /* Eğik etiketler */
    .cip { padding: 4px 9px; font-size: 20px; line-height: 26.86px; }

    /* 1. Büyük başlık: HAYAL>ET / iki görsel / KEŞFET, ortalı */
    .hero { padding: 110px 0 60px; }
    .hero-ic { width: auto; display: flex; flex-wrap: wrap; justify-content: center; }
    .hero-ic::before, .hero-ic::after { content: ""; flex-basis: 100%; height: 0; }
    .hero-ic::before { order: 2; }
    .hero-ic::after { order: 4; }
    .hero-satir { display: contents; }
    .hero-satir-1 > .hero-yazi { order: 1; }
    .hero-gorsel { order: 3; }
    .hero-satir-2 > .hero-yazi { order: 5; }
    .hy { font-size: 80px; line-height: 80px; }
    .hero-gorsel-1 { width: 98px; height: 100px; margin: 0 10px 0 0; }
    .hero-gorsel-2 { width: 113px; height: 100px; margin: 0; }
    .hero-cip-1 { left: 46px; top: 41px; }
    .hero-cip-2 { left: 78px; top: 27px; }

    /* 2. Giriş yazısı + iletişim düğmesi */
    .giris { height: auto; padding: 0 20px 60px; }
    .giris-yazi { width: auto; font-size: 17px; line-height: 30px; letter-spacing: .8px; }
    .iletisim-dugme { position: relative; right: auto; top: auto; display: block; margin: 50px 0 0 30px; transform: none; }
    .iletisim-yazi { width: 130px; height: 130px; }

    /* 3. Marka adı + uçan logolar (logolar telefona özel yuvalara oturur; tema.js) */
    .logolar::before { height: 80px; }
    .logolar-baslik { font-size: 56.25px; line-height: 53.44px; text-align: center; }
    .logolar-alan { inset: auto 0; top: 5vh; height: calc(100vw * 514 / 375); }

    /* 4. Biz kimiz */
    .biz { min-height: 0; padding: 88px 20px 0; }
    .biz-ic { display: block; width: auto; margin: 0; }
    .biz-baslik { width: auto; font-size: 53px; line-height: 53px; }
    .biz-cip { left: 25px; top: 40px; }
    .biz-yazi { width: auto; max-width: 321px; margin-top: 20px; font-size: 17px; line-height: 30px; }

    /* 5. Kayan yazılar */
    .kayan { padding: 20px 0 0; }
    .kayan-buyuk { font-size: 40px; line-height: 44px; }
    .kayan-buyuk .yildiz { width: 14px; height: 14px; margin: 0 14px; stroke-width: 5; }
    .kayan-kucuk { margin-top: 15px; font-size: 14px; line-height: 15.4px; letter-spacing: 1px; }
    .kayan-kucuk span { padding: 0 10px; }
    .kayan-kucuk i { width: 4px; height: 4px; }

    /* 6. Faaliyet alanları başlığı: dönen yazı sağ üstte */
    .faaliyet { padding: 62px 20px 91px; }
    .faaliyet .donen { width: 70px; height: 70px; margin: 0 31px 9px auto; }
    .faaliyet .donen .donen-ikon svg { width: 24px; height: 24px; }
    .faaliyet-baslik { margin: 0; font-size: 53px; line-height: 53px; }
    .faaliyet-cip { left: 128px; top: 28px; }

    /* 7 ve 9. Kartlar: tek sütun */
    .kartlar { padding: 0 30px; gap: 10px; }
    .kartlar-3, .kartlar-4 { grid-template-columns: minmax(0, 1fr); }
    .kart { height: 345px; padding: 25px; }
    .rozet, .tik { width: 29px; height: 29px; }
    .rozet b { font-size: 13px; }
    .kart-icerik { left: 25px; right: 25px; bottom: 25px; gap: 14px; }
    .kart-icerik h3 { font-size: 15px; line-height: 26.86px; }
    .kart-icerik p, .kartlar-3 .kart-icerik p { max-width: none; font-size: 13px; line-height: 20px; }

    /* 8. Süreç */
    .surec { padding: 69px 20px 71px; }
    .surec-ic { display: block; width: auto; margin: 0; }
    .surec-baslik { width: auto; font-size: 53px; line-height: 53px; }
    .surec-cip { left: 81px; top: 131px; }
    .surec-yazi { width: auto; max-width: 321px; margin-top: 20px; font-size: 17px; line-height: 30px; }

    /* Alt bilgi: başlık, yazı, düğme alt alta; "Two" küçük; iletişim satırı; çizgi; telif */
    .alt, .alt.alt-sayfa, .alt-sayfa.bosluk-hak, .alt-sayfa.bosluk-fa, .alt-sayfa.bosluk-ref, .alt-sayfa.bosluk-il { padding: 69px 0 30px; }
    .alt-ust, .alt-sayfa .alt-ust { display: block; padding: 0 20px; }
    .alt-baslik { font-size: 50px; line-height: 50px; }
    .alt-sag, .alt-sayfa .alt-sag { width: auto; padding-top: 0; margin-top: 25px; }
    .alt-sag p, .alt-sayfa .alt-sag p { width: auto; font-size: 17px; line-height: 26.86px; }
    .alt-dugme, .alt-sayfa .alt-dugme { width: auto; height: auto; margin-top: 30px; padding: 12px 21px; font-size: 24px; }
    .alt-orta, .alt-sayfa .alt-orta { position: static; display: flex; flex-direction: column-reverse; align-items: flex-start; height: auto; margin: 0 20px; padding: 0; border-bottom: 1px solid #000; overflow: visible; }
    .alt-dev, .alt-sayfa .alt-dev { position: static; margin: 27px 0 28px; font-size: 50px; line-height: 50px; }
    .alt-iletisim, .alt-sayfa .alt-iletisim { position: static; align-items: center; gap: 26px; padding: 0 0 20px 8px; }
    .alt-sayfa .alt-iletisim > div:last-child { margin-top: 0; }
    .donen-kucuk, .alt-sayfa .donen-kucuk { width: 72px; height: 72px; }
    .donen-kucuk .donen-ikon svg { width: 22px; height: 22px; }
    .alt-tel { font-size: 20px; line-height: 26px; }
    .alt-eposta { font-size: 15px; line-height: 26.86px; }
    .alt-alt, .alt-sayfa .alt-alt { display: block; margin: 0 20px; padding: 44px 0 0; border-top: 0; }
    .alt-yasal { justify-content: flex-start; gap: 4px 18px; margin-top: 8px; }

    .basa-don { right: 20px; bottom: 20px; width: 38px; height: 38px; }

    /* ---------- Alt sayfaların başı: kayan şerit, dönen yazı sağ üstte, başlık solda ---------- */
    .sayfa { padding-top: 70px; }
    .sayfa-serit { padding: 15px 0 0; }
    .sayfa-bas { padding: 60px 20px 0; }
    .donen.donen-86 { width: 60px; height: 60px; margin: 0 16px 22px auto; }
    .donen.donen-86 > svg { width: 70px; height: 70px; }
    .donen.donen-86 .donen-ikon svg { width: 22px; height: 22px; }
    .sayfa-baslik { max-width: 100%; font-size: 53px; line-height: 53px; }
    .sayfa-bas--orta .donen { margin: 0 16px 22px auto; }
    .sayfa-bas--orta .sayfa-baslik { margin-left: 0; }
    .hak-cip { left: 77px; top: 14px; padding: 5px 8px 3px; }
    .fa-cip { left: 128px; top: 28px; }
    .ref-cip, .pk-cip { left: 132px; top: 11px; padding: 5px 8px 3px; }
    .hesap-cip { right: -40px; top: 2px; padding: 5px 8px 3px; }

    /* Hakkımızda */
    .hak-yazi { max-width: none; min-height: 0; margin: 80px 0 0; text-align: left; font-size: 17px; line-height: 26.86px; }
    .sayaclar { margin-top: 40px; }
    .sayac { height: auto; padding-bottom: 6px; }
    .sayac-baslik { height: 40px; font-size: 18px; line-height: 18px; }
    .sayac-sayi b { font-size: 60px; line-height: 60px; }
    .sayac-sayi span { margin-top: 2px; font-size: 55px; line-height: 55px; }
    .sss { margin-top: 60px; }
    .sss-oge { padding: 24px 0; }
    .sss-baslik { height: auto; gap: 4px; font-size: 17px; line-height: 1.35; }
    .sss-ok { padding-left: 10px; font-size: 16px; }
    .sss-cevap p { padding-top: 18px; font-size: 16px; line-height: 26px; }

    /* Faaliyet alanlarımız */
    .sayfa .kartlar-3 { margin-top: 40px; }

    /* Referanslarımız: tek sütun */
    .referanslar { grid-template-columns: minmax(0, 1fr); margin-top: 20px; padding: 0 20px; }
    .ref-hizmetler li { font-size: 14px; }

    /* İletişim: görsel tam genişlik, bilgiler altında, form tam genişlik */
    .il-ust { display: block; min-height: 0; margin-top: 16px; }
    .il-gorsel { height: 268px; }
    .il-cip { left: 50%; top: auto; bottom: -24px; padding: 4px 10px; font-size: 27px; line-height: 27px; transform: translateX(-50%) rotate(-13deg); }
    .il-bilgi { padding: 60px 20px 0; }
    .il-baslik { width: auto; font-size: 40px; line-height: 44px; }
    .il-yazi { width: auto; font-size: 17px; line-height: 26.86px; }
    .il-kolonlar { display: block; margin-top: 20px; }
    .il-kolon + .il-kolon { margin-top: 26px; }
    .il-kolon:first-child, .il-kolon p { width: auto; }
    .il-kolon h3 { font-size: 18px; line-height: 18px; }
    .il-kolon p, .il-kolon a { margin-top: 10px; font-size: 17px; line-height: 26.86px; }
    .il-sosyal { margin-top: 28px; }
    .il-yaz { padding: 90px 20px 0; }
    .il-yaz > p { width: auto; }
    .il-form { width: auto; margin-top: 30px; }
    .il-form-ic { padding: 26px 18px; }
    .il-izgara { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .il-etiket { font-size: 16px; }
    .il-alan input, .il-alan textarea { height: 52px; padding: 0 16px; font-size: 16px; }
    .il-alan textarea { height: 140px; padding: 14px 16px; }
    .il-cipler { gap: 8px; }
    .il-cipler span { padding: 10px 12px 8px; font-size: 15px; }
    .il-form-alt { flex-direction: column-reverse; align-items: stretch; gap: 14px; }
    .il-gonder { width: 100%; height: 58px; font-size: 28px; }
    .il-basarili { padding: 44px 22px; }
    .il-basarili h3 { font-size: 40px; }

    /* Paketler */
    .pk-not { margin-top: 20px; font-size: 16px; line-height: 1.6; }
    .pk-uyelik { margin: 30px 20px 16px; }
    .pk-serit { flex-wrap: wrap; align-items: flex-start; gap: 12px 14px; padding: 16px; }
    .pk-serit > p { flex: 1 1 calc(100% - 60px); font-size: 15px; }
    .pk-serit-dugmeler { flex-wrap: wrap; width: 100%; }
    .pk-serit-dugmeler > * { flex: 1 1 auto; justify-content: center; }
    .pk-kayit, .pk-cerceve { font-size: 16px; }
    .paketler { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .paket { padding: 32px 24px 26px; }
    .paket-ad { font-size: 64px; }
    .pk-rozet { font-size: 16px; }
    .paket-aciklama { min-height: 0; font-size: 16px; line-height: 26px; }
    .pk-bulanik { height: 76px; }
    .pk-bulanik-sayi, .pk-tutar { font-size: 76px; }
    .pk-tutar span { font-size: 46px; }
    .pk-bulanik .pk-muhur { left: 96px; }
    .paket-dugme { height: 60px; font-size: 26px; }
    .pk-liste li { font-size: 16px; }
    .pk-dahil { padding: 22px 20px 24px; }
    .pk-ozel { grid-template-columns: minmax(0, 1fr); gap: 26px; margin: 16px 20px 0; padding: 40px 24px 36px; }
    .pk-ozel-baslik { font-size: 56px; }
    .pk-ozel-dugme { font-size: 26px; }
    .pk-sss { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 90px; padding: 0 20px; }
    .pk-sss-baslik { font-size: 53px; line-height: 53px; }

    /* Kayıt / giriş penceresi */
    .uyelik { width: calc(100% - 24px); max-height: calc(100vh - 24px); padding: 28px 20px 24px; }
    .uyelik-kapat { top: 14px; right: 12px; }
    .uyelik-sekmeler { gap: 18px; }
    .uyelik-sekmeler button { font-size: 36px; }
    .uyelik .il-izgara { gap: 0; }
    .uyelik-alt { flex-wrap: wrap; gap: 14px; }
    .uyelik .il-gonder { width: 100%; }
    .uyelik-basarili h2 { font-size: 44px; }

    /* Hesap sayfaları */
    .hesap-izgara, .hesap-izgara--hesap { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 30px; padding: 0 20px; }
    .hesap-izgara--hesap { margin-top: 16px; }
    .hesap-sutun { gap: 16px; }
    .hesap-kart { padding: 28px 20px 26px; }
    .hesap-kart-baslik { font-size: 40px; }
    .hesap-yan-baslik { font-size: 44px; }
    .hesap-gonder { width: 100%; }
    .hesap-ust { margin: 30px 20px 0; padding: 14px 16px; }
    .hesap-durum--genis { margin: 12px 20px 0; }
    .hesap-fiyat { flex-wrap: wrap; align-items: baseline; }
    .hesap-fiyat-ad { font-size: 32px; }
    .hesap-fiyat-tutar b { font-size: 36px; }
    .hesap-fiyat-tutar i { font-size: 22px; }

    /* Yazı sayfaları, şifre sayfaları */
    .yazi-sayfasi, .hesap-sayfasi { padding: 60px 20px 0; }
    .yazi-baslik { font-size: 53px; }
    .yazi-govde { margin-top: 26px; font-size: 16px; line-height: 26px; }
    .yazi-govde h2 { font-size: 32px; }
    .yazi-govde table { display: block; overflow-x: auto; }
    .hesap-form { max-width: none; margin-top: 30px; }
}

/* Tablet (geniş telefon üstü): kartlar ve referanslar iki sütun, başlıklar biraz büyük */
@media (min-width: 640px) and (max-width: 1024px) {
    .hero { padding-top: 130px; }
    .hy { font-size: 120px; line-height: 120px; }
    .hero-gorsel-1 { width: 147px; height: 150px; margin-right: 15px; }
    .hero-gorsel-2 { width: 170px; height: 150px; }
    .hero-cip-1 { left: 72px; top: 64px; }
    .hero-cip-2 { left: 118px; top: 42px; }
    .giris { padding: 0 40px 70px; }
    .giris-yazi { max-width: 560px; font-size: 21px; line-height: 34px; }
    .biz, .surec, .faaliyet, .sayfa-bas, .alt-ust, .alt-sayfa .alt-ust { padding-left: 40px; padding-right: 40px; }
    .alt-orta, .alt-sayfa .alt-orta, .alt-alt, .alt-sayfa .alt-alt { margin-left: 40px; margin-right: 40px; }
    .kartlar { padding: 0 40px; gap: 16px; }
    .kartlar-3, .kartlar-4, .referanslar, .paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .biz-yazi, .surec-yazi { max-width: 560px; }
    .il-bilgi, .il-yaz { padding-left: 40px; padding-right: 40px; }
    .il-gorsel { height: 380px; }
    .il-izgara { grid-template-columns: 1fr 1fr; gap: 0 16px; }
    .hesap-izgara, .hesap-izgara--hesap { padding: 0 40px; }
    .logolar-alan { left: 50%; right: auto; width: min(560px, 80vw); height: calc(min(560px, 80vw) * 514 / 375); transform: translateX(-50%); }
}

/* ===================== Paket satışı: sepet simgesi, mini sepet, sepet / satın al / sipariş sayfaları ===================== */
/* Üst çubuk: sepet simgesi hesap simgesinin solunda; sayı yeşil rozette. */
.ust-sepet { position: absolute; top: 50%; right: calc(136px * var(--olcek)); display: grid; place-items: center; width: calc(29px * var(--olcek)); height: calc(29px * var(--olcek)); transform: translateY(-50%); transition: transform .25s; }
.ust-sepet:hover { transform: translateY(-50%) scale(1.08); }
.ust-sepet svg { width: calc(26px * var(--olcek)); height: calc(26px * var(--olcek)); fill: #000; }
.ust-sepet-adet { position: absolute; top: calc(-7px * var(--olcek)); right: calc(-10px * var(--olcek)); display: grid; place-items: center; min-width: calc(19px * var(--olcek)); height: calc(19px * var(--olcek)); padding: 0 calc(4px * var(--olcek));
                  border: 2px solid #fff; border-radius: 10px; background: var(--yesil); color: #000; font: 700 calc(11px * var(--olcek))/1 var(--manrope); font-style: normal; }

/* Mini sepet: sağdan açılan siyah çekmece */
.sepet { position: fixed; top: 0; right: 0; bottom: 0; z-index: 72; display: flex; flex-direction: column; width: min(calc(480px * var(--olcek)), 100%); background: #000; color: #fff;
         transform: translateX(100%); transition: transform .6s cubic-bezier(.77, 0, .18, 1); }
.sepet.acik { transform: none; }
.sepet-perde { position: fixed; inset: 0; z-index: 71; background: rgba(0, 0, 0, .35); opacity: 0; pointer-events: none; transition: opacity .4s; }
.sepet-perde.acik { opacity: 1; pointer-events: auto; }
.sepet-bas { display: flex; align-items: center; justify-content: space-between; gap: calc(12px * var(--olcek)); padding: calc(30px * var(--olcek)) calc(32px * var(--olcek)) calc(18px * var(--olcek)); border-bottom: 1px solid #262626; }
.sepet-baslik { display: flex; align-items: center; gap: calc(12px * var(--olcek)); font: 500 calc(48px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.sepet-adet { display: inline-grid; place-items: center; min-width: calc(30px * var(--olcek)); height: calc(30px * var(--olcek)); padding: calc(2px * var(--olcek)) calc(8px * var(--olcek)) 0; background: var(--yesil); color: #000; font: 600 calc(18px * var(--olcek))/1 var(--bs-disp); transform: rotate(-6deg); }
.sepet-kapat { display: grid; place-items: center; width: calc(32px * var(--olcek)); height: calc(32px * var(--olcek)); }
.sepet-kapat svg { width: calc(16px * var(--olcek)); height: calc(16px * var(--olcek)); stroke: #fff; stroke-width: 2; }
.sepet-eklendi { display: flex; align-items: center; gap: calc(10px * var(--olcek)); margin: calc(16px * var(--olcek)) calc(32px * var(--olcek)) 0; padding: calc(12px * var(--olcek)) calc(14px * var(--olcek)); border-radius: calc(12px * var(--olcek)); background: #141414; font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); }
.sepet-eklendi svg { flex: none; width: calc(26px * var(--olcek)); height: calc(26px * var(--olcek)); overflow: visible; color: var(--yesil); }
.sepet-eklendi .muhur { fill: currentColor; }
.sepet-eklendi .tik-isaret, .siparis-muhur .tik-isaret { fill: none; stroke: #000; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.sepet-eklendi b { font-weight: 700; }
.sepet-govde { flex: 1; overflow-y: auto; padding: calc(4px * var(--olcek)) calc(32px * var(--olcek)); }
.sepet-satir { padding: calc(22px * var(--olcek)) 0; border-bottom: 1px solid #262626; }
.sepet-satir:last-child { border-bottom: 0; }
.sepet-satir-bas { display: flex; align-items: baseline; justify-content: space-between; gap: calc(12px * var(--olcek)); }
.sepet-ad { font: 500 calc(38px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; }
.sepet-tutar { font: 600 calc(30px * var(--olcek))/1 var(--bs-text); white-space: nowrap; }
.sepet-tutar i { font: 700 calc(18px * var(--olcek))/1 var(--manrope); font-style: normal; }
.sepet-alt { display: flex; flex-wrap: wrap; align-items: center; gap: calc(6px * var(--olcek)) calc(8px * var(--olcek)); margin-top: calc(8px * var(--olcek)); font: 500 calc(13px * var(--olcek))/1.5 var(--manrope); color: #a3a3a3; }
.sepet-cip { display: inline-block; padding: calc(5px * var(--olcek)) calc(8px * var(--olcek)) calc(3px * var(--olcek)); background: var(--yesil); color: #000; font: 600 calc(12px * var(--olcek))/1 var(--bs-disp); letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; transform: rotate(-3deg); }
.sepet-cip--beyaz { background: #fff; }
.sepet-cip--turuncu { background: var(--turuncu); }
.sepet-cip--gri { background: #d4d4d4; }
.sepet-sureler { display: flex; flex-wrap: wrap; gap: calc(6px * var(--olcek)); margin-top: calc(14px * var(--olcek)); }
.sepet-sureler label { position: relative; cursor: pointer; }
.sepet-sureler input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sepet-sureler span { display: flex; align-items: center; gap: calc(5px * var(--olcek)); padding: calc(9px * var(--olcek)) calc(11px * var(--olcek)) calc(7px * var(--olcek)); border: 1px solid #3a3a3a; font: 600 calc(15px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1px; text-transform: uppercase; transition: border-color .2s, background .2s, color .2s, transform .25s; }
.sepet-sureler em { font-style: normal; font-size: calc(12px * var(--olcek)); color: var(--yesil); }
.sepet-sureler label:hover span { border-color: #fff; }
.sepet-sureler input:checked + span { border-color: var(--yesil); background: var(--yesil); color: #000; transform: rotate(-3deg); }
.sepet-sureler input:checked + span em { color: #000; }
.sepet-sureler input:focus-visible + span { outline: 2px solid #fff; outline-offset: 2px; }
.sepet-sil { margin-top: calc(12px * var(--olcek)); font: 600 calc(13px * var(--olcek))/1 var(--manrope); color: #8a8a8a; text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.sepet-sil:hover { color: #fff; }
.sepet-bos { padding: calc(30px * var(--olcek)) 0; }
.sepet-bos p { margin-bottom: calc(18px * var(--olcek)); font: 500 calc(15px * var(--olcek))/1.6 var(--manrope); color: #cfcfcf; }
.sepet-bos-dugme { display: inline-flex; width: auto; padding: 0 calc(20px * var(--olcek)); }
.sepet-alt-kisim { padding: calc(20px * var(--olcek)) calc(32px * var(--olcek)) calc(26px * var(--olcek)); border-top: 1px solid #262626; background: #0b0b0b; }
.sepet-toplam { display: grid; gap: calc(8px * var(--olcek)); margin: 0; }
.sepet-toplam div { display: flex; align-items: baseline; justify-content: space-between; gap: calc(12px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); color: #cfcfcf; }
.sepet-toplam dt small { margin-left: calc(4px * var(--olcek)); font-size: calc(12px * var(--olcek)); color: #7a7a7a; }
.sepet-toplam dd { margin: 0; color: #fff; font-weight: 600; white-space: nowrap; }
.sepet-toplam-indirim dd { color: var(--yesil); }
.sepet-toplam .sepet-toplam-son { align-items: center; margin-top: calc(6px * var(--olcek)); padding-top: calc(12px * var(--olcek)); border-top: 1px solid #262626; }
.sepet-toplam-son dt { font: 600 calc(20px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1px; text-transform: uppercase; color: #fff; }
.sepet-toplam-son dd b { font: 600 calc(40px * var(--olcek))/1 var(--bs-text); }
.sepet-satin-al { display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--olcek)); width: 100%; height: calc(60px * var(--olcek)); margin-top: calc(18px * var(--olcek)); background: var(--yesil); color: #000;
                  font: 500 calc(28px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; transition: transform .25s; }
.sepet-satin-al:hover { transform: rotate(-2deg); }
.sepet-satin-al:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.sepet-satin-al svg { width: calc(24px * var(--olcek)); height: calc(24px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sepet-git { display: block; margin-top: calc(14px * var(--olcek)); text-align: center; font: 600 calc(15px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.sepet-guven { display: flex; align-items: center; gap: calc(8px * var(--olcek)); margin-top: calc(16px * var(--olcek)); font: 500 calc(12px * var(--olcek))/1.5 var(--manrope); color: #8a8a8a; }
.sepet-guven svg { flex: none; width: calc(18px * var(--olcek)); height: calc(18px * var(--olcek)); fill: none; stroke: var(--yesil); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* Sepet ve satın al sayfaları: solda gri kartlar, sağda yapışkan siyah özet */
.satis-izgara { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); margin-top: calc(30px * var(--olcek)); }
.satis-ozet { position: sticky; top: calc(30px * var(--olcek)); }
.satis-izgara .sepet-satir { border-color: #d4d4d4; }
.satis-izgara .sepet-satir:first-of-type { border-top: 1px solid #d4d4d4; }
.satis-izgara .sepet-satir:last-child { border-bottom: 1px solid #d4d4d4; }
.satis-izgara .sepet-ad { font-size: calc(48px * var(--olcek)); }
.satis-izgara .sepet-tutar { font-size: calc(36px * var(--olcek)); }
.satis-izgara .sepet-alt { color: #6b6b6b; }
.satis-izgara .sepet-sureler span { border-color: #000; background: #fff; }
.satis-izgara .sepet-sureler em { color: #000; }
.satis-izgara .sepet-sureler label:hover span { transform: rotate(-3deg); }
.satis-izgara .sepet-sil { color: #6b6b6b; }
.satis-izgara .sepet-sil:hover { color: #000; }
.satis-ozet .sepet-git { color: #fff; }
.satis-hata { border-color: var(--turuncu); }
.satis-eposta { margin: calc(-6px * var(--olcek)) 0 calc(20px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); color: var(--yazi-gri); }
.il-alan select { display: block; width: 100%; height: calc(58px * var(--olcek)); padding: 0 calc(44px * var(--olcek)) 0 calc(20px * var(--olcek)); border: 1px solid #fff; border-radius: calc(12px * var(--olcek)); appearance: none; -webkit-appearance: none;
                  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat right calc(18px * var(--olcek)) center / calc(14px * var(--olcek));
                  font: 500 calc(16px * var(--olcek))/1.4 var(--manrope); color: #000; outline: none; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.il-alan select:focus { border-color: #000; box-shadow: 0 0 0 calc(3px * var(--olcek)) rgba(28, 255, 0, .6); }
.il-alan select:disabled { opacity: .55; cursor: not-allowed; }
.il-alan.hatali select { border-color: var(--turuncu); }
.satis-not textarea { height: calc(104px * var(--olcek)); }
.satis-not { margin-top: calc(14px * var(--olcek)); }
[data-fatura][hidden] { display: none; }
.odeme-yontem { position: relative; display: block; margin-bottom: calc(12px * var(--olcek)); cursor: pointer; }
.odeme-yontem input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.odeme-yontem-ic { display: flex; align-items: center; gap: calc(16px * var(--olcek)); padding: calc(18px * var(--olcek)) calc(20px * var(--olcek)); border: 1px solid #fff; border-radius: calc(12px * var(--olcek)); background: #fff; transition: box-shadow .2s, transform .25s; }
.odeme-yontem:hover .odeme-yontem-ic { transform: translateX(calc(4px * var(--olcek))); }
.odeme-yontem input:checked + .odeme-yontem-ic { box-shadow: 0 0 0 2px #000; }
.odeme-yontem input:focus-visible + .odeme-yontem-ic { box-shadow: 0 0 0 2px #000, 0 0 0 calc(5px * var(--olcek)) rgba(28, 255, 0, .6); }
.odeme-yontem-simge { flex: none; display: grid; place-items: center; width: calc(46px * var(--olcek)); height: calc(46px * var(--olcek)); border-radius: 50%; background: var(--gri); transition: background .2s; }
.odeme-yontem input:checked + .odeme-yontem-ic .odeme-yontem-simge { background: var(--yesil); }
.odeme-yontem-simge svg { width: calc(22px * var(--olcek)); height: calc(22px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.odeme-yontem b { display: block; font: 600 calc(20px * var(--olcek))/1.1 var(--bs-disp); letter-spacing: .8px; text-transform: uppercase; }
.odeme-yontem small { display: block; margin-top: calc(4px * var(--olcek)); font: 500 calc(13px * var(--olcek))/1.45 var(--manrope); color: var(--yazi-gri); }
.odeme-yontem.hatali .odeme-yontem-ic { border-color: var(--turuncu); }
.satis-paketler { margin: 0 0 calc(4px * var(--olcek)); padding: 0; list-style: none; }
.satis-paketler li { display: flex; align-items: baseline; justify-content: space-between; gap: calc(12px * var(--olcek)); padding: calc(12px * var(--olcek)) 0; border-bottom: 1px solid #262626; font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); color: #cfcfcf; }
.satis-paketler li:first-child { border-top: 1px solid #262626; }
.satis-paketler b { margin-right: calc(6px * var(--olcek)); font: 500 calc(26px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; color: #fff; }
.satis-paketler em { font-style: normal; font-weight: 700; color: var(--yesil); }
.satis-paketler li > span:last-child { color: #fff; font-weight: 600; white-space: nowrap; }
.satis-duzenle { display: inline-block; margin: calc(8px * var(--olcek)) 0 calc(18px * var(--olcek)); font: 600 calc(13px * var(--olcek))/1 var(--manrope); color: #a3a3a3; text-decoration: underline; text-underline-offset: 3px; }
.satis-duzenle:hover { color: #fff; }
.satis-onaylar { margin-top: calc(20px * var(--olcek)); padding-top: calc(18px * var(--olcek)); border-top: 1px solid #262626; }
.satis-onaylar .uyelik-onay { margin-bottom: calc(10px * var(--olcek)); font-size: calc(13px * var(--olcek)); color: #cfcfcf; }
.satis-onaylar .uyelik-onay input { accent-color: var(--yesil); }
.satis-onaylar a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* Sipariş sayfası */
.siparis-muhur .pk-muhur { width: calc(64px * var(--olcek)); height: calc(64px * var(--olcek)); }
.siparis-muhur.pk-muhur--yesil { width: calc(64px * var(--olcek)); height: calc(64px * var(--olcek)); }
.siparis-muhur.pk-muhur--yesil svg { width: 100%; height: 100%; overflow: visible; }
.siparis-muhur.pk-muhur--yesil .muhur { fill: currentColor; }
.siparis-muhur .pk-muhur > svg + svg { width: calc(26px * var(--olcek)); height: calc(26px * var(--olcek)); }
.siparis-durum--basarisiz .siparis-muhur, .siparis-durum--iptal .siparis-muhur { color: var(--turuncu); }
.siparis-durum--basarisiz .pk-muhur, .siparis-durum--iptal .pk-muhur { color: var(--turuncu); }
.siparis-durum-baslik { margin: calc(18px * var(--olcek)) 0 calc(10px * var(--olcek)); font: 500 calc(64px * var(--olcek))/.95 var(--bs-text); text-transform: uppercase; }
.siparis-durum-yazi { max-width: calc(560px * var(--olcek)); font: 500 calc(16px * var(--olcek))/1.6 var(--manrope); color: var(--yazi-gri); }
.siparis-paketler { margin: calc(22px * var(--olcek)) 0 0; padding: 0; list-style: none; }
.siparis-paketler li { display: flex; flex-wrap: wrap; align-items: center; gap: calc(8px * var(--olcek)) calc(14px * var(--olcek)); padding: calc(14px * var(--olcek)) 0; border-top: 1px solid #d4d4d4; font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); color: var(--yazi-gri); }
.siparis-paketler b { font: 500 calc(36px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; color: #000; }
.siparis-dugme { margin-top: calc(24px * var(--olcek)); padding: calc(15px * var(--olcek)) calc(20px * var(--olcek)) calc(13px * var(--olcek)); font-size: calc(20px * var(--olcek)); }
.siparis-dugmeler { flex-wrap: wrap; margin-top: calc(24px * var(--olcek)); }
.siparis-dugmeler form { margin: 0; }
.siparis-bankalar { display: grid; gap: calc(10px * var(--olcek)); margin-top: calc(22px * var(--olcek)); }
.siparis-banka { display: grid; gap: calc(4px * var(--olcek)); padding: calc(16px * var(--olcek)) calc(18px * var(--olcek)); border-radius: calc(12px * var(--olcek)); background: #fff; font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); }
.siparis-banka b { font: 600 calc(18px * var(--olcek))/1.1 var(--bs-disp); letter-spacing: .8px; text-transform: uppercase; }
.siparis-iban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(10px * var(--olcek)); }
.siparis-iban code { font: 600 calc(16px * var(--olcek))/1.3 ui-monospace, Menlo, monospace; letter-spacing: .5px; }
.siparis-not { margin-top: calc(14px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); }
.siparis-bilgi { display: grid; margin: 0; }
.siparis-bilgi div { display: grid; grid-template-columns: calc(120px * var(--olcek)) minmax(0, 1fr); gap: calc(12px * var(--olcek)); padding: calc(12px * var(--olcek)) 0; border-top: 1px solid #d4d4d4; font: 500 calc(14px * var(--olcek))/1.5 var(--manrope); }
.siparis-bilgi dt { font: 600 calc(15px * var(--olcek))/1.3 var(--bs-disp); letter-spacing: 1px; text-transform: uppercase; }
.siparis-bilgi dd { margin: 0; overflow-wrap: anywhere; }

.siparis-not--gri { color: var(--yazi-gri); }
.siparis-bekle { display: flex; align-items: center; gap: calc(10px * var(--olcek)); }
.siparis-nokta { width: calc(10px * var(--olcek)); height: calc(10px * var(--olcek)); border-radius: 50%; background: var(--yesil); animation: siparis-nabiz 1.2s ease-in-out infinite; }
@keyframes siparis-nabiz { 50% { transform: scale(1.6); opacity: .4; } }

/* Kart ile ödeme: PayTR çerçevesi gri kartın içinde */
.odeme-kdv { margin-left: calc(6px * var(--olcek)); font-size: calc(13px * var(--olcek)); color: #8a8a8a; }
.odeme-cerceve { margin: calc(20px * var(--olcek)) calc(20px * var(--olcek)) 0; padding: calc(30px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: var(--gri); }
.odeme-cerceve iframe { display: block; width: 100%; min-height: 560px; border: 0; border-radius: calc(12px * var(--olcek)); background: #fff; }
.odeme-cerceve .pk-kayit { margin-top: calc(14px * var(--olcek)); }
.odeme-guven { justify-content: center; color: var(--yazi-gri); }
.odeme-guven svg { stroke: #000; }

/* Paketler: süre seçici ve seçilen sürenin toplamı */
.pk-sure { display: flex; flex-wrap: wrap; align-items: center; gap: calc(14px * var(--olcek)) calc(22px * var(--olcek)); margin: 0 calc(20px * var(--olcek)) calc(20px * var(--olcek)); padding: calc(18px * var(--olcek)) calc(20px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: #000; color: #fff; }
.pk-sure-baslik { font: 600 calc(22px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; }
.pk-sure-cipler span { display: flex; align-items: center; gap: calc(8px * var(--olcek)); color: #000; }
.pk-sure-cipler em { padding: calc(4px * var(--olcek)) calc(6px * var(--olcek)) calc(2px * var(--olcek)); background: var(--turuncu); font: 600 calc(12px * var(--olcek))/1 var(--bs-disp); font-style: normal; letter-spacing: .6px; }
.pk-sure-not { flex: 1 1 calc(260px * var(--olcek)); font: 500 calc(13px * var(--olcek))/1.5 var(--manrope); color: #a3a3a3; text-align: right; }
.pk-sure-ozet { margin-top: calc(12px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.45 var(--manrope); }
.pk-sure-ozet b { display: block; font-weight: 700; }
.pk-sure-ozet span { display: block; color: var(--yazi-gri); }
.pk-sure-ozet span[hidden] { display: none; }
.paket--koyu .pk-sure-ozet span { color: #cfcfcf; }
.paket-form { margin: 0; }
.paket-form .paket-dugme { width: 100%; }

/* Hesabım: aktif paket kartı, paket geçmişi, siparişler */
.hesap-paket-alan { margin: calc(20px * var(--olcek)) calc(20px * var(--olcek)) 0; }
.hesap-paket-ust { display: flex; flex-wrap: wrap; align-items: center; gap: calc(14px * var(--olcek)); }
.hesap-paket-durum { padding: calc(6px * var(--olcek)) calc(10px * var(--olcek)) calc(4px * var(--olcek)); border: 1px solid var(--yesil); color: var(--yesil); font: 600 calc(14px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1px; text-transform: uppercase; }
.hesap-paket-durum.bekliyor { border-color: var(--turuncu); color: var(--turuncu); }
.hesap-paket-govde { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: calc(40px * var(--olcek)); margin-top: calc(18px * var(--olcek)); }
.hesap-paket-ad { font: 500 calc(128px * var(--olcek))/.85 var(--bs-text); text-transform: uppercase; overflow-wrap: anywhere; }
.hesap-paket-tarih { display: flex; flex-wrap: wrap; gap: calc(14px * var(--olcek)) calc(34px * var(--olcek)); margin: calc(24px * var(--olcek)) 0 0; }
.hesap-paket-tarih dt { font: 600 calc(13px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; color: #8a8a8a; }
.hesap-paket-tarih dd { margin: calc(6px * var(--olcek)) 0 0; font: 600 calc(26px * var(--olcek))/1 var(--bs-text); }
.hesap-paket-ilerleme { margin-top: calc(26px * var(--olcek)); }
.hesap-paket-cubuk { height: calc(10px * var(--olcek)); border-radius: 10px; background: #262626; overflow: hidden; }
.hesap-paket-cubuk i { display: block; height: 100%; border-radius: inherit; background: var(--yesil); }
.hesap-paket-ilerleme p { margin-top: calc(10px * var(--olcek)); font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); color: #cfcfcf; }
.hesap-paket-ilerleme b { font: 600 calc(18px * var(--olcek))/1 var(--bs-disp); letter-spacing: .8px; color: #fff; }
.hesap-paket-uyari { display: flex; align-items: center; gap: calc(10px * var(--olcek)); margin-top: calc(20px * var(--olcek)); padding: calc(12px * var(--olcek)) calc(14px * var(--olcek)); border-radius: calc(12px * var(--olcek)); background: var(--turuncu); color: #000; font: 600 calc(14px * var(--olcek))/1.45 var(--manrope); }
.hesap-paket-uyari svg { flex: none; width: calc(22px * var(--olcek)); height: calc(22px * var(--olcek)); fill: none; stroke: #000; stroke-width: 1.8; stroke-linecap: round; }
.hesap-paket-dugmeler { margin: calc(24px * var(--olcek)) 0 0; }
.hesap-paket-dugmeler .pk-kayit { padding: calc(15px * var(--olcek)) calc(20px * var(--olcek)) calc(13px * var(--olcek)); font-size: calc(20px * var(--olcek)); }
.hesap-paket-sag { padding: calc(24px * var(--olcek)) calc(26px * var(--olcek)); border-radius: calc(15px * var(--olcek)); background: #141414; }
.hesap-paket-sag .pk-liste { margin-top: 0; }
.hesap-paket-sag .pk-liste li { font-size: calc(15px * var(--olcek)); color: #e6e6e6; }
.hesap-paket-dahil { margin-bottom: calc(16px * var(--olcek)); font: 600 calc(18px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; color: var(--yesil); }
.hesap-paket-yok { max-width: calc(640px * var(--olcek)); font: 500 calc(16px * var(--olcek))/1.6 var(--manrope); color: #cfcfcf; }
.hesap-paket-gecmis { margin-top: calc(28px * var(--olcek)); padding-top: calc(16px * var(--olcek)); border-top: 1px solid #262626; }
.hesap-paket-gecmis summary { display: flex; align-items: center; gap: calc(10px * var(--olcek)); list-style: none; cursor: pointer; font: 600 calc(18px * var(--olcek))/1 var(--bs-disp); letter-spacing: 1.2px; text-transform: uppercase; }
.hesap-paket-gecmis summary::-webkit-details-marker { display: none; }
.hesap-paket-gecmis summary span { padding: calc(3px * var(--olcek)) calc(7px * var(--olcek)) calc(1px * var(--olcek)); background: #262626; font-size: calc(13px * var(--olcek)); }
.hesap-paket-gecmis summary::after { content: "+"; margin-left: auto; font: 500 calc(26px * var(--olcek))/1 var(--bs-text); }
.hesap-paket-gecmis[open] summary::after { content: "−"; }
.hesap-paket-gecmis ul { margin: calc(12px * var(--olcek)) 0 0; padding: 0; list-style: none; }
.hesap-paket-gecmis li { display: flex; flex-wrap: wrap; align-items: baseline; gap: calc(6px * var(--olcek)) calc(18px * var(--olcek)); padding: calc(10px * var(--olcek)) 0; border-bottom: 1px solid #1f1f1f; font: 500 calc(14px * var(--olcek))/1.4 var(--manrope); color: #cfcfcf; }
.hesap-paket-gecmis li b { min-width: calc(160px * var(--olcek)); font: 500 calc(24px * var(--olcek))/1 var(--bs-text); text-transform: uppercase; color: #fff; }
.hesap-paket-gecmis-durum { margin-left: auto; color: #8a8a8a; }
.hesap-siparis { display: grid; gap: calc(4px * var(--olcek)); padding: calc(14px * var(--olcek)) 0; border-bottom: 1px solid #d4d4d4; transition: padding .25s; }
.hesap-siparis:first-of-type { border-top: 1px solid #d4d4d4; }
.hesap-siparis:hover { padding-left: calc(8px * var(--olcek)); }
.hesap-siparis-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(10px * var(--olcek)); }
.hesap-siparis-alt b { font: 600 calc(24px * var(--olcek))/1 var(--bs-text); }

/* Paket satışı: telefon ve tablet */
@media (max-width: 1024px) {
    .ust-sepet { right: 112px; width: 29px; height: 29px; }
    .ust-sepet svg { width: 24px; height: 24px; }
    .ust-sepet-adet { top: -6px; right: -9px; min-width: 18px; height: 18px; font-size: 11px; }
    .sepet-bas { padding: 20px 20px 14px; }
    .sepet-baslik { font-size: 40px; }
    .sepet-adet { min-width: 28px; height: 28px; font-size: 17px; }
    .sepet-kapat { width: 32px; height: 32px; }
    .sepet-kapat svg { width: 16px; height: 16px; }
    .sepet-eklendi { margin: 12px 20px 0; padding: 10px 12px; font-size: 14px; }
    .sepet-eklendi svg { width: 24px; height: 24px; }
    .sepet-govde { padding: 4px 20px; }
    .sepet-satir { padding: 18px 0; }
    .sepet-ad { font-size: 32px; }
    .sepet-tutar { font-size: 26px; }
    .sepet-tutar i { font-size: 16px; }
    .sepet-alt { font-size: 13px; }
    .sepet-cip { padding: 5px 8px 3px; font-size: 12px; }
    .sepet-sureler { gap: 6px; }
    .sepet-sureler span { padding: 9px 10px 7px; font-size: 15px; }
    .sepet-sureler em { font-size: 12px; }
    .sepet-sil { margin-top: 12px; font-size: 13px; }
    .sepet-bos p { font-size: 15px; }
    .sepet-alt-kisim { padding: 16px 20px 20px; }
    .sepet-toplam div { font-size: 14px; }
    .sepet-toplam-son dt { font-size: 20px; }
    .sepet-toplam-son dd b { font-size: 34px; }
    .sepet-satin-al { height: 56px; margin-top: 16px; font-size: 26px; }
    .sepet-satin-al svg { width: 22px; height: 22px; }
    .sepet-git { margin-top: 14px; font-size: 15px; }
    .sepet-guven { font-size: 12px; }
    .sepet-guven svg { width: 18px; height: 18px; }

    .satis-izgara { grid-template-columns: minmax(0, 1fr); margin-top: 20px; }
    .satis-ozet { position: static; }
    .satis-izgara .sepet-ad { font-size: 36px; }
    .satis-izgara .sepet-tutar { font-size: 28px; }
    .satis-eposta { margin: -4px 0 16px; font-size: 14px; }
    .il-alan select { height: 52px; padding: 0 40px 0 16px; background-position: right 16px center; background-size: 14px; font-size: 16px; }
    .odeme-yontem-ic { gap: 14px; padding: 14px; }
    .odeme-yontem-simge { width: 42px; height: 42px; }
    .odeme-yontem-simge svg { width: 20px; height: 20px; }
    .odeme-yontem b { font-size: 18px; }
    .odeme-yontem small { font-size: 13px; }
    .satis-paketler li { font-size: 14px; }
    .satis-paketler b { font-size: 24px; }
    .satis-duzenle { font-size: 13px; }
    .satis-onaylar .uyelik-onay { font-size: 13px; }

    .siparis-muhur .pk-muhur, .siparis-muhur.pk-muhur--yesil { width: 56px; height: 56px; }
    .siparis-durum-baslik { margin: 16px 0 8px; font-size: 44px; }
    .siparis-durum-yazi { font-size: 15px; }
    .siparis-paketler b { font-size: 30px; }
    .siparis-dugme { padding: 14px 18px 12px; font-size: 19px; }
    .siparis-bilgi div { grid-template-columns: minmax(0, 1fr); gap: 2px; font-size: 14px; }
    .siparis-bilgi dt { font-size: 14px; }
    .siparis-iban code { font-size: 14px; }

    .odeme-cerceve { margin: 16px 20px 0; padding: 10px; }

    .pk-sure { margin: 0 20px 16px; padding: 16px; gap: 12px; }
    .pk-sure-baslik { flex-basis: 100%; font-size: 20px; }
    .pk-sure-cipler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; }
    .pk-sure-cipler span { justify-content: center; gap: 6px; white-space: nowrap; }
    .pk-sure-cipler em { font-size: 11px; }
    .pk-sure-not { text-align: left; font-size: 13px; }
    .pk-sure-ozet { font-size: 14px; }

    .hesap-paket-alan { margin: 16px 20px 0; }
    .hesap-paket { padding: 28px 20px 26px; }
    .hesap-paket-govde { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .hesap-paket-ad { font-size: 72px; }
    .hesap-paket-tarih { gap: 14px 26px; margin-top: 18px; }
    .hesap-paket-tarih dt { font-size: 13px; }
    .hesap-paket-tarih dd { font-size: 22px; }
    .hesap-paket-ilerleme p { font-size: 14px; }
    .hesap-paket-uyari { font-size: 14px; }
    .hesap-paket-dugmeler .pk-kayit { padding: 14px 18px 12px; font-size: 19px; }
    .hesap-paket-sag { padding: 20px; }
    .hesap-paket-sag .pk-liste li { font-size: 15px; }
    .hesap-paket-dahil { font-size: 17px; }
    .hesap-paket-yok { font-size: 15px; }
    .hesap-paket-gecmis summary { font-size: 17px; }
    .hesap-paket-gecmis li { font-size: 14px; }
    .hesap-paket-gecmis li b { min-width: 0; font-size: 22px; }
    .hesap-siparis-alt b { font-size: 22px; }
}