/* PAKETLER v3 · sayfa-özel katman (site.css üstüne) · Atölye Galerisi kimliği
   İmza (AG-3 tek bölge): CANLI MAKBUZ. Diğer her şey sakin zanaat. */

/* ── GİRİŞ + KARTLAR ── */
.pk-giris{padding-bottom:56px}
.pk-giris .bolum-bas{max-width:720px}
.pk-giris .durust{margin-top:16px}
.pk-kart{display:flex;flex-direction:column;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.pk-kart:hover{transform:translateY(-4px);box-shadow:var(--gol)}
.pk-kart .rozet{align-self:flex-start}
.pk-kart .fiy{font-variant-numeric:tabular-nums}
.pk-kart .ayl{font-size:14.5px;color:var(--muted)}
.pk-kart .tks{margin-top:8px;font-size:13.5px;color:var(--accent-ink);border-top:1px dashed var(--line);padding-top:10px}
.pk-kart .tks b{font-variant-numeric:tabular-nums}
.pk-kart ul{flex:1}
.pk-kart .btn{align-self:flex-start;padding:11px 20px;font-size:14px}

/* ── LEJANT ── */
.pk-lejant{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:16px;font-size:13.5px;color:var(--muted)}
.pk-lejant span{display:flex;align-items:center;gap:8px}

/* işaretler (tablo + lejant ortak) */
.isr{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-size:14px;line-height:1}
.isr.ok{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-ink);font-weight:700}
.isr.art{background:transparent;border:1px dashed var(--accent);color:var(--accent-ink);cursor:pointer;font-family:var(--fb);padding:0;transition:background .2s ease,transform .2s ease}
button.isr.art:hover{background:var(--accent);color:#fff;transform:scale(1.12);border-style:solid}
.isr.art.pasif{cursor:default;opacity:.75}
.isr.yok{color:#b7b0a2;background:transparent;font-weight:600}

/* ── TABLO ── */
/* content-visibility: fold-altı dev tablonun layout maliyeti ilk boyaya girmez (I9) */
.pk-tablokap{box-shadow:var(--gol-sm);content-visibility:auto;contain-intrinsic-size:auto 1900px}
.pk-tablo{min-width:760px;font-size:14px}
.pk-tablo .gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pk-tablo col.c-oz{width:38%}
.pk-tablo thead th{position:sticky;top:0;background:var(--bg-soft);z-index:2;text-align:center;padding:16px 14px}
.pk-tablo thead th.oz{text-align:left}
.pk-tablo thead th b{display:block;font-family:var(--fd);font-size:19px;font-weight:560}
.pk-tablo thead th small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}
.mini-rozet{display:inline-block;font-size:10.5px;letter-spacing:.08em;background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;margin-bottom:6px}
.pk-tablo td{text-align:center}
.pk-tablo tbody th[scope="row"]{font-weight:500;color:var(--ink)}
.pk-tablo tbody th[scope="row"] small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:1px}
.pk-tablo tr.kat th{background:var(--surface);font-family:var(--fd);font-size:15.5px;font-weight:560;color:var(--accent-ink);padding:18px 16px 10px;border-bottom:1px solid var(--line)}
.pk-tablo tr.kat .kat-not{font-family:var(--fb);font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}
.pk-tablo tbody tr:not(.kat):hover td,.pk-tablo tbody tr:not(.kat):hover th{background:color-mix(in srgb,var(--bg-soft) 55%,var(--surface))}
.pk-tablo td.metin{font-weight:600;color:var(--accent-ink)}
/* Popüler sütunu: bronz doku */
.pk-tablo td.pop,.pk-tablo thead th.pop{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-left:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.pk-tablo thead th.pop{background:color-mix(in srgb,var(--accent) 16%,var(--bg-soft))}
.pk-tablo tbody tr:not(.kat):hover td.pop{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}
/* fiyat şeridi */
.pk-tablo tfoot th{background:var(--panel-bg);color:var(--panel-muted);font-size:13px;vertical-align:middle}
.pk-tablo tfoot td{background:var(--panel-bg);color:var(--panel-ink);padding:18px 14px;border-bottom:0}
.pk-tablo tfoot td.pop{background:var(--panel-bg-2);border-left-color:color-mix(in srgb,var(--accent) 45%,transparent);border-right-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.pk-tablo tfoot b{display:block;font-family:var(--fd);font-size:21px;font-weight:560;font-variant-numeric:tabular-nums}
.pk-tablo tfoot small{display:block;color:var(--panel-muted);font-size:12.5px;margin-top:2px}
.pk-tablo tfoot em{display:block;font-style:normal;color:var(--accent);font-size:12.5px;margin-top:6px;font-variant-numeric:tabular-nums}
.serit-btn{margin-top:10px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--fb);transition:background .2s ease,color .2s ease}
.serit-btn:hover,.serit-btn.dolu{background:var(--accent);color:#fff}
.serit-btn.dolu:hover{background:var(--accent-ink)}
.pk-taslak{margin-top:16px;font-size:13px;color:var(--muted);max-width:56em}

/* ── CONFIGURATOR ── */
.preset{align-items:center}
.preset-bas{font-size:13px;color:var(--muted)}
.preset button{font-variant-numeric:tabular-nums;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.preset button:active{transform:scale(.97)}
.cfg-wrap{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start;box-shadow:var(--gol-sm)}
.cfg-group{margin-bottom:26px}
.cfg-group:last-child{margin-bottom:0}
.cfg-group h3{font-size:15px;margin:0 0 12px;color:var(--accent-ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chip{font-size:11.5px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--bg)}
.chip.sabit{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}
.cfg-not{font-size:12.5px;color:var(--muted);margin:8px 2px 0;line-height:1.55}
.cfg-not.ust{margin:0 0 12px}
.cfg-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--line-soft);border-radius:12px;margin-bottom:8px;font-size:14.5px;cursor:pointer;background:var(--bg);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.cfg-row:hover{border-color:var(--accent);transform:translateX(2px)}
.cfg-row.locked{opacity:.85;cursor:default}
.cfg-row.locked:hover{border-color:var(--line-soft);transform:none}
.cfg-row input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px}
.cfg-row .kutu{flex:0 0 20px;width:20px;height:20px;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);margin-top:2px;position:relative;transition:background .18s ease,border-color .18s ease}
.cfg-row .kutu::after{content:"";position:absolute;left:6px;top:2.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .18s ease}
.cfg-row:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg));box-shadow:inset 3px 0 0 var(--accent)}
.cfg-row:has(input:checked) .kutu{background:var(--accent);border-color:var(--accent)}
.cfg-row:has(input:checked) .kutu::after{transform:rotate(45deg) scale(1)}
.cfg-row:has(input:disabled) .kutu{background:var(--accent);border-color:var(--accent);opacity:.7}
.cfg-row:has(input:disabled) .kutu::after{transform:rotate(45deg) scale(1)}
.cfg-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.cfg-row .ct b{font-weight:600}
.cfg-row .ct p{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.cfg-row .cp{margin-left:auto;color:var(--accent-ink);font-size:13.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:10px}
.cfg-row.vurgu{animation:vurgu 1.2s ease}
@keyframes vurgu{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}}

/* işletim segmenti */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:8px}
.seg-item{position:relative;cursor:pointer}
.seg-item input{position:absolute;opacity:0;width:1px;height:1px}
.seg-item span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 8px;border-radius:9px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease}
.seg-item b{font-size:14px;font-weight:600}
.seg-item i{font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.seg-item:has(input:checked) span{background:var(--surface);border-color:var(--accent);box-shadow:var(--gol-sm)}
.seg-item:has(input:checked) b{color:var(--accent-ink)}
.seg-item:has(input:focus-visible) span{outline:2px solid var(--accent);outline-offset:2px}
.seg-item:hover span{border-color:var(--line)}

/* ── İMZA: CANLI MAKBUZ ── */
.makbuz-kap{position:relative;transition:box-shadow .3s ease}
.makbuz-kap.pinned{box-shadow:0 12px 40px -18px rgba(0,0,0,.35)}
.makbuz{background:var(--panel-bg);color:var(--panel-ink);border-radius:16px;padding:26px;position:relative;overflow:hidden;box-shadow:var(--gol)}
.makbuz::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(201,164,95,.16) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.makbuz.parla::before{animation:parla .9s ease}
@keyframes parla{to{transform:translateX(120%)}}
.mk-bas{font-size:11.5px;letter-spacing:.16em;color:var(--panel-muted);margin-bottom:14px}
.mk-satirlar{list-style:none;margin:0;padding:0}
.mk-satirlar li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:6px 0;color:var(--panel-ink);opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}
.mk-satirlar li.in{opacity:1;transform:none}
.mk-satirlar li.out{opacity:0;transform:translateY(6px)}
.mk-satirlar li span{color:var(--panel-muted)}
.mk-satirlar li b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-satirlar li.aylik span{color:var(--panel-ink)}
.mk-ara{border-top:1px dashed rgba(255,255,255,.22);margin:12px 0}
.mk-toplam{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px;padding:5px 0}
.mk-toplam span{color:var(--panel-muted)}
.mk-toplam b{font-family:var(--fd);font-size:19px;font-weight:560;font-variant-numeric:tabular-nums}
.mk-taksit{margin-top:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--panel-bg-2)),var(--panel-bg-2));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:baseline}
.mk-taksit span{font-size:13px;color:var(--panel-muted)}
.mk-taksit b{font-family:var(--fd);font-size:24px;font-weight:560;color:var(--accent);font-variant-numeric:tabular-nums}
.mk-not{font-size:12px;color:var(--panel-muted);margin-top:12px;line-height:1.55}
.mk-cta{display:block;text-align:center;margin-top:16px}
.mk-guven{margin-top:14px;display:grid;gap:8px}
.gi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--muted)}
.gi b{display:block;color:var(--ink);font-size:13px}

/* ── MOBİL ALT-BAR ── */
.mobar{display:none}

/* ── MOBİL ── */
@media (max-width:900px){
  .pk-tablo{min-width:680px;font-size:13.5px}
  .pk-tablo tbody th[scope="row"],.pk-tablo tr.kat th{position:sticky;left:0;background:var(--surface);z-index:1;box-shadow:1px 0 0 var(--line-soft)}
  .pk-tablo thead th.oz{position:sticky;left:0;z-index:3;background:var(--bg-soft)}
  .pk-tablo tfoot th{position:sticky;left:0;z-index:1}
  .pk-tablo tbody tr:not(.kat):hover th{background:var(--surface)}
  .cfg-wrap{grid-template-columns:1fr;padding:20px}
  .makbuz-kap{position:relative}
  .seg-item i{font-size:11px}
  .mobar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel-bg);color:var(--panel-ink);padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px -18px rgba(0,0,0,.5);transform:translateY(110%);transition:transform .3s ease}
  .mobar.acik{transform:none}
  .mobar[hidden]{display:flex}
  .mo-say b{font-family:var(--fd);font-size:18px;font-weight:560;font-variant-numeric:tabular-nums}
  .mo-say span{font-size:12px;color:var(--panel-muted);margin-left:6px}
  .mo-say em{display:block;font-style:normal;font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}
  .mobar .btn{padding:11px 20px;font-size:14px;white-space:nowrap}
  body.mobar-acik footer{padding-bottom:76px}
}

@media (prefers-reduced-motion:reduce){
  .pk-kart,.cfg-row,.isr.art,.serit-btn,.mk-satirlar li,.mobar{transition:none}
  .makbuz.parla::before,.cfg-row.vurgu{animation:none}
}