/* ============================================================
   PİKSEL & CO — e-ticaret hizmet sayfası katmanı
   piksel.css'in ÜSTÜNE yüklenir. Tek başına çalışmaz.
   Yalnızca bu sayfanın ihtiyaç duyduğu birkaç blok:
   1 kapsam listesi (biz/siz)  ·  2 not kutusu  ·  3 karşılaştırma
   ============================================================ */

/* ---- 1) Kapsam: neyi biz yapıyoruz, neyi siz --------------------- */
.gorevler{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  margin-top:48px;border-top:var(--rule) solid var(--ink)}
.gorev{padding:28px 30px 32px 0;border-right:1px solid var(--line)}
.gorev:last-child{border-right:0}
.gorev .etiket{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;display:block;margin-bottom:14px}
.gorev.biz .etiket{color:var(--red)}
.gorev.siz .etiket{color:var(--text-3)}
.gorev h3{font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:-.025em;margin-bottom:8px;line-height:1.1}
.gorev>p{color:var(--text-2);font-size:.92rem;margin-bottom:20px;max-width:44ch}
.gorev ul{margin:0;padding:0;list-style:none}
.gorev li{position:relative;padding-left:24px;margin-bottom:12px;font-size:.93rem;
  color:var(--text-2);line-height:1.55}
.gorev li b{color:var(--text);font-weight:600}
.gorev.biz li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;
  background:var(--red)}
.gorev.siz li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;
  border:1.5px solid var(--line-2)}
@media (max-width:760px){
  .gorev{border-right:0;border-bottom:1px solid var(--line);padding-right:0}
  .gorev:last-child{border-bottom:0}
}

/* ---- 2) Not kutusu ---------------------------------------------- */
.notkutu{margin-top:40px;padding:26px 30px;border:1.5px solid var(--line-2);max-width:74ch}
.notkutu b{display:block;font-family:var(--display);font-size:1.05rem;margin-bottom:8px;
  letter-spacing:-.015em}
.notkutu p{color:var(--text-2);font-size:.94rem;line-height:1.65}

/* ---- 3) Pazaryeri / hazır platform / kendi siten ----------------- */
.karsiwrap{margin-top:48px;overflow-x:auto;border:1.5px solid var(--line-2);
  -webkit-overflow-scrolling:touch}
.karsi{width:100%;min-width:620px;border-collapse:collapse;font-size:.94rem}
.karsi caption{caption-side:bottom;padding:14px 18px;text-align:left;
  font-size:.82rem;color:var(--text-3);line-height:1.55}
.karsi th,.karsi td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);
  vertical-align:top}
.karsi thead th{background:var(--ink);color:var(--paper);font-family:var(--mono);
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;border-bottom:0}
.karsi tbody th{font-family:var(--display);font-weight:700;color:var(--text);white-space:nowrap}
.karsi td{color:var(--text-2)}
.karsi tbody tr:last-child th,.karsi tbody tr:last-child td{border-bottom:0}
.karsi tr.bizim th,.karsi tr.bizim td{background:var(--paper-2)}
.karsi tr.bizim td{color:var(--text)}