@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/bricolage-grotesque-400.ttf') format('truetype')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/bricolage-grotesque-500.ttf') format('truetype')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/bricolage-grotesque-600.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/manrope-600.ttf') format('truetype')}

:root{
  --primary:#fa512f; --ink:#111210; --paper:#f2f2eb; --muted:#b5b5ac;
  --display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif;
  --body:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --hair:#dedcd2; --soft:#6f6f66;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0a0b09;color:var(--paper);font-family:var(--body);display:flex;align-items:flex-start;min-height:100vh;-webkit-font-smoothing:antialiased}

/* ================= EDİTÖR ================= */
.editor{width:404px;flex:0 0 404px;height:100vh;overflow:auto;background:#0d0e0c;border-right:1px solid #23241f;position:sticky;top:0}
.editor__top{position:sticky;top:0;z-index:6;background:#0d0e0c;padding:16px;border-bottom:1px solid #23241f}
.editor__brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.editor__logo{height:20px;width:auto;display:block}
.editor__brand small{margin-left:auto;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{font:inherit;font-size:12px;font-weight:600;padding:10px 13px;cursor:pointer;border:1px solid #33342e;background:#181a16;color:var(--paper);border-radius:2px;transition:border-color .15s,background .15s}
.btn:hover{border-color:#5a5b51}
.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--ink)}
.btn--primary:hover{background:#ff6847;border-color:#ff6847}
.btn--danger:hover{border-color:#7a3a2f;color:#ffb3a1}
.btn--full{flex:1 1 auto}
.btn--sm{font-size:11px;padding:7px 10px}

details.group{border-bottom:1px solid #1e1f1a}
details.group>summary{padding:13px 16px;cursor:pointer;list-style:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}
details.group>summary::-webkit-details-marker{display:none}
details.group>summary::after{content:'+';margin-left:auto;color:var(--primary);font-size:14px}
details.group[open]>summary::after{content:'–'}
details.group>summary:hover{color:var(--paper)}
.group__body{padding:0 16px 18px;display:grid;gap:11px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.field{display:grid;gap:6px}
.field>span{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#8f8f86}
input,textarea,select{width:100%;background:#131410;border:1px solid #2c2d27;color:var(--paper);padding:9px 10px;font-family:var(--body);font-size:12.5px;border-radius:2px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8f8f86 50%),linear-gradient(135deg,#8f8f86 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)}
textarea{resize:vertical;min-height:70px;line-height:1.55}
input[type=date]{color-scheme:dark}

.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:11px;padding:6px 10px;border:1px solid #33342e;background:#181a16;border-radius:999px;cursor:pointer;color:#d8d8cf}
.chip:hover{border-color:var(--primary);color:#fff}
.hint{font-size:10.5px;line-height:1.5;color:var(--soft)}
.item-card{border:1px solid #26272180;background:#111210;padding:10px;display:grid;gap:8px;position:relative}
.item-card__no{position:absolute;top:10px;right:10px;font-family:var(--display);font-size:12px;color:var(--primary)}
.item-card__del{justify-self:start;font:inherit;font-size:10.5px;padding:5px 9px;cursor:pointer;background:transparent;border:1px solid #33342e;color:#a9a9a0;border-radius:2px}
.item-card__del:hover{border-color:#7a3a2f;color:#ffb3a1}
.seg{display:flex;border:1px solid #2c2d27;border-radius:2px;overflow:hidden}
.seg button{flex:1;font:inherit;font-size:11px;padding:7px 4px;background:#131410;border:0;color:#9a9a91;cursor:pointer}
.seg button.on{background:var(--primary);color:var(--ink);font-weight:600}
.warn{display:none;margin:0 16px 14px;padding:10px 12px;border:1px solid #7a3a2f;background:#231310;color:#ffb3a1;font-size:10.5px;line-height:1.5}
.warn.on{display:block}

/* ================= SAYFALAR ================= */
.stage{flex:1;min-width:0;padding:26px 26px 60px;background:#0a0b09}
.hintbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;margin:0 auto 22px;max-width:210mm;padding:10px 14px;border:1px dashed #2e2f29;color:var(--soft);font-size:11px;line-height:1.5;text-align:center}
.hintbar b{color:var(--paper);font-weight:600}
.pages{display:flex;flex-direction:column;gap:26px;align-items:center;zoom:.82}

.page{width:210mm;height:297mm;background:var(--paper);color:var(--ink);position:relative;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;flex:0 0 auto}
.page--dark{background:var(--ink);color:var(--paper)}
.page__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 46% at 82% 6%,rgba(250,81,47,.42),transparent 68%)}
.page__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(242,242,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(242,242,235,.05) 1px,transparent 1px);background-size:14mm 14mm}
.page__head{display:flex;align-items:center;gap:12px;padding:15mm 17mm 0;position:relative;z-index:2}
.page__head img{height:21px;width:auto;display:block}
.page__title{font-family:var(--display);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);border-left:1px solid var(--hair);padding-left:12px}
.page__no{margin-left:auto;font-family:var(--display);font-size:11px;letter-spacing:.12em;color:var(--primary)}
.page__body{flex:1;min-height:0;overflow:hidden;padding:9mm 17mm 0;position:relative;z-index:2;display:flex;flex-direction:column}
.page__foot{display:flex;gap:14px;align-items:center;padding:6mm 17mm 11mm;position:relative;z-index:2;border-top:1px solid var(--hair);font-size:9.5px;color:var(--soft)}
.page__foot .sp{margin-left:auto;font-family:var(--display);letter-spacing:.1em}

.eyebrow{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600}
h1,h2,h3,h4{font-family:var(--display);margin:0}
.sec{display:flex;gap:14px;align-items:flex-start;margin-bottom:5mm}
.sec__no{font-family:var(--display);font-weight:600;font-size:15px;color:var(--primary);padding-top:6px}
h2{font-weight:600;font-size:33px;letter-spacing:-.035em;line-height:1.04}
.lede{font-size:13px;line-height:1.68;color:#3a3b34;margin:0}
.two .lede{font-size:11.4px;line-height:1.62}
p{margin:0 0 3mm}
.two{display:grid;grid-template-columns:1fr 1fr;gap:9mm}
.block{margin-bottom:6mm}
.block h4{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:2.5mm}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm}
.card{border:1px solid var(--hair);padding:5.5mm 5mm;background:#eceae1}
.card h4{font-size:15px;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin-bottom:2mm}
.card p{font-size:11px;line-height:1.6;color:#4a4b43;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5mm}
.step{border-top:2px solid var(--ink);padding-top:3mm}
.step b{display:block;font-family:var(--display);color:var(--primary);font-size:12px;margin-bottom:1.5mm}
.step span{font-size:10.5px;line-height:1.5;color:#4a4b43;display:block}
.step em{display:block;font-style:normal;font-size:9.5px;line-height:1.5;color:var(--soft);margin-top:1.2mm}

.trust{margin-top:auto;background:var(--ink);padding:5.5mm 6mm 5mm;color:var(--paper)}
.trust h4{font-size:8.6px;letter-spacing:.16em;text-transform:uppercase;color:#9a9a91;margin-bottom:3mm}
.trust__list{display:grid;grid-template-columns:repeat(6,1fr);gap:3mm}
.trust__tile{background:#fff;height:11.6mm;display:grid;place-items:center;padding:1.9mm 2.3mm;overflow:hidden}
.trust__tile img{width:100%;height:7.8mm;object-fit:contain}

.scope-item{display:grid;grid-template-columns:10mm 1fr;gap:3mm;padding:3.2mm 0;border-bottom:1px solid var(--hair)}
.scope-item:last-child{border-bottom:0}
.scope-item__no{font-family:var(--display);font-weight:600;color:var(--primary);font-size:16px;line-height:1}
.scope-item h3{font-size:13.5px;font-weight:600;letter-spacing:-.02em;margin-bottom:1.1mm}
.scope-item p{font-size:11px;color:#4a4b43;line-height:1.6;margin:0 0 2mm}
.tag{display:inline-block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:var(--primary);color:#fff;padding:.8mm 2mm;vertical-align:middle;margin-left:3mm;font-weight:600}
ul.bullets{list-style:none;margin:0;padding:0;display:grid;gap:.85mm}
ul.bullets li{position:relative;padding-left:4.6mm;font-size:10px;line-height:1.45;color:#4a4b43}
ul.bullets li::before{content:'—';position:absolute;left:0;color:var(--primary)}

table.prices{width:100%;border-collapse:collapse}
table.prices thead th{background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2.8mm 3.5mm;text-align:left;font-weight:600}
table.prices th.num,table.prices td.num{text-align:right;white-space:nowrap}
table.prices tbody td{padding:2.5mm 3.5mm;border-bottom:1px solid var(--hair);vertical-align:top;font-size:10.6px}
table.prices tbody td.name{font-weight:600;font-size:12px}
table.prices tbody td .sub{display:block;margin-top:1mm;font-size:9.5px;color:var(--soft);font-weight:400}
.was{color:var(--soft);text-decoration:line-through;font-weight:400;margin-right:1.5mm;font-size:10px}
.totals{margin:5mm 0 0 auto;width:82mm}
.totals__row{display:flex;justify-content:space-between;gap:6mm;padding:1.5mm 0;font-size:10.6px;border-bottom:1px solid var(--hair)}
.totals__row span:last-child{font-weight:600;font-variant-numeric:tabular-nums}
.totals__not{font-size:8.5px;color:var(--soft);letter-spacing:.02em}
.totals__grand{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.6mm 6mm;background:var(--ink);color:var(--paper);padding:3.6mm 4mm;margin-top:1.6mm}
.totals__grand b{font-family:var(--display);font-weight:600;font-size:26px;letter-spacing:-.035em;color:var(--primary);justify-self:end}
.totals__grand em{grid-column:1 / -1;justify-self:end;font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9a9a91}
.totals__row--ara{border-top:1px solid var(--line);margin-top:1.5mm;padding-top:2.6mm;font-weight:600}
.totals__row--net{
  background:var(--ink);color:var(--paper);border:0;margin-top:2.6mm;padding:3.8mm 4mm;
  align-items:baseline;font-size:9.5px !important;
}
.totals__row--net span:first-child{letter-spacing:.15em;text-transform:uppercase;color:#c9c9c0}
.totals__row--net .totals__not{display:block;font-size:8px;letter-spacing:.1em;color:#8b8b82;margin-top:.6mm}
.totals__row--net span:last-child{
  font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.035em;color:var(--primary);
  font-variant-numeric:tabular-nums;
}
.totals__aylik{margin-top:3.4mm;border:1px solid var(--hair);border-left:3px solid var(--primary);background:#eceae1;padding:2.8mm 3.5mm}
.totals__aylik-ust{display:flex;justify-content:space-between;align-items:baseline;gap:5mm}
.totals__aylik-ust span{font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);font-weight:600}
.totals__aylik-ust b{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.025em}
.totals__aylik-alt{display:flex;justify-content:space-between;gap:5mm;margin-top:1.6mm;font-size:9.5px;color:var(--soft);line-height:1.4}
.totals__aylik-alt span:last-child{white-space:nowrap}
.totals__grand span{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}
.paywrap{margin-top:0;padding-top:0}
.callout{border:1px solid rgba(250,81,47,.45);background:rgba(250,81,47,.07);padding:2.8mm;margin-bottom:0}
.callout b{display:block;font-family:var(--display);font-size:11.5px;letter-spacing:-.02em;color:var(--primary);margin-bottom:1.4mm}
.callout p{font-size:9.4px;line-height:1.45;color:#3a3b34;margin:0}
.paybox{border:1px solid var(--hair);background:#eceae1;padding:2.8mm;margin-bottom:0}
.paybox:last-child{margin-bottom:0}
.paybox h4{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);margin-bottom:1.4mm}
.paybox p{font-size:9.8px;line-height:1.5;color:#3a3b34;margin:0}

ol.terms{margin:0;padding-left:6mm;display:grid;gap:2.6mm}
ol.terms li{font-size:10.8px;line-height:1.6;color:#3a3b34}
ol.terms li strong{color:var(--ink)}
.note{margin-top:6mm;border-left:2px solid var(--primary);padding:1mm 0 1mm 4mm;font-size:10.5px;line-height:1.6;color:#4a4b43}
.sign{display:grid;grid-template-columns:1fr 1fr;gap:14mm;margin-top:auto;padding-top:12mm}
.sign__box{border-top:1px solid #9a9a90;padding-top:3mm;font-size:10.5px;color:#4a4b43}
.sign__box b{display:block;font-family:var(--display);font-size:12px;color:var(--ink);margin-bottom:.5mm}
.sign__box i{display:block;font-style:normal;height:11mm}

/* --- kapak --- */
.cover{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:17mm}
.cover__top{display:flex;align-items:flex-start;gap:10px}
.cover__logo{height:74px;width:auto;display:block}
.cover__top .eyebrow{margin-left:auto;text-align:right;padding-top:2mm}
.cover__tarih{margin-left:auto;text-align:right;padding-top:3mm;line-height:1.3}
.cover__tarih span{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:1mm}
.cover__tarih b{display:block;font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--paper)}
.cover__mid{margin-top:auto}
.cover__kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:5mm}
.cover h1{font-weight:600;font-size:62px;line-height:.94;letter-spacing:-.045em;margin-bottom:6mm;overflow-wrap:anywhere}
.cover__subject{font-size:13px;line-height:1.6;color:#b9b9b0;max-width:130mm;margin:0}
.cover__rule{height:2px;background:var(--primary);width:26mm;margin:9mm 0 0}
.cover__bottom{margin-top:11mm;padding-top:7mm;border-top:1px solid rgba(242,242,235,.18);display:grid;grid-template-columns:repeat(4,1fr);gap:6mm}
.cover__bottom div span{display:block;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#8b8b82;margin-bottom:2mm}
.cover__bottom div strong{font-family:var(--display);font-weight:500;font-size:12.5px;letter-spacing:-.01em;line-height:1.35;display:block}
.cover__foot{margin-top:8mm;display:flex;gap:6mm;flex-wrap:wrap;align-items:center;font-size:9.5px;color:#8b8b82}
.cover__foot .adr{width:100%;color:#6f6f66;margin-top:1mm}
.cover__social{display:flex;align-items:center;gap:3mm;margin-left:auto}
.cover__social svg{width:12px;height:12px;fill:#8b8b82;display:block}
.cover__seal{position:absolute;right:16mm;bottom:112mm;width:42mm;height:42mm;border:1.5px solid rgba(250,81,47,.85);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--primary);background:rgba(250,81,47,.07);font-family:var(--display);font-weight:500;font-size:11px;letter-spacing:.1em;line-height:1.45;text-transform:uppercase;z-index:2}

/* ================= YAZDIRMA ================= */
@page{size:A4;margin:0}
@media print{
  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
  body{display:block;background:#fff;min-height:0}
  .editor{display:none !important}
  .stage{padding:0;background:#fff}
  .hintbar{display:none !important}
  .pages{zoom:1 !important;gap:0;display:block}
  .page{box-shadow:none;margin:0;break-after:page;page-break-after:always;break-inside:avoid}
  .page:last-child{break-after:auto;page-break-after:auto}
}
@media screen and (max-width:1240px){ .pages{zoom:.66} }
@media screen and (max-width:1000px){
  body{display:block}
  .editor{width:auto;flex:none;height:auto;position:static;border-right:0;border-bottom:1px solid #23241f}
  .pages{zoom:1;align-items:stretch}
  .page{width:100%;height:auto;min-height:0}
  .stage{padding:16px}
}
/* ================= ŞARTLAR VE KOŞULLAR (ek sayfalar) ================= */
.ek-atfi{margin-top:6mm;font-size:10.5px;line-height:1.6;color:#4a4b43;border-left:2px solid var(--primary);padding:1mm 0 1mm 4mm}
.page--ek .page__body{padding-top:5mm}
.ek-giris h2{font-size:18px;letter-spacing:-.03em;margin-bottom:1.8mm}
.ek-giris .lede{font-size:9.5px;line-height:1.5}
.ek-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6mm 5mm;border:1px solid var(--hair);background:#eceae1;padding:2.4mm 3mm;margin:2.4mm 0 3.2mm}
.ek-meta div{font-size:9.4px;font-weight:600;color:var(--ink)}
.ek-meta b{display:block;font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-bottom:.5mm}
.sz-bolum{margin-bottom:2.2mm}
.sz-bolum h3{font-family:var(--display);font-size:9.8px;font-weight:600;letter-spacing:-.005em;display:flex;gap:2mm;align-items:baseline;margin-bottom:1mm;color:var(--ink)}
.sz-bolum h3 span{color:var(--primary);font-size:9.5px;min-width:4mm}
.sz-bolum h3 em{font-style:normal;color:var(--soft);font-size:10px}
.sz-bolum--devam h3{color:var(--soft)}
.sz-maddeler{list-style:none;margin:0;padding:0;display:grid;gap:.7mm}
.sz-maddeler li{position:relative;padding-left:7.5mm;font-size:8.3px;line-height:1.34;color:#3a3b34}
.sz-maddeler li b{position:absolute;left:0;top:0;font-family:var(--display);font-weight:600;font-size:7.6px;color:var(--soft)}
.ek-onay{margin-top:3mm;border-top:1px solid var(--hair);padding-top:2.5mm}
.ek-onay p{font-size:9.4px;line-height:1.5;color:#3a3b34}
.ek-onay .sign{margin-top:5mm;padding-top:0;gap:12mm}
.ek-dipnot{font-size:8px;color:var(--soft);margin-top:3mm}

/* aylık kalemde dönem seçenekleri biraz daha görünür olsun */
table.prices tbody td .sub { line-height: 1.45; }

/* ================= bağlantılar ================= */
/* Tarayıcının varsayılan mavi link rengi koyu zeminde kötü duruyor */
a:not(.btn) { color: inherit; text-decoration: none; }
/* alt çizgi yalnızca ekranda: PDF'te kapak altbilgisi düz kalsın */
@media screen {
  .cover__foot a { border-bottom: 1px solid rgba(242, 242, 235, .28); }
  .cover__foot a:hover { color: var(--primary); border-color: var(--primary); }
}
.page__foot a { color: inherit; }
.kapsam-not a, .sss a, .sz-maddeler a { color: var(--primary); text-decoration: underline; }

/* ================= kapsam açıklaması ve SSS ================= */
.kapsam-not{font-size:10px;line-height:1.55;color:#4a4b43;border-left:2px solid var(--primary);padding:.8mm 0 .8mm 4mm;margin:0 0 3.4mm}
.sss{margin-top:auto;border-top:1px solid var(--hair);padding-top:2.8mm}
.sss h4{font-size:8.6px;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);margin-bottom:2.4mm}
.sss__liste{display:grid;grid-template-columns:1fr 1fr;gap:2.6mm 8mm}
.sss__oge h5{font-family:var(--display);font-size:10.2px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 .9mm}
.sss__oge p{font-size:9.2px;line-height:1.45;color:#4a4b43;margin:0}
.totals__aylik-not{margin-top:1.4mm;font-size:8.4px;color:var(--soft);letter-spacing:.01em}

/* logo bandı alt notu */
.trust__not{margin:3.2mm 0 0;padding-top:2.4mm;border-top:1px solid rgba(242,242,235,.14);
  font-size:8.5px;line-height:1.45;color:#9a9a91;letter-spacing:.005em}
.trust__not b{color:var(--paper);font-weight:600}

/* ================= fiyat sayfası: iki sütun düzen ================= */
.fiyat-alt{display:grid;grid-template-columns:1fr 78mm;gap:6mm;align-items:start;margin-top:3.6mm}
.fiyat-alt__sol{display:grid;gap:3mm}
.fiyat-alt .totals{margin:0;width:auto}
.fiyat-alt .paybox{margin-bottom:0}
.fiyat-alt .paywrap{margin-top:0;padding-top:0}
.page[data-page="price"] > .page__body > .callout{margin-top:auto !important;padding-top:0}

/* ============================================================
   MOBİL — A4 kağıdı yerine akış düzeni
   (Müşteriler teklifi telefondan açıyor; bu bölüm kritik)
   ============================================================ */
/* 1000px altı: sayfa yüksekliği otomatikleşir → A4 yüksekliğine göre
   konumlanan mühür yanlış yere düşer (tarihin üstüne biniyordu). Kapatıyoruz. */
@media screen and (max-width: 1000px) {
  .cover__seal { display: none; }
}

@media screen and (max-width: 820px) {

  /* --- sayfa iskeleti: kağıt değil, akış --- */
  .pages { zoom: 1 !important; gap: 12px; }
  .page {
    width: 100%; height: auto; min-height: 0;
    box-shadow: none; border-radius: 0;
  }
  .page__body { overflow: visible; padding: 18px 16px 0; }
  .page__head { padding: 18px 16px 0; gap: 10px; }
  .page__head img { height: 17px; }
  .page__title { font-size: 10px; padding-left: 10px; }
  .page__no { font-size: 10px; }
  .page__foot {
    padding: 14px 16px 18px; font-size: 10px; gap: 10px; flex-wrap: wrap;
  }
  .page__foot .sp { margin-left: auto; }

  /* --- kapak --- */
  .cover { padding: 22px 16px 26px; }
  .cover__top { align-items: flex-start; }
  .cover__logo { height: 34px; }
  .cover__tarih { padding-top: 0; }
  .cover__tarih span { font-size: 8.5px; }
  .cover__tarih b { font-size: 13px; }
  .cover__seal { display: none; }                 /* metni eziyordu */
  .cover h1 { font-size: 34px; line-height: 1.03; letter-spacing: -.03em; margin-bottom: 12px; }
  .cover__subject { font-size: 13px; line-height: 1.55; max-width: none; }
  .cover__rule { margin-top: 18px; width: 22mm; }
  .cover__bottom {
    grid-template-columns: 1fr 1fr; gap: 16px 12px;
    margin-top: 24px; padding-top: 16px;
  }
  .cover__bottom div span { font-size: 8px; margin-bottom: 3px; }
  .cover__bottom div strong { font-size: 13px; }
  .cover__foot { flex-direction: column; align-items: flex-start; gap: 6px; font-size: 11px; margin-top: 16px; }
  .cover__social { margin-left: 0; }

  /* --- tipografi --- */
  h2 { font-size: 22px; line-height: 1.1; }
  .sec { gap: 10px; margin-bottom: 14px; }
  .sec__no { font-size: 13px; padding-top: 4px; }
  .lede, .two .lede { font-size: 14px; line-height: 1.62; }
  .block { margin-bottom: 18px; }
  .block h4 { font-size: 10px; margin-bottom: 8px; }
  .two { grid-template-columns: 1fr; gap: 14px; }
  .cards { grid-template-columns: 1fr; gap: 10px; }
  .card { padding: 14px; }
  .card h4 { font-size: 14.5px; }
  .card p { font-size: 13px; }
  .steps { grid-template-columns: 1fr 1fr; gap: 12px; }
  .step span { font-size: 12.5px; }
  .step em { font-size: 11.5px; }

  /* --- müşteri logo bandı: 3 sütun --- */
  .trust { margin-top: 22px; padding: 18px 16px 16px; }
  .trust h4 { font-size: 9px; margin-bottom: 12px; }
  .trust__list { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .trust__tile { height: 46px; padding: 8px 9px; }
  .trust__tile img { height: 28px; }
  .trust__not { font-size: 11.5px; line-height: 1.55; margin-top: 14px; padding-top: 12px; }

  /* --- kapsam --- */
  .kapsam-not { font-size: 13px; margin-bottom: 16px; padding-left: 12px; }
  .scope-item { grid-template-columns: 30px 1fr; gap: 10px; padding: 14px 0; }
  .scope-item__no { font-size: 15px; }
  .scope-item h3 { font-size: 15.5px; margin-bottom: 6px; }
  ul.bullets li { font-size: 13px; line-height: 1.55; padding-left: 18px; }
  .tag { font-size: 9px; padding: 3px 6px; }
  .sss { margin-top: 20px; padding-top: 16px; }
  .sss__liste { grid-template-columns: 1fr; gap: 14px; }
  .sss__oge h5 { font-size: 13.5px; }
  .sss__oge p { font-size: 12.5px; line-height: 1.55; }

  /* --- fiyat tablosu: kart listesine dönüşür --- */
  table.prices, table.prices thead, table.prices tbody, table.prices tr, table.prices td { display: block; }
  table.prices thead { display: none; }
  table.prices tbody tr {
    border: 1px solid var(--hair); background: #eceae1;
    padding: 12px 14px; margin-bottom: 10px;
  }
  table.prices tbody td { border: 0; padding: 0; }
  table.prices td.name { font-size: 14.5px; line-height: 1.35; margin-bottom: 6px; }
  table.prices td.name .sub { font-size: 11.5px; margin-top: 4px; }
  table.prices td.num {
    display: grid; grid-template-columns: auto 1fr; gap: 10px;
    align-items: baseline; text-align: left; font-size: 12.5px; padding: 3px 0;
  }
  table.prices td.num::before { content: attr(data-etiket); color: var(--soft); font-size: 11.5px; }
  table.prices td.num .deger { justify-self: end; text-align: right; }
  table.prices td.num .deger .sub { display: inline; font-size: 11px; margin: 0; }

  /* Toplam satırı: etiket | dönem | fiyat (fiyat en sağda) */
  table.prices td.num[data-etiket="Toplam"] {
    grid-template-columns: auto 1fr auto;
    border-top: 1px solid #dedcd2; margin-top: 7px; padding-top: 9px;
    font-size: 15.5px; font-weight: 700;
  }
  /* grid-row:1 şart — aksi hâlde "sparse auto-placement" .sub'ı alt satıra atıyor */
  table.prices td.num[data-etiket="Toplam"]::before { grid-column: 1; grid-row: 1; font-weight: 400; }
  table.prices td.num[data-etiket="Toplam"] .sub {
    grid-column: 2; grid-row: 1; justify-self: start;
    font-weight: 400; font-size: 11.5px; display: inline; margin: 0;
  }
  table.prices td.num[data-etiket="Toplam"] .deger { grid-column: 3; grid-row: 1; }

  /* --- toplamlar --- */
  .fiyat-alt { grid-template-columns: 1fr; gap: 14px; margin-top: 16px; }
  .totals { width: auto; margin: 0; }
  .totals__row { font-size: 13px; padding: 9px 0; }
  .totals__row--net { margin-top: 12px; padding: 14px 16px; font-size: 10px !important; }
  .totals__row--net span:last-child { font-size: 26px; }
  .totals__aylik { margin-top: 12px; padding: 12px 14px; }
  .totals__aylik-ust b { font-size: 20px; }
  .totals__aylik-alt { flex-direction: column; gap: 3px; font-size: 11.5px; }
  .totals__aylik-not { font-size: 11px; }
  .paybox { padding: 12px 14px; }
  .paybox h4 { font-size: 10px; margin-bottom: 6px; }
  .paybox p { font-size: 12.5px; line-height: 1.55; }
  .callout { margin-top: 16px !important; padding: 14px; }
  .callout b { font-size: 14px; margin-bottom: 6px; }
  .callout p { font-size: 12.5px; line-height: 1.55; }

  /* --- şartlar ve koşullar: okunur punto --- */
  .ek-giris h2 { font-size: 22px; margin-bottom: 10px; }
  .ek-giris .lede { font-size: 13px; line-height: 1.6; }
  .ek-meta { grid-template-columns: 1fr 1fr; gap: 10px 12px; padding: 12px 14px; margin: 14px 0 18px; }
  .ek-meta div { font-size: 12.5px; }
  .ek-meta b { font-size: 8.5px; margin-bottom: 3px; }
  .sz-bolum { margin-bottom: 16px; }
  .sz-bolum h3 { font-size: 14px; gap: 8px; margin-bottom: 8px; line-height: 1.3; }
  .sz-bolum h3 span { font-size: 12px; min-width: 18px; }
  .sz-maddeler { gap: 7px; }
  .sz-maddeler li { font-size: 12.5px; line-height: 1.55; padding-left: 30px; }
  .sz-maddeler li b { font-size: 11px; top: 1px; }
  .ek-onay { margin-top: 18px; padding-top: 14px; }
  .ek-onay p { font-size: 13px; line-height: 1.55; }
  .ek-onay .sign { margin-top: 18px; gap: 16px; }
  .ek-dipnot { font-size: 11px; margin-top: 14px; }
  .ek-atfi { font-size: 12.5px; margin-top: 16px; padding-left: 12px; }
  .sign { grid-template-columns: 1fr; gap: 20px; margin-top: 22px; padding-top: 18px; }
  .sign__box { font-size: 12.5px; }
  .sign__box b { font-size: 13px; }
  .sign__box i { height: 34px; }

  /* --- müşteri karar çubuğu --- */
  .musteri-bar { padding: 16px; gap: 12px; }
  .musteri-bar__metin b { font-size: 16px; }
  .musteri-bar__metin span { font-size: 13px; }
  .musteri-bar__btn { flex-direction: column; }
  .musteri-bar__btn .btn { width: 100%; padding: 14px; font-size: 13.5px; }
  .paylas-ust { padding: 16px 16px 12px; }
  .paylas-ust img { height: 20px; }
}

/* ================= teklife ekli belgeler ================= */
.dosyalar{margin-top:5mm;border-top:1px solid var(--hair);padding-top:4mm}
.dosyalar h4{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:2.5mm}
.dosya-liste{list-style:none;margin:0;padding:0;display:grid;gap:1.6mm}
.dosya-liste li{display:flex;align-items:baseline;gap:3mm;font-size:10.5px;color:#3a3b34;
  border-left:2px solid var(--primary);padding:1mm 0 1mm 3mm}
.dosya-ad{font-weight:600;color:var(--ink)}
.dosya-meta{color:var(--soft);font-size:9.5px;white-space:nowrap}
.dosya-indir{margin-left:auto;color:var(--primary);font-weight:600;font-size:10px;text-decoration:none;
  border:1px solid rgba(250,81,47,.4);padding:.6mm 2.5mm;white-space:nowrap}
.dosya-indir:hover{background:rgba(250,81,47,.08)}

@media screen and (max-width: 820px) {
  .dosya-liste li{flex-wrap:wrap;font-size:12.5px;gap:2mm}
  .dosya-meta{font-size:11px}
  .dosya-indir{margin-left:0;font-size:12px;padding:6px 12px}
}

/* ================= opsiyonel kalemler ================= */
.prices tr.satir--opsiyonel td { background: rgba(250,81,47,.035); }
.prices tr.satir--opsiyonel td.name { color: #5c5d54; }
.tag--ops { background: rgba(250,81,47,.14) !important; color: var(--primary) !important; border-color: rgba(250,81,47,.4) !important; }
.opsiyonel-not { margin-top: 4mm; padding: 3mm 4mm; border-left: 2px solid var(--primary);
  background: rgba(250,81,47,.05); font-size: 10px; line-height: 1.55; color: #4a4b43; }
.opsiyonel-not b { color: var(--ink); }
.opsiyonel-not span { font-weight: 700; color: var(--primary); }