/* Funtara — ortak stil
   Marka: #533043 erik · #BF7D9D gül kurusu */

:root{
  --plum:#533043;
  --mauve:#BF7D9D;
  --ink:#3B2430;
  --muted:#8A7280;
  --bg:#FCFAFB;
  --card:#FFFFFF;
  --line:#EDE0E7;
  --flag:#FBF3F7;
  --maxw:680px;
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16px;
  line-height:1.7;
}

.wrap{max-width:var(--maxw);margin:0 auto;padding:56px 24px 8px}

/* --- Başlık --- */

.masthead{text-align:center;margin-bottom:44px}

.masthead img{
  width:96px;height:auto;display:block;margin:0 auto 22px;
}

.masthead h1{
  font-family:'Cinzel',Georgia,serif;
  font-size:1.6rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--plum);
  margin:0 0 10px;
  line-height:1.3;
}

.masthead .sub{
  color:var(--muted);
  font-size:.94rem;
  margin:0;
}

.rule{
  width:52px;height:3px;border-radius:2px;
  background:var(--mauve);
  margin:26px auto 0;
}

/* --- Metin --- */

h2{
  font-family:'Cinzel',Georgia,serif;
  font-size:1.12rem;
  font-weight:600;
  color:var(--plum);
  letter-spacing:.01em;
  margin:44px 0 14px;
  padding-top:26px;
  border-top:1px solid var(--line);
}

h2:first-of-type{border-top:0;padding-top:0;margin-top:0}

h3{
  font-size:.98rem;
  font-weight:600;
  color:var(--plum);
  margin:24px 0 8px;
}

p{margin:0 0 15px}

ul{margin:0 0 15px;padding-left:22px}
li{margin-bottom:8px}
li::marker{color:var(--mauve)}

a{color:var(--plum);text-decoration-color:var(--mauve);text-underline-offset:3px}
a:hover{color:var(--mauve)}

strong{font-weight:600;color:var(--plum)}

code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.88em;
  background:var(--flag);
  padding:2px 6px;border-radius:5px;
  color:var(--plum);
}

/* --- Bileşenler --- */

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:20px 22px;
  margin:0 0 16px;
}

.card.flag{
  background:var(--flag);
  border-left:3px solid var(--mauve);
}

.card p:last-child{margin-bottom:0}

.mail{
  display:inline-block;
  font-weight:600;
  font-size:1.02rem;
  word-break:break-all;
}

/* --- Uygulama kartı + birincil eylem --- */

.app{display:flex;gap:18px;align-items:flex-start}

.app-icon{
  width:64px;height:64px;border-radius:15px;flex-shrink:0;
  border:1px solid var(--line);
}

.app-body{flex:1;min-width:0}
.app-body h3{margin-top:0}

.cta{
  display:inline-block;
  margin-top:6px;
  padding:11px 22px;
  border-radius:999px;
  background:var(--plum);
  color:#fff;
  font-weight:600;
  font-size:.95rem;
  text-decoration:none;
}

.cta:hover{background:var(--mauve);color:#fff}

.stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.masthead .stores{justify-content:center}
.stores .cta{margin-top:0}
.stores-note{color:var(--muted);font-size:.82rem;margin:8px 0 0}

@media (max-width:540px){
  .app{gap:14px}
  .app-icon{width:52px;height:52px}
}

ol.steps{list-style:none;counter-reset:s;padding:0;margin:0 0 16px}

ol.steps > li{
  counter-increment:s;
  position:relative;
  padding:0 0 22px 46px;
  margin:0;
}

ol.steps > li::before{
  content:counter(s);
  position:absolute;left:0;top:1px;
  width:30px;height:30px;border-radius:50%;
  background:var(--plum);color:#fff;
  font-size:.88rem;font-weight:600;
  display:flex;align-items:center;justify-content:center;
}

table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 16px;
  font-size:.93rem;
}

th,td{
  text-align:left;
  padding:11px 10px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}

th{
  color:var(--muted);
  font-weight:600;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}

td:first-child{font-weight:500;color:var(--plum);white-space:nowrap}

/* --- Alt --- */

footer{
  max-width:var(--maxw);
  margin:0 auto;
  padding:32px 24px 64px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.86rem;
  text-align:center;
}

footer a{color:var(--muted)}

@media (max-width:540px){
  .wrap{padding:36px 18px 8px}
  .masthead img{width:78px}
  .masthead h1{font-size:1.35rem}
  td:first-child{white-space:normal}
  table{font-size:.88rem}
  th,td{padding:9px 6px}
}