/* =========================================================
   TEKİN MATBAA — 3/3 SAYFALAR
   Kategori sayfası · teklif formu · website tasarımı · metin
   ========================================================= */

/* =========================================================
   SAYFA BAŞLIĞI
   ========================================================= */
.sayfa-bas{background:var(--kagit-2);border-bottom:1px solid var(--cizgi);padding:46px 0 42px}
.sayfa-bas h1{font-size:clamp(30px,4.2vw,50px);font-weight:800;margin:12px 0 14px}
.sayfa-bas__metin{color:var(--murekkep-60);font-size:16.5px;max-width:620px}

/* =========================================================
   KATEGORİ SAYFASI — MODERN VİTRİN & SHOWCASE MİMARİSİ
   ========================================================= */
.yol{font-size:13px;color:var(--murekkep-60);padding:14px 0}
.yol a:hover{color:var(--murekkep)}
.yol span{margin:0 7px;color:var(--murekkep-40)}

/* 1. HERO BÖLÜMÜ */
.kat-hero{position:relative;background:#101018;color:#fff;padding:48px 0 54px;overflow:hidden;isolation:isolate}
.kat-hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:60vw;height:60vw;
  background:radial-gradient(circle at 60% 40%, var(--nokta) 0%, transparent 65%);
  opacity:.22;filter:blur(50px);z-index:-1;pointer-events:none}
.kat-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.04;pointer-events:none;
  background-image:radial-gradient(#fff 1px, transparent 1px);background-size:4px 4px}
.kat-hero__ic{display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center}
.kat-hero__sol{display:flex;flex-direction:column;gap:14px}
.kat-hero__eyebrow{font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nokta);display:flex;align-items:center;gap:8px}
.kat-hero__eyebrow-nokta{width:7px;height:7px;border-radius:50%;background:var(--nokta)}
.kat-hero h1{font-size:clamp(30px,4.2vw,48px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:#fff;margin:0}
.kat-hero p{font-size:16.5px;line-height:1.6;color:#a9a9ba;max-width:540px;margin:0}
.kat-hero__guven{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12.5px;color:#c2c2d2}
.kat-hero__guven span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:100px}
.kat-hero__guven svg{width:13px;height:13px;color:var(--nokta)}
.kat-hero__dugmeler{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.kat-hero .dugme{background:var(--nokta);border-color:var(--nokta);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.kat-hero .dugme:hover{background:#fff;border-color:#fff;color:#101018}
.kat-hero .dugme--hayalet{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.kat-hero .dugme--hayalet:hover{background:#fff;border-color:#fff;color:#101018}

.kat-hero__sag{position:relative}
.kat-hero__kutu{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;overflow:hidden;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.kat-hero__gorsel-alani{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;background:#1a1a24}
.kat-hero__gorsel-alani img{width:100%;height:100%;object-fit:cover;display:block}
.kat-hero__kart-rozet{position:absolute;top:14px;left:14px;background:rgba(16,16,24,.85);
  backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);
  font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}
.kat-hero__kart-alt{padding:14px 6px 4px;display:flex;justify-content:space-between;align-items:center}
.kat-hero__kart-ad{font-weight:700;font-size:15px;color:#fff}
.kat-hero__kart-deger{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--nokta);font-weight:600}

/* 2. FİLTRE / SEKME ÇUBUĞU */
.kat-filtre-bari{position:sticky;top:0;z-index:35;background:rgba(244,244,241,.94);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi);padding:14px 0}
.kat-filtre-bari__ic{display:flex;align-items:center;justify-content:space-between;gap:18px}
.kat-sekmeler{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}
.kat-sekmeler::-webkit-scrollbar{display:none}
.kat-sekme{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;
  background:var(--kagit-2);border:1px solid var(--cizgi);font-size:13.5px;font-weight:600;color:var(--murekkep);
  cursor:pointer;white-space:nowrap;transition:all var(--gecis)}
.kat-sekme:hover{border-color:var(--aktif);color:var(--aktif)}
.kat-sekme[aria-selected="true"]{background:var(--aktif);color:#fff;border-color:var(--aktif);box-shadow:0 4px 14px -3px rgba(0,0,0,.25)}
.kat-sekme__sayi{font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;padding:2px 7px;
  border-radius:100px;background:rgba(0,0,0,.07);color:inherit}
.kat-sekme[aria-selected="true"] .kat-sekme__sayi{background:rgba(255,255,255,.24);color:#fff}
.kat-filtre-sayac{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--murekkep-60);white-space:nowrap}

/* 3. VİTRİN VE ÜRÜN KARTLARI */
.kat-ana-alani{padding-bottom:80px}
.kat-vitrin{padding:32px 0 10px}
.kat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}

.u-kart{background:var(--kagit-2);border-radius:16px;border:1px solid var(--cizgi);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(20,20,28,.04);
  transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis);position:relative}
.u-kart:hover{transform:translateY(-6px);box-shadow:0 22px 38px -12px rgba(20,20,28,.14);border-color:var(--aktif)}
.u-kart[data-gizli="true"]{display:none}

.u-kart__medya{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9e9ee}
.u-kart__medya img{width:100%;height:100%;object-fit:cover;transition:transform 450ms ease}
.u-kart:hover .u-kart__medya img{transform:scale(1.06)}

/* Görsel henüz eklenmemiş ürün kartları için nötr yer tutucu */
.u-kart__medya--bos{display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:repeating-linear-gradient(45deg,var(--kagit) 0 10px,var(--kagit-2) 10px 20px);
  border:1px dashed var(--cizgi)}
.u-kart__medya-bos-ikon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:var(--murekkep-40)}
.u-kart__medya-bos-ikon svg{width:30px;height:30px}
.u-kart__medya-bos-ikon span{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.04em;
  background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:100px;padding:3px 10px}
.u-kart__medya--bos .u-kart__medya-bos-ikon span{background:var(--kagit)}

.u-kart__rozet{position:absolute;top:12px;left:12px;background:rgba(20,20,28,.82);
  backdrop-filter:blur(8px);color:#fff;font-family:"JetBrains Mono",monospace;font-size:10.5px;
  font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:6px;z-index:2}
.u-kart__rozet--vurgu{background:var(--aktif);color:#fff}

.u-kart__govde{padding:20px 22px 20px;display:flex;flex-direction:column;flex:1}
.u-kart__kategori{font-family:"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--aktif);margin-bottom:6px}
.u-kart__baslik{font-size:18px;font-weight:700;color:var(--murekkep);line-height:1.24;margin-bottom:8px}
.u-kart__ozet{font-size:13.5px;line-height:1.5;color:var(--murekkep-60);margin-bottom:14px}
.u-kart__ozellikler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.u-kart__etiket{font-size:11.5px;font-family:"JetBrains Mono",monospace;color:var(--murekkep-60);
  background:var(--kagit);padding:3px 8px;border-radius:4px;border:1px solid var(--cizgi)}

.u-kart__aksiyonlar{margin-top:auto;padding-top:16px;border-top:1px solid #f0f0ed;
  display:grid;grid-template-columns:1fr 1fr;gap:9px}
.u-kart__aksiyonlar--tek{grid-template-columns:1fr}
.u-kart__dugme-incele{display:inline-flex;align-items:center;justify-content:center;
  background:var(--kagit);color:var(--murekkep);border:1px solid var(--cizgi);
  padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;transition:all var(--gecis)}
.u-kart__dugme-incele:hover{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}

/* 4. MALZEME & TEKNİK REHBER ALANI */
.kat-rehber{margin-top:54px;padding:36px;background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:18px}
.kat-rehber__ust{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px;flex-wrap:wrap}
.kat-rehber__ust h2{font-size:26px;font-weight:800;margin:0 0 6px}
.kat-rehber__ust p{font-size:15px;color:var(--murekkep-60);max-width:620px;margin:0}
.kat-rehber__izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.rehber-kutu{background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px;padding:22px 20px}
.rehber-kutu__ikon{width:38px;height:38px;border-radius:10px;background:var(--kagit-2);display:grid;
  place-items:center;margin-bottom:14px;border:1px solid var(--cizgi);color:var(--aktif)}
.rehber-kutu__ikon svg{width:20px;height:20px}
.rehber-kutu h3{font-size:16px;font-weight:700;margin:0 0 8px}
.rehber-kutu p{font-size:13.5px;color:var(--murekkep-60);line-height:1.5;margin:0}

/* 5. HIZLI TEKLİF VE DÖNÜŞÜM FORMU */
.kat-hizli-form-alani{margin-top:48px;background:linear-gradient(135deg,#12121a 0%,#1f1f2e 100%);
  color:#fff;border-radius:20px;padding:44px 40px;position:relative;overflow:hidden}
.kat-hizli-form-alani::before{content:"";position:absolute;right:-5%;bottom:-20%;width:40vw;height:40vw;
  background:radial-gradient(circle,var(--nokta) 0%,transparent 60%);opacity:.2;filter:blur(50px);pointer-events:none}
.kat-hizli-form-alani__ic{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.kat-hizli-form__sol h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;line-height:1.18;margin:0 0 10px}
.kat-hizli-form__sol p{font-size:15px;color:#b2b2c4;line-height:1.55;margin:0 0 24px}
.kat-hizli-form__avantajlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kat-hizli-form__avantajlar div{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#dedee8}
.kat-hizli-form__avantajlar svg{width:16px;height:16px;color:var(--nokta);flex-shrink:0}

.kat-form-kutu{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:26px;backdrop-filter:blur(10px)}
.kat-form-kutu .form-satir{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.kat-form-kutu label{display:block;font-size:12px;font-family:"JetBrains Mono",monospace;letter-spacing:.06em;
  text-transform:uppercase;color:#c0c0d0;margin-bottom:5px}
.kat-form-kutu input,.kat-form-kutu select,.kat-form-kutu textarea{width:100%;box-sizing:border-box;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:6px;
  padding:10px 12px;font-size:14px;font-family:inherit;transition:border-color var(--gecis)}
.kat-form-kutu input:focus,.kat-form-kutu select:focus,.kat-form-kutu textarea:focus{
  outline:none;border-color:var(--nokta)}
.kat-form-kutu textarea{resize:vertical;min-height:55px;margin-bottom:14px}
.kat-form-kutu .dugme{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--nokta);border-color:var(--nokta);color:#fff;font-weight:700;font-size:14.5px;padding:12px;border-radius:8px}
.kat-form-kutu .dugme:hover{background:#fff;border-color:#fff;color:#12121a}

/* 6. DİĞER KATEGORİLER VE HIZLI GEÇİŞ */
.kat-diger-alani{margin-top:54px;padding-top:36px;border-top:1px solid var(--cizgi)}
.kat-diger-alani h2{font-size:22px;font-weight:800;margin:0 0 18px}
.kat-diger-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.diger-kart{background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:10px;padding:16px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14.5px;font-weight:600;
  transition:all var(--gecis)}
.diger-kart:hover{border-color:var(--aktif);color:var(--aktif);transform:translateX(3px)}
.diger-kart span{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;width:22px;height:22px;
  display:grid;place-items:center;color:#fff;background:var(--nokta);border-radius:50%}
.diger-kart[aria-current="page"]{border-color:var(--aktif);background:var(--kagit)}

@media (max-width: 960px) {
  .kat-hero__ic{grid-template-columns:1fr;gap:32px}
  .kat-hero__sag{max-width:440px}
  .kat-hizli-form-alani__ic{grid-template-columns:1fr;gap:28px}
  .kat-rehber{padding:26px 20px}
  .kat-hizli-form-alani{padding:30px 22px}
}

@media (max-width: 600px) {
  .kat-izgara{grid-template-columns:1fr;gap:18px}
  .u-kart__aksiyonlar{grid-template-columns:1fr}
  .kat-form-kutu .form-satir{grid-template-columns:1fr}
  .kat-hero__guven{flex-direction:column;align-items:flex-start}
}

/* =========================================================
   WEBSITE TASARIMI SAYFASI
   ========================================================= */
.web-bas{background:#1a1730;color:#fff;padding:64px 0 60px;position:relative;overflow:hidden}
.web-bas::before{content:"";position:absolute;inset:-40% -20% auto auto;width:70vw;height:70vw;
  background:radial-gradient(circle,var(--w) 0%,transparent 60%);opacity:.3;filter:blur(60px)}
.web-bas__ic{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.web-bas .eyebrow{color:#b9aef7}
.web-bas h1{font-size:clamp(32px,4.6vw,56px);font-weight:800;margin:12px 0 14px}
.web-bas p{color:#b6b2cc;font-size:16.5px;max-width:520px}
.web-bas__dugmeler{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap}
.web-bas .dugme{background:var(--w);border-color:var(--w);color:#fff}
.web-bas .dugme:hover{background:#fff;border-color:#fff;color:#1a1730}
.web-bas .dugme--hayalet{background:transparent;color:#fff;border-color:#3b3560}
.web-bas .dugme--hayalet:hover{background:#fff;color:#1a1730;border-color:#fff}
.web-bas__gorsel{border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -26px rgba(0,0,0,.7)}

.paket-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:start}
.paket-kart{background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:var(--r);padding:26px 24px 24px;
  display:flex;flex-direction:column;gap:12px}
.paket-kart--one{border-color:var(--w);box-shadow:0 20px 40px -26px rgba(91,75,216,.6)}
.paket-kart__etiket{align-self:flex-start;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;background:var(--w);color:#fff;padding:3px 9px;border-radius:var(--r)}
.paket-kart h3{font-size:22px}
.paket-kart__fiyat{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--murekkep-60)}
.paket-kart ul{display:grid;gap:8px;margin:6px 0 4px}
.paket-kart li{font-size:14px;color:var(--murekkep-60);padding-left:20px;position:relative}
.paket-kart li::before{content:"✓";position:absolute;left:0;color:var(--w);font-weight:700}
.paket-kart .dugme{margin-top:auto;text-align:center}

.surec{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;
  background:var(--cizgi);border:1px solid var(--cizgi)}
.surec li{background:var(--kagit-2);padding:24px 20px 26px}
.surec b{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--w);letter-spacing:.1em;display:block}
.surec h3{font-size:17px;margin:10px 0 6px}
.surec p{font-size:13.5px;color:var(--murekkep-60)}

.sss{display:grid;gap:0;border-top:1px solid var(--cizgi)}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;list-style:none;padding:17px 2px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:12px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";margin-left:auto;color:var(--murekkep-40);font-weight:500}
.sss details[open] summary::after{content:"–"}
.sss p{padding:0 2px 18px;color:var(--murekkep-60);font-size:14.5px;max-width:70ch}

/* =========================================================
   TEKLİF FORMU
   ========================================================= */
.form-alani{padding:40px 0 76px}
.form-duzen{display:grid;grid-template-columns:1fr 310px;gap:40px;align-items:start}
.form{background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:var(--r);padding:30px 32px 26px}

.ilerleme{display:flex;gap:6px;margin-bottom:30px;flex-wrap:wrap}
.ilerleme li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--murekkep-40);
  padding:8px 14px 8px 8px;border-radius:100px;background:var(--kagit);cursor:pointer}
.ilerleme li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--cizgi);
  color:var(--murekkep-60);font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700}
.ilerleme li[data-durum="aktif"]{background:var(--murekkep);color:#fff}
.ilerleme li[data-durum="aktif"] span{background:var(--aktif);color:#fff}
.ilerleme li[data-durum="tamam"]{color:var(--murekkep)}
.ilerleme li[data-durum="tamam"] span{background:var(--aktif);color:#fff}

.adim{border:0;padding:0;margin:0;animation:adimGelis 180ms ease-out}
@keyframes adimGelis{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.adim__baslik{font-family:"Archivo",sans-serif;font-size:23px;font-weight:700;letter-spacing:-.02em;padding:0;margin-bottom:20px}

.alan-satir{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.alan{display:block;margin-bottom:16px}
.alan__ad{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.alan__ad b{color:var(--hata)}
.alan__ipucu{display:block;font-size:12.5px;color:var(--murekkep-40);margin-top:5px}
.alan input,.alan select,.alan textarea{width:100%;padding:11px 12px;border:1px solid var(--cizgi);
  border-radius:var(--r);font:inherit;font-size:14.5px;background:var(--kagit-2);color:inherit;
  transition:border-color var(--gecis)}
.alan textarea{resize:vertical;min-height:96px}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-color:var(--aktif);
  box-shadow:0 0 0 3px rgba(0,152,216,.12)}
.alan input[aria-invalid="true"],.alan select[aria-invalid="true"]{border-color:var(--hata);background:#fdf5f5}

.kategoriler{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}
.kat-kart{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;cursor:pointer;
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:var(--r);text-align:left;
  transition:border-color var(--gecis),transform var(--gecis),background var(--gecis)}
.kat-kart:hover{transform:translateY(-2px);border-color:var(--nokta)}
.kat-kart[aria-checked="true"]{background:var(--kagit-2);border-color:var(--nokta);box-shadow:inset 3px 0 0 var(--nokta)}
.kat-kart__kanal{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--nokta);
  color:#fff;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700}
.kat-kart strong{font-family:"Archivo",sans-serif;font-size:16px}
.kat-kart__ozet{font-size:12.5px;color:var(--murekkep-60);line-height:1.4}

.secenekler{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
.secenek{display:flex;gap:11px;padding:14px 15px;border:1px solid var(--cizgi);border-radius:var(--r);cursor:pointer;
  background:var(--kagit);transition:border-color var(--gecis),background var(--gecis)}
.secenek input{margin-top:3px;accent-color:var(--aktif);flex:0 0 auto}
.secenek span{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--murekkep-60)}
.secenek strong{font-size:14.5px;color:var(--murekkep)}
.secenek:has(input:checked){background:var(--kagit-2);border-color:var(--aktif)}

.mini-set{border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px 18px;margin:4px 0 18px}
.mini-set legend{font-size:13px;font-weight:600;padding:0 6px}
.kutucuklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 18px}
.kutucuklar label{display:flex;gap:9px;align-items:flex-start;font-size:14px;cursor:pointer}
.kutucuklar input{margin-top:3px;accent-color:var(--aktif)}
.dinamik{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.dinamik .mini-set{grid-column:1/-1}

.yukleme{position:relative;border:1.5px dashed var(--cizgi);border-radius:var(--r);background:var(--kagit);
  padding:28px 20px;text-align:center;transition:border-color var(--gecis),background var(--gecis)}
.yukleme:hover,.yukleme[data-uzerinde="1"]{border-color:var(--aktif);background:var(--kagit-2)}
.yukleme input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.yukleme__ic{display:flex;flex-direction:column;gap:5px;pointer-events:none}
.yukleme__ic strong{font-size:15.5px}
.yukleme__ic span{font-size:13px;color:var(--murekkep-60)}
.dosya-liste{margin:12px 0 18px}
.dosya-liste li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--kagit);
  border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:6px;font-size:14px}
.dosya-liste .boyut{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--murekkep-40)}
.dosya-liste .sil{background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:var(--murekkep-40);padding:0 2px}
.dosya-liste .sil:hover{color:var(--hata)}
.dosya-liste .buyuk{color:var(--hata);background:none;border:0;padding:0;aspect-ratio:auto;display:inline}

.onaylar{display:grid;gap:11px;margin-top:20px;padding-top:20px;border-top:1px solid var(--cizgi)}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.onay input{margin-top:3px;accent-color:var(--aktif)}
.onay b{color:var(--hata)}
.onay a{text-decoration:underline}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.form__alt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;
  padding-top:22px;border-top:1px solid var(--cizgi);flex-wrap:wrap}
.form__alt-sag{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form__uyari{font-size:13.5px;color:var(--hata);font-weight:600}
.dugme--gonder{background:var(--aktif);border-color:var(--aktif)}
.dugme--gonder:hover{background:var(--murekkep);border-color:var(--murekkep)}
.dugme[disabled]{opacity:.55;cursor:progress}

.ozet{position:sticky;top:150px;background:var(--kagit-2);border:1px solid var(--cizgi);
  border-top:3px solid var(--aktif);border-radius:var(--r);padding:22px 22px 24px}
.ozet h2{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--murekkep-60);margin-bottom:14px}
.ozet dt{font-size:12px;color:var(--murekkep-40);margin-top:11px}
.ozet dd{margin:2px 0 0;font-size:14.5px;font-weight:500}
.ozet__bos{color:var(--murekkep-40);font-weight:400 !important;font-size:14px !important}
.ozet__kutu{margin-top:22px;padding-top:18px;border-top:1px solid var(--cizgi);font-size:13.5px;color:var(--murekkep-60)}
.ozet__kutu strong{display:block;color:var(--murekkep);font-size:14.5px;margin-bottom:5px}
.ozet__kutu a{display:inline-block;margin-top:9px;font-weight:700;font-size:16px;color:var(--aktif);
  font-family:"JetBrains Mono",monospace}

.tesekkur{padding:80px 0 100px}
.tesekkur__ic{max-width:620px;text-align:center;margin-inline:auto}
.tesekkur__isaret{color:var(--olumlu);width:56px;margin:0 auto 20px}
.tesekkur h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;margin-bottom:12px}
.tesekkur__metin{font-size:17px;color:var(--murekkep-60)}
.tesekkur__ref{margin-top:16px;font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--murekkep-60)}
.tesekkur__ref b{color:var(--murekkep)}
.tesekkur__dugmeler{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}

/* =========================================================
   METİN SAYFASI (KVKK vb.)
   ========================================================= */
.metin{max-width:760px;margin-inline:auto;padding:48px 24px 90px}
.metin h1{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:10px}
.metin h2{font-size:19px;margin:32px 0 10px}
.metin p,.metin li{color:var(--murekkep-60);margin-bottom:10px}
.metin ul{list-style:disc;padding-left:20px}
.metin li{margin-bottom:6px}
.metin .not{background:var(--kagit-2);border:1px solid var(--cizgi);border-left:3px solid var(--m);
  padding:16px 18px;margin:26px 0;color:var(--murekkep)}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:980px){
  .form-duzen{grid-template-columns:1fr}
  .ozet{position:static;order:-1}
  .web-bas__ic{grid-template-columns:1fr;gap:28px}
}
@media (max-width:900px){
  .kat-govde{grid-template-columns:1fr;gap:20px}
  .kat-yan{position:static}
  .kat-yan ul{display:flex;gap:6px;overflow-x:auto}
  .kat-yan li a{white-space:nowrap;background:var(--kagit-2);border:1px solid var(--cizgi)}
}
@media (max-width:640px){
  .form{padding:22px 18px}
  .alan-satir,.secenekler,.dinamik{grid-template-columns:1fr}
  .ilerleme li{font-size:0;padding:8px}
  .ilerleme li span{font-size:11px}
  .ilerleme li[data-durum="aktif"]{font-size:13px;padding:8px 14px 8px 8px}
  .form__alt{flex-direction:column-reverse;align-items:stretch}
  .form__alt-sag{flex-direction:column;align-items:stretch}
  .form__alt .dugme{text-align:center;width:100%}
}

/* ürün sayfası olan kalemler biraz belirgin dursun */
.urun-kart--sayfa{box-shadow:inset 3px 0 0 var(--aktif)}
.urun-kart--sayfa::after{content:"→";color:var(--aktif)}