:root{--gold:#e3c590;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{font-family:'Inter',sans-serif;background:#08080b;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;}svg{display:block;}a{color:inherit;text-decoration:none;}
.app{max-width:560px;margin:0 auto;min-height:100vh;background:#08080b;}

.top{display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 20px 4px;}
.back{width:40px;height:40px;flex:none;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;}
.back svg{width:20px;height:20px;}
.top .sp{flex:1;}
.intro{padding:8px 22px 8px;}
.intro h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(3rem,15vw,4.4rem);line-height:.9;}
.intro .cnt{margin-top:10px;display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9aa4b2;font-weight:700;}
.intro .cnt::before{content:'';width:24px;height:1px;background:rgba(255,255,255,.3);}

main{padding:10px 16px 8px;display:flex;flex-direction:column;gap:14px;}
.loc{border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.lh{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;}
.lh .nm{flex:1;font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:.02em;line-height:1;}
.lh .maps{flex:none;display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.82);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);font-weight:600;padding:8px 12px;border-radius:999px;transition:background .15s,transform .15s;}
.lh .maps:hover{background:rgba(255,255,255,.11);}
.lh .maps:active{transform:scale(.95);}
.lh .maps svg{width:18px;height:18px;color:var(--gold);}
.lh .maps .ar{font-size:17px;line-height:1;margin-left:-1px;opacity:.5;}
.trip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;}
.trip a{aspect-ratio:3/4;overflow:hidden;background:#15161d;cursor:pointer;}
.trip img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.trip a:active img{transform:scale(1.06);}

/* ---- sayfa içi foto lightbox (aynı yüklü görsel; ekstra istek yok) ---- */
.lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.95);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;touch-action:none;}
.lb.open{opacity:1;visibility:visible;transition:opacity .25s;}
.lb .stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;overflow:hidden;}
.lb .track{display:flex;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.lb .slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:0 14px;}
.lb .slide img{max-width:100%;max-height:76vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.7);}
.lb .lbx{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;}
.lb .ctrls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;}
.lb .nav{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s;}
.lb .nav:hover{background:rgba(255,255,255,.16);}
.lb .nav:active{transform:scale(.9);}
.lb .foot{padding:14px 20px max(24px,calc(env(safe-area-inset-bottom) + 12px));text-align:center;}
.lb .foot .nm{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;letter-spacing:.03em;}
.lb .dots{display:flex;justify-content:center;gap:7px;}
.lb .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);transition:.2s;}
.lb .dots i.on{background:var(--gold);width:20px;border-radius:3px;}
.lb .maplink{margin-top:14px;display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px;text-decoration:none;}
.lb .maplink svg{width:15px;height:15px;color:var(--gold);}

.cta{margin:18px 0 max(34px,env(safe-area-inset-bottom));padding:24px 20px;text-align:center;}
.cta h3{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;letter-spacing:.02em;}
.cta p{color:#9aa4b2;font-size:.92rem;line-height:1.5;margin:8px auto 16px;max-width:360px;}
.cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#1a1407;font-weight:700;font-size:15px;padding:14px 26px;border-radius:14px;}
.cta a svg{width:16px;height:16px;}
/* ---- demo (kilitli) mod: Shopier + kod ile aç ---- */
.cta .ctabtns{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:4px;}
.cta .ctabtns>a,.cta .ctabtns>button{width:100%;max-width:280px;}
.cta .codebtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9);font-weight:700;font-size:15px;padding:14px 26px;border-radius:14px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s;}
.cta .codebtn:hover{background:rgba(255,255,255,.06);}
.cta .codebtn.active{border-color:rgba(227,197,144,.5);}
.cta .codebtn svg{width:16px;height:16px;color:var(--gold);}
.cta .codebox{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.cta .codebox.open{max-height:320px;}
.cta .codedeliver{font-size:12.5px;color:rgba(255,255,255,.5);text-align:center;margin-top:11px;line-height:1.4;max-width:340px;margin-left:auto;margin-right:auto;}
.cta .codebox .crow{display:flex;gap:8px;margin-top:8px;max-width:340px;margin-left:auto;margin-right:auto;}
.cta .codebox input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:13px 14px;color:#fff;font-size:15px;font-family:inherit;text-align:center;letter-spacing:.08em;text-transform:uppercase;}
.cta .codebox input::placeholder{color:rgba(255,255,255,.4);letter-spacing:0;text-transform:none;}
.cta .codebox input:focus{outline:none;border-color:var(--gold);}
.cta .codebox .go{flex:none;background:var(--gold);color:#1a1407;font-weight:700;font-size:14px;padding:0 20px;border-radius:12px;border:none;cursor:pointer;font-family:inherit;}
.cta .codebox .go:disabled{opacity:.6;}
.cta .codemsg{margin-top:10px;font-size:13px;font-weight:600;min-height:18px;}
.cta .codemsg.ok{color:#34d399;display:flex;align-items:center;justify-content:center;gap:7px;}
.cta .codemsg.ok .tick{flex:none;width:20px;height:20px;border-radius:50%;background:#2ec27e;color:#0b0c11;display:inline-flex;align-items:center;justify-content:center;animation:tickpop .42s cubic-bezier(.18,.9,.32,1.3) both;}
.cta .codemsg.ok .tick svg{width:12px;height:12px;display:block;}
@keyframes tickpop{0%{transform:scale(0) rotate(-25deg);opacity:0;}60%{transform:scale(1.18) rotate(3deg);}100%{transform:scale(1) rotate(0);opacity:1;}}
.cta .codemsg.err{color:#f87171;}
.cta .codehelp{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.55);background:none;text-decoration:none;padding:7px 12px;border-radius:10px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s;}
.cta .codehelp svg{width:15px;height:15px;flex:none;color:var(--gold);}
.cta .codehelp b{color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.cta .codehelp:hover{color:rgba(255,255,255,.85);}
.cta .codehelp:hover b{text-decoration-thickness:2px;}
.cta .codehelp.hot{color:var(--gold);border-color:rgba(227,197,144,.45);background:rgba(227,197,144,.08);animation:helpnudge .5s ease;}
@keyframes helpnudge{0%,100%{transform:translateX(0);}25%{transform:translateX(-4px);}75%{transform:translateX(4px);}}