/* site.css - Hediyo shared/static page styles */
:root { color-scheme:light; --ink:#2a222b; --paper:#ffffff; --muted:#66645F; --line:#DDD8CF; --violet:#6D28D9; --berry:#A21CAF; --gold:#A16207; }
html { scroll-behavior:smooth; }
*, *:before, *:after { box-sizing:border-box; }
body { font-family:'Inter',sans-serif; background:#ffffff; color:var(--ink,#2a222b); }
.font-jakarta { font-family:'Plus Jakarta Sans',sans-serif; }
h1,h2,h3,p,a,span,label,button,input,textarea,div { min-width:0; }
[data-i18n], [data-i18n-placeholder] { overflow-wrap:break-word; hyphens:auto; }
#page-content { max-width:980px; margin:0 auto; }
#page-content h2 { font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1.125rem; color:#111827; margin:1.75rem 0 .6rem; padding-top:.75rem; border-top:1px solid #F3F4F6; }
#page-content h2:first-child, #page-content h2:first-of-type { border-top:none; margin-top:0; }
#page-content p { color:#4B5563; line-height:1.75; margin-bottom:.875rem; }
#page-content ul { list-style:disc; padding-left:1.5rem; color:#4B5563; margin-bottom:1rem; }
#page-content li { margin-bottom:.35rem; line-height:1.7; }
#page-content a { color:#7C3AED; font-weight:700; }
#page-content strong { color:#111827; }
#page-content table { width:100%; border-collapse:collapse; margin:1.25rem 0; font-size:.875rem; background:#fff; border:1px solid #E7E5E4; }
#page-content th { background:#F3F0EA; padding:.8rem 1rem; text-align:left; font-weight:700; color:#374151; border-bottom:1px solid #E5E7EB; }
#page-content td { padding:.8rem 1rem; border-bottom:1px solid #F3F4F6; color:#5B5F68; }
/* site.css - Hediyo shared/static page styles */

/* Migrated from 404.html */
@keyframes bounce {
      0%,100% { transform: translateY(0); }
      50%      { transform: translateY(-16px); }
    }

/* Migrated from 500.html */
/* Migrated from about.html */
.soft-radius { border-radius:.5rem; }
    .about-kicker { letter-spacing:.18em; }
    .about-hero { border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fff 0%,#fff 72%,#fbf8ff 100%); }
    .about-hero-line { height:6px; background:linear-gradient(90deg,var(--violet),var(--berry),#2a222b); }
    #page-title { font-size:clamp(2.05rem,4.1vw,3.2rem); line-height:1.07; text-wrap:balance; }
    .brand-mark { position:relative; min-height:18rem; border:1px solid var(--line); background:#fff; overflow:hidden; }
    .brand-mark:before { content:""; position:absolute; inset:1.25rem; border:1px solid #efe8f6; transform:rotate(-7deg); }
    .brand-mark:after { content:""; position:absolute; right:-3.5rem; bottom:-3.5rem; width:13rem; height:13rem; border:1px solid rgba(124,58,237,.22); transform:rotate(18deg); }
    .brand-mark-inner { position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
    .content-frame { border:1px solid var(--line); background:#fff; box-shadow:0 18px 45px rgba(42,34,43,.05); }
    .facts-panel { border:1px solid #2a222b; background:#2a222b; color:white; }
    .fact-row { border-top:1px solid rgba(255,255,255,.12); }
    .fact-row:first-child { border-top:0; }
/* Migrated from affiliate-program.html */
.step-card { background:white; border-radius:20px; border:1px solid #F3F4F6; padding:28px; }
    .step-num {
      width:40px; height:40px; border-radius:12px;
      background:linear-gradient(135deg,#7C3AED,#6D28D9); color:white;
      display:flex; align-items:center; justify-content:center;
      font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:1rem;
      flex-shrink:0;
    }
    .benefit-card { background:white; border-radius:16px; border:1px solid #F3F4F6; padding:20px; }
    .benefit-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; }

/* Migrated from cookie-policy.html */
/* Migrated from faq.html */
/* Migrated from index.html */
/* ── Partnership renk sistemi ── */
    .hero-gradient {
      background: linear-gradient(135deg,#FFF7ED 0%,#F4ECFF 52%,#FDF2F8 100%);
      position: relative;
      /* overflow:hidden kaldırıldı — search suggestions dropdown kesiliyordu */
    }
.btn-primary {
      background: linear-gradient(135deg, #7C3AED, #5B21B6);
      color: white; border: none; border-radius: 12px;
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-weight: 750; cursor: pointer;
      box-shadow: 0 10px 22px rgba(91,33,182,0.30);
      transition: transform 0.16s ease, box-shadow 0.16s ease;
      display: inline-flex; align-items: center; gap: 8px;
    }
    .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(91,33,182,0.38); }
    .btn-outline {
      background: transparent; color: white; border: 1px solid rgba(255,255,255,0.5);
      border-radius: 12px; backdrop-filter: blur(6px);
      font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; cursor: pointer;
      transition: background 0.16s, border-color 0.16s; display: inline-flex; align-items: center; gap: 8px;
    }
    .btn-outline:hover { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.8); }

    .quick-card {
      background: rgba(255,255,255,0.92); border-radius: 12px; border: 1px solid #E7E5E4;
      padding: 17px 18px; cursor: pointer; text-align: center;
      transition: border-color 0.16s, box-shadow 0.16s, transform 0.16s;
      text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 9px;
    }
    .quick-card:hover { background: #fff; border-color: rgba(124,58,237,0.38); box-shadow: 0 10px 24px rgba(17,24,39,0.07); transform: translateY(-2px); }
    .feature-card { background: rgba(255,255,255,0.88); border-radius: 14px; border: 1px solid rgba(109,40,217,0.12); padding: 28px; box-shadow: 0 2px 8px rgba(109,40,217,0.06); }
    .quick-ph { width: 52px; height: 52px; background: linear-gradient(135deg,rgba(124,58,237,0.12),rgba(168,85,247,0.06)); border-radius: 14px; display: flex; align-items: center; justify-content: center; }
    .quick-ph i { font-size: 1.75rem; color: #7C3AED; }
    .quick-card:hover .quick-ph { background: linear-gradient(135deg,rgba(124,58,237,0.18),rgba(168,85,247,0.12)); }
    .feature-icon-wrap { width: 56px; height: 56px; background: linear-gradient(135deg,#F5F3FF,#EDE9FE); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
    .feature-icon-wrap i { font-size: 1.875rem; color: #7C3AED; }
    .stat-pill {
      display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 999px;
      background: rgba(255,255,255,0.72); border: 1px solid rgba(109,40,217,0.14);
      font-size: 0.8125rem; font-weight: 600; backdrop-filter: blur(6px);
      font-family: 'Plus Jakarta Sans', sans-serif; color: #374151;
    }
    .stat-pill i { color: #7C3AED; }
    .home-cta-section { background:#fff; border-top:1px solid #F1EDF5; border-bottom:1px solid #F1EDF5; }
    .home-cta-panel {
      position:relative; overflow:hidden; border:1px solid #E9E2F1; border-radius:14px;
      background:linear-gradient(135deg,#fff 0%,#FBF8FF 58%,#FFF7ED 100%);
      box-shadow:0 18px 44px rgba(42,34,43,.06);
    }
    .home-cta-panel:before {
      content:""; position:absolute; right:-7rem; top:-7rem; width:18rem; height:18rem;
      border:1px solid rgba(124,58,237,.16); transform:rotate(18deg); pointer-events:none;
    }
    .home-cta-panel:after {
      content:""; position:absolute; left:0; right:0; top:0; height:4px;
      background:linear-gradient(90deg,#7C3AED,#A21CAF,#2a222b);
    }
    .home-cta-mark {
      border:1px solid rgba(42,34,43,.10); background:rgba(255,255,255,.62); backdrop-filter:blur(10px);
      border-radius:10px;
    }
    .home-cta-icon {
      width:3.25rem; height:3.25rem; display:flex; align-items:center; justify-content:center;
      border-radius:10px; background:#2a222b; color:white;
    }
    .home-cta-orbit { position:absolute; border:1px solid rgba(124,58,237,.18); transform:rotate(-12deg); pointer-events:none; }
    .home-cta-button {
      display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
      background:#2a222b; color:white; border-radius:10px; padding:.9rem 1.25rem;
      font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; transition:background .16s ease, transform .16s ease;
    }
    .home-cta-button:hover { background:#6D28D9; transform:translateY(-1px); }
    /* Editorial rule — partnership'ten alındı */
    .editorial-rule { position: relative; }
/* Migrated from partnership.html */
h1[data-i18n="partnership.hero.title"] { font-size:clamp(2rem, 4.8vw, 3.45rem); line-height:1.05; text-wrap:balance; }
    h2[data-i18n], h3[data-i18n] { text-wrap:balance; }
    p[data-i18n] { text-wrap:pretty; }
    .hero-actions a, .partnership-nav a, button { white-space:normal; text-align:center; line-height:1.25; }
    .hero-actions i, .partnership-nav i, button i, .signal-row i, .form-note i { flex:0 0 auto; }
    .signal-row > div:last-child, .form-note span { min-width:0; }
    .number-card p, .step-line h3, .step-line p, .brand-strip div { overflow-wrap:anywhere; }
.brand-shell { background: linear-gradient(135deg,#FBFAF7 0%,#F7F4EE 48%,#EFE7FF 100%); }
.warm-band { background-color:#FBF8FF; background-image:linear-gradient(135deg,#FFF7ED 0%,#F4ECFF 52%,#FDF2F8 100%); }
.color-band { background:linear-gradient(135deg,#6D28D9 0%,#7C3AED 45%,#A21CAF 100%); color:white; }
.ink-band { background:linear-gradient(135deg,#2a222b 0%,#3B1F54 58%,#2a222b 100%); color:white; }
    .accent-surface { background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(162,28,175,.10)); }
    .fine-line { border-color:var(--line); }
    .editorial-rule { position:relative; }
    .editorial-rule:before { content:""; position:absolute; left:0; top:0; width:72px; height:2px; background:var(--ink); }
    .hero-mark { position:absolute; inset:auto -8rem -10rem auto; width:33rem; height:33rem; border:1px solid rgba(17,17,17,.07); transform:rotate(-18deg); opacity:.55; pointer-events:none; }
    .hero-mark:before,.hero-mark:after { content:""; position:absolute; inset:3rem; border:1px solid rgba(17,17,17,.08); }
    .hero-mark:after { inset:7rem; background:rgba(255,255,255,.32); }
    .soft-radius { border-radius:.5rem; }
    .premium-panel { border:1px solid rgba(17,17,17,.12); background:rgba(255,255,255,.66); backdrop-filter: blur(14px); border-radius:.5rem; }
    .signal-card { border:1px solid rgba(255,255,255,.14); background:#2a222b; }
    .signal-row { border-top:1px solid rgba(255,255,255,.12); }
    .signal-row:first-child { border-top:0; }
    .brand-strip { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .brand-strip div { min-height:74px; display:flex; align-items:center; justify-content:center; border-left:1px solid var(--line); color:#918C82; font-family:'Plus Jakarta Sans',sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
    .brand-strip div:first-child { border-left:0; }
    .number-card { border-left:1px solid var(--line); }
    .number-card:first-child { border-left:0; }
    .step-line { position:relative; }
    .step-line:before { content:""; position:absolute; top:1.25rem; left:0; right:0; border-top:1px solid var(--line); }
    .step-dot { position:relative; z-index:1; width:2.5rem; height:2.5rem; border:1px solid var(--ink); background:var(--paper); display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'Plus Jakarta Sans',sans-serif; border-radius:9999px; }
@media (max-width: 768px) {
      .hero-mark { display:none; }
      .brand-strip { grid-template-columns:1fr 1fr; }
      .brand-strip div { border-top:1px solid var(--line); }
      .brand-strip div:nth-child(1), .brand-strip div:nth-child(2) { border-top:0; }
      .number-card { border-left:0; border-top:1px solid var(--line); }
      .number-card:first-child { border-top:0; }
      .step-line:before { display:none; }
    }

/* Migrated from privacy.html */
/* Migrated from terms.html */
/* Migrated from tr\about.html */
/* Migrated from tr\cookie-policy.html */
/* Migrated from tr\faq.html */
/* Migrated from tr\privacy.html */
/* Migrated from tr\terms.html */





@keyframes cookieSlideUp {
  from { opacity: 0; transform: translateX(-50%) translateY(1rem); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
#cookie-banner { animation: cookieSlideUp .3s ease; }

/* Error pages */
.error-page-icon-xl { font-size: 6rem; color: #7C3AED; }
.error-page-icon-lg { font-size: 5rem; color: #7C3AED; }

/* Shared cookie banner */
@keyframes cbSlide {
  from { opacity: 0; transform: translateX(-50%) translateY(.75rem); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
#cookie-banner {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: calc(100% - 2rem);
  max-width: 560px;
  background: #1F2937;
  color: #fff;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  animation: cbSlide .3s ease;
}
#cookie-banner.cookie-banner-hiding { opacity: 0; transition: opacity .25s; }
.cookie-banner-message { flex: 1; min-width: 180px; line-height: 1.5; color: #D1D5DB; }
.cookie-banner-message a { color: #A78BFA; text-decoration: underline; }
.cookie-banner-actions { display: flex; gap: .5rem; flex-shrink: 0; }
.cookie-banner-btn { padding: .4rem .9rem; border-radius: .6rem; font-size: .8rem; font-weight: 600; cursor: pointer; }
.cookie-banner-btn-decline { border: 1px solid #374151; background: transparent; color: #9CA3AF; }
.cookie-banner-btn-accept { padding-inline: 1.1rem; background: #7C3AED; color: #fff; font-weight: 700; border: 0; }

/* Static FAQ accordion */
.faq-items { background: #fff; border-radius: 1rem; border: 1px solid #F3F4F6; overflow: hidden; }
.faq-item { border-bottom: 1px solid #F3F4F6; }
.faq-item:last-child { border-bottom: 0; }
.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  text-align: left;
  padding: 1rem 1.25rem;
  background: none;
  border: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  color: #111827;
  cursor: pointer;
  font-size: .9375rem;
}
.faq-q i { transition: transform .2s; flex-shrink: 0; color: #9CA3AF; }
.faq-q i.rotate { transform: rotate(180deg); }
.faq-a { display: none; padding: 0 1.25rem 1rem; color: #4B5563; font-size: .875rem; line-height: 1.75; }
.faq-a.open { display: block; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
