/* Sakin · "Senin için", "Nasıl çalışır", "Kurumsal" sayfaları (scripts/build-site-pages.mjs, 27 Eki 2026).
   site.css değişkenlerini kullanır; az çoktur: tek sütun, sakin kartlar. */
.pg { padding:52px 26px 30px; }
.pg-head { text-align:center; margin:10px 0 40px; }
.pg-head .kicker { display:block; margin-bottom:14px; }
.pg-head h1 { font-size:clamp(30px,5vw,44px); font-weight:700; line-height:1.15; letter-spacing:-.5px; color:var(--title); }
.pg-lede { margin-top:16px; font-size:18.5px; line-height:1.65; color:var(--head); font-weight:500; }
.pg-sec { margin:44px 0 0; }
.pg-sec h2 { font-size:clamp(21px,2.6vw,26px); margin-bottom:14px; color:var(--head); }
.pg-sec p { font-size:17px; line-height:1.8; color:var(--body); margin-bottom:16px; }
.pg-small { font-size:13.5px; color:var(--muted-2); line-height:1.7; margin-top:14px; }
.pg-close { margin:44px 0 0; text-align:center; font-size:19px; color:var(--head); font-weight:500; }
.pg-more { text-align:center; margin-top:22px; }
.pg-more a { font-size:15px; font-weight:600; color:var(--accent); }
.nav-on { color:var(--accent) !important; }

.fy-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fy-card { position:relative; display:flex; flex-direction:column; justify-content:center; gap:6px; min-height:118px; padding:20px 44px 20px 22px;
  border:1px solid var(--line); border-radius:20px; background:linear-gradient(180deg,var(--surface-2),transparent); transition:border-color .3s, transform .3s; }
.fy-card:hover { border-color:var(--ring); transform:translateY(-3px); }
.fy-card b { font-size:17.5px; color:var(--title); line-height:1.3; }
.fy-card span { font-size:14.5px; color:var(--muted); line-height:1.5; }
.fy-card i { position:absolute; right:20px; top:50%; transform:translateY(-50%); font-style:normal; color:var(--accent); }
@media (max-width:560px) { .fy-grid { grid-template-columns:1fr; } .fy-card { min-height:0; } }

.ls-card, .lab { margin:8px 0 0; padding:24px 22px; border:1px solid var(--line); border-radius:22px; background:var(--surface); text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:14px; }
/* Kaleidoskop: uygulamadaki ekranın birebir küçültülmüşü (390x844 iPhone oranı, #000 zemin, altta mod adı + ipucu). */
.kal-frame { position:relative; width:min(250px, 72%); aspect-ratio:390/844; border-radius:30px; overflow:hidden; background:#000;
  border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 50px rgba(0,0,0,.5); }
.kaleido { position:absolute; inset:0; width:100%; height:100%; display:block; }
.kal-label { position:absolute; left:0; right:0; bottom:5.5%; text-align:center; pointer-events:none; display:flex; flex-direction:column; align-items:center; gap:3px; padding:0 8px; }
.kal-label b { font-family:'Jost',sans-serif; font-weight:400; font-size:clamp(7px,2.1vw,8px); letter-spacing:4px; color:rgba(255,255,255,.55); text-transform:uppercase; }
.kal-label span { font-family:'Jost',sans-serif; font-size:clamp(6px,1.9vw,7px); letter-spacing:2px; color:rgba(255,255,255,.28); text-transform:uppercase; }
.ls-cap { display:flex; flex-direction:column; gap:3px; }
.ls-cap b { color:var(--head); font-size:16px; }
.ls-cap span { color:var(--muted); font-size:14px; }
.ls-line { font-size:15.5px; color:var(--body); line-height:1.6; margin:0; }
.ls-note { font-size:13px; color:var(--muted-2); line-height:1.6; margin:0; max-width:520px; }
.ls-btn { -webkit-appearance:none; appearance:none; margin:0; font:inherit; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  padding:12px 22px; border-radius:100px; border:1px solid var(--ring); background:var(--surface-2); color:var(--head); font-size:15px; font-weight:600; line-height:1;
  transition:border-color .25s, background .25s; -webkit-tap-highlight-color:transparent; }
.ls-btn svg { width:16px; height:16px; fill:currentColor; flex:none; display:block; }
.ls-btn .i-stop { display:none; }
.ls-btn.on { border-color:var(--accent); background:transparent; color:var(--accent); }
.ls-btn.on .i-play { display:none; }
.ls-btn.on .i-stop { display:inline; }
.lab h2 { font-size:clamp(20px,2.4vw,24px); color:var(--head); margin:0; }
.lab-list { width:100%; display:flex; flex-direction:column; gap:10px; }
.lab-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid var(--line-soft); border-radius:16px; text-align:left; }
.lab-row div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.lab-row b { color:var(--title); font-size:15.5px; }
.lab-row span { color:var(--muted); font-size:13.5px; line-height:1.4; }
.lab-row div { flex:1; }
.lab-row .ls-btn { width:46px; height:46px; padding:0; flex:none; border-radius:50%; }
.lab-row .ls-label { display:none; }

.pg-items { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.pg-items li { display:flex; flex-direction:column; gap:4px; padding:15px 18px; border:1px solid var(--line-soft); border-radius:16px; background:var(--surface); }
.pg-items b { color:var(--title); font-size:16px; }
.pg-items span { color:var(--muted); font-size:15px; line-height:1.55; }
.pg-faq { border-bottom:1px solid var(--line-soft); padding:14px 2px; }
.pg-faq summary { cursor:pointer; font-weight:600; color:var(--head); font-size:16px; list-style:none; }
.pg-faq summary::-webkit-details-marker { display:none; }
.pg-faq summary::after { content:"+"; float:right; color:var(--accent); font-weight:400; }
.pg-faq[open] summary::after { content:"−"; }
.pg-faq p { margin:10px 0 0; font-size:15.5px; line-height:1.7; color:var(--body); }

.lit-h { margin:28px 0 12px; font-size:15px; letter-spacing:1.4px; text-transform:uppercase; color:var(--accent); }
.lit-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.lit { padding:18px 20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.lit-g { display:inline-block; font-size:11.5px; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:4px 11px; border-radius:100px; border:1px solid var(--line); color:var(--muted); }
.lit-g--strong { color:var(--free); border-color:var(--free-line); background:var(--free-bg); }
.lit-g--medium { color:var(--accent); border-color:var(--ring); }
.lit-g--weak { color:#e8c07a; border-color:rgba(232,192,122,.4); }
.lit-f { margin:12px 0 6px !important; font-size:16px !important; color:var(--text) !important; line-height:1.6 !important; }
.lit-l { margin:0 0 10px !important; font-size:14.5px !important; color:var(--muted) !important; line-height:1.6 !important; }
.lit-l b { color:var(--body); }
.lit-c { margin:0 !important; font-size:12.5px !important; color:var(--muted-2) !important; line-height:1.55 !important; overflow-wrap:anywhere; }
.lit-c a { color:var(--accent); }

.disc { margin:48px 0 0; padding:22px 24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.disc h2 { display:flex; align-items:center; gap:10px; font-size:14.5px; letter-spacing:1.3px; text-transform:uppercase; color:var(--head); margin-bottom:10px; }
.disc h2 svg { width:20px; height:20px; color:#e8c07a; flex:none; }
.disc p { font-size:15px; line-height:1.7; color:var(--muted); margin:0; }

.biz-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.biz-card { display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.biz-card b { color:var(--title); font-size:16px; }
.biz-card span { color:var(--muted); font-size:14.5px; line-height:1.55; }
@media (max-width:640px) { .biz-grid { grid-template-columns:1fr; } }
.biz-steps { padding-left:22px; margin:0; display:flex; flex-direction:column; gap:8px; color:var(--body); font-size:16.5px; line-height:1.6; }
.biz-form { margin:48px 0 0; padding:26px 22px; border:1px solid var(--ring); border-radius:22px; background:linear-gradient(180deg,var(--surface-2),transparent); }
.biz-form h2 { font-size:clamp(21px,2.6vw,26px); color:var(--head); margin-bottom:16px; text-align:center; }
.biz-form form { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.biz-form label { display:flex; flex-direction:column; gap:6px; font-size:13.5px; color:var(--muted); }
.biz-form label.full, .biz-form button, .biz-form .pg-small { grid-column:1 / -1; }
.biz-form input, .biz-form select, .biz-form textarea { -webkit-appearance:none; appearance:none; font:inherit; font-size:16px; color:var(--text); background:var(--bg);
  border:1px solid var(--line); border-radius:12px; padding:11px 13px; width:100%; }
.biz-form input:focus, .biz-form select:focus, .biz-form textarea:focus { outline:none; border-color:var(--accent); }
.biz-form button { -webkit-appearance:none; appearance:none; border:0; cursor:pointer; justify-self:center; margin-top:4px; }
.biz-form .pg-small { text-align:center; margin:0; }
@media (max-width:560px) { .biz-form form { grid-template-columns:1fr; } }

.pg-cta { max-width:var(--readw); margin:56px auto 70px; padding:34px 26px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.pg-cta h2 { color:var(--head); font-size:clamp(22px,3vw,28px); }
.pg-cta p { color:var(--muted); font-size:15.5px; margin:0 0 6px; }
.pg-cta .stores { margin-top:6px; }

/* Ana sayfa "Senin için" kutusu (public/home/index.html #senin-icin) */
.home-fy .fy-grid { max-width:760px; margin:0 auto; }

/* Mod renkleri (28 Eki 2026, kullanıcı: "test kutucuklarını renklendir, mod gibi farklı renklerde") */
.lab-row[style*="--mc"] { border-color:var(--mc-line); background:linear-gradient(100deg,var(--mc-bg),transparent 75%); position:relative; overflow:hidden; }
.lab-row[style*="--mc"]::before { content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:3px; background:var(--mc); }
.lab-row[style*="--mc"] b { color:var(--mc); }
[style*="--mc"] .ls-btn { border-color:var(--mc-line); background:var(--mc-bg); color:var(--mc); }
[style*="--mc"] .ls-btn.on { border-color:var(--mc); background:transparent; }
.ls-card[style*="--mc"] { border-color:var(--mc-line); background:linear-gradient(180deg,var(--mc-bg),var(--surface) 70%); }

/* "Senin için" kartları: modun rengiyle hafif renk (28 Eki 2026) */
.fy-card[style*="--mc"] { border-color:var(--mc-line); background:linear-gradient(135deg,var(--mc-bg),transparent 80%); }
.fy-card[style*="--mc"]:hover { border-color:var(--mc); }
.fy-card[style*="--mc"] i { color:var(--mc); }

/* ── Üst menü: "Senin için" açılır menüsü ── */
.nav-dd { position:relative; display:inline-flex; }
.nav-dd-btn { -webkit-appearance:none; appearance:none; margin:0; font:inherit; background:none; border:0; cursor:pointer; color:inherit;
  display:inline-flex; align-items:center; gap:5px; padding:0; font-size:inherit; line-height:inherit; }
.nav-dd-btn svg { width:12px; height:12px; transition:transform .25s; }
.nav-dd.open .nav-dd-btn svg { transform:rotate(180deg); }
.nav-dd-menu { position:absolute; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(-6px); width:min(300px, 86vw); padding:8px;
  background:var(--bg); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); opacity:0; visibility:hidden;
  transition:opacity .2s, transform .2s, visibility .2s; z-index:200; display:flex; flex-direction:column; gap:2px; text-align:left; }
.nav-dd.open .nav-dd-menu { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.nav-dd-menu > a { display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:12px; }
.nav-dd-menu > a:hover { background:var(--surface-2); }
.nav-dd-menu > a b { font-size:15px; color:var(--title); font-weight:600; }
.nav-dd-menu > a span { font-size:12.5px; color:var(--muted); line-height:1.4; }
.nav-dd-sub { margin-top:4px; padding:10px 12px 4px; border-top:1px solid var(--line-soft); display:flex; flex-wrap:wrap; gap:6px 12px; }
.nav-dd-sub span { width:100%; font-size:11px; letter-spacing:1.3px; text-transform:uppercase; color:var(--muted-2); }
.nav-dd-sub a { font-size:13.5px; color:var(--accent); }
@media (max-width:560px) { .nav-dd-menu { position:fixed; top:64px; left:50%; } }
.fy-sub { margin:34px 0 14px; font-size:14px; letter-spacing:1.4px; text-transform:uppercase; color:var(--muted-2); text-align:center; font-weight:600; }

/* ── Pratik kutuları ── */
.pr-box { margin:8px 0 0; padding:24px 22px; border:1px solid var(--line); border-radius:22px; background:var(--surface); text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:16px; }
/* Çakra */
.ck { --ck:#27ae60; background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--ck) 16%, transparent), var(--surface) 70%); border-color:color-mix(in srgb, var(--ck) 40%, var(--line)); }
.ck-orb { width:150px; height:150px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; }
.ck-orb::before { content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--ck) 55%, transparent) 0%, color-mix(in srgb, var(--ck) 18%, transparent) 55%, transparent 72%);
  animation:ckBreath 8s ease-in-out infinite; transition:background .6s; }
.ck-orb i { width:46px; height:46px; border-radius:50%; background:var(--ck); box-shadow:0 0 40px var(--ck), 0 0 90px color-mix(in srgb, var(--ck) 50%, transparent); transition:background .6s, box-shadow .6s; }
.ck-orb.play::before { animation-duration:4s; }
@keyframes ckBreath { 0%,100% { transform:scale(.82); opacity:.75; } 50% { transform:scale(1.08); opacity:1; } }
@media (prefers-reduced-motion: reduce) { .ck-orb::before { animation:none; } }
.ck-info { display:flex; flex-direction:column; gap:4px; }
.ck-info b { font-size:22px; color:var(--title); }
.ck-info > span { font-size:13px; letter-spacing:1.2px; text-transform:uppercase; color:var(--muted); }
.ck-info p { margin:4px 0 0; font-size:16px; color:var(--head); }
.ck-dots { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.ck-dots button { -webkit-appearance:none; appearance:none; margin:0; padding:0; cursor:pointer; width:30px; height:30px; border-radius:50%;
  background:var(--dc); border:2px solid transparent; box-shadow:0 0 0 1px rgba(255,255,255,.12); opacity:.6; transition:opacity .2s, transform .2s, border-color .2s; }
.ck-dots button.on { opacity:1; transform:scale(1.15); border-color:#fff; box-shadow:0 0 18px var(--dc); }
.ck .ls-btn { border-color:color-mix(in srgb, var(--ck) 50%, transparent); color:var(--title); }
/* Nefes */
.br-modes { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.br-modes button { -webkit-appearance:none; appearance:none; margin:0; font:inherit; cursor:pointer; padding:8px 14px; border-radius:100px; border:1px solid var(--line);
  background:transparent; color:var(--muted); font-size:13.5px; line-height:1; }
.br-modes button.on { border-color:#60a8c8; color:#60a8c8; background:rgba(96,168,200,.1); }
.br { width:220px; height:220px; display:flex; align-items:center; justify-content:center; }
.br-ring { width:220px; height:220px; border-radius:50%; transform:scale(.62); transition-property:transform; transition-timing-function:ease-in-out; transition-duration:1.2s;
  background:radial-gradient(circle, rgba(96,168,200,.28), rgba(96,168,200,.08) 62%, transparent 72%); border:2px solid rgba(96,168,200,.65);
  box-shadow:0 0 40px rgba(96,168,200,.25); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.br-ph { font-size:17px; color:var(--title); font-weight:600; transform:scale(1.4); }
.br-n { font-size:14px; color:var(--muted); min-height:18px; transform:scale(1.4); }
/* Niyet */
.nt { align-items:stretch; text-align:left; border-color:rgba(232,168,80,.42); background:linear-gradient(180deg, rgba(232,168,80,.1), var(--surface) 70%); transition:opacity 1.2s, filter 1.2s; }
.nt textarea, .nt input { -webkit-appearance:none; appearance:none; font:inherit; font-size:16px; color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:12px 14px; width:100%; resize:none; }
.nt textarea:focus, .nt input:focus { outline:none; border-color:#e8a850; }
.nt h3 { margin:6px 0 0; font-size:15px; color:var(--head); }
.nt .ls-btn { align-self:center; border-color:rgba(232,168,80,.42); background:rgba(232,168,80,.1); color:#e8a850; }
.nt.sealed { opacity:.15; filter:blur(6px); }
.nt-done { margin:0; text-align:center; font-size:14.5px; color:#e8a850; line-height:1.6; }
/* "Senin için" düğmesi diğer menü bağlantılarıyla aynı boyutta (site.css .nav-links > a kuralının eşi) */
.nav-links .nav-dd-btn { font-family:var(--font-ui); font-size:14px; font-weight:500; letter-spacing:.2px; color:var(--muted);
  min-height:40px; padding:0 12px; border-radius:10px; transition:color .25s, background .25s; }
.nav-links .nav-dd-btn:hover, .nav-dd.open .nav-dd-btn { color:var(--text); background:var(--surface); }
.nav-links .nav-dd-btn.nav-on { color:var(--accent); }