/* Gilver Kuyumculuk | ortak stil
   Yazı: General Sans (seçilen font, sunucuda barındırılıyor). Sunum panelindeki A/B/C seçenekleri aşağıda.
   Tema: html[data-theme="light" | "dark"] */

@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/GeneralSans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  --baslik:"General Sans", "Segoe UI", system-ui, sans-serif;
  --yazi:"General Sans", "Segoe UI", system-ui, sans-serif;
  --en:1360px;
  --kenar:clamp(16px, 4vw, 48px);
  --bw:500;

  /* müşteri paleti */
  --altin:#EDB932;
  --sampanya:#D4B976;
  --gumus:#BBBBBB;
}

html[data-theme="light"]{
  color-scheme:light;
  --zemin:#EEEEEC;
  --levha:#FFFFFF;
  --levha-2:#F6F6F4;
  --cizgi:#DADAD6;
  --cizgi-guclu:#B9B9B5;
  --murekkep:#151515;
  --murekkep-2:#55554F;
  --murekkep-3:#86867F;
  --altin-yazi:#8A6510;
  --yukari:#16774B;
  --asagi:#B4382A;
  --yukari-zemin:rgba(22,119,75,.10);
  --asagi-zemin:rgba(180,56,42,.09);
  --amblem:url(#gGoldDeep);
  --logo-yazi:#1F1F1F;
  --dugme-zemin:#151515;
  --dugme-yazi:#F4F4F2;
  --bant:#000000;
  --bant-cizgi:#333331;
  --grafik-cizgi:#8A6510;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --zemin:#000000;
  --levha:#141414;
  --levha-2:#1B1B1B;
  --cizgi:#272727;
  --cizgi-guclu:#3C3C3C;
  --murekkep:#EDEDEB;
  --murekkep-2:#A9A9A4;
  --murekkep-3:#76766F;
  --altin-yazi:#EDB932;
  --yukari:#5DC492;
  --asagi:#F08370;
  --yukari-zemin:rgba(93,196,146,.12);
  --asagi-zemin:rgba(240,131,112,.11);
  --amblem:url(#gGold);
  --logo-yazi:url(#gSilver);
  --dugme-zemin:#EDEDEB;
  --dugme-yazi:#000000;
  --bant:#141414;
  --bant-cizgi:#2E2E2E;
  --grafik-cizgi:#B5861B;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--zemin);color:var(--murekkep);font:400 16px/1.6 var(--yazi);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
svg{display:block}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--altin-yazi);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rakam{font-variant-numeric:tabular-nums lining-nums}
.atla{position:absolute;left:12px;top:-60px;z-index:60;background:var(--dugme-zemin);color:var(--dugme-yazi);padding:10px 14px}
.atla:focus{top:12px}

.alti-cizili{font-weight:500;text-decoration:underline;text-decoration-color:var(--altin-yazi);text-decoration-thickness:1.5px;text-underline-offset:5px}
.alti-cizili:hover{color:var(--altin-yazi)}

.dugme{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border:1px solid var(--cizgi-guclu);border-radius:3px;font-weight:500;font-size:15px;white-space:nowrap;transition:border-color .15s,background-color .15s}
.dugme:hover{border-color:var(--murekkep)}
.dugme-dolu{background:var(--dugme-zemin);color:var(--dugme-yazi);border-color:var(--dugme-zemin)}
.dugme-dolu:hover{background:var(--altin-yazi);border-color:var(--altin-yazi);color:var(--dugme-yazi)}

/* ---------- Tabela (header) ---------- */
.tabela{border-bottom:1px solid var(--cizgi)}
.tabela-ic{max-width:var(--en);margin:0 auto;padding:18px var(--kenar) 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:56px}
.tabela-sol,.tabela-sag{display:flex;align-items:center;justify-content:space-between;gap:32px}
.menu{display:flex;gap:40px}
.tabela-sol .menu{margin-left:auto}
.tabela-sag .menu{margin-right:auto}
.menu a{font-size:15px;font-weight:500;color:var(--murekkep-2);padding:6px 0;border-bottom:1.5px solid transparent;transition:color .15s}
.menu a:hover{color:var(--murekkep)}
.menu a[aria-current="page"]{color:var(--murekkep);border-bottom-color:var(--altin-yazi)}
.imza{display:flex;flex-direction:column;align-items:center;gap:9px;padding:2px 0}
.imza-amblem{height:44px;width:auto;fill:var(--amblem)}
.imza-yazi{height:17px;width:auto;fill:var(--logo-yazi)}
.tabela-tel,.tema-dugme{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--murekkep-2)}
.tabela-tel:hover,.tema-dugme:hover{color:var(--murekkep)}
.tabela-tel svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.tema-dugme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.tema-dugme .yari{fill:currentColor;stroke:none}
.menu-dugme{display:none;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:7px}
.menu-dugme i{display:block;width:22px;height:1.5px;background:var(--murekkep);transition:transform .2s}
.menu-dugme[aria-expanded="true"] i:first-of-type{transform:translateY(4.25px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] i:last-of-type{transform:translateY(-4.25px) rotate(-45deg)}
.mobil-menu{border-top:1px solid var(--cizgi);padding:8px var(--kenar) 24px}
.mobil-menu a{display:block;font:var(--bw) 26px/1.2 var(--baslik);padding:14px 0;border-bottom:1px solid var(--cizgi)}
.mobil-menu a[aria-current="page"]{color:var(--altin-yazi)}
.mobil-menu .mobil-tel{font:500 16px/1 var(--yazi);border:0;padding-top:22px;color:var(--murekkep-2)}

/* ---------- Pano (ilk ekran) ---------- */
.pano{max-width:var(--en);margin:0 auto;padding:30px var(--kenar) 0}
.pano-ust{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:16px}
.pano h1{font:var(--bw) clamp(28px,2.6vw,38px)/1.1 var(--baslik);letter-spacing:-.005em}
.pano-zaman{font-size:15px;color:var(--murekkep-2)}
.pano-zaman time{color:var(--murekkep);font-weight:500}
.pano-sekme{display:none}

.pano-levha{background:var(--levha);border:1px solid var(--cizgi);border-radius:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.kolon{padding:20px 26px 8px;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;column-gap:16px;align-content:start}
.kolon + .kolon{border-left:1px solid var(--cizgi)}
.satirlar,.kolon-bas{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}
.kolon-bas{align-items:center;grid-template-rows:34px auto;row-gap:12px;padding-bottom:8px}
.kolon-bas h2{grid-column:1 / 3;grid-row:1;font:var(--bw) 22px/1.15 var(--baslik)}
.kolon-bas > span{grid-row:2;font-size:13px;color:var(--murekkep-3);text-align:right}
.kolon-bas > span:nth-last-child(2){grid-column:3}
.kolon-bas > span:last-child{grid-column:4}
.yeni-eski{grid-column:3 / 5;grid-row:1;justify-self:end;display:flex;border:1px solid var(--cizgi);border-radius:3px;padding:2px}
.yeni-eski button{font-size:13px;font-weight:500;padding:4px 12px;border-radius:2px;color:var(--murekkep-2)}
.yeni-eski button[aria-pressed="true"]{background:var(--dugme-zemin);color:var(--dugme-yazi)}

.satir{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-areas:"damga ad alis satis" "damga alt . degisim";align-items:baseline;row-gap:2px;padding:12px 0 11px;border-top:1px solid var(--cizgi);transition:background-color 1.2s ease}
.satir.yukari-oldu{background:var(--yukari-zemin);transition:none}
.satir.asagi-oldu{background:var(--asagi-zemin);transition:none}
.damga{grid-area:damga;align-self:center;justify-self:start;font:600 10.5px/1 var(--yazi);letter-spacing:.04em;color:var(--altin-yazi);border:1px solid currentColor;border-radius:999px;padding:4px 5px 3px;font-variant-numeric:tabular-nums}
.damga.gumus{color:var(--murekkep-2)}
.damga.kod{border-color:transparent;color:var(--murekkep-3);padding-left:0;padding-right:0;letter-spacing:.02em}
.ad{grid-area:ad;font:var(--bw) 18px/1.25 var(--baslik);min-width:0}
.alt{grid-area:alt;font-size:12.5px;color:var(--murekkep-3)}
.fiyat{font:500 18px/1 var(--yazi);display:inline-flex;justify-content:flex-end;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.fiyat.alis{grid-area:alis;color:var(--murekkep-2)}
.fiyat.satis{grid-area:satis}
.degisim{grid-area:degisim;justify-self:end;font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
.degisim.yukari{color:var(--yukari)}
.degisim.asagi{color:var(--asagi)}
.degisim.yukari::before{content:"▲ ";font-size:.75em}
.degisim.asagi::before{content:"▼ ";font-size:.75em}

/* öne çıkan satır: her grubun en çok sorulan ürünü */
.satir.one{padding:14px 0 16px}
.satir.one .ad{font-size:22px}
.satir.one .fiyat{font-size:clamp(26px,2.3vw,32px);font-weight:500}
.satir.one .fiyat.alis{color:var(--murekkep)}
.kolon .satir:first-child{border-top-color:var(--cizgi-guclu)}

/* dönen rakamlar */
.gor{display:inline-flex;align-items:flex-start;height:1.12em}
.h{display:block;height:1.12em;overflow:hidden;width:1ch;text-align:center}
.s{display:flex;flex-direction:column;transition:transform .9s cubic-bezier(.22,.8,.24,1)}
.s > span{display:block;height:1.12em;line-height:1.12em}
.ay{display:block;line-height:1.12em}
.fiyat .birim{display:block;margin-left:.2em;line-height:1.4em;color:var(--murekkep-3);font-size:.8em}

/* cümle hesaplayıcı */
.hesap{border-bottom:1px solid var(--cizgi);padding:26px 0 24px}
.hesap p{font:400 clamp(20px,2vw,27px)/1.5 var(--baslik);display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.42em;row-gap:6px}
.hesap input,.hesap select{font:inherit;background:transparent;border:0;border-bottom:1.5px solid var(--altin-yazi);border-radius:0;padding:0 2px 1px;color:var(--murekkep);appearance:none;-webkit-appearance:none}
.hesap input{width:3.4ch;text-align:center;-moz-appearance:textfield}
.hesap input::-webkit-outer-spin-button,.hesap input::-webkit-inner-spin-button{-webkit-appearance:none}
.hesap select{padding-right:1.05em;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-size:5px 5px,5px 5px;background-position:calc(100% - 7px) 58%,calc(100% - 2px) 58%;background-repeat:no-repeat}
.hesap select option{background:var(--levha);color:var(--murekkep);font-family:var(--yazi);font-size:16px}
.hesap output{font:600 1.04em/1 var(--yazi);color:var(--altin-yazi);letter-spacing:-.01em}
.pano-not{font-size:14px;color:var(--murekkep-2);padding:16px 0 0}
.pano-not a{display:inline-block;margin-left:6px}

/* ---------- Terazi (alışveriş adımları) ---------- */
.terazi-bant{margin-top:120px;background:var(--bant);color:#EDEDEB}
.terazi{max-width:var(--en);margin:0 auto;padding:96px var(--kenar) 100px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.terazi h2,.notlar h2,.vitrin h2,.dugun h2,.grafik h2,.sss h2{font:var(--bw) clamp(30px,3.2vw,44px)/1.1 var(--baslik);letter-spacing:-.01em;max-width:15ch}
.terazi-yazi p{margin:22px 0 26px;font-size:17px;color:#A9A9A4;max-width:44ch}
.terazi-bant .alti-cizili{text-decoration-color:#EDB932}
.terazi-bant .alti-cizili:hover{color:#EDB932}
.terazi-bant :focus-visible{outline-color:#EDB932}
.adimlar{display:grid;grid-template-columns:1fr 1fr;gap:40px 40px;counter-reset:adim}
.adimlar li{counter-increment:adim;border-top:1px solid var(--bant-cizgi);padding-top:18px;display:grid;grid-template-columns:44px 1fr;column-gap:10px}
.adimlar li::before{content:counter(adim);grid-row:1 / 3;font:var(--bw) 34px/1 var(--baslik);color:#EDB932}
.adimlar h3{font-size:17px;font-weight:600;line-height:1.3}
.adimlar p{font-size:15px;color:#A9A9A4;margin-top:6px}

/* ---------- Piyasa notları ---------- */
.notlar{max-width:var(--en);margin:0 auto;padding:120px var(--kenar) 0}
.notlar-bas{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}
.not-listesi{border-bottom:1px solid var(--cizgi)}
.not-listesi a{display:grid;grid-template-columns:130px 110px minmax(0,1fr);grid-template-areas:"tarih tur baslik" "tarih tur ozet";column-gap:24px;row-gap:6px;padding:24px 0;border-top:1px solid var(--cizgi)}
.not-listesi time{grid-area:tarih;font-size:14px;color:var(--murekkep-2);font-variant-numeric:tabular-nums}
.not-tur{grid-area:tur;font-size:14px;color:var(--altin-yazi);font-weight:500}
.not-listesi h3{grid-area:baslik;font:var(--bw) 23px/1.25 var(--baslik);max-width:40ch}
.not-listesi p{grid-area:ozet;font-size:15px;color:var(--murekkep-2);max-width:70ch}
.not-listesi a:hover h3{text-decoration:underline;text-decoration-color:var(--altin-yazi);text-decoration-thickness:1.5px;text-underline-offset:5px}

/* ---------- Kapı (footer) ---------- */
.kapi{margin-top:140px;border-top:1px solid var(--cizgi-guclu)}
.kapi-ic{max-width:var(--en);margin:0 auto;padding:64px var(--kenar) 56px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px}
.durum{display:flex;align-items:center;gap:16px;font:var(--bw) clamp(36px,4.4vw,60px)/1.05 var(--baslik);letter-spacing:-.01em}
.durum-isik{flex:none;width:14px;height:14px;border-radius:50%;background:var(--murekkep-3)}
.kapi.acik .durum-isik{background:var(--yukari);box-shadow:0 0 0 5px var(--yukari-zemin)}
.kapi.kapali .durum-isik{background:var(--asagi);box-shadow:0 0 0 5px var(--asagi-zemin)}
.durum-alt{font-size:18px;color:var(--murekkep-2);margin-top:14px}
.kapi address{font-style:normal;font-size:16px;line-height:1.65;margin-top:30px}
.kapi-birim{font-size:15px;color:var(--murekkep-2);margin-top:10px}
.kapi-eylem{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.saatler{width:100%;border-collapse:collapse;font-size:15px;align-self:start}
.saatler caption{text-align:left;font:var(--bw) 20px/1.2 var(--baslik);padding-bottom:12px}
.saatler th,.saatler td{padding:10px 0;border-top:1px solid var(--cizgi);font-weight:400;color:var(--murekkep-2)}
.saatler th{text-align:left}
.saatler td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:18px}
.saatler thead th{border-top:0;text-align:right;font-size:13px;font-weight:500;color:var(--murekkep-3);padding:0 0 8px 18px}
.saatler thead td{border-top:0}
.saatler tr.bugun th,.saatler tr.bugun td{color:var(--murekkep);font-weight:600}
.saatler tr.bugun th::after{content:"bugün";margin-left:10px;font-size:12px;font-weight:500;color:var(--altin-yazi)}
.kapi-alt{max-width:var(--en);margin:0 auto;padding:26px var(--kenar) 34px;border-top:1px solid var(--cizgi);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"imza linkler yasal" "not not telif";gap:22px 48px;align-items:center;font-size:14px;color:var(--murekkep-2)}
.kapi-imza{grid-area:imza;display:flex;align-items:center;gap:10px}
.kapi-imza .imza-amblem{height:26px}
.kapi-imza .imza-yazi{height:12px}
.kapi-linkler,.kapi-yasal{display:flex;flex-wrap:wrap;gap:8px 26px}
.kapi-linkler{grid-area:linkler}
.kapi-yasal{grid-area:yasal}
.kapi-linkler a:hover,.kapi-yasal a:hover{color:var(--murekkep)}
.kapi-not{grid-area:not;font-size:13px;max-width:72ch}
.kapi-telif{grid-area:telif;font-size:13px;justify-self:end}

/* ---------- İç sayfa iskeleti ---------- */
.ic-sayfa{max-width:var(--en);margin:0 auto;padding:110px var(--kenar) 0}
.ic-sayfa h1{font:var(--bw) clamp(40px,5vw,64px)/1.05 var(--baslik);margin-bottom:18px}
.ic-sayfa p{color:var(--murekkep-2);font-size:18px;margin-bottom:24px;max-width:56ch}

/* ---------- Çerez ---------- */
.cerez{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--levha);border-top:1px solid var(--cizgi-guclu);padding:14px var(--kenar);display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px;color:var(--murekkep-2)}
.cerez[hidden]{display:none}
.cerez a{color:var(--murekkep);text-decoration:underline;text-underline-offset:3px}
.cerez div{display:flex;gap:8px;flex:none}
.cerez .dugme{height:38px;padding:0 14px;font-size:14px}

/* ---------- Font seçenekleri (sunum) ---------- */
html[data-font="b"]{--baslik:"Gloock", Georgia, serif;--yazi:"Onest", system-ui, sans-serif;--bw:400}
html[data-font="c"]{--baslik:"Cormorant", Georgia, serif;--yazi:"Albert Sans", system-ui, sans-serif;--bw:600}
html[data-font="a"]{--baslik:"Gambetta", "Iowan Old Style", Georgia, serif;--bw:500}
html[data-font="d"] h1,html[data-font="d"] h2{letter-spacing:-.02em}
html[data-font="b"] .ad{font-size:16px}
html[data-font="b"] .satir.one .ad{font-size:18px}
html[data-font="b"] .kolon-bas h2{font-size:19px}
html[data-font="c"] .ad{font-size:20px}
html[data-font="c"] .satir.one .ad{font-size:23px}

.kolon-bas > .kolon-not{grid-column:3 / 5;grid-row:1;justify-self:end;font-size:13px;color:var(--murekkep-3)}

/* ---------- Vitrin ---------- */
.vitrin{max-width:var(--en);margin:0 auto;padding:120px var(--kenar) 0}
.vitrin-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.vitrin-bas p{max-width:46ch;color:var(--murekkep-2)}
.vitrin-liste{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;min-height:660px;border-top:1px solid var(--cizgi-guclu);align-content:start}
.vitrin-liste li{grid-column:1}
.vitrin-liste button{display:grid;gap:4px;width:100%;text-align:left;padding:20px 0 18px;border-bottom:1px solid var(--cizgi);transition:border-color .2s}
.v-ad{font:var(--bw) clamp(26px,2.5vw,34px)/1.1 var(--baslik);color:var(--murekkep-3);transition:color .2s}
.v-not{font-size:14px;color:var(--murekkep-3)}
.vitrin-liste button:hover .v-ad{color:var(--murekkep-2)}
.vitrin-liste li.aktif .v-ad{color:var(--murekkep)}
.vitrin-liste li.aktif .v-not{color:var(--murekkep-2)}
.vitrin-liste li.aktif button{border-bottom-color:var(--altin-yazi)}
.vitrin-liste figure{position:absolute;top:24px;right:0;bottom:0;width:calc((100% - 56px) * 7 / 12);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.vitrin-liste li.aktif figure{opacity:1;visibility:visible;transition:opacity .45s ease}
.vitrin-liste img{flex:1;min-height:0;width:100%;height:100%;object-fit:cover;border-radius:3px;background:var(--levha-2)}
.vitrin-liste figcaption{padding-top:14px}
.vitrin-liste figcaption a{font-weight:500;text-decoration:underline;text-decoration-color:var(--altin-yazi);text-decoration-thickness:1.5px;text-underline-offset:5px}
.vitrin-liste figcaption a:hover{color:var(--altin-yazi)}

/* ---------- Düğün ---------- */
.dugun{max-width:var(--en);margin:0 auto;padding:120px var(--kenar) 0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center}
.dugun-gorsel img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:3px;background:var(--levha-2)}
.dugun-yazi > p{margin-top:20px;font-size:17px;color:var(--murekkep-2);max-width:46ch}
.dugun-liste{margin:28px 0 30px;border-top:1px solid var(--cizgi-guclu)}
.dugun-liste li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.dugun-liste li span:first-child{font:var(--bw) 19px/1.3 var(--baslik)}
.dugun-liste li span:last-child{color:var(--murekkep-2);text-align:right}
.dugun-liste b{color:var(--altin-yazi);font-weight:600}
.dugun-eylem{display:flex;align-items:center;gap:26px;flex-wrap:wrap}

/* ---------- Grafik ---------- */
.grafik{max-width:var(--en);margin:0 auto;padding:120px var(--kenar) 0}
.grafik-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.grafik-secim{display:flex;border:1px solid var(--cizgi);border-radius:3px;padding:2px}
.grafik-secim button{font-size:14px;font-weight:500;padding:7px 14px;border-radius:2px;color:var(--murekkep-2)}
.grafik-secim button[aria-pressed="true"]{background:var(--dugme-zemin);color:var(--dugme-yazi)}
.grafik-ozet{margin:16px 0 18px;color:var(--murekkep-2)}
.grafik-ozet b{color:var(--murekkep);font-weight:600}
.grafik-alan{position:relative;height:340px;background:var(--levha);border:1px solid var(--cizgi);border-radius:4px;touch-action:pan-y}
.grafik-alan svg{display:block;width:100%;height:100%}
.grafik-alan .izgara line{stroke:var(--cizgi);stroke-width:1}
.grafik-alan .eksen text{fill:var(--murekkep-3);font:12px var(--yazi);font-variant-numeric:tabular-nums}
.grafik-alan .seri{fill:none;stroke:var(--grafik-cizgi);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.grafik-alan .son{fill:var(--grafik-cizgi);stroke:var(--levha);stroke-width:2}
.grafik-alan .son-etiket{fill:var(--murekkep);font:600 13px var(--yazi);font-variant-numeric:tabular-nums}
.grafik-alan .imlec line{stroke:var(--murekkep-3);stroke-width:1;stroke-dasharray:3 3}
.grafik-alan .imlec circle{fill:var(--grafik-cizgi);stroke:var(--levha);stroke-width:2}
.grafik-ipucu{position:absolute;top:0;left:0;pointer-events:none;background:var(--murekkep);color:var(--zemin);font-size:13px;line-height:1.35;padding:7px 10px;border-radius:3px;white-space:nowrap;transform:translate(-50%,calc(-100% - 12px))}
.grafik-ipucu b{font-weight:600;font-variant-numeric:tabular-nums}
.grafik-tablo{margin-top:12px;font-size:14px}
.grafik-tablo summary{cursor:pointer;color:var(--murekkep-2);width:max-content}
.grafik-tablo summary:hover{color:var(--murekkep)}
.tablo-kaydir{max-height:280px;overflow:auto;margin-top:10px;border:1px solid var(--cizgi);border-radius:4px;background:var(--levha)}
.tablo-kaydir table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tablo-kaydir th,.tablo-kaydir td{padding:7px 14px;border-bottom:1px solid var(--cizgi);text-align:left;font-weight:400}
.tablo-kaydir td:last-child,.tablo-kaydir th:last-child{text-align:right}
.tablo-kaydir thead th{position:sticky;top:0;background:var(--levha);color:var(--murekkep-3);font-size:13px}

/* ---------- SSS ---------- */
.sss{max-width:var(--en);margin:0 auto;padding:120px var(--kenar) 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.sss-bas p{margin-top:18px;color:var(--murekkep-2);max-width:36ch}
.sss-liste{border-top:1px solid var(--cizgi-guclu)}
.sss-liste details{border-bottom:1px solid var(--cizgi)}
.sss-liste summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:20px 0;font:var(--bw) 21px/1.3 var(--baslik)}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::after{content:"";flex:none;width:13px;height:13px;margin-top:7px;background:linear-gradient(currentColor,currentColor) center / 13px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 13px no-repeat;color:var(--altin-yazi);transition:transform .2s}
.sss-liste details[open] summary::after{transform:rotate(45deg)}
.sss-liste summary:hover{color:var(--altin-yazi)}
.sss-liste details p{padding:0 40px 22px 0;color:var(--murekkep-2);max-width:64ch}

/* ---------- Sunum paneli (yalnız ?sunum=1) ---------- */
.sunum{position:fixed;left:16px;bottom:16px;z-index:55;background:var(--levha);border:1px solid var(--cizgi-guclu);border-radius:6px;padding:12px 14px;font-size:13px;display:grid;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-width:calc(100vw - 32px)}
.sunum[hidden]{display:none}
.sunum-grup{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.sunum-grup > span{width:64px;color:var(--murekkep-3)}
.sunum-grup a,.sunum-grup button{padding:4px 10px;border:1px solid var(--cizgi);border-radius:3px;font-weight:500;cursor:pointer}
.sunum-grup .secili{background:var(--dugme-zemin);color:var(--dugme-yazi);border-color:var(--dugme-zemin)}
.sunum-font{color:var(--murekkep-2)}
.sunum{padding:0;gap:0}
.sunum-ac{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;font-weight:600;font-size:13px}
.sunum-ac::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-135deg) translate(-2px,-2px);transition:transform .2s}
.sunum.acik .sunum-ac::after{transform:rotate(45deg)}
.sunum-govde{display:grid;gap:8px;padding:2px 14px 12px}
.sunum:not(.acik) .sunum-govde{display:none}
.sunum-gizle{justify-self:start;color:var(--murekkep-3);text-decoration:underline;text-underline-offset:3px;font-size:12px}


/* ---------- Yükleme ekranı: amblem kalıba dökülen altın gibi dolar ---------- */
html.yukleniyor{overflow:hidden}
.yukleme{position:fixed;inset:0;z-index:100;background:var(--zemin);display:grid;place-items:center;transition:opacity .55s ease,visibility 0s linear .55s}
.yukleme.bitti{opacity:0;visibility:hidden;pointer-events:none}
.yukleme-ic{display:grid;justify-items:center;gap:18px}
.yukleme-amblem{position:relative;width:76px;height:78px}
.yukleme-amblem svg{position:absolute;inset:0;width:100%;height:100%}
.yukleme-amblem .kalip{fill:var(--cizgi)}
.yukleme-amblem .dolu{fill:var(--amblem);clip-path:inset(100% 0 0 0);animation:dokum 1.05s cubic-bezier(.55,.1,.3,1) .1s forwards}
.yukleme-yazi{height:16px;width:auto;fill:var(--logo-yazi);opacity:0;animation:belir .5s ease .75s forwards}
.yukleme-cizgi{display:block;width:120px;height:1px;background:var(--cizgi);overflow:hidden}
.yukleme-cizgi i{display:block;height:100%;width:0;background:var(--altin-yazi);animation:ilerle 1.2s ease-out forwards}
.yukleme.bitti .yukleme-cizgi i{width:100%;animation:none;transition:width .2s}
@keyframes dokum{to{clip-path:inset(0 0 0 0)}}
@keyframes belir{to{opacity:1}}
@keyframes ilerle{to{width:82%}}

/* ---------- Duyarlı ---------- */
@media (max-width:1180px){
  .tabela-ic{column-gap:36px}
  .menu{gap:28px}
  .tabela-tel span,.tema-ad{display:none}
}
@media (min-width:1141px) and (max-width:1380px){
  .kolon{padding:18px 20px 6px;grid-template-columns:30px minmax(0,1fr) auto auto;column-gap:12px}
  .ad{font-size:17px}
  .fiyat{font-size:17px}
  .satir.one .ad{font-size:19px}
  .satir.one .fiyat{font-size:25px}
}
@media (max-width:1140px){
  .pano-sekme{display:flex;border:1px solid var(--cizgi);border-bottom:0;border-radius:4px 4px 0 0;background:var(--levha)}
  .pano-sekme button{flex:1;padding:13px 6px;font-size:15px;font-weight:500;color:var(--murekkep-2);border-bottom:2px solid transparent}
  .pano-sekme button[aria-selected="true"]{color:var(--murekkep);border-bottom-color:var(--altin-yazi)}
  .pano-levha{grid-template-columns:1fr;border-radius:0 0 4px 4px}
  .kolon + .kolon{border-left:0}
  .pano-levha[data-aktif="altin"] .kolon:not([data-grup="altin"]),
  .pano-levha[data-aktif="sarrafiye"] .kolon:not([data-grup="sarrafiye"]),
  .pano-levha[data-aktif="doviz"] .kolon:not([data-grup="doviz"]){display:none}
  .kolon-bas h2,.kolon-not{display:none}
  .kolon-bas > span{grid-row:1}
  .yeni-eski{grid-row:1;grid-column:1 / 3;justify-self:start}
  .terazi{grid-template-columns:1fr;gap:44px}
  .dugun,.sss{grid-template-columns:1fr;gap:40px}
  .dugun-gorsel img{aspect-ratio:16 / 10}
  .kapi-ic{grid-template-columns:1fr;gap:48px}
}
@media (max-width:860px){
  .tabela-ic{grid-template-columns:44px 1fr 44px;padding:12px var(--kenar)}
  .tabela-sol .menu,.tabela-sag .menu,.tabela-tel{display:none}
  .tabela-sol{grid-column:1;grid-row:1}
  .imza{grid-column:2;grid-row:1;justify-self:center;gap:7px}
  .imza-amblem{height:30px}
  .imza-yazi{height:12px}
  .tabela-sag{grid-column:3;grid-row:1;justify-content:flex-end}
  .menu-dugme{display:flex;grid-column:1;grid-row:1}
  .not-listesi a{grid-template-columns:1fr;grid-template-areas:"tarih" "baslik" "ozet";padding:20px 0}
  .not-tur{display:none}
  .kapi-alt{grid-template-columns:1fr;grid-template-areas:"imza" "linkler" "yasal" "not" "telif"}
  .kapi-telif{justify-self:start}
  .vitrin-bas{flex-direction:column;align-items:flex-start;gap:12px}
  .vitrin-liste{display:flex;gap:14px;min-height:0;border-top:0;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--kenar));padding:0 var(--kenar) 10px;scrollbar-width:thin}
  .vitrin-liste li{flex:0 0 78%;display:flex;flex-direction:column;scroll-snap-align:start}
  .vitrin-liste figure{display:contents}
  .vitrin-liste img{order:-1;flex:none;aspect-ratio:4 / 5;height:auto}
  .vitrin-liste button{border-bottom:0;padding:12px 0 2px;cursor:default}
  .vitrin-liste .v-ad{color:var(--murekkep);font-size:24px}
  .vitrin-liste .v-not{color:var(--murekkep-2)}
  .vitrin-liste figcaption{padding-top:8px}
  .grafik-alan{height:260px}
}
@media (max-width:560px){
  .pano{padding-top:20px}
  .pano-ust{margin-bottom:12px}
  .pano-zaman{font-size:13.5px}
  .kolon{padding:14px 16px 4px}
  .kolon{grid-template-columns:30px minmax(0,1fr) auto auto;column-gap:12px}
  .ad{font-size:15.5px}
  .fiyat{font-size:16px}
  .satir.one .ad{font-size:16.5px}
  .satir.one .fiyat{font-size:22px}
  .adimlar{grid-template-columns:1fr;gap:26px}
  .terazi{padding-top:72px;padding-bottom:76px}
  .vitrin,.dugun,.grafik,.sss{padding-top:88px}
  .sss-liste summary{font-size:19px}
  .saatler td{padding-left:10px;font-size:14px}
  .terazi-bant{margin-top:88px}
  .notlar{padding-top:88px}
  .kapi{margin-top:100px}
  .kapi-ic{padding-top:48px}
  .cerez{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .yukleme-amblem .dolu{animation:none;clip-path:none}
  .yukleme-yazi{animation:none;opacity:1}
  .s,.satir,.menu-dugme i{transition:none!important}
}