/* Dijital Davetiye. Yeni bölümlere özel; mevcut ürünlerin stillerini değiştirmez. */
.privacy-section-final { padding-top: 80px; padding-bottom: 72px; }
.invitation-teaser { background: var(--cream); padding-top: 0; }
.invitation-product-intro { border-top: 1px solid var(--border); padding-top: 40px; margin-bottom: 36px; text-align: center; }
.invitation-product-intro .invitation-product-intro-title { margin: 0 0 12px; color: var(--dark); font-size: clamp(22px,3vw,28px); font-weight: 700; line-height: 1.3; letter-spacing: -.025em; }
.invitation-product-intro > p:last-child { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.invitation-teaser-card { display: grid; grid-template-areas: 'copy' 'art' 'actions'; gap: 26px; padding: 34px 24px; border: 1px solid rgba(13,92,75,.12); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-soft); }
.invitation-teaser-copy { grid-area: copy; min-width: 0; }
.invitation-teaser-visual { grid-area: art; min-width: 0; }
.invitation-phones { position: relative; width: 100%; aspect-ratio: 1 / 1.12; isolation: isolate; }
.invitation-phone { position: absolute; width: 32%; padding: 4px; border: 5px solid var(--white); border-radius: 27px; background: #1c302c; box-shadow: 0 22px 34px rgba(8,72,59,.18),0 3px 8px rgba(8,72,59,.08); }
.invitation-phone img { display: block; width: 100%; height: auto; border-radius: 18px; }

.invitation-phone-left { left: 7%; top: 17%; transform: rotate(-8deg); }
.invitation-phone-right { right: 7%; top: 17%; transform: rotate(8deg); }
.invitation-phone-center { left: 29%; top: 4%; width: 42%; z-index: 1; }
.invitation-teaser-actions { grid-area: actions; }
.invitation-delivery { display: table; margin-top: 18px; padding: 8px 13px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-size: 12px; font-weight: 700; }
.invitation-teaser-copy p { margin-bottom: 0; }
.invitation-hero-art { width: min(100%, 480px); margin: 0 auto; min-width: 0; }
.invitation-hero .game-hero-copy { min-width: 0; }
.invitation-hero .game-hero-copy h1 { font-size: clamp(40px, 5.5vw, 70px); }
.invitation-features, .invitation-process { background: var(--white); }
.invitation-feature-grid, .invitation-process-grid, .invitation-demo-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
.invitation-feature-card { min-width: 0; padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--cream); }
.invitation-feature-icon { display: flex; width: 46px; height: 46px; margin-bottom: 20px; align-items: center; justify-content: center; border-radius: 14px; background: var(--green-soft); color: var(--green); }
.invitation-feature-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.invitation-feature-card h3, .invitation-demo-card h3, .invitation-process-grid h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.3; letter-spacing: -.025em; }
.invitation-feature-card p, .invitation-demo-card p, .invitation-process-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.invitation-collection { background: var(--cream); scroll-margin-top: calc(var(--header-height) + 18px); }
.invitation-demo-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; background: var(--white); box-shadow: var(--shadow-card); }
.invitation-demo-visual { display: block; overflow: hidden; }
.invitation-demo-visual img { width: 100%; height: 310px; object-fit: cover; object-position: center; transition: transform .35s ease; }
.invitation-demo-visual:hover img { transform: scale(1.025); }
.invitation-demo-copy { display: flex; flex-direction: column; flex: 1; padding: 25px; align-items: flex-start; }
.invitation-demo-copy .section-kicker { font-size: 10px; letter-spacing: .1em; margin-bottom: 10px; }
.invitation-demo-copy p { flex: 1; margin-bottom: 23px; }
.invitation-demo-copy .game-action { margin-top: auto; }
.invitation-process-grid article { min-width: 0; padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--cream); }
.invitation-step-number { display: block; margin-bottom: 18px; color: var(--green); font-size: 13px; font-weight: 700; letter-spacing: .1em; }
.invitation-purchase .invitation-delivery { background: var(--white); }
.invitation-faq .faq-heading { min-width: 0; }
@media (min-width: 640px) {
  .invitation-feature-grid, .invitation-demo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 768px) {
  .invitation-process-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1024px) {
  .invitation-teaser-card { grid-template-areas: 'copy art' 'actions art'; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); padding: 48px 44px; gap: 24px 30px; align-items: center; }
  .invitation-teaser-copy { align-self: end; }
  .invitation-teaser-actions { align-self: start; }
  .invitation-feature-grid, .invitation-demo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1023px) {
  .invitation-teaser-visual { width: min(100%,440px); margin: 0 auto; }
  .invitation-teaser-actions { justify-content: center; }
}
@media (max-width: 767px) {
  .privacy-section-final { padding-top: 52px; padding-bottom: 52px; }
  .invitation-product-intro { padding-top: 32px; margin-bottom: 28px; }
  .invitation-hero .game-action-row { gap: 12px; }
  .invitation-demo-visual img { height: 290px; }
}
@media (max-width: 390px) {
  .invitation-phone { padding: 3px; border-width: 3px; border-radius: 20px; }
  .invitation-phone img { border-radius: 14px; }
  
  .invitation-teaser-card { padding: 30px 20px; }
  .invitation-feature-card, .invitation-process-grid article, .invitation-demo-copy { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .invitation-demo-visual img { transition: none; }
}


.invitation-product-intro-kicker{display:block;margin-bottom:10px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.06em}

/* Sample link after the existing story section; shared buttons and palette. */
.site-sample-section{padding:76px 0}
.site-sample-card{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:38px 44px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md)}
.site-sample-copy{max-width:680px;min-width:0}
.site-sample-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-.045em;margin:12px 0 14px}
.site-sample-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.site-sample-card>.game-action{flex-shrink:0}
@media(max-width:900px){.site-sample-card{padding:30px;gap:25px}.site-sample-copy{max-width:520px}}
@media(max-width:680px){.site-sample-section{padding:54px 0}.site-sample-card{align-items:stretch;flex-direction:column;padding:28px 24px;gap:24px}.site-sample-card>.game-action{align-self:flex-start}.site-sample-copy h2{font-size:29px}.site-sample-copy .section-kicker{font-size:11px}}

.site-sample-section + .how-it-works{padding-top:0}