@font-face{font-family:"JbMetin";src:url(../harf/jb-metin.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"JbBaslik";src:url(../harf/jb-baslik.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"JbYedek";src:local("Arial");size-adjust:100.6%;ascent-override:92.6%;descent-override:24.4%;line-gap-override:0%}

:root{
  --jb-gece:#0D1D02;--jb-gece-2:#0A1701;--jb-orman:#143006;--jb-orman-2:#1B3D09;
  --jb-cim:#297C07;--jb-cim-koyu:#1F6405;--jb-limon:#5AB02D;--jb-yaprak:#37801A;
  --jb-altin:#DEBF14;--jb-altin-acik:#EBD03A;--jb-parlak:#FFE500;--jb-turuncu:#FF9A00;
  --jb-yazi:#D6DBD0;--jb-soluk:#A9B59F;--jb-beyaz:#FFFFFF;--jb-kum:#E3E3E3;--jb-murekkep:#15200A;
  --jb-hat:rgba(214,219,208,.14);--jb-hat-2:rgba(214,219,208,.26);
  --jb-kap:1320px;--jb-ust-h:76px;--jb-r:10px;
  --jb-font:"JbMetin","JbYedek",Arial,sans-serif;--jb-dar:"JbBaslik","JbMetin","JbYedek",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--jb-ust-h) + 14px);color-scheme:dark}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--jb-gece);color:var(--jb-yazi);font:400 17px/1.65 var(--jb-font);overflow-x:clip}
img{max-width:100%;display:block}
a{color:var(--jb-parlak)}
a:hover{color:var(--jb-beyaz)}
h1,h2,h3{color:var(--jb-beyaz);margin:0}
p{margin:0 0 1em}
.jb-kap{width:100%;max-width:var(--jb-kap);margin:0 auto;padding:0 24px}
.jb-gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jb-atla{position:absolute;left:12px;top:-60px;z-index:200;background:var(--jb-altin);color:var(--jb-murekkep);padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.jb-atla:focus{top:10px}

/* düğmeler: sarı = üye ol, yeşil = giriş, açık gri = ana çağrı */
.jb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:12px;border:2px solid transparent;font:500 18px/1.1 var(--jb-font);text-decoration:none;cursor:pointer;transition:transform .15s,background-color .15s,filter .15s;white-space:nowrap}
.jb-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.jb-btn:focus-visible,.jb-burger:focus-visible,.jb-sss summary:focus-visible{outline:3px solid var(--jb-parlak);outline-offset:3px}
.jb-btn--sari{background:var(--jb-altin);color:var(--jb-murekkep)}
.jb-btn--sari:hover{color:var(--jb-murekkep);background:var(--jb-altin-acik)}
.jb-btn--yesil{background-color:var(--jb-yaprak);background-image:linear-gradient(180deg,#4E9F27,var(--jb-yaprak));color:var(--jb-beyaz);font-weight:700}
.jb-btn--yesil:hover{color:var(--jb-beyaz)}
.jb-btn--acik{background:var(--jb-kum);color:var(--jb-murekkep);text-transform:uppercase;font-size:21px;letter-spacing:.01em;min-height:62px;padding:0 36px}
.jb-btn--acik:hover{color:var(--jb-murekkep);background:var(--jb-beyaz)}
.jb-btn--hat{border-color:var(--jb-hat-2);color:var(--jb-beyaz);background:transparent}
.jb-btn--hat:hover{border-color:var(--jb-parlak);color:var(--jb-parlak)}

/* üst şerit, kaydırınca yapışık kalır */
.jb-ust{position:sticky;top:0;z-index:60;background:rgba(13,29,2,.94);border-bottom:1px solid var(--jb-hat);backdrop-filter:blur(8px)}
.jb-ust__ic{display:flex;align-items:center;gap:22px;height:var(--jb-ust-h)}
.jb-logo{display:block;flex:0 0 auto}
.jb-logo img{height:38px;width:auto}
.jb-menu{display:flex;gap:4px;margin-right:auto}
.jb-menu a{color:var(--jb-yazi);text-decoration:none;font-weight:500;font-size:16px;padding:10px 12px;border-radius:8px}
.jb-menu a:hover{color:var(--jb-parlak);background:rgba(255,255,255,.05)}
.jb-ust__dugmeler{display:flex;gap:14px;margin-left:auto}
.jb-ust__dugmeler .jb-btn{min-width:150px;min-height:50px}
.jb-burger{display:none;width:46px;height:46px;border:1px solid var(--jb-hat-2);border-radius:10px;background:transparent;color:var(--jb-beyaz);cursor:pointer;padding:0;flex:0 0 auto}
.jb-burger svg{width:22px;height:22px;margin:auto;display:block}
.jb-perde{position:fixed;inset:0;background:rgba(5,10,1,.62);z-index:70;opacity:0;visibility:hidden;transition:opacity .2s}
.jb-cekmece{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:80;background:var(--jb-orman);border-left:1px solid var(--jb-hat);padding:18px 18px 28px;transform:translateX(102%);transition:transform .25s;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.jb-menu-acik .jb-perde{opacity:1;visibility:visible}
.jb-menu-acik .jb-cekmece{transform:none}
.jb-cekmece__bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.jb-cekmece__bas img{height:30px;width:auto}
.jb-cekmece a.jb-cekmece__link{color:var(--jb-beyaz);text-decoration:none;padding:12px 10px;border-bottom:1px solid var(--jb-hat);font-weight:500}
.jb-cekmece .jb-btn{width:100%;margin-top:10px}

/* giriş görseli: resim height:auto, yani oran hep dosyanın oranı, kırpma yok.
   yazı resimden uzun gelirse alta düz zemin rengi uzar, görselin altı zaten o renge eriyor */
.jb-sahne{position:relative;background:var(--jb-gece);overflow:hidden}
.jb-sahne__resim{position:absolute;top:0;left:50%;width:min(100%,1920px);height:auto;transform:translateX(-50%)}
.jb-sahne__ic{position:relative;z-index:1;display:flex;align-items:center;min-height:calc(min(100vw,1920px) / 2)}
.jb-sahne__metin{max-width:min(640px,52%);padding:44px 0 56px}
.jb-sahne__etiket{display:inline-block;font:700 15px/1 var(--jb-dar);letter-spacing:.08em;text-transform:uppercase;color:var(--jb-parlak);margin:0 0 16px}
.jb-sahne h1{font-weight:300;font-size:clamp(46px,5vw,82px);line-height:1.02;letter-spacing:-.04em}
.jb-sahne h1 b{font-weight:700;color:var(--jb-parlak)}
.jb-sahne__alt{font-weight:700;font-size:clamp(28px,3.1vw,52px);line-height:1.06;letter-spacing:-.035em;color:var(--jb-beyaz);margin:6px 0 24px}
.jb-teklif{display:inline-flex;flex-direction:column;gap:4px;padding:14px 20px;border:1px solid rgba(222,191,20,.45);background:rgba(10,23,1,.72);border-radius:var(--jb-r);margin-bottom:24px}
.jb-teklif__ad{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--jb-soluk);font-weight:500}
.jb-teklif__tutar{font:700 clamp(26px,2.6vw,38px)/1.1 var(--jb-dar);color:var(--jb-beyaz)}
.jb-teklif__tutar b{color:var(--jb-parlak)}
.jb-teklif__kosul{font-size:14px;color:var(--jb-soluk)}
.jb-sahne__dugmeler{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:22px}
.jb-sahne__not{font-size:18px;font-weight:300;color:var(--jb-yazi);max-width:560px;margin:0}

/* sayfa içi kısayollar, sırası icerik.js içindeki ORDEN listesinden gelir */
.jb-serit{background:var(--jb-gece-2);border-top:1px solid var(--jb-hat);border-bottom:1px solid var(--jb-hat)}
.jb-serit__ic{display:flex;gap:10px;overflow-x:auto;padding:14px 24px;scrollbar-width:thin}
.jb-serit__ic span{font-weight:700;color:var(--jb-soluk);font-size:14px;text-transform:uppercase;letter-spacing:.06em;align-self:center;white-space:nowrap;margin-right:4px}
.jb-serit a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;color:var(--jb-beyaz);text-decoration:none;border:1px solid var(--jb-hat-2);border-radius:999px;padding:0 16px;font-size:15px;font-weight:500}
.jb-serit a:hover{border-color:var(--jb-parlak);color:var(--jb-parlak)}

/* bölümler */
.jb-bolum{padding:84px 0}
.jb-bolum--cim{background-color:var(--jb-cim);background-image:radial-gradient(circle at 10% 16%,rgba(0,0,0,.09) 0 220px,transparent 221px),radial-gradient(circle at 92% 88%,rgba(0,0,0,.08) 0 300px,transparent 301px),radial-gradient(circle at 70% 4%,rgba(255,255,255,.05) 0 140px,transparent 141px)}
.jb-bolum--orman{background:var(--jb-orman)}
.jb-bolum--gece{background:var(--jb-gece)}
.jb-cift{text-align:center;margin:0 auto 46px;max-width:980px}
.jb-cift h2{font-weight:300;font-size:clamp(34px,4vw,64px);line-height:1.08;letter-spacing:-.02em}
.jb-cift h2 b{display:block;font-weight:700;font-size:.64em;letter-spacing:-.01em;margin-top:8px}
.jb-cift p{margin:18px auto 0;max-width:760px;color:var(--jb-beyaz)}
.jb-bolum--cim .jb-cift p,.jb-bolum--cim .jb-metin p,.jb-bolum--cim .jb-metin li{color:#F2F7EE}

/* uzun metin, satır 860px'i geçmesin */
.jb-metin{max-width:860px;margin:0 auto}
.jb-metin h2{font-weight:700;font-size:clamp(28px,2.8vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0 0 20px}
.jb-metin h2 span{font-weight:300}
.jb-metin h3{font:700 23px/1.25 var(--jb-dar);margin:34px 0 12px;color:var(--jb-beyaz)}
.jb-metin ul,.jb-metin ol{padding-left:22px;margin:0 0 1.1em}
.jb-metin li{margin-bottom:8px}
.jb-metin li::marker{color:var(--jb-altin)}
.jb-metin strong{color:var(--jb-beyaz)}
.jb-genis{max-width:var(--jb-kap)}
.jb-hikaye{margin-top:52px}

/* dört kategori kartı: tek resim, 2x2 bölünmüş, her kart kendi çeyreğini gösteriyor */
.jb-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:10px}
.jb-kart{display:flex;flex-direction:column;align-items:center;text-align:center}
.jb-kart__resim{--jb-sprite:image-set(url(kartlar-1020.webp) 1x,url(kartlar-1278.webp) 2x);width:100%;aspect-ratio:3/2;border-radius:6px;background-color:var(--jb-orman);background-size:200% 200%;background-repeat:no-repeat;position:relative}
.jb-kart__resim--1{background-position:0 0}.jb-kart__resim--2{background-position:100% 0}
.jb-kart__resim--3{background-position:0 100%}.jb-kart__resim--4{background-position:100% 100%}
.jb-kart__ikon{width:70px;height:62px;margin-top:-34px;background:var(--jb-cim);border-radius:4px 4px 0 0;display:grid;place-items:center;position:relative;z-index:1}
.jb-kart__ikon svg{width:40px;height:40px;color:var(--jb-parlak)}
.jb-kart__ad{font:700 28px/1.2 var(--jb-dar);color:var(--jb-beyaz);margin:22px 0 12px}
.jb-kart p{font-size:17px;line-height:1.6;color:#F2F7EE;margin:0 0 22px;flex:1}
.jb-kart .jb-btn{min-width:152px}

/* kart resimleri ekrana yaklaşınca yüklenir (akis.js .jb-hazir ekler), giriş görselinin önüne geçmesinler */
.jb-hazir .jb-kart__resim,.jb-hazir .jb-promo__resim{background-image:var(--jb-sprite)}

/* kime uygun kutusu */
.jb-uygun{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:40px auto 0;max-width:980px}
.jb-uygun__kol{background:rgba(10,23,1,.34);border-radius:var(--jb-r);padding:24px 26px}
.jb-uygun__t{font:700 20px/1.3 var(--jb-dar);color:var(--jb-beyaz);margin:0 0 12px}
.jb-uygun ul{list-style:none;margin:0;padding:0}
.jb-uygun li{position:relative;padding-left:30px;margin-bottom:10px;color:#F2F7EE;font-size:16px}
.jb-uygun li::before{content:"";position:absolute;left:2px;top:6px;width:14px;height:8px;border-left:3px solid var(--jb-parlak);border-bottom:3px solid var(--jb-parlak);transform:rotate(-45deg)}
.jb-uygun__kol--az li::before{width:14px;height:3px;border:0;background:#C9D2C1;top:11px;transform:none}

/* kampanya kartları, sol alttaki yeşil etiket için resmin köşesi boş bırakıldı */
.jb-promolar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px;max-width:1120px;margin:0 auto}
.jb-promo{display:flex;flex-direction:column}
.jb-promo__resim{--jb-sprite:image-set(url(promolar-1020.webp) 1x,url(promolar-1278.webp) 2x);position:relative;aspect-ratio:3/2;background-color:#E9C80E;background-size:200% 200%;background-repeat:no-repeat;display:block}
.jb-promo__resim--1{background-position:0 0}.jb-promo__resim--2{background-position:100% 0}
.jb-promo__resim--3{background-position:0 100%}.jb-promo__resim--4{background-position:100% 100%}
.jb-promo__etiket{position:absolute;left:0;bottom:0;background:var(--jb-cim);color:var(--jb-beyaz);font:700 17px/1 var(--jb-dar);padding:12px 26px;text-decoration:none}
.jb-promo__etiket:hover{color:var(--jb-parlak)}
.jb-promo__ad{font:700 28px/1.2 var(--jb-dar);color:var(--jb-beyaz);margin:22px 0 10px;letter-spacing:-.005em}
.jb-promo p{margin:0;font-size:17px}
.jb-paket{margin:56px auto 0;max-width:980px;background:var(--jb-gece);border:1px solid var(--jb-hat);border-radius:var(--jb-r);padding:30px}
.jb-paket__ust{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.jb-paket__buyuk{font:700 clamp(30px,3.4vw,46px)/1.05 var(--jb-dar);color:var(--jb-parlak);margin:0}
.jb-paket__buyuk span{color:var(--jb-beyaz)}

/* tablolar, dar ekranda yatay kayar */
.jb-tablo{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--jb-hat);border-radius:var(--jb-r)}
.jb-tablo table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.jb-tablo th,.jb-tablo td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--jb-hat);vertical-align:top}
.jb-tablo th{background:var(--jb-orman-2);color:var(--jb-beyaz);font-weight:700}
.jb-tablo tr:last-child td{border-bottom:0}
.jb-tablo td:first-child{color:var(--jb-beyaz);font-weight:500}

/* metin içindeki çağrı düğmeleri ortada dursun */
.jb-ortala{text-align:center;margin-top:30px}
/* yan yana düğmeler aynı boyda: açık gri ana çağrı ile sarı düğme */
.jb-sahne__dugmeler .jb-btn,.jb-cagri__dugmeler .jb-btn{min-height:62px}

/* paneller ve numaralı adımlar */
.jb-ikili{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 1.4em}
.jb-panel{background:var(--jb-orman);border:1px solid var(--jb-hat);border-radius:var(--jb-r);padding:22px 24px}
.jb-bolum--orman .jb-panel{background:var(--jb-gece)}
.jb-panel__t{font:700 20px/1.3 var(--jb-dar);color:var(--jb-parlak);margin:0 0 10px}
.jb-panel ul{margin:0;padding-left:20px}
.jb-panel li{margin-bottom:6px}
.jb-adimlar{list-style:none;counter-reset:jbadim;padding:0!important;margin:0 0 1.4em;display:grid;gap:14px}
.jb-adimlar li{counter-increment:jbadim;position:relative;padding:16px 18px 16px 70px;background:var(--jb-orman);border-radius:var(--jb-r);margin:0}
.jb-bolum--orman .jb-adimlar li{background:var(--jb-gece)}
.jb-adimlar li::before{content:counter(jbadim);position:absolute;left:18px;top:14px;width:36px;height:36px;border-radius:50%;background:var(--jb-altin);color:var(--jb-murekkep);font:700 18px/36px var(--jb-dar);text-align:center}
.jb-uyari{border:1px solid rgba(222,191,20,.38);background:rgba(222,191,20,.07);padding:16px 20px;border-radius:var(--jb-r);margin:0 0 1.4em}
.jb-uyari p:last-child{margin:0}
.jb-haplar,.jb-metin .jb-haplar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1.4em;padding:0;list-style:none}
.jb-haplar li{margin:0}
.jb-haplar a{display:inline-block;border:1px solid var(--jb-hat-2);border-radius:999px;padding:7px 15px;color:var(--jb-beyaz);text-decoration:none;font-size:15px}
.jb-haplar a:hover{border-color:var(--jb-parlak);color:var(--jb-parlak)}

/* oyuncu yorumları */
.jb-yorumlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:10px}
.jb-yorum{background:var(--jb-orman);border:1px solid var(--jb-hat);border-radius:var(--jb-r);padding:22px;margin:0}
.jb-yorum__bas{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.jb-yorum__harf{width:42px;height:42px;border-radius:50%;background:var(--jb-cim);color:var(--jb-beyaz);display:grid;place-items:center;font:700 18px/1 var(--jb-dar);flex:0 0 auto}
.jb-yorum__ad{font-weight:700;color:var(--jb-beyaz);line-height:1.3}
.jb-yorum__yer{font-size:14px;color:var(--jb-soluk)}
.jb-yorum blockquote{margin:0;font-size:16px}

/* SSS */
.jb-sss details{border-bottom:1px solid var(--jb-hat)}
.jb-sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 2px;font-weight:700;color:var(--jb-beyaz);font-size:18px}
.jb-sss summary::-webkit-details-marker{display:none}
.jb-sss summary::after{content:"+";flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--jb-cim);color:var(--jb-beyaz);display:grid;place-items:center;font-size:20px;line-height:1}
.jb-sss details[open] summary::after{content:"–"}
.jb-sss details p{padding:0 2px 18px;margin:0}

/* altbilgiden önceki son çağrı */
.jb-cagri{background:var(--jb-cim);background-image:linear-gradient(100deg,var(--jb-cim-koyu),var(--jb-cim) 60%);padding:56px 0}
.jb-cagri__ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.jb-cagri__t{font:700 clamp(28px,3vw,42px)/1.1 var(--jb-dar);color:var(--jb-beyaz);margin:0 0 6px}
.jb-cagri__t b{color:var(--jb-parlak)}
.jb-cagri p{margin:0;color:#F2F7EE}
.jb-cagri__dugmeler{display:flex;gap:14px;flex-wrap:wrap}

/* altbilgi */
.jb-alt{background:var(--jb-gece-2);padding:60px 0 110px;font-size:15px;border-top:1px solid var(--jb-hat)}
.jb-alt__ust{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
.jb-alt__marka img{height:34px;width:auto;margin-bottom:14px}
.jb-alt__marka p{color:var(--jb-soluk);font-size:14px}
.jb-alt h3{font:700 16px/1.3 var(--jb-dar);color:var(--jb-beyaz);margin:0 0 12px;letter-spacing:.04em;text-transform:uppercase}
.jb-alt ul{list-style:none;margin:0;padding:0}
.jb-alt li{margin:0}
.jb-alt li a,.jb-alt__dugme{display:inline-flex;align-items:center;min-height:44px}
.jb-alt a:not(.jb-btn){color:var(--jb-yazi);text-decoration:none}
.jb-alt a:not(.jb-btn):hover{color:var(--jb-parlak)}
.jb-alt__dugme{background:none;border:0;padding:0;color:var(--jb-yazi);font:inherit;cursor:pointer;text-align:left}
.jb-alt__dugme:hover{color:var(--jb-parlak)}
.jb-alt__giris{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 0;padding-top:28px;border-top:1px solid var(--jb-hat);align-items:center}
.jb-alt__giris p{margin:0 auto 0 0;color:var(--jb-beyaz);font-weight:700}
.jb-alt__yasal{margin-top:28px;padding-top:22px;border-top:1px solid var(--jb-hat);color:var(--jb-soluk);font-size:14px}
.jb-alt__yasal p{margin:0 0 8px}
.jb-rozet{display:inline-grid;place-items:center;width:40px;height:40px;border:2px solid var(--jb-soluk);border-radius:50%;font:700 14px/1 var(--jb-dar);color:var(--jb-beyaz);margin-right:10px;vertical-align:middle}

/* telefonda alt sabit düğmeler, 960px altında açılıyor */
.jb-altbar{display:none}

/* çerez kutusu */
.jb-cerez{position:fixed;right:16px;bottom:16px;z-index:90;max-width:400px;background:var(--jb-orman);border:1px solid var(--jb-hat-2);border-radius:14px;padding:18px 18px 16px;box-shadow:0 18px 40px rgba(0,0,0,.45);font-size:15px}
.jb-cerez[hidden]{display:none}
.jb-cerez__t{font:700 18px/1.2 var(--jb-dar);color:var(--jb-beyaz);margin:0 0 8px}
.jb-cerez p{margin:0 0 12px;line-height:1.5}
.jb-cerez__secim{display:none;gap:8px;margin:0 0 12px;padding:0;border:0}
.jb-cerez--ayar .jb-cerez__secim{display:grid}
.jb-cerez__ayar{background:none;border:0;padding:0;color:var(--jb-parlak);text-decoration:underline;font:inherit;cursor:pointer}
.jb-cerez [data-jb-cerez="secim"]{display:none}.jb-cerez--ayar [data-jb-cerez="secim"]{display:inline-flex}
.jb-cerez__secim label{display:flex;gap:10px;align-items:center;cursor:pointer}
.jb-cerez__secim input{width:18px;height:18px;accent-color:var(--jb-altin)}
.jb-cerez__dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.jb-cerez .jb-btn{min-height:44px;padding:0 16px;font-size:15px;flex:1 1 auto}

/* yasal sayfalar */
.jb-belge{padding:56px 0 80px}
.jb-belge .jb-metin h1{font-weight:700;font-size:clamp(32px,3.4vw,46px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px}
.jb-belge .jb-metin h2{font-size:clamp(24px,2.2vw,30px);margin:38px 0 14px}
.jb-belge__tarih{color:var(--jb-soluk);font-size:15px;margin:0 0 28px}
.jb-iz{font-size:14px;color:var(--jb-soluk);margin:0 0 18px}
.jb-iz a{color:var(--jb-soluk)}

@media (max-width:1280px){
  .jb-menu a{padding:10px 8px;font-size:15px}
  .jb-ust__dugmeler .jb-btn{min-width:124px;padding:0 18px}
  .jb-alt__ust{grid-template-columns:1fr 1fr 1fr}
  .jb-alt__marka{grid-column:1/-1}
}
@media (max-width:1180px){
  .jb-menu{display:none}
  .jb-burger{display:block}
  .jb-sahne__metin{max-width:min(600px,56%);padding:30px 0 40px}
  .jb-sahne h1{font-size:clamp(40px,4.8vw,60px)}
  .jb-sahne__alt{font-size:clamp(24px,2.9vw,36px);margin-bottom:18px}
  .jb-teklif{margin-bottom:18px;padding:10px 16px}
  .jb-sahne__not{font-size:16px}
  .jb-btn--acik{min-height:54px;font-size:18px;padding:0 26px}
  .jb-sahne__dugmeler .jb-btn,.jb-cagri__dugmeler .jb-btn{min-height:54px}
}
@media (max-width:1100px){
  .jb-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}
}
@media (max-width:960px){
  .jb-sahne__metin{max-width:min(520px,60%);padding:22px 0 28px}
  .jb-sahne h1{font-size:40px}
  .jb-sahne__alt{font-size:24px;margin-bottom:14px}
  .jb-teklif__tutar{font-size:24px}
  .jb-sahne__etiket{margin-bottom:10px}
  .jb-sahne__dugmeler{margin-bottom:14px}
  .jb-sahne__not{font-size:15px}
  .jb-bolum{padding:64px 0}
  .jb-yorumlar{grid-template-columns:1fr}
  .jb-promolar{gap:30px 20px}
  .jb-altbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,23,1,.96);border-top:1px solid var(--jb-hat)}
  .jb-altbar .jb-btn{flex:1;min-height:48px;padding:0 10px}
}
@media (max-width:760px){
  :root{--jb-ust-h:64px}
  .jb-sahne__resim{position:static;transform:none;width:100%}
  .jb-sahne__ic{display:block;min-height:0}
  .jb-sahne__metin{max-width:680px;padding:22px 0 36px}
  .jb-sahne__not{max-width:none}
  .jb-kap{padding:0 16px}
  .jb-logo img{height:30px}
  .jb-ust__ic{gap:10px}
  .jb-ust__dugmeler{gap:8px}
  .jb-ust__dugmeler .jb-btn{min-width:0;min-height:44px;padding:0 14px;font-size:15px}
  .jb-burger{width:44px;height:44px}
  .jb-uygun,.jb-ikili{grid-template-columns:1fr}
  .jb-promolar{grid-template-columns:1fr}
  .jb-alt__ust{grid-template-columns:1fr 1fr}
  .jb-cerez{top:auto;bottom:calc(78px + env(safe-area-inset-bottom));left:10px;right:10px;max-width:none;max-height:calc(100vh - var(--jb-ust-h) - 100px);overflow-y:auto}
  .jb-cagri__dugmeler{width:100%}
  .jb-cagri__dugmeler .jb-btn{flex:1}
  .jb-paket{padding:22px 18px}
}
@media (max-width:600px){
  body{font-size:16px}
  .jb-sahne__metin{padding:0 0 30px;margin-top:-7vw;position:relative}
  .jb-sahne__etiket{font-size:13px;margin-bottom:10px}
  .jb-sahne h1{font-size:44px}
  .jb-sahne__alt{font-size:26px;margin:4px 0 14px}
  .jb-teklif{display:flex;margin-bottom:16px}
  .jb-teklif__tutar{font-size:26px}
  .jb-sahne__dugmeler{gap:10px;margin-bottom:16px}
  .jb-sahne__dugmeler .jb-btn{flex:1 1 auto}
  .jb-btn--acik{min-height:54px;font-size:17px;padding:0 18px}
  .jb-sahne__dugmeler .jb-btn,.jb-cagri__dugmeler .jb-btn{min-height:54px}
  .jb-kartlar{grid-template-columns:1fr;gap:40px}
  .jb-kart__ad,.jb-promo__ad{font-size:24px}
  .jb-cift{margin-bottom:32px}
  .jb-bolum{padding:52px 0}
  .jb-metin h3{font-size:21px}
  .jb-serit__ic{padding:12px 16px}
  .jb-cerez{left:10px;right:10px;max-width:none;padding:14px 14px 12px;font-size:14px}
  .jb-cerez__t{display:none}
  .jb-cerez p{margin-bottom:10px}
}
@media (max-width:360px){
  .jb-sahne h1{font-size:36px}
  .jb-sahne__alt{font-size:22px;margin-bottom:12px}
  .jb-teklif{padding:8px 14px;margin-bottom:12px}
  .jb-teklif__tutar{font-size:22px}
}
@media (max-width:420px){
  .jb-logo img{height:22px}
  .jb-ust__ic{gap:6px}
  .jb-ust__dugmeler{gap:6px}
  .jb-ust__dugmeler .jb-btn{padding:0 10px;font-size:14px}
  .jb-burger{width:42px;height:44px}
  .jb-sahne h1{font-size:40px}
  .jb-alt__ust{grid-template-columns:1fr}
}
/* yatay telefon: yükseklik az, üst şerit yapışmasın, çerez kutusu sağa kaysın */
@media (orientation:landscape) and (max-height:620px){
  :root{--jb-ust-h:58px}
  .jb-ust{position:relative}
  html{scroll-padding-top:12px}
  .jb-altbar{padding-top:6px;padding-bottom:6px}
  .jb-altbar .jb-btn{min-height:40px}
  .jb-cerez{top:auto;left:auto;right:10px;bottom:62px;max-width:380px;max-height:calc(100vh - 80px);overflow-y:auto}
  .jb-cekmece{justify-content:flex-start;padding-top:10px;gap:2px}
  .jb-cekmece a.jb-cekmece__link{padding:8px 10px}
}

/* en dar telefonlar (≤350px): iki düğme ve menü sığsın diye logo küçülüyor */
@media (max-width:350px){
  .jb-kap{padding:0 10px}
  .jb-logo img{height:18px}
  .jb-ust__dugmeler .jb-btn{padding:0 9px;font-size:13px}
  .jb-burger{width:40px}
}