:root{
  --ink:#1a1410;
  --paper:#f4ecdc;
  --sun:#e07a2c;
  --sun-deep:#c25a18;
  --sea:#2c5f6f;
  --sea-deep:#1a3f4c;
  --gold:#b8893a;
  --shadow: 0 1px 0 rgba(26,20,16,0.08), 0 8px 30px -10px rgba(26,20,16,0.15);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--paper);color:var(--ink);font-family:'Inter Tight',sans-serif;-webkit-font-smoothing:antialiased}
body{
  min-height:100vh;
  background:
    radial-gradient(ellipse at top, rgba(224,122,44,0.08), transparent 60%),
    radial-gradient(ellipse at bottom left, rgba(44,95,111,0.06), transparent 50%),
    var(--paper);
  background-attachment: fixed;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0.15 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.wrap{max-width:560px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:2}

header{text-align:center;margin-bottom:36px;animation:rise .8s ease-out}
.logo{max-height:70px;max-width:220px;margin-bottom:20px;object-fit:contain}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Fraunces',serif;font-style:italic;font-size:13px;
  color:var(--sea-deep);letter-spacing:0.08em;text-transform:uppercase;
  padding:6px 14px;border:1px solid rgba(44,95,111,0.25);border-radius:99px;
  margin-bottom:20px;background:rgba(255,255,255,0.4)
}
.badge::before{content:'';width:6px;height:6px;background:var(--sun);border-radius:50%}
h1{font-family:'Fraunces',serif;font-weight:400;font-size:40px;line-height:1.07;letter-spacing:-0.02em;margin-bottom:14px}
h1 em{font-style:italic;color:var(--sun-deep);font-weight:500}
.lede{font-size:15px;line-height:1.6;color:rgba(26,20,16,0.7);max-width:420px;margin:0 auto}

.card{
  background:#fff;border-radius:18px;padding:32px 28px;
  box-shadow:var(--shadow);border:1px solid rgba(26,20,16,0.06);
  margin-bottom:20px;animation:rise .6s ease-out .1s both
}
.step-label{font-family:'Fraunces',serif;font-style:italic;font-size:13px;color:var(--gold);letter-spacing:0.05em;margin-bottom:8px;display:block}
.q{font-family:'Fraunces',serif;font-size:22px;line-height:1.25;font-weight:500;margin-bottom:22px}
.hint{font-size:13px;color:rgba(0,0,0,0.4);font-style:italic;font-family:'Inter Tight'}

.stars{display:flex;gap:8px;justify-content:center;margin:24px 0 8px}
.star{width:48px;height:48px;cursor:pointer;transition:transform .2s ease;color:rgba(26,20,16,0.15)}
.star:hover{transform:scale(1.15) rotate(-5deg)}
.star.active{color:var(--sun);animation:pop .4s ease-out}
.star svg{width:100%;height:100%;fill:currentColor;transition:color .2s}
.rating-label{text-align:center;font-family:'Fraunces',serif;font-style:italic;font-size:16px;color:var(--sea-deep);min-height:24px;margin-top:6px}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{padding:9px 16px;border:1.5px solid rgba(26,20,16,0.15);border-radius:99px;font-size:14px;font-weight:500;cursor:pointer;background:transparent;color:var(--ink);transition:all .2s ease;font-family:inherit}
.chip:hover{border-color:var(--sun);color:var(--sun-deep)}
.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}

textarea{width:100%;min-height:90px;padding:14px;border:1.5px solid rgba(26,20,16,0.12);border-radius:12px;font-family:inherit;font-size:14px;resize:vertical;background:var(--paper);color:var(--ink);transition:border .2s}
textarea:focus{outline:none;border-color:var(--sea)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border:none;border-radius:12px;font-family:'Fraunces',serif;font-size:17px;font-weight:500;cursor:pointer;transition:all .25s ease;margin-top:22px;text-decoration:none}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--sea-deep);transform:translateY(-2px);box-shadow:0 10px 25px -8px rgba(26,20,16,0.4)}
.btn-primary:disabled{opacity:0.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn-google{background:#fff;color:var(--ink);border:1.5px solid var(--ink);margin-top:8px}
.btn-google:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.btn-tripadvisor{background:#34e0a1;color:#000725}
.btn-tripadvisor:hover{background:#2bcb8e;transform:translateY(-2px)}

.progress{display:flex;gap:6px;margin-bottom:24px}
.progress span{flex:1;height:3px;background:rgba(26,20,16,0.1);border-radius:99px;overflow:hidden;position:relative}
.progress span.done::after{content:'';position:absolute;inset:0;background:var(--sun);animation:fill .4s ease-out forwards}

.final{text-align:center}
.final h2{font-family:'Fraunces',serif;font-size:30px;font-weight:500;line-height:1.15;margin-bottom:14px}
.final h2 em{font-style:italic;color:var(--sun-deep)}
.final p{color:rgba(26,20,16,0.7);line-height:1.6;margin-bottom:8px;font-size:15px}
.icon-big{font-size:48px;margin-bottom:16px;display:inline-block;animation:pop .6s ease-out}
.small-links{font-size:12px;margin-top:18px}
.small-links a{color:var(--sea-deep)}

footer{text-align:center;margin-top:30px;font-size:12px;color:rgba(26,20,16,0.4);font-family:'Fraunces',serif;font-style:italic}

@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pop{0%{transform:scale(0.8)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes fill{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.hidden{display:none}
.fade-in{animation:rise .5s ease-out}

@media (max-width:480px){
  h1{font-size:32px}
  .card{padding:26px 22px}
  .star{width:42px;height:42px}
}

/* ===== GOOGLE GİRİŞ EKRANI (GATE) ===== */
.gate{text-align:center}
.gift-banner{display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(135deg,rgba(224,122,44,0.12),rgba(184,137,58,0.1));border:1px solid rgba(224,122,44,0.25);border-radius:14px;padding:16px 18px;margin-bottom:18px}
.gift-icon{font-size:38px;line-height:1}
.gift-banner strong{font-family:'Fraunces',serif;font-size:18px;color:var(--sun-deep);display:block}
.gift-banner p{font-size:13px;color:rgba(26,20,16,0.7);margin-top:2px}
.gate-text{font-size:14px;line-height:1.6;color:rgba(26,20,16,0.7);margin-bottom:20px}
.google-btn-wrap{display:flex;justify-content:center;margin-bottom:14px;min-height:44px}
.skip-link{background:none;border:none;color:var(--sea);font-size:13px;cursor:pointer;font-family:inherit;text-decoration:underline;opacity:0.75}
.skip-link:hover{opacity:1}

/* ===== HEDİYE ÇEKİ KUTUSU ===== */
.voucher-slot:empty{display:none}
.voucher-note{font-size:15px;font-weight:600;color:var(--sun-deep);margin:18px 0 10px}
.voucher-box{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:2px dashed var(--sun);border-radius:14px;padding:20px;margin-bottom:10px}
.voucher-reward{font-family:'Fraunces',serif;font-size:16px;color:var(--ink)}
.voucher-code{font-size:26px;font-weight:700;letter-spacing:3px;color:var(--sun-deep);font-family:'Inter Tight',monospace;background:var(--paper);padding:8px 18px;border-radius:8px}
.voucher-barcode{background:#fff;padding:8px 14px;border-radius:6px;width:100%;max-width:280px;display:flex;align-items:center;justify-content:center;min-height:80px;margin:4px 0}
.voucher-barcode img{max-width:100%;height:auto;display:block}
.voucher-exp{font-size:12px;color:var(--muted,#8a8073)}
.voucher-hint{font-size:12px;color:rgba(26,20,16,0.55);line-height:1.5;margin-bottom:8px}

/* ===== DİL SEÇİCİ ===== */
.lang-switcher{position:absolute;top:20px;right:20px;z-index:10}
.lang-current{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(26,20,16,0.15);background:rgba(255,255,255,0.85);backdrop-filter:blur(8px);border-radius:99px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink)}
.lang-current:hover{background:#fff;border-color:var(--sun)}
.lang-current .caret{font-size:10px;opacity:0.6}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid rgba(26,20,16,0.1);border-radius:12px;list-style:none;padding:6px;margin:0;min-width:170px;box-shadow:0 10px 30px -10px rgba(0,0,0,0.2)}
.lang-menu li{margin:0}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;transition:background .15s}
.lang-menu a:hover{background:var(--paper)}
.lang-menu a.active{background:var(--ink);color:var(--paper)}

/* ===== RTL DESTEĞİ (Arapça) ===== */
[dir="rtl"] .lang-switcher{right:auto;left:20px}
[dir="rtl"] .lang-menu{right:auto;left:0}
[dir="rtl"] .progress{flex-direction:row-reverse}
[dir="rtl"] .skip-link{direction:rtl}
[dir="rtl"] .voucher-code{letter-spacing:1px}
[dir="rtl"] .gift-banner{text-align:right}
[dir="rtl"] .stars{flex-direction:row-reverse}
[dir="rtl"] body{font-family:'Inter Tight','Segoe UI',Tahoma,sans-serif}

/* ===== TELEFON / KVKK ONAY EKRANI ===== */
.form-label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--ink)}
.form-label:first-child{margin-top:0}
#contactName, #contactPhone {
  width:100%; padding:13px 14px; border:1.5px solid rgba(26,20,16,0.12);
  border-radius:12px; font-family:inherit; font-size:15px; background:var(--paper);
  color:var(--ink); transition:border .2s
}
#contactName:focus, #contactPhone:focus { outline:none; border-color:var(--sea) }

.consent-list{display:flex;flex-direction:column;gap:14px;margin:24px 0 16px;padding:16px;background:var(--paper);border-radius:12px}
.consent-row{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;cursor:pointer}
.consent-row input[type=checkbox]{margin-top:3px;flex-shrink:0;width:18px;height:18px;accent-color:var(--sun);cursor:pointer}
.consent-row span{flex:1}
.consent-row strong{color:var(--sun-deep);font-weight:600}
.link-inline{color:var(--sea);text-decoration:underline;cursor:pointer;font-weight:500}
.contact-error{background:#fbe6e3;color:#a33222;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}

/* ===== KVKK MODAL ===== */
.kvkk-modal{position:fixed;inset:0;background:rgba(26,20,16,0.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.kvkk-modal.hidden{display:none}
.kvkk-modal-inner{background:#fff;border-radius:16px;padding:28px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;position:relative}
.kvkk-modal-inner h3{font-family:'Fraunces',serif;font-size:22px;margin-bottom:14px;color:var(--ink)}
.kvkk-content{font-size:14px;line-height:1.6;color:rgba(26,20,16,0.8)}
.kvkk-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:rgba(26,20,16,0.4)}
.kvkk-close:hover{color:var(--ink)}

/* ===== WHATSAPP BUTONU ===== */
.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border-radius:12px;background:#25d366;color:#fff;font-family:'Fraunces',serif;font-size:16px;font-weight:500;text-decoration:none;margin-top:14px;transition:all .2s}
.btn-whatsapp:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 10px 25px -8px rgba(37,211,102,0.5)}
.wa-sent-info{background:#e3f3e8;color:#1a6b3a;padding:12px 14px;border-radius:10px;font-size:14px;margin-top:14px;font-weight:500}

/* RTL düzenlemeleri */
[dir="rtl"] .consent-row{text-align:right}
[dir="rtl"] .kvkk-close{right:auto;left:16px}

/* ===== SVG BAYRAK İKONLARI ===== */
.flag-icon{
  display:inline-block;
  width:20px;height:14px;
  vertical-align:middle;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,0.08);
  object-fit:cover;
  flex-shrink:0;
}
/* Dil seçici özelinde hizalama */
.lang-current .flag-icon,
.lang-menu .flag-icon { margin-right:6px }
[dir="rtl"] .lang-current .flag-icon,
[dir="rtl"] .lang-menu .flag-icon { margin-right:0; margin-left:6px }

/* ===== Google'a otomatik yönlendirme ekranı ===== */
.redirect-screen{
  text-align:center;
  padding:60px 30px;
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.redirect-spinner{
  width:56px;height:56px;
  border:4px solid rgba(0,0,0,0.08);
  border-top-color:var(--sun, #e07a2c);
  border-radius:50%;
  animation:rotate 0.9s linear infinite;
}
.redirect-text{
  font-size:17px;
  color:var(--ink, #1a1410);
  font-weight:500;
  margin:0;
  max-width:320px;
  line-height:1.5;
}
@keyframes rotate{
  to { transform:rotate(360deg) }
}

/* Pulse animation - "Google'a Yorum Yaz" butonu için */
.btn-pulse{
  animation:btnPulse 1.6s ease-in-out infinite;
  position:relative;
}
@keyframes btnPulse{
  0%, 100% { box-shadow:0 4px 14px rgba(66,133,244,0.35) }
  50%      { box-shadow:0 4px 24px rgba(66,133,244,0.6), 0 0 0 6px rgba(66,133,244,0.1) }
}