/* Wolf x WLF — yalnızca uygulama/önizleme modu */
.wf-appbar{display:none!important}
@media(max-width:900px){
html.is-app{--wf-appbar-h:68px;--wf-appbar-gap:calc(var(--wf-appbar-h) + 20px + env(safe-area-inset-bottom));background:var(--bg,#06070a);overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}
html.is-app body{padding-bottom:var(--wf-appbar-gap);padding-top:env(safe-area-inset-top, 0px);background:var(--bg,#06070a)}
html.is-app a,html.is-app button{touch-action:manipulation}
html.is-app .nav-links,html.is-app .nav-join,html.is-app .nav-auth{display:none!important}
html.is-app .mobile-menu a[data-appbar-dup]{display:none!important}
html.is-app .nav{top:env(safe-area-inset-top, 0px)}
html.is-app .mobile-menu{top:calc(68px + env(safe-area-inset-top, 0px))}
html.is-app .notify-panel{top:calc(74px + env(safe-area-inset-top, 0px))}
html.is-app .wf-appbar{display:flex!important;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);max-width:560px;margin:auto;height:68px!important;box-sizing:border-box;z-index:9400;padding:5px;gap:2px;border:1px solid var(--line,rgba(255,255,255,.16));border-radius:26px;background:#0b0c10;box-shadow:0 14px 35px rgba(0,0,0,.38);-webkit-user-select:none;user-select:none;view-transition-name:wf-appbar}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html.is-app .wf-appbar{background:rgba(10,11,15,.82);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}}
html.is-app .wf-appbar-tab{flex:1 1 0;min-width:0;height:56px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;border-radius:21px;text-decoration:none;color:rgba(255,255,255,.62);font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;transition:transform .18s,background .18s,color .18s,border-color .18s;user-select:none;-webkit-user-select:none;position:relative}
html.is-app .wf-appbar-tab:active{transform:scale(.96)}
html.is-app .wf-appbar-tab.is-active{background:rgba(var(--accent-rgb,242,193,78),.14);border-color:rgba(var(--accent-rgb,242,193,78),.35);color:var(--accent,#f2c14e)}
html.is-app .wf-appbar-tab:focus-visible{outline:2px solid var(--accent,#f2c14e);outline-offset:-3px}
html.is-app .wf-appbar-icon{height:24px;width:24px;display:flex;align-items:center;justify-content:center;flex:none}
html.is-app .wf-appbar-icon svg{width:22px;height:22px}
html.is-app .wf-appbar-tab.is-active svg{stroke-width:2.1}
html.is-app .wf-appbar-label{display:block;max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}
html.is-app .wf-appbar-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block;overflow:hidden}
html.is-app .wf-appbar-initial{display:grid;place-items:center;background:var(--accent,#f2c14e);color:var(--accent-ink,#16110a);font-size:11px;font-weight:800}
html.is-app .wf-appbar-tab.has-avatar .wf-appbar-guest-ic{display:none}
html.is-app .wf-appbar-dot{position:absolute;top:3px;right:calc(50% - 18px);width:9px;height:9px;border-radius:50%;background:var(--accent,#f2c14e);border:2px solid #0b0c10}
html.is-app body.wf-appbar-hidden .wf-appbar,html.is-app body.wf-appbar-keyboard .wf-appbar,html.is-app body.howl-pop-open .wf-appbar,html.is-app body.chat-drawer-open .wf-appbar,html.is-app body:has(.modal.open) .wf-appbar,html.is-app body:has(dialog[open]) .wf-appbar,html.is-app body:has(.chat-modal:not([hidden])) .wf-appbar,html.is-app body:has(.market-cart-root.is-open) .wf-appbar{display:none!important}
html.is-app .wf-consent,html.is-app .chat-toast,html.is-app .toast,html.is-app .wf-auth-toast,html.is-app .back-top,html.is-app .notify-smart-prompt,html.is-app .edit-fab,html.is-app .edit-tiktok-mobile,html.is-app .katil-mobile-bar,html.is-app .market-sticky-buy,html.is-app .market-cart-fab,html.is-app .market-cart-drawer,html.is-app .cm-tabs{bottom:var(--wf-appbar-gap)!important}
html.is-app body:has(.market-cart-root.is-open) .market-cart-drawer{bottom:0!important}
html.is-app{--wf-sup-bottom:calc(24px + var(--wf-appbar-gap))}
html.is-app .site-main{scroll-padding-bottom:var(--wf-appbar-gap)}
html.is-app[data-theme="light"] .wf-appbar{background:#f8f8fb;border-color:var(--line,rgba(0,0,0,.12));box-shadow:0 14px 35px rgba(0,0,0,.16)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html.is-app[data-theme="light"] .wf-appbar{background:rgba(248,248,251,.92);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}}
html.is-app[data-theme="light"] .wf-appbar-tab{color:#444752}
html.is-app[data-theme="light"] .wf-appbar-tab.is-active{color:#6b4a00;background:rgba(var(--accent-rgb,242,193,78),.20);border-color:rgba(var(--accent-rgb,242,193,78),.55)}
html.is-app[data-theme="light"] .wf-appbar-dot{border-color:#f8f8fb;background:#8a5f00}
}
@media(prefers-reduced-motion:reduce){html.is-app .wf-appbar-tab{transition:none!important;transform:none!important}}
@supports (view-transition-name:wf-appbar){
html.is-app::view-transition{background:var(--bg,#06070a)}
html.is-app::view-transition-old(root){animation:none;opacity:0}
html.is-app::view-transition-new(root){animation:wfAppbarPageIn .2s cubic-bezier(.22,1,.36,1) both}
html.is-app::view-transition-group(wf-appbar){animation-duration:.18s}
@keyframes wfAppbarPageIn{from{opacity:0;transform:translateY(8px) scale(.996)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){html.is-app .wf-appbar{view-transition-name:none}html.is-app::view-transition-old(root){animation:none!important;opacity:0!important}html.is-app::view-transition-new(root){animation:none!important;opacity:1!important}}
html.is-app .wf-app-route{position:fixed;inset:0;z-index:9997;display:grid;place-items:center;background:rgba(6,7,10,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}
html.is-app.wf-app-nav .wf-app-route{opacity:1;visibility:visible;pointer-events:auto}
html.is-app .wf-app-route-box{display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--line-2);border-radius:16px;background:rgba(10,11,15,.88);box-shadow:0 18px 50px rgba(0,0,0,.4);color:var(--text);font:800 10px var(--font-body);letter-spacing:.18em;text-transform:uppercase}
html.is-app .wf-app-route-spin{width:22px;height:22px;border:2px solid rgba(var(--accent-rgb),.18);border-top-color:var(--accent);border-radius:50%;animation:wfAppSpin .7s linear infinite}
@keyframes wfAppSpin{to{transform:rotate(360deg)}}
html.is-app[data-theme="light"] .wf-app-route{background:rgba(246,246,243,.78)}
html.is-app[data-theme="light"] .wf-app-route-box{background:rgba(255,255,255,.94)}
@media(prefers-reduced-motion:reduce){html.is-app .wf-app-route{transition:none}html.is-app .wf-app-route-spin{animation:none}}
@supports not (view-transition-name:wf-appbar){@keyframes wfAppbarFallbackIn{from{opacity:.72}to{opacity:1}}html.is-app body{animation:wfAppbarFallbackIn .18s ease-out both}}
@media(prefers-reduced-motion:reduce){html.is-app body{animation:none}}
/* Uygulama açılış animasyonu */
.wf-intro{display:none;position:fixed;inset:0;z-index:10005;align-items:center;justify-content:center;background:var(--bg,#06070a);overflow:hidden;pointer-events:none}
html.is-app.wf-intro-open{background:var(--bg,#06070a)}
html.is-app.wf-intro-open body{background:var(--bg,#06070a)}
html.is-app.wf-intro-open .wf-intro{display:flex;animation:wfIntroOut .42s 1.12s ease both}
.wf-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(var(--accent-rgb,242,193,78),.13),transparent 42%)}
.wf-intro-ambient{position:absolute;width:min(78vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb,242,193,78),.18),transparent 68%);filter:blur(8px);animation:wfIntroAmbient 1.6s ease both}
.wf-intro-core{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px}
.wf-intro-ring{position:absolute;top:-20px;width:132px;height:132px;border-radius:34px;border:1px solid rgba(var(--accent-rgb,242,193,78),.28);box-shadow:0 0 0 10px rgba(var(--accent-rgb,242,193,78),.045);animation:wfIntroRing .9s .1s cubic-bezier(.22,1,.36,1) both}
.wf-intro-mark{position:relative;z-index:1;width:92px;height:92px;border-radius:24px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 0 1px rgba(var(--accent-rgb),.12);animation:wfIntroMark .75s cubic-bezier(.22,1,.36,1) both}
.wf-intro-mark img{display:block;width:100%;height:100%;object-fit:cover}
.wf-intro-brand{font-family:var(--font-display);font-size:clamp(1.35rem,6vw,1.8rem);font-weight:800;letter-spacing:-.045em;color:var(--text);text-align:center;animation:wfIntroText .65s .22s both}
.wf-intro-line{width:138px;height:2px;margin-top:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.wf-intro-line i{display:block;width:100%;height:100%;border-radius:2px;background:var(--accent-grad);transform-origin:left;animation:wfIntroLine 1s .28s cubic-bezier(.22,1,.36,1) both}
.wf-intro-note{font-family:var(--font-body);font-size:8.5px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);animation:wfIntroText .55s .38s both}
html.is-app[data-theme="light"] .wf-intro{background:var(--bg,#f6f6f3)}
html.is-app[data-theme="light"] .wf-intro-line{background:rgba(0,0,0,.08)}
@keyframes wfIntroMark{from{opacity:0;transform:scale(.72) translateY(10px)}to{opacity:1;transform:none}}
@keyframes wfIntroRing{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}}
@keyframes wfIntroText{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes wfIntroLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wfIntroAmbient{from{opacity:.15;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes wfIntroOut{from{opacity:1}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.wf-intro *,.wf-intro{animation:none!important}}