:root{
  --bor:#6B1A1A;--bor2:#8B2A2A;--bor3:#3D0000;
  --altin:#C8963C;--altin2:#E0A84A;
  --tx:#1A1A14;--tx2:#5C5848;--tx3:#9A9080;
  --krem:#FAFAF6;--krem2:#F0EDE6;--krem3:#E8E2D8;
  --bd:#DDD8CE;--beyaz:#FFFFFF;
  --yesil:#2D7A4F;--hata:#C0392B;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{font-family:'DM Sans',sans-serif;background:var(--krem);color:var(--tx);line-height:1.6;padding-bottom:68px}
a{text-decoration:none;color:inherit}

/* ===== ÜST NAV ===== */
.ust-nav{position:sticky;top:0;z-index:100;background:rgba(250,250,246,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--bor);letter-spacing:1px}
.logo span{font-size:9px;color:var(--tx3);letter-spacing:3px;text-transform:uppercase;display:block;margin-top:-2px}
.nav-sag{display:flex;align-items:center;gap:12px}
.nav-isim{font-size:11px;color:var(--tx2);letter-spacing:0.5px;cursor:pointer}
.nav-giris{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bor);border:1px solid var(--bor);padding:6px 14px;border-radius:2px;cursor:pointer;background:none;font-family:'DM Sans',sans-serif}
.sepet-badge{position:relative;cursor:pointer}
.badge{position:absolute;top:-6px;right:-6px;background:var(--bor);color:#fff;width:16px;height:16px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center}

/* ===== ALT NAV ===== */
.alt-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--bd);display:flex;z-index:9999;height:62px;box-shadow:0 -2px 12px rgba(0,0,0,0.06)}
.an-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--tx3);padding:6px 0;cursor:pointer;transition:color .2s;border:none;background:none}
.an-item.aktif{color:var(--bor)}
.an-item:active{opacity:.7}
.an-ikon{position:relative;display:block}
.an-ikon svg{width:22px;height:22px;display:block}
.an-ikon .badge{display:none}
.an-lbl{font-size:9px;letter-spacing:.3px;font-weight:500;margin-top:3px}

/* ===== BUTONLAR ===== */
.btn-ana{width:100%;padding:14px;background:var(--bor);color:#fff;border:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:'DM Sans',sans-serif;cursor:pointer;border-radius:2px;font-weight:500}
.btn-ana:active{background:var(--bor2)}
.btn-ikincil{width:100%;padding:14px;background:transparent;color:var(--bor);border:1.5px solid var(--bor);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:'DM Sans',sans-serif;cursor:pointer;border-radius:2px}

/* ===== KART ===== */
.kart{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);overflow:hidden}

/* ===== FORM ===== */
.form-grup{margin-bottom:16px}
.form-etiket{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tx3);font-weight:500;margin-bottom:6px;display:block}
.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--bd);background:#fff;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--tx);border-radius:4px;outline:none;transition:border-color .2s}
.form-input:focus{border-color:var(--bor)}
.form-select{width:100%;padding:12px 14px;border:1.5px solid var(--bd);background:#fff;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--tx);border-radius:4px;outline:none;appearance:none}

/* ===== MESAJ ===== */
.basari{background:#E8F5E9;color:#2E7D32;padding:12px 16px;border-radius:4px;font-size:13px;display:none}
.hata-msg{background:#FFEBEE;color:var(--hata);padding:12px 16px;border-radius:4px;font-size:13px;display:none}

/* ===== SAYFA BAŞLIĞI ===== */
.sayfa-baslik{padding:24px 20px 16px;border-bottom:1px solid var(--krem3)}
.sayfa-baslik h1{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;color:var(--tx)}
.sayfa-baslik p{font-size:12px;color:var(--tx3);margin-top:4px;letter-spacing:.5px}

/* ===== WRAP ===== */
.wrap{max-width:480px;margin:0 auto;padding:0 20px}