/* Yoklama, paylaşım, teklif ve medya kiti sayfalarının ortak görünümü (style.css üzerine) */
body.sayfa { min-height: 100svh; padding: 28px 16px 60px;
  background: radial-gradient(520px 420px at 50% 0%, rgba(242,139,171,.28), transparent 70%), radial-gradient(520px 420px at 50% 100%, rgba(255,176,138,.22), transparent 70%), var(--zemin); }
.sy { width: min(560px, 100%); margin: 0 auto; }
.sy-genis { width: min(860px, 100%); }
.sy-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.sy-logo { width: 72px; margin: 0 auto 14px; display: block; filter: drop-shadow(0 0 16px rgba(255,143,188,.5)); }
.sy-neon { border-radius: 24px; padding: 26px 24px; color: #f6f2fa; position: relative; overflow: hidden;
  background: radial-gradient(380px 260px at 100% 0%, rgba(242,139,171,.42), transparent 70%), linear-gradient(160deg, #4a4652, #2f2c36);
  box-shadow: inset 0 0 0 1.5px rgba(255,156,194,.5), 0 0 40px -12px rgba(255,143,188,.65); }
.sy-neon small { font-family: var(--baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--neon-seftali); font-size: 12px; }
.sy-neon h1 { font-size: clamp(26px, 6vw, 36px); margin: 8px 0 6px; text-shadow: 0 0 18px rgba(255,156,194,.5); }
.sy-neon p { margin: 0; color: #d9d2e2; }
.sy-kutu { background: var(--beyaz); border-radius: 20px; padding: 22px; box-shadow: var(--golge); margin-top: 16px; }
.sy-kutu h2 { font-size: 21px; margin-bottom: 10px; }
.sy-kutu label { display: block; font-size: 14.5px; font-weight: 500; margin-top: 12px; }
.sy-kutu input, .sy-kutu textarea { display: block; width: 100%; margin-top: 6px; font: inherit; font-size: 16px; padding: 12px 14px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: #fff; color: var(--murekkep); }
.sy-kutu .dugme { margin-top: 16px; }
.sy-ipucu { font-size: 14px; color: var(--gri); margin: 8px 0 0; }
.sy-liste { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 8px; }
.sy-liste li { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--zemin); font-size: 14.5px; overflow-wrap: anywhere; }
.sy-liste .etk { font-size: 12px; padding: 2px 9px; border-radius: 99px; background: var(--gradyan); color: #fff; flex: none; }
.sy-durum { border-radius: 14px; padding: 14px 16px; margin-top: 14px; font-size: 15px; }
.sy-durum.iyi { background: #dcf3e6; color: #1f5f3e; } .sy-durum.kotu { background: #fde6dd; color: #8c3a22; }
.sy-kurallar { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.sy-tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.sy-tablo td { padding: 9px 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.sy-tablo td:last-child { text-align: right; font-weight: 600; }
.sy-tablo tr.toplam td { font-family: var(--baslik); font-size: 19px; border-bottom: 0; }
.sy-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sy-alt { text-align: center; font-size: 13.5px; color: var(--gri); margin-top: 22px; }
@media (max-width: 640px) { .sy-iki { grid-template-columns: 1fr; } }
@media print {
  body.sayfa { background: #fff; padding: 0; }
  .yazdirma, .sy-alt a { display: none !important; }
  .sy-kutu { box-shadow: none; border: 1px solid #ddd; break-inside: avoid; }
  .sy-neon { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}