/* yasal ve bilgi sayfaları için ortak stil (ana sayfayla aynı dil) */
:root{--paper:#f7f0e4;--paper2:#efe4d2;--white:#fffdf9;--ink:#221a16;--ink2:#4d4039;--muted:#857469;--line:rgba(34,26,22,.12);--or:#f2622e;--or-d:#cf4a19;--or-s:#ffd9c4;--sage:#c4dbb6;
  --serif:'Fraunces',Georgia,serif;--sans:'Figtree',system-ui,sans-serif;--hand:'Caveat',cursive}
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:clip}
body{background:var(--paper);color:var(--ink);font:400 16.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--or-d)}
.wrap{width:min(820px,100% - 40px);margin-inline:auto}
.top{padding:22px 0}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo svg,.logo img{width:40px;height:40px;flex:none;border-radius:50%}
.logo b{font:600 19px/1 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.logo b i{color:var(--or);font-style:italic}
.geri{font-weight:700;font-size:14.5px;text-decoration:none;color:var(--ink2);background:var(--white);border-radius:99px;padding:10px 16px;box-shadow:0 0 0 1px var(--line)}
main{flex:1;padding:30px 0 80px}
.kart{background:var(--white);border-radius:28px;padding:48px;box-shadow:0 1px 1px rgba(34,26,22,.04),0 10px 30px -12px rgba(34,26,22,.22)}
h1{font:500 clamp(34px,5vw,50px)/1.05 var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.025em}
h1 em{font-style:italic;color:var(--or)}
.guncel{color:var(--muted);font-size:14px;margin-top:10px}
h2{font:600 22px/1.3 var(--serif);font-variation-settings:"SOFT" 100;margin:34px 0 10px;letter-spacing:-.01em}
h3{font:700 16px var(--sans);margin:20px 0 6px}
p,li{color:var(--ink2)}
p+p{margin-top:10px}
ul,ol{padding-left:22px;margin-top:8px}
li{margin-top:6px}
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
th,td{text-align:left;padding:10px 8px;border-top:1px solid var(--line);vertical-align:top}
th{font-weight:700;color:var(--muted);font-size:13.5px}
.tbl{overflow-x:auto}
.bilgi{background:var(--paper);border-radius:16px;padding:18px 20px;margin-top:14px}
.bilgi p{margin:0}
mark.eksik{background:#ffe27a;color:var(--ink);padding:1px 6px;border-radius:5px;font-weight:600}
.durum{text-align:center;max-width:560px;margin-inline:auto}
.durum .ik{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:var(--sage)}
.durum .ik svg{width:36px;height:36px}
.durum.kotu .ik{background:#fde3dd}
.durum p{font-size:17.5px;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:99px;font:700 16px var(--sans);text-decoration:none;background:var(--or);color:#fff;box-shadow:0 4px 0 var(--or-d);margin-top:26px}
.hand{font:700 26px/1.1 var(--hand);color:var(--or-d)}
footer{padding:26px 0 34px;font-size:13.5px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .kart{padding:28px 20px;border-radius:22px}
  .logo b{font-size:17px}
  .geri{padding:9px 13px;font-size:13.5px}
  h2{font-size:20px}
}
@media (max-width:640px){
  /* ürün tablosu telefonda kart olur */
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr:first-child{display:none}
  .tbl tr{background:var(--paper);border-radius:14px;padding:12px 14px;margin-top:10px}
  .tbl td{border:0;padding:4px 0}
  .tbl td:before{content:attr(data-l);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .tbl td:first-child{font:600 18px/1.3 var(--serif)}
  .tbl td:first-child:before{display:none}
}