.siparis-bas { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding-block:4rem 3rem; }
.siparis-etiket { font-size:.7rem; font-weight:600; letter-spacing:.16em; color:var(--mor); margin-bottom:1rem; }
.siparis-bas .h1 { font-size:clamp(2.8rem,5.2vw,4.5rem); line-height:1.04; }
.siparis-bas .lead { margin-top:1.3rem; max-width:48ch; }
.siparis-bas-not { display:grid; gap:.7rem; font-size:.85rem; color:var(--murekkep-2); min-width:200px; }
.siparis-bas-not a { color:var(--mor); margin-top:.6rem; text-underline-offset:5px; }
.siparis-calisma { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:1.5rem; align-items:start; margin-bottom:5rem; }
.siparis-kagit { background:#fff; border:1px solid var(--cizgi); border-radius:12px; overflow:hidden; }
.siparis-kagit-bas { display:flex; align-items:center; justify-content:space-between; padding:1.5rem; border-bottom:1px solid var(--cizgi); }
.siparis-kagit-bas .siparis-etiket { margin-bottom:.3rem; font-size:.65rem; }
#siparis-tarih { font-size:.8rem; color:var(--murekkep-2); }
.siparis-musteri { display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding:1.5rem; }
.toplu-siparis label { display:block; font-size:.8rem; font-weight:500; }
.toplu-siparis label span { color:var(--mor); }
.toplu-siparis input,.toplu-siparis select,.toplu-siparis textarea { font:inherit; color:var(--murekkep); background:#fff; border:1px solid var(--cizgi-guclu); border-radius:5px; min-height:44px; padding:.6rem .75rem; width:100%; margin-top:.4rem; }
.toplu-siparis input::placeholder,.toplu-siparis textarea::placeholder { color:var(--murekkep-2); font-weight:400; }
.siparis-model-sec { background:var(--sis); padding:1.2rem 1.5rem; }
.siparis-model-sec > div { display:flex; gap:.6rem; align-items:center; }
.siparis-model-sec select { margin:0; min-width:0; flex:1; }
.siparis-model-sec label { margin-bottom:.5rem; }
.siparis-model-sec .btn { min-height:44px; font-size:.85rem; padding:.6rem 1rem; }
.siparis-model-sec p,.siparis-beden-not { font-size:.75rem; color:var(--murekkep-2); margin-top:.6rem; }
.siparis-beden-not { padding:.3rem 1.5rem 1rem; }
.siparis-bos { padding:3rem 1rem; text-align:center; color:var(--murekkep-2); }
.siparis-bos > span { display:block; font-size:2rem; color:var(--mor); margin-bottom:.8rem; }
.siparis-bos p { font-size:.85rem; margin:1rem 0; }
.siparis-bos a { font-size:.8rem; color:var(--mor); }
.siparis-model { border-top:1px solid var(--cizgi); }
.siparis-model-bas { display:flex; align-items:center; gap:.8rem; padding:1rem 1.5rem; }
.siparis-model-bas img { width:42px; height:52px; object-fit:cover; border-radius:4px; background:var(--sis); }
.siparis-model-bas h3 { font-size:1rem; font-weight:600; }
.siparis-model-bas p { font-size:.75rem; color:var(--murekkep-2); }
.siparis-model-bas button { margin-left:auto; font-size:.75rem; color:var(--mor); padding:.5rem; text-decoration:underline; }
.siparis-tablo-wrap { overflow-x:auto; }
.siparis-tablo { width:100%; min-width:790px; border-collapse:collapse; font-size:.75rem; font-variant-numeric:tabular-nums; }
.siparis-tablo th,.siparis-tablo td { border:1px solid var(--cizgi); padding:.35rem; text-align:center; }
.siparis-tablo thead { background:var(--sis); }
.siparis-tablo th { font-weight:500; }
.siparis-tablo small { display:block; font-weight:400; color:var(--murekkep-2); font-size:.6rem; }
.siparis-tablo .renk-hucre { position:sticky; left:0; background:white; z-index:1; text-align:left; min-width:110px; padding-left:.8rem; }
.siparis-tablo thead .renk-hucre { background:var(--sis); }
.satir-kopyala { display:block; margin-top:.25rem; padding:.25rem 0; color:var(--mor); font-size:.65rem; text-decoration:underline; text-underline-offset:3px; }
.siparis-tablo .nokta { width:9px; height:9px; display:inline-block; margin-right:.4rem; }
.siparis-tablo input { min-height:36px; min-width:44px; padding:.3rem 0; text-align:center; margin:0; border-color:transparent; border-radius:3px; font-size:.85rem; -moz-appearance:textfield; }
.siparis-tablo input::-webkit-inner-spin-button,.siparis-tablo input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.siparis-tablo input:hover { border-color:var(--cizgi-guclu); }
.siparis-tablo input:focus { background:var(--sis); border-color:var(--mor); outline:2px solid var(--mor); outline-offset:-2px; }
.siparis-tablo input:invalid { border-color:#ad2929; background:#fff1f1; }
.siparis-tablo .battal-bas { border-left:2px solid var(--cizgi-guclu); }
.siparis-tablo .adet-toplam { font-weight:600; background:var(--sis); min-width:48px; }
.siparis-model-alt { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 1.5rem; font-size:.75rem; }
.siparis-model-alt button { color:var(--mor); text-decoration:underline; text-align:left; }
.siparis-model-alt strong { white-space:nowrap; }
.siparis-not-label { margin:1.5rem; }
.toplu-siparis textarea { resize:vertical; }
.siparis-durum { color:var(--mor); font-size:.8rem; padding:0 1.5rem 1rem; }
.siparis-ozet { position:sticky; top:calc(var(--header) + 1rem); border:1px solid var(--cizgi); border-top:3px solid var(--mor); padding:1.5rem; background:var(--sis); border-radius:0 0 10px 10px; }
.siparis-ozet .siparis-etiket { margin-bottom:.5rem; }
.siparis-ozet dl { margin:1.5rem 0; }
.siparis-ozet dl > div { display:flex; justify-content:space-between; font-size:.85rem; margin-bottom:.7rem; }
.siparis-ozet dd { margin:0; font-weight:600; }
.siparis-ozet .siparis-genel { border-top:1px solid var(--cizgi-guclu); padding-top:1rem; margin-top:1rem; align-items:center; }
.siparis-genel dd { font-size:2rem; line-height:1; color:var(--mor); }
.siparis-ozet > .btn { width:100%; font-size:.85rem; padding-inline:.5rem; }
.siparis-ozet-not { font-size:.75rem; color:var(--murekkep-2); margin-top:1rem; }
.siparis-araclar { display:grid; gap:.7rem; margin-top:1.3rem; font-size:.8rem; }
.siparis-araclar button { text-align:left; text-decoration:underline; text-underline-offset:4px; }
.siparis-taslak { font-size:.7rem; color:var(--murekkep-2); border-top:1px solid var(--cizgi); margin-top:1.4rem; padding-top:1rem; }
.siparis-bos-form { display:block; font-size:.7rem; margin-top:1rem; }
.siparis-kaydir { display:none; }
.siparis-baski { display:none; }
.siparis-dialog { width:min(620px,calc(100% - 2rem)); max-height:90dvh; overflow:auto; padding:1.5rem; border:1px solid var(--cizgi); border-radius:12px; background:var(--kagit); color:var(--murekkep); }
.siparis-dialog::backdrop { background:rgb(43 30 44 / .5); }
.siparis-dialog-bas { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.siparis-dialog-bas button { padding:.5rem; }
.siparis-dialog > p { font-size:.8rem; }
.siparis-dialog textarea { font-size:.85rem; line-height:1.6; margin-block:1rem; }
.siparis-dialog-dugmeler { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
[hidden] { display:none !important; }
@media (max-width:1100px) { .siparis-calisma { grid-template-columns:minmax(0,1fr); }.siparis-ozet { position:static; }.siparis-ozet dl { display:flex; flex-wrap:wrap; gap:1rem 2rem; }.siparis-ozet dl > div { gap:1rem; }.siparis-ozet .siparis-genel { border:0; margin:0; padding:0; }.siparis-kaydir { display:block; font-size:.7rem; color:var(--mor); padding:0 1.5rem .7rem; } }
@media (max-width:600px) { .siparis-bas { padding-block:2.5rem 2rem; }.siparis-bas-not { display:none; }.siparis-musteri { grid-template-columns:1fr; }.siparis-model-sec > div { flex-wrap:wrap; }.siparis-model-sec select { flex-basis:100%; }.siparis-model-sec .btn { width:100%; }.siparis-kagit-bas,.siparis-musteri,.siparis-model-sec,.siparis-model-bas { padding:1rem; }.siparis-model-alt { padding:.8rem 1rem; }.siparis-not-label { margin:1rem; } }
@media print {
  @page { size:A4 landscape; margin:12mm; }
  body,.siparis-kagit { background:#fff; color:#000; font-size:10pt; }
  .siparis-not-label textarea,.satir-kopyala { display:none; }
  .siparis-baski { display:block; white-space:pre-wrap; overflow-wrap:anywhere; margin-top:.5rem; }
  .site-header,.site-footer,.skip,.siparis-bas,.siparis-model-sec,.siparis-bos,.siparis-ozet,.siparis-kaydir,.siparis-model-bas button,.siparis-model-alt button,.siparis-durum,.siparis-dialog,.siparis-model-bas img,.siparis-beden-not { display:none !important; }
  .siparis-calisma { display:block; width:100%; margin:0; }.siparis-kagit { border:0; overflow:visible; }.siparis-tablo-wrap { overflow:visible; }.siparis-tablo { min-width:0; }.siparis-tablo .renk-hucre { position:static; }.siparis-tablo input { min-width:0; min-height:0; padding:0; border:0; }.siparis-musteri { grid-template-columns:repeat(4,1fr); padding:1rem 0; }.siparis-musteri input,.siparis-not-label textarea { border:0; padding:0; min-height:0; }.siparis-model-bas { padding:.5rem 0; }.siparis-tablo tr { break-inside:avoid; }.siparis-tablo thead { display:table-header-group; }.siparis-tablo tr[data-empty="true"],.siparis-model[data-empty="true"] { display:none; }.siparis-model-alt { justify-content:end; }.siparis-not-label { margin:1rem 0; }.siparis-kagit-bas { padding:0 0 1rem; }
}
/* İki görünüm aynı formu ve taslağı kullanır. */
.siparis-gorunum { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-bottom:1.3rem; font-size:.8rem; }
.siparis-gorunum > span { margin-right:auto; color:var(--murekkep-2); }
.siparis-gorunum button { border:1px solid var(--cizgi-guclu); border-radius:5px; padding:.6rem 1rem; }
.siparis-gorunum button[aria-pressed="true"] { background:var(--mor); color:#fff; border-color:var(--mor); }
.klasik-logo,.klasik-kod,.klasik-kod-col,.klasik-bos-tablo,.klasik-form-alt { display:none; }
.klasik-form .siparis-bas { padding-block:2rem 1.5rem; }
.klasik-form .siparis-bas .h1 { font-family:var(--text); font-size:clamp(1.7rem,3vw,2.5rem); font-weight:600; }
.klasik-form .siparis-bas .h1 br { display:none; }
.klasik-form .siparis-bas .lead { max-width:65ch; font-size:.95rem; margin-top:.6rem; }
.klasik-form .siparis-bas-not { display:none; }
.klasik-form .siparis-kagit { display:flex; flex-direction:column; border:1px solid #d1d5db; border-radius:0; padding:1.5rem; color:#292929; background:#fff; box-shadow:0 5px 20px #2b1e2c08; font-family:Arial,sans-serif; }
.klasik-form .siparis-kagit-bas { order:0; padding:.5rem 0 1.8rem; border:0; gap:1.5rem; }
.klasik-form .klasik-logo { display:block; width:145px; height:auto; }
.klasik-form .siparis-kagit-bas > div { flex:1; }
.klasik-form .siparis-kagit-bas .siparis-etiket { display:none; }
.klasik-form #form-baslik { font:700 clamp(1.3rem,2.4vw,2rem)/1.3 Arial,sans-serif; text-align:center; text-transform:uppercase; text-decoration:underline; text-underline-offset:7px; }
.klasik-form #siparis-tarih { color:#444; font-size:.7rem; }
.klasik-form #siparis-tarih::before { content:'Sipariş tarihi: '; }
.klasik-form .siparis-model-sec { order:1; padding:.8rem; margin-bottom:.8rem; border:1px solid #e2e8f0; background:#f8fafc; }
.klasik-form .siparis-beden-not { order:2; padding:0 0 .6rem; margin:0; font-size:.7rem; }
.klasik-form .siparis-kaydir { order:3; padding-left:0; }
.klasik-form #siparis-modeller { order:4; overflow-x:auto; }
.klasik-form .siparis-model { border:0; min-width:790px; }
.klasik-form .siparis-model-bas,.klasik-form .siparis-model-alt { display:none; }
.klasik-form .siparis-tablo-wrap { overflow:visible; }
.klasik-form .siparis-tablo { table-layout:fixed; font-size:.7rem; background:#fff; }
.klasik-form .siparis-tablo th,.klasik-form .siparis-tablo td { border:1px solid #c8cdd3; padding:.2rem; }
.klasik-form .siparis-tablo thead,.klasik-form .siparis-tablo thead .renk-hucre { background:#f5f6f8; }
.klasik-form .siparis-tablo .adet-toplam { background:#eef2f7; color:#334155; }
.klasik-form .siparis-tablo thead th { text-transform:uppercase; font-weight:700; }
.klasik-form .siparis-tablo small { font-size:.62rem; color:#444; }
.klasik-form .siparis-tablo input { background:transparent; color:#253c68; min-width:0; min-height:35px; font-size:1rem; }
.klasik-form .siparis-tablo input::placeholder { color:transparent; }
.klasik-form .siparis-tablo .renk-hucre { min-width:0; position:static; background:#fff; padding-left:.5rem; }
.klasik-form .siparis-tablo .nokta { display:none; }
.klasik-form .klasik-kod { display:table-cell; vertical-align:top; padding-top:.7rem; font-size:1rem; font-weight:500; }
.klasik-form thead .klasik-kod { font-size:.75rem; vertical-align:middle; padding-top:.2rem; }
.klasik-form .klasik-kod button { display:block; margin:.5rem auto 0; font-size:.6rem; color:#766b73; text-decoration:underline; }
.klasik-form .klasik-kod-col { display:table-column; width:9%; }
.klasik-form .klasik-renk-col { width:17%; }
.klasik-form .klasik-beden-col { width:5.4%; }
.klasik-form .klasik-toplam-col { width:10%; }
.klasik-form .siparis-model:not(:first-child) thead { display:none; }
.klasik-form .siparis-model + .siparis-model { margin-top:-1px; }
.klasik-form .satir-kopyala { font-size:.56rem; padding:.15rem 0; color:#716270; }
.klasik-form .klasik-bos-tablo { display:block; order:5; overflow-x:auto; margin-top:-1px; }
.klasik-form .klasik-bos-tablo td { height:32px; }
.klasik-form #siparis-modeller:not(:empty) + .klasik-bos-tablo thead { display:none; }
.klasik-form #siparis-modeller:not(:empty) + .klasik-bos-tablo tbody tr:nth-child(n+5) { display:none; }
.klasik-form #siparis-bos { display:none; }
.klasik-form .siparis-musteri { order:6; padding:1.4rem 0 .6rem; gap:1rem; }
.klasik-form .siparis-musteri label { font-size:.75rem; }
.klasik-form .siparis-musteri input { border:0; border-bottom:1px dotted #777; border-radius:0; background:transparent; padding:.3rem 0; margin-top:0; min-height:35px; }
.klasik-form .siparis-not-label { order:7; margin:.5rem 0; }
.klasik-form .siparis-not-label textarea { border:0; border-bottom:1px dotted #777; border-radius:0; background:transparent; }
.klasik-form .siparis-baski { order:8; }
.klasik-form .klasik-form-alt { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.8rem; order:9; margin-top:1rem; padding-top:.7rem; font-size:.7rem; }
.klasik-form .klasik-form-alt strong { width:100%; text-align:center; letter-spacing:.3em; font-style:italic; margin-top:.6rem; font-size:.9rem; }
.klasik-form .siparis-durum { order:10; padding:1rem 0 0; }
@media (max-width:600px) { .siparis-gorunum > span { width:100%; }.klasik-form .siparis-kagit { padding:.7rem; }.klasik-form .klasik-logo { width:80px; }.klasik-form .siparis-kagit-bas { flex-wrap:wrap; gap:.8rem; }.klasik-form #siparis-tarih { width:100%; text-align:right; }.klasik-form .siparis-musteri { grid-template-columns:1fr 1fr; } }
@media print {
  .siparis-gorunum,.klasik-kod button { display:none !important; }
  .klasik-form .siparis-kagit { box-shadow:none; padding:0; }
  .klasik-form .siparis-model { min-width:0; }
  .klasik-form #siparis-modeller,.klasik-form .klasik-bos-tablo { overflow:visible; }
  .klasik-form .siparis-model:not(:first-child) thead { display:table-header-group; }
  .klasik-form .siparis-tablo { min-width:0; }
  .klasik-form .klasik-bos-tablo { display:none; }
  .klasik-form .siparis-tablo input { min-height:0; }
}
/* Basılı formdaki boş hücreler boş görünür. */
.klasik-form tr[data-empty="true"] .adet-toplam { color:transparent; }
@media print { .klasik-form .siparis-tablo tr[data-empty="true"] { display:table-row; } }
.siparis-ozet > .btn { white-space:normal; text-align:center; }
#siparis-onizleme { width:min(850px,calc(100% - 2rem)); }
#siparis-pdf-onizleme { max-height:55vh; overflow:auto; background:var(--sis-koyu); margin-top:1rem; border:1px solid var(--cizgi); }
#siparis-pdf-onizleme:empty { display:none; }
#siparis-pdf-onizleme img { width:min(100%,714px); margin:1rem auto; box-shadow:0 2px 8px #0002; }

body:has(.klasik-form) { background:#fff; }
.klasik-form .siparis-ozet { background:#f8fafc; border-inline-color:#e2e8f0; border-bottom-color:#e2e8f0; }