*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden}
body{overflow-x:hidden}
:root{
--rose:#e66b9d;--rose2:#c94680;--lilac:#8e61d4;--ink:#1e1724;--muted:#746b7d;
--line:rgba(30,23,36,.12);--soft:#fff3f8;--bg:#fbf7fb;--card:#fff;
--grad:linear-gradient(135deg,#e66b9d,#8e61d4);--shadow:0 18px 50px rgba(57,33,64,.14);
--display:"Fraunces",Georgia,serif;--ui:"Plus Jakarta Sans",system-ui,sans-serif;
}
body{font-family:var(--ui);background:var(--bg);color:var(--ink);line-height:1.55;background-image:radial-gradient(900px 500px at 100% 0,rgba(142,97,212,.12),transparent),radial-gradient(700px 500px at 0 15%,rgba(230,107,157,.12),transparent)}
a{text-decoration:none;color:inherit;cursor:pointer}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.hidden{display:none!important}
.container{max-width:1160px;margin:0 auto;padding:0 22px}
.nav{
position:sticky;top:0;z-index:90;
height:68px;padding:0 24px;
display:flex;align-items:center;justify-content:space-between;
background:linear-gradient(180deg,rgba(14,5,22,0.98) 0%,rgba(22,8,35,0.98) 100%);
border-bottom:1px solid rgba(230,107,157,.25);
backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);
box-shadow:0 2px 0 rgba(230,107,157,.12) inset,0 6px 48px rgba(0,0,0,.5);
}
/* Üst neon çizgisi - daha belirgin */
.nav::before{
content:'';position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,transparent 0%,#e66b9d 15%,#c084fc 45%,#e66b9d 75%,transparent 100%);
opacity:.9;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo img{height:38px;width:auto;display:block;object-fit:contain;filter:brightness(0) invert(1)}
.brand b{font-family:var(--display);font-size:22px;color:#fff;letter-spacing:-.01em}
.brand em{color:#e66b9d;font-style:normal}
/* Mobile toggle */
.nav-toggle{display:none;border:1.5px solid rgba(230,107,157,.3);background:rgba(230,107,157,.08);border-radius:10px;padding:7px 9px;font-size:20px;color:#fff;cursor:pointer;line-height:1;transition:.18s}
.nav-toggle:hover{background:rgba(230,107,157,.18)}
.nav-collapse{flex:1;display:flex;align-items:center;justify-content:space-between;margin-left:20px}
.nav-links,.nav-right{display:flex;align-items:center;gap:2px}
.nav-right{overflow:visible!important;gap:6px}
.nav-links a{
padding:7px 11px;border-radius:9px;
font-weight:700;font-size:13px;
color:rgba(255,255,255,.6);
display:flex;align-items:center;gap:5px;
position:relative;
border:1px solid transparent;
letter-spacing:.01em;
/* Renk geçişini sabitlemek için - flicker önleme */
transition:color .15s,background .15s,border-color .15s;
text-decoration:none;
}
.nav-links a i{font-size:14px;flex-shrink:0}
.nav-links a:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border-color:rgba(230,107,157,.2)}
.nav-links a.active{color:#fff!important;background:rgba(230,107,157,.14);border-color:rgba(230,107,157,.35)}
.nav-links a.active i{color:#e66b9d}
/* Nav butonların renk kararlılığı - btn-primary'nin nav'daki halini kilitle */
.nav-right .btn,.nav-right button.btn{transition:transform .18s,box-shadow .18s!important;color:#fff!important}
.nav-right .btn-primary{background:var(--grad)!important;border:0!important;color:#fff!important}
/* --- Nav auth buttons --- */
.nav-btn-login{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:10px;border:1.5px solid rgba(230,107,157,.35);background:rgba(230,107,157,.08);color:#f9a8d4;font:700 13px var(--ui,sans-serif);cursor:pointer;letter-spacing:.01em;transition:all .2s;white-space:nowrap}
.nav-btn-login:hover{border-color:rgba(230,107,157,.7);color:#fff;background:rgba(230,107,157,.18);transform:translateY(-1px)}
.nav-btn-login i{font-size:14px}
.nav-btn-register{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:10px;border:0;background:var(--grad);color:#fff;font:700 13px var(--ui,sans-serif);cursor:pointer;letter-spacing:.01em;transition:transform .2s,box-shadow .2s;white-space:nowrap;box-shadow:0 4px 14px rgba(230,107,157,.35)}
.nav-btn-register:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,70,128,.5)}
.nav-btn-register i{font-size:14px}
/* Sepet butonu */
.nav-cart-btn{
position:relative;display:inline-flex;align-items:center;justify-content:center;
width:40px;height:40px;border-radius:11px;
border:1.5px solid rgba(230,107,157,.28);
background:rgba(230,107,157,.08);
color:rgba(255,255,255,.75);font-size:18px;
cursor:pointer;transition:all .2s;text-decoration:none;
flex-shrink:0;
}
.nav-cart-btn:hover{
background:rgba(230,107,157,.2);
border-color:rgba(230,107,157,.6);
color:#fff;
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(230,107,157,.25);
}
.nav-cart-btn i{font-size:17px;line-height:1}
.nav-cart-count{
position:absolute;top:-5px;right:-5px;
background:var(--grad);color:#fff;
font-size:10px;font-weight:900;
border-radius:999px;
min-width:18px;height:18px;
display:flex;align-items:center;justify-content:center;
padding:0 4px;line-height:1;
border:2px solid rgba(14,5,22,.9);
animation:cartBounce .4s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes cartBounce{0%{transform:scale(0)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
/* Onay bekliyor badge */
.nav-pending-badge{
display:inline-flex;align-items:center;gap:5px;
padding:5px 11px;border-radius:999px;
background:rgba(251,191,36,.12);
border:1px solid rgba(251,191,36,.3);
color:#fbbf24;font-size:11px;font-weight:900;
white-space:nowrap;
}
.nav-pending-badge i{font-size:12px}
/* Puan pill */
.puan-pill{
border:1px solid rgba(142,97,212,.3);
background:rgba(142,97,212,.1);
color:#c084fc;
border-radius:999px;padding:8px 13px;
font-weight:900;font-size:13px;
cursor:pointer;display:inline-flex;align-items:center;gap:6px;
transition:.18s;white-space:nowrap;
}
.puan-pill:hover{background:rgba(142,97,212,.2);border-color:rgba(192,132,252,.5)}
.puan-pill i{font-size:14px}
/* Avatar */
.avatar-menu{position:relative}
.avatar{width:38px;height:38px;border:1.5px solid rgba(230,107,157,.35);border-radius:11px;background:rgba(230,107,157,.15);color:#f9a8d4;font-weight:900;display:grid;place-items:center;overflow:hidden;cursor:pointer;transition:.18s;font-size:14px}
.avatar:hover{border-color:rgba(230,107,157,.7);background:rgba(230,107,157,.25)}
.avatar img{width:100%;height:100%;object-fit:cover}
.user-menu{
position:absolute;right:0;top:50px;width:230px;
background:#fff;border:1px solid var(--line);
border-radius:16px;box-shadow:0 20px 60px rgba(30,23,36,.18);
padding:8px;z-index:200;
}
.user-menu .um-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.user-menu .um-head strong{display:block;font-weight:900;font-size:14px;color:var(--ink)}
.user-menu .um-head small{display:block;margin-top:4px}
.user-menu button,.user-menu a{
width:100%;border:0;background:transparent;text-align:left;
padding:10px 12px;border-radius:10px;font-weight:800;font-size:13px;
color:var(--ink);display:flex;gap:8px;align-items:center;
cursor:pointer;text-decoration:none;transition:.14s;
}
.user-menu button:hover,.user-menu a:hover{background:var(--soft);color:var(--rose2)}
.user-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
/* Premium nav link */
.nav-premium-link{
display:inline-flex;align-items:center;gap:6px;padding:7px 14px;
border-radius:999px;
background:linear-gradient(135deg,rgba(230,107,157,.2),rgba(142,97,212,.2));
border:1px solid rgba(230,107,157,.35);
color:#f9a8d4!important;font-size:13px;font-weight:800;
letter-spacing:.01em;text-decoration:none;
transition:all .2s;
}
.nav-premium-link:hover{
background:linear-gradient(135deg,rgba(230,107,157,.35),rgba(142,97,212,.35));
border-color:rgba(230,107,157,.6);color:#fff!important;
transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,70,128,.3);
}
.nav-premium-link.active{
background:var(--grad)!important;
border-color:transparent!important;
color:#fff!important;
box-shadow:0 4px 16px rgba(201,70,128,.4);
}
/* ── Global Buttons ── */
.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 17px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s;color:var(--ink)}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(30,23,36,.08)}
.btn-primary{border:0!important;background:var(--grad)!important;color:#fff!important}
.btn-primary:hover{box-shadow:0 8px 24px rgba(201,70,128,.4)!important}
.btn-ghost{color:var(--rose2);border-color:rgba(230,107,157,.45)}
.btn-lg{padding:13px 24px}
.btn-sm{padding:7px 12px;font-size:12px}
.btn-block{width:100%}
/* ── Market stats card (yeni tasarım) ── */
.market-stats-row{
display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;
}
.market-stat-card{
background:#fff;border:1px solid var(--line);border-radius:18px;
padding:20px 22px;position:relative;overflow:hidden;
}
.market-stat-card::before{
content:'';position:absolute;top:0;left:0;right:0;height:3px;
}
.market-stat-card.spent::before{background:linear-gradient(90deg,#e66b9d,#c94680)}
.market-stat-card.saved::before{background:linear-gradient(90deg,#22c55e,#16a34a)}
.market-stat-card .ms-icon{
width:44px;height:44px;border-radius:13px;
display:grid;place-items:center;font-size:20px;margin-bottom:14px;
}
.market-stat-card.spent .ms-icon{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:#c94680}
.market-stat-card.saved .ms-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}
.market-stat-card .ms-val{font-size:28px;font-weight:950;line-height:1;margin-bottom:4px;color:var(--ink)}
.market-stat-card .ms-lbl{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.market-stat-card .ms-sub{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:4px}
/* ── Ürün kartı - stok fotoğrafsız ── */
.prod-icon-wrap{
height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:linear-gradient(135deg,#fdf7ff,#fff3f8);
border-bottom:1px solid rgba(230,107,157,.1);
gap:8px;
}
.prod-icon-wrap .pi-icon{
width:60px;height:60px;border-radius:18px;
background:var(--grad);color:#fff;
display:grid;place-items:center;font-size:26px;
box-shadow:0 8px 24px rgba(230,107,157,.3);
}
.prod-icon-wrap .pi-cat{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.market-test-banner{
background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(251,191,36,.04));
border:1px solid rgba(251,191,36,.25);border-radius:13px;
padding:11px 16px;margin-bottom:16px;
display:flex;align-items:center;gap:10px;font-size:13px;
color:#9b6716;font-weight:700;
}
.market-test-banner i{color:#f59e0b;font-size:17px;flex-shrink:0}.mini-hero{background:linear-gradient(135deg,#fff,#fff3f8)}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--rose2);border-radius:999px;padding:8px 15px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 26px rgba(30,23,36,.08);margin-bottom:18px}.hero h1{font-family:var(--display);font-size:clamp(38px,7vw,74px);line-height:1.02;max-width:860px;margin:0 auto 18px}.hero p{font-size:18px;max-width:680px;margin:0 auto 28px;color:inherit;opacity:.94}.hero-btns,.trust{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.trust{margin-top:36px}.trust span{font-weight:850;background:rgba(255,255,255,.13);padding:10px 14px;border-radius:999px}
.section{padding:58px 0}.band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.center-head{text-align:center;margin-bottom:30px}.center-head h2,.sec-head h2,.contact-card h2{font-family:var(--display);font-size:clamp(30px,4vw,46px);line-height:1.08}.center-head p{max-width:680px;margin:10px auto 0;color:var(--muted)}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.how,.guide-grid,.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{
padding:28px 24px;
background:linear-gradient(135deg,#fff 0%,#fdf8fc 100%);
border:1px solid rgba(230,107,157,.14);
border-radius:20px;
box-shadow:0 4px 24px rgba(30,23,36,.06);
position:relative;overflow:hidden;
transition:transform .2s,box-shadow .2s;
}
.step::before{
content:'';position:absolute;top:0;left:0;right:0;height:3px;
background:var(--grad);opacity:.7;
}
.step:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(230,107,157,.14);}
.guide-card,.post-card,.contact-card,.listing-card,.prod,.earnings-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 20px rgba(30,23,36,.05)}
.num{
width:44px;height:44px;border-radius:14px;
background:var(--grad);color:#fff;
display:grid;place-items:center;font-weight:900;font-size:15px;
margin-bottom:16px;
box-shadow:0 4px 14px rgba(230,107,157,.3);
}
.step h3,.guide-card h3{font-size:16px;font-weight:900;margin-bottom:7px}
.step p,.guide-card p{color:var(--muted);font-size:13.5px;line-height:1.55}
.guide-card{padding:24px}.guide-card i{font-size:26px;color:var(--rose2);margin-bottom:12px}
/* ── Listing card — modern 2026 design ───────────────────────── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px}
.listing-card{
overflow:hidden;cursor:pointer;
transition:transform .2s,box-shadow .2s;
border-radius:20px;
background:#fff;
border:1px solid rgba(30,23,36,.08);
box-shadow:0 2px 14px rgba(30,23,36,.06);
position:relative;
}
.listing-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(30,23,36,.13);}
.listing-card.premium{
border-color:rgba(142,97,212,.35);
background:linear-gradient(160deg,#faf7ff 0%,#fff 60%);
}
.listing-card.premium::after{
content:'';position:absolute;top:0;left:0;right:0;height:2px;
background:linear-gradient(90deg,#8e61d4,#e66b9d);
}
.lc-image{position:relative;height:210px;overflow:hidden}.lc-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.listing-card:hover .lc-image img{transform:scale(1.04)}
.lc-flag{position:absolute;top:10px;left:10px;font-size:11px;font-weight:900;border-radius:999px;padding:4px 10px;display:flex;align-items:center;gap:5px}
.lc-flag.vitrin{background:#fff;color:var(--rose2)}.lc-flag.premium{background:var(--grad);color:#fff}
.lc-body{padding:14px 16px 16px}
.lc-cat{font-size:11px;font-weight:950;color:var(--rose2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.lc-body h3{font-size:16px;font-weight:800;line-height:1.3;margin-bottom:6px}
.lc-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:3px}
.lc-by{font-size:12px;color:var(--muted);margin-bottom:10px}
.lc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lc-foot strong{font-size:19px;font-weight:950;color:var(--rose2)}
.badge-online{font-size:11px;font-weight:900;background:#e8f8ee;color:#1e7e40;border-radius:999px;padding:4px 9px;display:inline-flex;align-items:center;gap:4px}
.empty{grid-column:1/-1;text-align:center;padding:46px 18px;background:#fff;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty i{font-size:42px;color:var(--rose2)}.empty h3{font-family:var(--display);font-size:26px;color:var(--ink)}.empty.small{padding:20px;font-size:14px}
.field{margin-bottom:14px}.field label{display:block;font-weight:850;font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea,.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;outline:0}.field textarea,.contact-form textarea{min-height:100px;resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-field{max-width:620px;margin:0 auto 24px}
.overlay{position:fixed;inset:0;z-index:200;background:rgba(30,23,36,.55);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}.modal{width:min(460px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow);position:relative}.modal-wide{width:min(840px,100%)}.modal-close{position:absolute;top:13px;right:13px;border:0;background:#fff;font-size:22px}.modal h2{font-family:var(--display);font-size:30px;margin-bottom:8px}.sub,.switch-auth{color:var(--muted);font-size:14px;margin-bottom:18px}.switch-auth{text-align:center;margin-top:14px}.switch-auth a{color:var(--rose2);font-weight:900}
.upload{display:block;text-align:center;border:1.5px dashed rgba(230,107,157,.45);background:#fff8fb;border-radius:15px;padding:20px;cursor:pointer}.upload input{display:none}.upload i{font-size:30px;color:var(--rose2);display:block}.upload.mini{padding:13px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.thumbs span{background:var(--soft);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}
.profile-editor{position:relative;margin:12px 0 62px}
.cover-pick{
height:190px;
background:linear-gradient(135deg,#1a0a14 0%,#2d1040 50%,#180a28 100%);
border-radius:18px;display:grid;place-items:center;overflow:hidden;cursor:pointer;
position:relative;border:2px dashed rgba(230,107,157,.25);
transition:.2s;
}
.cover-pick:hover{border-color:rgba(230,107,157,.55);background:linear-gradient(135deg,#220d1c 0%,#3a1450 50%,#1e0e32 100%)}
.cover-pick:hover .cover-pick-overlay{opacity:1}
.cover-pick-overlay{
position:absolute;inset:0;display:grid;place-items:center;
background:rgba(0,0,0,.45);opacity:0;transition:.2s;border-radius:16px;
color:#fff;font-size:13px;font-weight:800;gap:8px;
flex-direction:column;pointer-events:none;
}
.cover-pick span{
display:flex;flex-direction:column;align-items:center;gap:10px;
color:rgba(255,255,255,.4);font-size:13px;font-weight:700;
}
.cover-pick span i{font-size:32px;color:rgba(230,107,157,.5)}
.cover-pick img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.cover-pick input,.avatar-pick input{display:none}
.avatar-pick{
position:absolute;bottom:-48px;left:24px;
width:90px;height:90px;border-radius:22px;
background:linear-gradient(135deg,#f9a8d4,#c084fc);
border:4px solid #fff;
box-shadow:0 8px 28px rgba(230,107,157,.35),var(--shadow);
display:grid;place-items:center;overflow:hidden;
font-weight:900;color:#fff;font-size:28px;cursor:pointer;
transition:.2s;
position:absolute;
}
.avatar-pick:hover{transform:scale(1.06);box-shadow:0 12px 36px rgba(230,107,157,.5)}
.avatar-pick img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.avatar-pick-hint{
position:absolute;inset:0;display:grid;place-items:center;
background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:800;
opacity:0;transition:.2s;border-radius:18px;pointer-events:none;
flex-direction:column;gap:4px;
}
.avatar-pick:hover .avatar-pick-hint{opacity:1}.post-card{padding:14px}.post-card img{width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:10px}.tag{display:inline-flex;background:var(--soft);color:var(--rose2);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;margin:4px 4px 0 0}.mini-rating{padding:10px;border-radius:12px;background:#fff9ed;margin-top:8px}
.detail-cover{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:18px}.detail-cover img{height:180px;width:100%;object-fit:cover;border-radius:14px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.answer-grid div{background:var(--soft);border-radius:12px;padding:11px}.answer-grid b,.answer-grid span{display:block}.answer-grid span{color:var(--muted);font-size:13px}
.market-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--grad);color:#fff;border-radius:24px;padding:34px;margin-bottom:18px;box-shadow:var(--shadow)}.market-hero h1{font-family:var(--display);font-size:42px;line-height:1}.market-hero p{max-width:650px;opacity:.94;margin-top:10px}.ad-banner{width:100%;border:0;background:#1e1724;color:#fff;border-radius:18px;padding:20px 24px;margin:0 0 18px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.ad-banner span{color:#ffd6e7;font-weight:900}.ad-banner b{font-size:19px}.earnings-card{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;padding:18px;margin-bottom:18px}.earnings-card small{display:block;color:var(--muted);font-weight:900}.earnings-card strong{font-size:24px}.earnings-card p{color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:850;cursor:pointer}.chip.active,.chip:hover{background:var(--soft);color:var(--rose2);border-color:#f2b5cf}
.prod{overflow:hidden}.prod>img{width:100%;height:190px;object-fit:cover}.pb{padding:15px}.pb .cat{color:var(--rose2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pb h3{margin:5px 0}.pb p{color:var(--muted);font-size:13px}.prod-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.prod-foot strong{font-size:20px;color:var(--rose2)}
.cart-bar{position:sticky;bottom:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -10px 34px rgba(30,23,36,.1)}.ct{font-size:20px;font-weight:950;color:var(--rose2)}.ci{font-size:13px;color:var(--muted)}
.balance-box{background:var(--soft);border-radius:16px;padding:18px;margin:16px 0}.balance-box span{display:block;color:var(--muted);font-weight:900}.balance-box strong{font-size:32px;color:var(--rose2)}.quick-puan,.pay-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.quick-puan button,.pay-options button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;font-weight:900;cursor:pointer}
.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:30px}.contact-form{display:grid;gap:10px}
to{opacity:1;transform:none}}
/* Yazıyor animasyonu */
@keyframes ndDot{0%,80%,100%{transform:scale(.7);opacity:.3}40%{transform:scale(1);opacity:1}}
.footer{background:var(--ink);color:#d7cddb;padding:42px 22px 22px;margin-top:30px}.cols{max-width:1160px;margin:0 auto 22px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}.footer .mark{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff}.footer b{font-family:var(--display);font-size:24px;color:#fff}.footer p,.footer a,.bot{color:#a99cb0;font-size:13px}.footer a{display:block;margin:5px 0}.footer h4{color:#fff;margin-bottom:9px}.bot{max-width:1160px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.iban-display{background:var(--soft);border:1px solid rgba(230,107,157,.25);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.iban-display .iban-label{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.iban-display b{font-size:15px}.iban-display code{font-family:monospace;font-size:14px;color:var(--ink);letter-spacing:.04em}.iban-display .link-sm{font-size:12px;font-weight:900;color:var(--rose2);cursor:pointer;margin-top:2px}
.wd-hint{font-size:13px;font-weight:800;margin:-8px 0 10px;min-height:18px}.wd-hint.error{color:#c0392b}.wd-hint.ok{color:#27ae60}
.puan-hero{background:var(--grad);color:#fff;border-radius:16px;padding:20px;margin:12px 0 18px;text-align:center}.puan-hero span{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.puan-hero strong{display:block;font-size:40px;font-weight:950;margin:4px 0}.puan-hero small{display:block;font-size:12px;opacity:.8}
.puan-mini{background:var(--soft);border-radius:12px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.puan-mini span{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.puan-mini strong{font-size:22px;color:var(--rose2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;border-radius:14px;padding:12px 18px;z-index:300;opacity:0;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
hr{border:0;border-top:1px solid var(--line);margin:20px 0}
/* Nav inner */
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
/* Register role picker */
.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.role-card{border:2px solid var(--line);background:#fff;border-radius:18px;padding:22px;text-align:left;cursor:pointer;transition:.18s;position:relative}
.role-card:hover{border-color:var(--rose);box-shadow:0 10px 30px rgba(230,107,157,.15);transform:translateY(-2px)}
.role-card.pro{border-color:rgba(142,97,212,.35);background:#faf7ff}
.role-card i{font-size:32px;color:var(--rose2);display:block;margin-bottom:12px}
.role-card h3{font-size:18px;margin-bottom:6px}
.role-card p{font-size:13px;color:var(--muted);margin-bottom:10px}
.role-card ul{list-style:none;display:flex;flex-direction:column;gap:5px}
.role-card ul li{font-size:12px;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:6px}
.role-card ul li i{font-size:13px;color:#27ae60;display:inline}
.role-flag{position:absolute;top:12px;right:12px;background:var(--grad);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px}
/* Back link */
.back-link{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;margin-bottom:14px}
.back-link:hover{color:var(--rose2)}
/* Checkbox row */
.checkrow{display:flex;align-items:flex-start;gap:10px;margin:12px 0;cursor:pointer;font-size:14px;font-weight:600}
.checkrow input{margin-top:2px;accent-color:var(--rose2);width:16px;height:16px;flex-shrink:0}
/* Info box */
.info-box{display:flex;gap:12px;align-items:flex-start;background:var(--soft);border:1px solid rgba(230,107,157,.2);border-radius:14px;padding:14px}
.info-box i{font-size:20px;color:var(--rose2);flex-shrink:0;margin-top:2px}
.info-box b{display:block;margin-bottom:4px}
.info-box p,.info-box div{font-size:13px;color:var(--muted)}
.info-box.small{padding:10px 12px;font-size:13px}
/* User menu head */
.um-head{padding:8px 11px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.um-head strong{display:block;font-size:15px}
.um-head small{color:var(--muted);font-size:12px}
/* Form helpers */
.req{color:var(--rose2)}
.hint{display:block;color:var(--muted);font-size:12px;margin-top:5px}
/* Wizard */
.wizard-steps{display:flex;gap:0;margin-bottom:22px;overflow:hidden;border-radius:12px;border:1px solid var(--line)}
.wstep{flex:1;padding:10px 8px;text-align:center;font-size:12px;font-weight:900;color:var(--muted);background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px}
.wstep:last-child{border-right:0}
.wstep span{width:22px;height:22px;border-radius:50%;background:var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0}
.wstep.active{background:var(--soft);color:var(--rose2)}.wstep.active span{background:var(--rose2);color:#fff}
.wstep.done{color:#27ae60}.wstep.done span{background:#27ae60;color:#fff}
.wiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
/* Category & sub picker */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}
.cat-card{border:2px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:center;cursor:pointer;transition:.15s}
.cat-card:hover,.cat-card.selected{border-color:var(--rose);background:var(--soft)}
.cat-card i{font-size:24px;color:var(--rose2);display:block;margin-bottom:8px}
.cat-card h4{font-size:14px;margin-bottom:3px}
.cat-card small{color:var(--muted);font-size:11px}
.sub-grid{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.chip-pick{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;cursor:pointer;transition:.15s}
.chip-pick:hover,.chip-pick.selected{background:var(--soft);color:var(--rose2);border-color:var(--rose)}
.mt{margin-top:16px}
/* Listing preview */
.preview-card{background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:14px 0}
.preview-card img{width:100%;height:200px;object-fit:cover}
.preview-card-body{padding:14px}
/* Txn list */
.txn-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.txn-list li{display:flex;align-items:center;gap:10px;padding:10px;background:var(--soft);border-radius:12px}
.txn-list li div{flex:1}.txn-list li b{display:block;font-size:14px}.txn-list li small{color:var(--muted);font-size:12px}
.txn-list li strong{font-weight:900;font-size:15px}
.txn-list li strong.plus{color:#27ae60}.txn-list li strong.minus{color:#c0392b}
.txn-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0}
.txn-icon.plus{background:#e8f8ee;color:#27ae60}.txn-icon.minus{background:#fdecea;color:#c0392b}
/* Withdraw list */
.wd-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.wd-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--soft)}
.wd-row b{display:block;font-size:15px;font-weight:900}.wd-row small{color:var(--muted);font-size:12px}
.wd-tag{font-size:11px;font-weight:900;border-radius:999px;padding:4px 10px}
.wd-row.pending .wd-tag{background:#fff8e6;color:#9b6716}
.wd-row.approved .wd-tag{background:#e8f8ee;color:#1e7e40}
.wd-row.rejected .wd-tag{background:#fdecea;color:#c0392b}
/* Role tags */
.role-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;border-radius:999px;padding:3px 9px;background:var(--soft);color:var(--muted)}
.role-tag.verified{background:#e8f8ee;color:#1e7e40}
.role-tag.pending{background:#fff8e6;color:#9b6716}
.role-tag.rejected{background:#fdecea;color:#c0392b}
.verified-icon{color:#1e7e40}
/* ===== ND TECH BADGES — Holographic & Tooltip System ===== */
.nd-badge-wrap{
position:relative;display:inline-flex;align-items:center;
vertical-align:middle;margin:2px 3px;
}
.nd-badge{
display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:10px;
cursor:default;position:relative;
transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s;
flex-shrink:0;
outline:none;
-webkit-tap-highlight-color:transparent;
}
.nd-badge:hover{transform:scale(1.22) translateY(-2px);}
.nd-badge i{font-size:14px;position:relative;z-index:1;display:block;line-height:1}
/* Shimmer sweep on hover */
.nd-badge::after{
content:'';position:absolute;inset:0;border-radius:inherit;
background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);
background-size:200% 100%;background-position:200% 0;
opacity:0;transition:opacity .18s, background-position .6s ease;
pointer-events:none;z-index:2;
}
.nd-badge:hover::after{opacity:1;background-position:-80% 0}
/* Badge Tooltip */
.nd-badge-tip{
position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);
background:linear-gradient(135deg,#1e1724,#2d1a40);
color:#fff;border-radius:12px;padding:8px 12px;
font-size:11.5px;font-weight:800;white-space:nowrap;
pointer-events:none;
opacity:0;transition:opacity .18s, transform .18s;
border:1px solid rgba(255,255,255,.12);
box-shadow:0 8px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.06);
z-index:999;line-height:1.4;text-align:center;
letter-spacing:.02em;
}
.nd-badge-tip::after{
content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
border:5px solid transparent;border-top-color:#2d1a40;
}
.nd-badge-wrap:hover .nd-badge-tip{opacity:1;transform:translateX(-50%) translateY(0)}
/* Badge label inside tooltip */
.nd-badge-tip b{display:block;font-size:12px;font-weight:900;margin-bottom:1px}
.nd-badge-tip span{display:block;font-size:10.5px;opacity:.7;font-weight:700}
/* ── Individual badge styles ── */
/* Bug Hunter — amber circuit */
.nd-badge.bugHunter{
background:linear-gradient(135deg,#451a03,#78350f);
box-shadow:0 4px 14px rgba(251,191,36,.3), inset 0 1px 0 rgba(255,255,255,.12);
border:1px solid rgba(251,191,36,.35);
}
.nd-badge.bugHunter i{color:#fbbf24;}
.nd-badge.bugHunter:hover{box-shadow:0 8px 24px rgba(251,191,36,.45), 0 0 20px rgba(251,191,36,.18);}
/* ND Team — purple diamond */
.nd-badge.ndTeam{
background:linear-gradient(135deg,#1d1726,#3d2b5e);
box-shadow:0 4px 14px rgba(192,132,252,.35), inset 0 1px 0 rgba(255,255,255,.1);
border:1px solid rgba(192,132,252,.4);
animation:ndTeamPulse 3s ease-in-out infinite;
}
.nd-badge.ndTeam i{color:#c084fc;}
.nd-badge.ndTeam:hover{box-shadow:0 8px 28px rgba(192,132,252,.55), 0 0 22px rgba(168,85,247,.25);}
@keyframes ndTeamPulse{0%,100%{box-shadow:0 4px 14px rgba(192,132,252,.35),inset 0 1px 0 rgba(255,255,255,.1);border-color:rgba(192,132,252,.4)}50%{box-shadow:0 4px 20px rgba(192,132,252,.6),0 0 14px rgba(168,85,247,.2),inset 0 1px 0 rgba(255,255,255,.15);border-color:rgba(192,132,252,.65)}}
/* Early Access — rocket violet */
.nd-badge.earlyAccess{
background:linear-gradient(135deg,#2e1065,#4c1d95);
box-shadow:0 4px 14px rgba(139,92,246,.35), inset 0 1px 0 rgba(255,255,255,.1);
border:1px solid rgba(139,92,246,.4);
}
.nd-badge.earlyAccess i{color:#a78bfa;}
.nd-badge.earlyAccess:hover{box-shadow:0 8px 24px rgba(139,92,246,.5), 0 0 18px rgba(109,40,217,.2);}
/* Early Donor — pink heart */
.nd-badge.earlyDonor{
background:linear-gradient(135deg,#500724,#831843);
box-shadow:0 4px 14px rgba(236,72,153,.35), inset 0 1px 0 rgba(255,255,255,.1);
border:1px solid rgba(236,72,153,.4);
}
.nd-badge.earlyDonor i{color:#f9a8d4;}
.nd-badge.earlyDonor:hover{box-shadow:0 8px 24px rgba(236,72,153,.5), 0 0 18px rgba(190,24,93,.2);}
/* Supporter — gold star */
.nd-badge.supporter{
background:linear-gradient(135deg,#422006,#713f12);
box-shadow:0 4px 14px rgba(234,179,8,.3), inset 0 1px 0 rgba(255,255,255,.12);
border:1px solid rgba(234,179,8,.4);
}
.nd-badge.supporter i{color:#fde047;}
.nd-badge.supporter:hover{box-shadow:0 8px 24px rgba(234,179,8,.45), 0 0 18px rgba(202,138,4,.2);}
/* 2-Year badge — emerald */
.nd-badge.badge2y{
background:linear-gradient(135deg,#052e16,#14532d);
box-shadow:0 4px 14px rgba(34,197,94,.25), inset 0 1px 0 rgba(255,255,255,.1);
border:1px solid rgba(34,197,94,.35);
}
.nd-badge.badge2y i{color:#86efac;}
.nd-badge.badge2y:hover{box-shadow:0 8px 24px rgba(34,197,94,.4);}
/* 5-Year badge — sapphire */
.nd-badge.badge5y{
background:linear-gradient(135deg,#1e3a8a,#1d4ed8);
box-shadow:0 4px 14px rgba(96,165,250,.3), inset 0 1px 0 rgba(255,255,255,.12);
border:1px solid rgba(96,165,250,.4);
}
.nd-badge.badge5y i{color:#93c5fd;}
.nd-badge.badge5y:hover{box-shadow:0 8px 24px rgba(96,165,250,.5);}
/* 10-Year — holographic gold */
.nd-badge.badge10y{
background:linear-gradient(135deg,#451a03,#92400e,#78350f);
box-shadow:0 4px 14px rgba(252,211,77,.35), inset 0 1px 0 rgba(255,255,255,.15);
border:1px solid rgba(252,211,77,.45);
animation:badge10yShimmer 4s ease-in-out infinite;
}
.nd-badge.badge10y i{color:#fcd34d;}
.nd-badge.badge10y:hover{box-shadow:0 8px 28px rgba(252,211,77,.55), 0 0 22px rgba(217,119,6,.3);}
@keyframes badge10yShimmer{0%,100%{border-color:rgba(252,211,77,.45)}50%{border-color:rgba(252,211,77,.85);box-shadow:0 4px 20px rgba(252,211,77,.5),inset 0 1px 0 rgba(255,255,255,.2)}}
/* Service Award — mint */
.nd-badge.serviceAward{
background:linear-gradient(135deg,#052e16,#065f46);
box-shadow:0 4px 14px rgba(52,211,153,.25), inset 0 1px 0 rgba(255,255,255,.1);
border:1px solid rgba(52,211,153,.35);
}
.nd-badge.serviceAward i{color:#6ee7b7;}
.nd-badge.serviceAward:hover{box-shadow:0 8px 24px rgba(52,211,153,.4);}
/* Retired Admin — slate */
.nd-badge.retiredAdmin{
background:linear-gradient(135deg,#1e293b,#334155);
box-shadow:0 4px 12px rgba(148,163,184,.2), inset 0 1px 0 rgba(255,255,255,.08);
border:1px solid rgba(148,163,184,.25);
}
.nd-badge.retiredAdmin i{color:#94a3b8;}
/* Retired Staff — cool grey */
.nd-badge.retiredStaff{
background:linear-gradient(135deg,#0f172a,#1e293b);
box-shadow:0 4px 12px rgba(100,116,139,.2), inset 0 1px 0 rgba(255,255,255,.06);
border:1px solid rgba(100,116,139,.2);
}
.nd-badge.retiredStaff i{color:#64748b;}
/* Upper Administrator — indigo deep */
.nd-badge.upperAdmin{
background:linear-gradient(135deg,#1e1b4b,#312e81);
box-shadow:0 4px 14px rgba(165,180,252,.35), inset 0 1px 0 rgba(255,255,255,.12);
border:1px solid rgba(165,180,252,.4);
animation:upperAdminGlow 4s ease-in-out infinite;
}
.nd-badge.upperAdmin i{color:#a5b4fc;}
.nd-badge.upperAdmin:hover{box-shadow:0 8px 28px rgba(165,180,252,.5), 0 0 20px rgba(99,102,241,.25);}
@keyframes upperAdminGlow{0%,100%{box-shadow:0 4px 14px rgba(165,180,252,.35),inset 0 1px 0 rgba(255,255,255,.12)}50%{box-shadow:0 4px 20px rgba(165,180,252,.6),0 0 12px rgba(99,102,241,.2),inset 0 1px 0 rgba(255,255,255,.18)}}
/* CEO — legendary gold crown */
.nd-badge.ceo{
background:linear-gradient(135deg,#451a03,#78350f,#92400e);
box-shadow:0 4px 16px rgba(252,211,77,.4), inset 0 1px 0 rgba(255,255,255,.15);
border:1px solid rgba(252,211,77,.5);
animation:ceoPulse 2.5s ease-in-out infinite;
}
.nd-badge.ceo i{color:#fcd34d;}
.nd-badge.ceo:hover{box-shadow:0 8px 32px rgba(252,211,77,.6), 0 0 28px rgba(217,119,6,.35);}
@keyframes ceoPulse{0%,100%{box-shadow:0 4px 16px rgba(252,211,77,.4),inset 0 1px 0 rgba(255,255,255,.15);border-color:rgba(252,211,77,.5)}50%{box-shadow:0 4px 24px rgba(252,211,77,.65),0 0 18px rgba(217,119,6,.3),inset 0 1px 0 rgba(255,255,255,.22);border-color:rgba(252,211,77,.8)}}
/* ── Badge row container in profile ── */
.nd-badge-row{
display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;
margin-left:6px;vertical-align:middle;
}
/* ── Founder badge — keep as pill ── */
.role-tag.founder-badge{
background:linear-gradient(135deg,#1e1b4b,#312e81);
color:#a5b4fc!important;
border:1px solid rgba(165,180,252,.45)!important;
}
/* Profile page — tam yeniden yazım */
.profile-page{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:28px;box-shadow:0 10px 40px rgba(30,23,36,.08)}
.ph-cover-wrap{position:relative}
.ph-cover{height:260px;background:var(--grad);overflow:hidden;position:relative;cursor:pointer}
.ph-cover img{width:100%;height:100%;object-fit:cover;transition:.3s}
.ph-cover-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.7);gap:10px}
.ph-cover-placeholder i{font-size:42px}
.ph-cover-edit-hint{position:absolute;bottom:12px;right:14px;background:rgba(0,0,0,.5);color:#fff;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:6px;backdrop-filter:blur(6px)}
.ph-info{display:flex;gap:20px;align-items:flex-start;padding:0 28px 24px;margin-top:-52px;position:relative;flex-wrap:wrap}
.ph-big-avatar{width:100px;height:100px;border-radius:26px;background:#fff;border:4px solid #fff;box-shadow:var(--shadow);display:grid;place-items:center;font-size:32px;font-weight:900;color:var(--rose2);overflow:hidden;flex-shrink:0;cursor:pointer;position:relative}
.ph-big-avatar img{width:100%;height:100%;object-fit:cover}
.ph-avatar-edit{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.45);color:#fff;font-size:14px;display:grid;place-items:center;height:32px;opacity:0;transition:.2s}
.ph-big-avatar:hover .ph-avatar-edit{opacity:1}
.ph-text{flex:1;min-width:180px;padding-top:58px}
.ph-text h1{font-family:var(--display);font-size:26px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ph-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 10px;font-size:13px;color:var(--muted);font-weight:700}
.ph-meta-row span{display:flex;align-items:center;gap:5px}
.ph-bio{font-size:14px;color:var(--muted);margin-bottom:10px;max-width:560px}
.ph-stats{display:flex;gap:22px;margin:10px 0}
.ph-stat{text-align:center}
.ph-stat b{font-size:22px;font-weight:900;display:block;color:var(--ink)}
.ph-stat small{color:var(--muted);font-size:12px;font-weight:700}
.ph-actions{display:flex;flex-direction:column;gap:8px;padding-top:58px;flex-shrink:0}
.profile-tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:22px;padding:0 4px}
.ptab{border:0;background:transparent;padding:12px 18px;font-weight:800;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:7px;font-size:14px}
.ptab.active{color:var(--rose2);border-bottom-color:var(--rose2)}
.rating-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.rating-row small{color:var(--muted);font-size:12px}
/* Avail dot */
.avail-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}
.avail-dot.hemen{background:#22c55e}.avail-dot.bu-hafta{background:#f59e0b}.avail-dot.randevuyla{background:#60a5fa}.avail-dot.dolu{background:#ef4444}
/* Cover preview modal */
.cover-preview-wrap{position:relative;border-radius:14px;overflow:hidden;margin-bottom:8px;cursor:pointer;user-select:none}
.cover-full-preview{width:100%;height:220px;object-fit:cover;display:block;transition:height .25s,object-position .25s}
.cover-full-preview.zoomed{height:400px;object-fit:contain;background:#1e1724}
.cover-preview-hint{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:900;pointer-events:none;transition:opacity .2s}
/* Promote modal redesign */
.promote-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.promote-icon-wrap{width:52px;height:52px;border-radius:16px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:26px;flex-shrink:0}
.promote-header h2{font-family:var(--display);font-size:28px;margin-bottom:2px}
.promote-puan-row{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:13px;padding:12px 16px;margin-bottom:14px}
.promote-puan-row span{flex:1;font-size:13px;font-weight:900;color:var(--muted);display:flex;align-items:center;gap:7px}
.promote-puan-row strong{font-size:20px;color:var(--rose2);font-weight:950}
.active-promos-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;font-weight:700;color:var(--muted)}
.active-promo-chip{background:#e8f8ee;color:#1e7e40;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:900}
.promo-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:4px 0}
.promo-card-new{border:2px solid var(--line);background:var(--pb,#fff8fb);border-radius:16px;padding:16px;text-align:left;cursor:pointer;transition:.18s;display:flex;flex-direction:column;gap:8px}
.promo-card-new:not([disabled]):hover{border-color:var(--pc,var(--rose));transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,107,157,.15)}
.promo-card-new.active{border-color:#22c55e;background:#f0fdf4;cursor:default}
.promo-card-new.insufficient{opacity:.65}
.pcn-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.pcn-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.8);color:var(--rose2);flex-shrink:0}
.promo-card-new.active .pcn-icon{color:#22c55e}
.pcn-badge{font-size:11px;font-weight:900;border-radius:999px;padding:3px 9px;white-space:nowrap}
.pcn-badge.price{background:var(--grad);color:#fff}
.pcn-badge.active{background:#e8f8ee;color:#1e7e40}
.pcn-badge.insufficient{background:#fdecea;color:#c0392b}
.promo-card-new h4{font-size:14px;font-weight:900;line-height:1.2}
.promo-card-new p{font-size:12px;color:var(--muted);flex:1}
.pcn-buy{margin-top:4px;font-size:12px;font-weight:900;color:var(--rose2);display:flex;align-items:center;gap:5px;border-top:1px solid rgba(0,0,0,.07);padding-top:8px}
.pcn-buy.active{color:#22c55e}.pcn-buy.disabled{color:var(--muted)}
/* Availability banners in listing detail */
.avail-banner{display:flex;align-items:center;gap:10px;border-radius:13px;padding:11px 14px;font-size:14px;margin-bottom:14px}
.avail-banner.hemen{background:#f0fdf4;color:#166534}
.avail-banner.bu-hafta{background:#fffbeb;color:#92400e}
.avail-banner.dolu{background:#fef2f2;color:#991b1b}
.avail-banner.randevuyla{background:var(--soft);color:var(--rose2)}
/* Listing availability badges */
.badge-avail{font-size:11px;font-weight:900;border-radius:999px;padding:4px 9px;display:inline-flex;align-items:center;gap:4px}
.badge-avail.hemen{background:#dcfce7;color:#166534}
.badge-avail.bu-hafta{background:#fef9c3;color:#854d0e}
.badge-avail.dolu{background:#fee2e2;color:#991b1b}
.badge-home{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}
/* Listing preview in wizard */
.listing-preview{background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.listing-preview img,.listing-preview .no-img{width:100%;height:200px;object-fit:cover}
.listing-preview .no-img{background:linear-gradient(135deg,#ffe0ed,#eee2ff);display:grid;place-items:center;font-size:42px;color:var(--rose2)}
.lp-body{padding:16px}
.lp-cat{font-size:11px;font-weight:950;color:var(--rose2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.lp-body h3{font-size:20px;font-family:var(--display);margin-bottom:8px}
.lp-body p{font-size:13px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.lp-avail{font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;margin:6px 0 10px}
.lp-avail.hemen{background:#dcfce7;color:#166534}.lp-avail.bu_hafta{background:#fef9c3;color:#854d0e}.lp-avail.dolu{background:#fee2e2;color:#991b1b}.lp-avail.randevuyla{background:var(--soft);color:var(--rose2)}
.lp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.lp-foot strong{font-size:22px;color:var(--rose2);font-weight:950}
@media(max-width:860px){.ph-info{padding:0 16px 20px;gap:14px}.ph-actions{flex-direction:row;flex-wrap:wrap;padding-top:0;margin-top:12px;width:100%}}
@media(max-width:620px){.ph-cover{height:180px}.ph-big-avatar{width:78px;height:78px;font-size:24px}.ph-info{margin-top:-40px}.ph-text{padding-top:44px}.ph-text h1{font-size:20px}.promo-grid-new{grid-template-columns:1fr 1fr}}
/* ===== HERO COVER IMAGE — Split Parallax ===== */
.hero-home{
min-height:740px;display:grid;
grid-template-columns:1fr 1fr;
align-items:stretch;
color:#fff;
background:linear-gradient(135deg,#1e0a2e 0%,#3b0764 60%,#1e1724 100%);
overflow:hidden;position:relative;padding:0;
}
/* Sol panel — metin alanı */
.hero-home .hero-left{
position:relative;z-index:2;
padding:80px 60px 80px 22px;
max-width:640px;margin-left:auto;
display:flex;flex-direction:column;justify-content:center;
}
/* Sağ panel — fotoğraf */
.hero-home .hero-right{
position:relative;
height:100%;
min-height:740px;
overflow:hidden;
align-self:stretch;
}
.hero-home .hero-right img{
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
animation:heroKenBurns 12s ease-in-out infinite alternate;
will-change:transform;
}
@keyframes heroKenBurns{
0% { transform:scale(1.08) translate(0,0); }
50% { transform:scale(1.13) translate(-1%,1%); }
100%{ transform:scale(1.10) translate(1%,-1%); }
}
.hero-home .hero-right::before{
content:"";position:absolute;inset:0;z-index:1;
background:linear-gradient(to right,#3b0764 0%,rgba(59,7,100,.18) 38%,transparent 60%),
linear-gradient(to top,rgba(30,10,46,.7) 0%,transparent 40%);
}
/* Fotoğraf üstündeki subtle overlay çizgiler (lüks doku) */
.hero-home .hero-right::after{
content:"";position:absolute;inset:0;z-index:2;
background:repeating-linear-gradient(
0deg,
transparent,transparent 3px,
rgba(255,255,255,.013) 3px,rgba(255,255,255,.013) 4px
);
pointer-events:none;
}
/* Mouse-tracking ışık efekti */
.hero-glow{
position:absolute;width:520px;height:520px;border-radius:50%;
background:radial-gradient(circle,rgba(230,107,157,.22) 0%,transparent 70%);
pointer-events:none;z-index:3;
transform:translate(-50%,-50%);
transition:transform .06s linear;
top:50%;left:50%;
}
/* Sol arka plan subtle noise */
.hero-home::before{
content:"";position:absolute;inset:0;z-index:0;
background:
radial-gradient(ellipse 700px 500px at 0% 50%,rgba(230,107,157,.18),transparent),
radial-gradient(ellipse 400px 400px at 20% 80%,rgba(142,97,212,.22),transparent);
}
/* Trust pill'ler dark hero için */
.hero-home .trust span{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14)}
/* eyebrow dark hero için */
.hero-home .eyebrow{background:rgba(255,255,255,.12);color:#ffd6ec;backdrop-filter:blur(10px)}
/* Floating rozet — sağ altta */
.hero-badge{
position:absolute;bottom:32px;left:32px;z-index:10;
background:rgba(255,255,255,.1);backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.18);
border-radius:16px;padding:12px 16px;
display:flex;align-items:center;gap:10px;
font-size:13px;font-weight:800;color:#fff;
box-shadow:0 8px 32px rgba(0,0,0,.3);
}
.hero-badge i{font-size:22px;color:#ffd6ec}
.hero-badge span{display:block;font-size:10px;font-weight:900;opacity:.7;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1px}
/* Responsive */
@media(max-width:900px){
.hero-home{grid-template-columns:1fr;min-height:auto}
.hero-home .hero-left{padding:60px 22px 36px;margin:0;max-width:100%;text-align:center}
.hero-home .hero-right{min-height:320px;height:320px}
.hero-home .hero-right::before{background:linear-gradient(to bottom,#3b0764 0%,rgba(59,7,100,0) 60%),linear-gradient(to top,rgba(30,10,46,.85) 0%,transparent 40%)}
.hero-badge{left:50%;transform:translateX(-50%);bottom:16px;white-space:nowrap}
.hero-home .trust,.hero-home .hero-btns{justify-content:center}
}
/* ===== LOGO ===== */
.brand-logo{height:44px;width:auto;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logo img{height:44px;width:auto;object-fit:contain;display:block;filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(230,107,157,.6));mix-blend-mode:normal}
/* ===== BUSINESS BADGE ===== */
.business-icon{color:#b7791f}
.role-tag.business-verified{background:#fef9c3;color:#b7791f}
.role-tag.admin{background:#ede9fe;color:#6d28d9}
/* ===== ADMIN NAV LINK ===== */
/* ===== REGISTER ROLE PICKER 3 column ===== */
.role-picker.tri{grid-template-columns:1fr 1fr 1fr}
.role-card.business{border-color:rgba(183,121,31,.35);background:#fffbeb}
.role-card.business:hover{border-color:#b7791f;box-shadow:0 10px 30px rgba(183,121,31,.15)}
.role-card.business i{color:#b7791f}
/* ===== ADMIN PANEL — TECH DARK REDESIGN ===== */
.admin-panel{
display:flex;flex-direction:column;gap:0;
background:linear-gradient(160deg,#0f0c18 0%,#1a1130 60%,#130e20 100%);
border-radius:20px;padding:0;overflow:hidden;
box-shadow:0 0 0 1px rgba(255,255,255,.06),0 32px 80px rgba(0,0,0,.5);
}
/* Glassmorphism header bar */
.admin-header{
display:flex;align-items:center;justify-content:space-between;gap:16px;
padding:22px 26px 18px;
background:linear-gradient(135deg,rgba(230,107,157,.12),rgba(168,85,247,.08));
border-bottom:1px solid rgba(255,255,255,.07);
flex-wrap:wrap;position:relative;overflow:hidden;
}
.admin-header::before{
content:'';position:absolute;top:-40px;right:-40px;
width:180px;height:180px;border-radius:50%;
background:radial-gradient(circle,rgba(230,107,157,.18) 0%,transparent 70%);
pointer-events:none;
}
.admin-header::after{
content:'';position:absolute;bottom:-60px;left:30%;
width:200px;height:120px;
background:radial-gradient(ellipse,rgba(139,92,246,.12) 0%,transparent 70%);
pointer-events:none;
}
.admin-header-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.admin-icon{
width:56px;height:56px;border-radius:18px;flex-shrink:0;
background:linear-gradient(135deg,#e66b9d,#a855f7);
display:grid;place-items:center;color:#fff;font-size:26px;
box-shadow:0 8px 24px rgba(230,107,157,.4),0 0 0 1px rgba(255,255,255,.15);
animation:adminIconPulse 3s ease-in-out infinite;
}
@keyframes adminIconPulse{0%,100%{box-shadow:0 8px 24px rgba(230,107,157,.4),0 0 0 1px rgba(255,255,255,.15)}50%{box-shadow:0 8px 32px rgba(168,85,247,.6),0 0 0 1px rgba(255,255,255,.25)}}
.admin-header h2{
font-family:var(--display);font-size:24px;margin-bottom:3px;
color:#fff;letter-spacing:-.3px;
}
.admin-header small{
color:rgba(255,255,255,.45);font-size:12px;font-weight:700;
letter-spacing:.06em;text-transform:uppercase;
}
/* Stats cards */
.admin-stats{
display:flex;gap:10px;position:relative;z-index:1;flex-shrink:0;
}
.astat{
text-align:center;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.1);
border-radius:14px;padding:10px 18px;
backdrop-filter:blur(10px);
transition:.2s;
min-width:64px;
}
.astat:hover{background:rgba(255,255,255,.1);border-color:rgba(230,107,157,.3)}
.astat b{
display:block;font-size:24px;font-weight:950;
background:linear-gradient(135deg,#f9a8d4,#c084fc);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
line-height:1.1;
}
.astat small{font-size:10px;color:rgba(255,255,255,.4);font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;display:block}
/* Tabs */
.admin-tabs{
display:flex;gap:4px;flex-wrap:wrap;
padding:14px 20px 12px;
background:rgba(0,0,0,.25);
border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-tab{
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.04);
color:rgba(255,255,255,.55);
border-radius:10px;padding:8px 14px;
font-size:12.5px;font-weight:800;cursor:pointer;
display:inline-flex;align-items:center;gap:7px;
transition:.18s;letter-spacing:.01em;
}
.admin-tab:hover{
background:rgba(230,107,157,.15);
color:rgba(255,200,220,.9);
border-color:rgba(230,107,157,.3);
}
.admin-tab.active{
background:linear-gradient(135deg,rgba(230,107,157,.25),rgba(168,85,247,.2));
color:#f9a8d4;
border-color:rgba(230,107,157,.5);
box-shadow:0 0 14px rgba(230,107,157,.2);
}
.admin-badge{
background:linear-gradient(135deg,#e66b9d,#a855f7);
color:#fff;border-radius:999px;
padding:2px 7px;font-size:10px;font-weight:900;
min-width:18px;text-align:center;
box-shadow:0 2px 8px rgba(230,107,157,.4);
}
/* Content area */
.admin-content{
display:flex;flex-direction:column;gap:8px;
max-height:52vh;overflow-y:auto;
padding:16px 20px 20px;
scrollbar-width:thin;scrollbar-color:rgba(230,107,157,.3) transparent;
}
.admin-content::-webkit-scrollbar{width:4px}
.admin-content::-webkit-scrollbar-thumb{background:rgba(230,107,157,.35);border-radius:4px}
/* Rows */
.admin-row{
display:flex;align-items:center;gap:14px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.07);
border-radius:14px;padding:12px 14px;
transition:.18s;
}
.admin-row:hover{background:rgba(255,255,255,.07);border-color:rgba(230,107,157,.2)}
.arow-avatar{
width:46px;height:46px;border-radius:13px;
background:rgba(230,107,157,.15);
color:#f9a8d4;
display:grid;place-items:center;font-weight:900;font-size:17px;overflow:hidden;flex-shrink:0;
border:1px solid rgba(230,107,157,.2);
}
.arow-avatar img{width:100%;height:100%;object-fit:cover}
.arow-info{flex:1;min-width:0}
.arow-name{font-weight:900;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff}
.arow-info small{color:rgba(255,255,255,.35);font-size:12px;display:block;margin-top:2px}
.cert-link{display:inline-flex;align-items:center;gap:5px;color:#f9a8d4;font-size:12px;font-weight:900;margin-top:4px;text-decoration:none}
.cert-link:hover{color:#f0abfc}
.no-cert{display:inline-flex;align-items:center;gap:5px;color:#fbbf24;font-size:12px;font-weight:800;margin-top:4px}
.arow-actions{display:flex;gap:7px;flex-shrink:0}
.admin-approve{background:rgba(34,197,94,.15)!important;color:#4ade80!important;border-color:rgba(34,197,94,.25)!important;font-size:12px!important}
.admin-approve:hover{background:rgba(34,197,94,.25)!important;box-shadow:0 0 12px rgba(34,197,94,.2)!important}
.admin-reject{background:rgba(239,68,68,.12)!important;color:#f87171!important;border-color:rgba(239,68,68,.2)!important;font-size:12px!important}
.admin-reject:hover{background:rgba(239,68,68,.22)!important}
.arow-type-badge{font-size:11px;font-weight:900;border-radius:8px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px}
.arow-type-badge.expert{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.arow-type-badge.business{background:rgba(251,191,36,.12);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}
.arow-type-badge.admin{background:rgba(139,92,246,.15);color:#c084fc;border:1px solid rgba(139,92,246,.2)}
.arow-type-badge.pending{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.15)}
.arow-type-badge.rejected{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.15)}
.admin-empty{text-align:center;padding:40px 18px;color:rgba(255,255,255,.3)}
.admin-empty i{font-size:42px;color:#4ade80;opacity:.7;display:block;margin-bottom:10px}
@media(max-width:680px){.admin-stats{gap:6px}.astat{padding:8px 12px}.astat b{font-size:18px}.admin-header{padding:16px 18px 14px}.admin-tabs{padding:10px 14px 10px}.admin-content{padding:12px 14px 16px}.role-picker.tri{grid-template-columns:1fr}
/* Listing thumb */
.th{position:relative;display:inline-block}.th img{width:72px;height:72px;object-fit:cover;border-radius:10px;display:block}
.th button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#e74c3c;color:#fff;font-size:11px;display:grid;place-items:center;cursor:pointer}
@media(max-width:860px){.nav-toggle{display:block!important}.nav-collapse{display:none;position:absolute;left:0;right:0;top:72px;background:rgba(18,6,26,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(230,107,157,.2);padding:16px;flex-direction:column;align-items:stretch;z-index:89}.nav-collapse.open{display:flex}.nav-links,.nav-right{flex-direction:column;align-items:stretch}.nav-links a{color:rgba(255,255,255,.7)}.nav-right .btn,.puan-pill{width:100%}.user-menu{position:static;width:100%;box-shadow:none;margin-top:8px}.how,.guide-grid,.feed-grid,.earnings-card,.contact-card{grid-template-columns:1fr}.market-hero{flex-direction:column;align-items:flex-start}.hero-home{min-height:auto;background-attachment:scroll}.cols{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{padding:0 16px}.row2,.answer-grid,.quick-puan,.pay-options{grid-template-columns:1fr}.hero{padding:44px 0}.hero h1{font-size:36px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.ad-banner{display:block}.ad-banner b{display:block;margin-top:4px}.cols{grid-template-columns:1fr}.cart-bar{align-items:flex-start;flex-direction:column}.cart-bar .btn{width:100%}}
/* =================================================================
FAZ 2 STİLLER · 2026-06-02 eklenti
================================================================= */
/* --- Üst arama kaldırıldı --- */
.nav-search-results { position:absolute; top:calc(100% + 8px); left:0; right:0; background:#fff; border:1px solid var(--line,#e5e3e8); border-radius:14px; box-shadow:0 18px 50px rgba(29,23,38,.16); max-height:420px; overflow-y:auto; z-index:200; }
.srx-head { padding:10px 14px 4px; font:700 11px var(--ui,sans-serif); text-transform:uppercase; letter-spacing:.08em; color:var(--muted,#7c7486); background:#fbf7fb; border-bottom:1px solid var(--line-soft,rgba(29,23,38,.06)); position:sticky; top:0; }
.srx-row { display:flex; align-items:center; gap:10px; padding:9px 14px; text-decoration:none; color:inherit; border-bottom:1px solid var(--line-soft,rgba(29,23,38,.06)); transition:.15s; }
.srx-row:hover { background:#fdf3f8; }
.srx-row img { width:36px; height:36px; border-radius:9px; object-fit:cover; flex-shrink:0; background:#f1ecf5; }
.srx-row i { font-size:22px; color:var(--rose-2,#d24f86); width:36px; text-align:center; }
.srx-row .srx-av { width:36px; height:36px; border-radius:50%; background:#fbe9f1; color:var(--rose-2,#d24f86); display:flex; align-items:center; justify-content:center; font:700 12px var(--ui,sans-serif); }
.srx-row b { font-size:13.5px; display:block; }
.srx-row small { font-size:11.5px; color:var(--muted,#7c7486); }
.srx-empty { padding:1.25rem; text-align:center; color:var(--muted,#7c7486); font-size:13px; }
/* --- Sepet ikonu (gelişmiş) --- */
.nav-cart { position:relative; width:44px; height:44px; border-radius:13px; background:linear-gradient(135deg,#fff,#fdf0f7); border:1.5px solid rgba(201,70,128,.3); color:var(--rose2,#c94680); display:flex; align-items:center; justify-content:center; text-decoration:none; transition:all .22s cubic-bezier(.4,0,.2,1); flex-shrink:0; box-shadow:0 2px 10px rgba(201,70,128,.12),inset 0 1px 0 rgba(255,255,255,.8); overflow:visible; }
.nav-cart::before { content:''; position:absolute; inset:0; border-radius:12px; background:linear-gradient(135deg,rgba(230,107,157,.18),rgba(142,97,212,.12)); opacity:0; transition:.22s; }
.nav-cart:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(201,70,128,.32),inset 0 1px 0 rgba(255,255,255,.9); border-color:rgba(201,70,128,.55); }
.nav-cart:hover::before { opacity:1; }
.nav-cart svg { width:20px; height:20px; position:relative; z-index:1; transition:transform .22s; }
.nav-cart:hover svg { transform:scale(1.1); }
.nav-cart-badge { position:absolute; top:-6px; right:-6px; background:linear-gradient(135deg,#e66b9d,#c94680); color:#fff; font:800 10px var(--ui,sans-serif); min-width:20px; height:20px; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:0 5px; border:2.5px solid #fbf7fb; animation:badgePop .25s cubic-bezier(.34,1.56,.64,1); box-shadow:0 2px 8px rgba(201,70,128,.4); z-index:2; }
@keyframes badgePop { from{transform:scale(.3); opacity:0;} to{transform:scale(1); opacity:1;} }
/* --- Hikayeler --- */
@keyframes storyFill { to { width:100%; } }
/* --- FAQ --- */
.faq-list { max-width:760px; margin:0 auto; }
.faq-item { background:#fff; border:1px solid var(--line,#e5e3e8); border-radius:14px; margin-bottom:10px; overflow:hidden; transition:.18s; }
.faq-item[open] { box-shadow:0 6px 24px rgba(29,23,38,.08); border-color:#fbe9f1; }
.faq-item summary { list-style:none; cursor:pointer; padding:16px 18px; display:flex; justify-content:space-between; align-items:center; gap:12px; font:600 14.5px var(--ui,sans-serif); }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary > span { display:flex; align-items:center; gap:10px; }
.faq-item summary i.ti-help-circle { color:var(--rose-2,#d24f86); font-size:20px; }
.faq-chev { transition:transform .2s ease; color:var(--muted,#7c7486); }
.faq-item[open] .faq-chev { transform:rotate(180deg); }
.faq-a { padding:0 18px 16px 48px; font-size:13.5px; color:var(--ink-2,#3a3242); line-height:1.65; }
.faq-cta { text-align:center; margin-top:1.5rem; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
/* --- NailDesk Widget --- */
.nd-widget { position:fixed; bottom:18px; left:18px; right:auto; z-index:850; }
.nd-fab { background:linear-gradient(135deg,#e36a9a,#a85cc6); color:#fff; border:none; border-radius:30px; padding:12px 18px; font:700 13px var(--ui,sans-serif); cursor:pointer; box-shadow:0 12px 32px rgba(168,92,198,.4); display:flex; align-items:center; gap:8px; transition:.2s; }
.nd-fab:hover { transform:translateY(-2px); box-shadow:0 16px 38px rgba(168,92,198,.5); }
.nd-fab i { font-size:18px; animation:spinSlow 8s linear infinite; }
@keyframes spinSlow { to { transform:rotate(360deg); } }
.nd-panel { position:absolute; bottom:60px; right:0; width:340px; max-width:calc(100vw - 36px); background:#fff; border:1px solid var(--line,#e5e3e8); border-radius:16px; box-shadow:0 20px 50px rgba(29,23,38,.18); overflow:hidden; }
.nd-panel-head { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; background:linear-gradient(135deg,#e36a9a,#a85cc6); color:#fff; }
.nd-panel-head b { font-family:var(--display,serif); font-size:15px; }
.nd-panel-head > div { display:flex; gap:8px; align-items:center; }
.nd-panel-head button { background:rgba(255,255,255,.18); border:none; color:#fff; width:30px; height:30px; border-radius:50%; cursor:pointer; }
.nd-panel-body { padding:14px; max-height:62vh; overflow-y:auto; }
.nd-tip-block h4, .nd-mail-block h4 { font-family:var(--display,serif); font-size:15px; margin-bottom:8px; color:var(--ink,#1d1726); }
.nd-tip { display:flex; gap:10px; padding:8px 0; border-bottom:1px solid var(--line-soft,rgba(29,23,38,.06)); }
.nd-tip:last-child { border:none; }
.nd-tip i { color:var(--rose-2,#d24f86); font-size:20px; flex-shrink:0; margin-top:2px; }
.nd-tip b { display:block; font-size:13px; }
.nd-tip span { display:block; font-size:11.5px; color:var(--muted,#7c7486); line-height:1.5; }
.nd-mail-block { margin-top:14px; padding-top:14px; border-top:1px solid var(--line-soft,rgba(29,23,38,.06)); }
.nd-mail-block input, .nd-mail-block textarea { width:100%; padding:9px 12px; border:1px solid var(--line,#e5e3e8); border-radius:9px; font:inherit; font-size:13px; margin-bottom:6px; outline:none; }
.nd-mail-block textarea { resize:vertical; }
/* --- Banka kartları --- */
.bank-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px; margin-top:8px; }
.bank-card { background:#fff; border:1.5px solid var(--line,#e5e3e8); border-radius:12px; padding:14px 10px; cursor:pointer; transition:.15s; display:flex; flex-direction:column; align-items:center; gap:8px; font:inherit; }
.bank-card:hover { border-color:var(--rose,#e36a9a); background:#fdf3f8; transform:translateY(-2px); }
.bank-logo { width:42px; height:42px; border-radius:11px; background:linear-gradient(135deg,#e36a9a,#a85cc6); color:#fff; display:flex; align-items:center; justify-content:center; font:800 18px var(--display,serif); }
.bank-card b { font-size:13px; text-align:center; color:var(--ink,#1d1726); }
/* --- Cart page (modal wide) — redesigned v2 --- */
.cart-page { padding:0; }
.cart-page-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--line-soft,rgba(29,23,38,.07)); }
.cart-page-head h2 { font-family:var(--display,serif); font-size:22px; display:flex; align-items:center; gap:9px; margin:0; }
.cart-page-head h2 i { color:var(--rose-2,#d24f86); }
.cart-page-head h2 small { font-size:12px; color:var(--muted,#7c7486); font-weight:400; background:var(--soft,#fdf3f8); border-radius:999px; padding:2px 10px; }
/* Promo banners */
.cart-promo-banner, .cart-promo-hint { border-radius:12px; padding:11px 14px; display:flex; gap:10px; align-items:center; margin-bottom:14px; font-size:13px; }
.cart-promo-banner { background:linear-gradient(120deg,#eafaf2,#d4f4e5); border:1px solid #b5e8cf; color:#1a7a52; }
.cart-promo-hint { background:linear-gradient(120deg,#fff8ec,#fdefd9); border:1px solid #f0d8a4; color:#9a6b1a; }
.cart-promo-banner i, .cart-promo-hint i { font-size:22px; flex-shrink:0; }
.cart-promo-banner i { color:#2f9e6f; }
.cart-promo-hint i { color:#c08a2e; }
.cart-promo-banner b, .cart-promo-hint b { font-size:13.5px; }
.cart-promo-banner span, .cart-promo-hint span { font-size:12.5px; line-height:1.5; }
/* Cart items list */
.cart-list { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.cart-line { display:grid; grid-template-columns:52px 1fr auto auto; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line-soft,rgba(29,23,38,.07)); border-radius:14px; background:#fff; transition:box-shadow .15s, border-color .15s; }
.cart-line:hover { border-color:rgba(230,107,157,.25); box-shadow:0 3px 12px rgba(230,107,157,.08); }
.cl-img { width:52px; min-width:52px; height:52px; border-radius:10px; overflow:hidden; flex-shrink:0; background:linear-gradient(135deg,#fde9f2,#fad4e8); display:flex; align-items:center; justify-content:center; color:var(--rose-2,#d24f86); font-size:20px; }
.cl-img img { width:52px !important; height:52px !important; min-width:52px !important; max-width:52px !important; max-height:52px !important; object-fit:cover !important; display:block; }
.cl-body { flex:1; min-width:0; overflow:hidden; }
.cl-body small { font:700 10px var(--ui,sans-serif); letter-spacing:.07em; text-transform:uppercase; color:var(--rose-2,#d24f86); opacity:.75; }
.cl-body b { display:block; font-size:13px; margin:1px 0 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cl-price { font-weight:800; font-size:13.5px; color:var(--rose-2,#d24f86); }
.cl-qty { display:flex; align-items:center; gap:0; background:var(--soft,#fdf3f8); border-radius:10px; overflow:hidden; border:1px solid rgba(230,107,157,.18); }
.cl-qty button { width:30px; height:30px; border:none; background:transparent; cursor:pointer; font-size:15px; font-weight:700; color:var(--rose-2,#d24f86); transition:background .12s; }
.cl-qty button:hover { background:rgba(230,107,157,.15); }
.cl-qty span { font-weight:800; font-size:13px; min-width:22px; text-align:center; }
.cl-remove { background:none; border:none; width:30px; height:30px; border-radius:8px; color:var(--muted,#7c7486); cursor:pointer; font-size:16px; display:flex; align-items:center; justify-content:center; transition:background .12s, color .12s; }
.cl-remove:hover { background:#fff0f0; color:#c0392b; }
/* Totals */
.cart-totals { background:linear-gradient(135deg,#fff,#fdf5fb); border:1px solid rgba(230,107,157,.12); border-radius:16px; padding:14px 18px; margin-bottom:14px; }
.tl { display:flex; justify-content:space-between; align-items:center; padding:5px 0; font-size:13.5px; }
.tl b { font-weight:700; }
.tl.discount { color:#2f9e6f; }
.tl.discount b { color:#2f9e6f; }
.tl.grand { border-top:1px solid rgba(230,107,157,.15); padding-top:12px; margin-top:6px; }
.tl.grand span { font-size:14px; font-weight:700; color:var(--ink,#1d1726); }
.tl.grand b { font-family:var(--display,serif); color:var(--rose-2,#d24f86); font-size:24px; }
/* Pay buttons */
.cart-pay { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.cart-pay .btn { flex:1; min-width:160px; }
/* Recommendations */
.cart-recs, .cart-promo-rec { margin-top:4px; }
.cart-recs h3, .cart-promo-rec h3 { font-family:var(--display,serif); font-size:17px; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.cart-promo-rec { background:linear-gradient(135deg,#eafaf2,#f5fff9); border:1px solid #b5e8cf; border-radius:16px; padding:14px; }
.cart-promo-rec h3 i { color:#2f9e6f; }
.cart-promo-rec .sub { font-size:13px; color:var(--muted,#7c7486); margin-bottom:12px; }
.rec-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.rec-card { background:#fff; border:1px solid var(--line-soft,rgba(29,23,38,.07)); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:.15s; }
.rec-card:hover { box-shadow:0 6px 18px rgba(29,23,38,.1); transform:translateY(-2px); }
/* Fixed image area — no more giant aspect-ratio blowout */
.rc-img { width:100%; height:80px; max-height:80px; background:linear-gradient(135deg,#fde9f2,#fad4e8); display:flex; align-items:center; justify-content:center; color:var(--rose-2,#d24f86); font-size:26px; overflow:hidden; flex-shrink:0; }
.rc-img img { width:100% !important; height:80px !important; max-height:80px !important; object-fit:cover !important; display:block; }
.rc-body { padding:9px 10px; display:flex; flex-direction:column; gap:5px; flex:1; }
.rc-body b { font-size:12px; line-height:1.35; color:var(--ink,#1d1726); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rc-price { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.rc-price strong { color:var(--rose-2,#d24f86); font-size:14px; }
.rc-price s { color:var(--muted,#7c7486); font-size:11.5px; }
.rc-price small { background:#e8f6ef; color:#2f9e6f; padding:1px 5px; border-radius:6px; font:800 10px var(--ui,sans-serif); }
.rec-card.discount { border-color:#b5e8cf; }
.rec-card.discount .rc-img { background:linear-gradient(135deg,#e0f7eb,#ccf2dd); color:#2f9e6f; }
/* --- Post interactions --- */
.post-actions { display:flex; gap:6px; padding:8px 12px; border-top:1px solid var(--line-soft,rgba(29,23,38,.06)); margin-top:8px; }
.post-actions button { background:none; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; font:600 12.5px var(--ui,sans-serif); color:var(--muted,#7c7486); display:flex; align-items:center; gap:5px; transition:.15s; }
.post-actions button:hover { background:#fdf3f8; color:var(--rose-2,#d24f86); }
.post-actions button.on { color:var(--rose-2,#d24f86); }
.post-actions .pi-like.on i { color:#e0245e; }
.post-actions .pi-save.on i { color:#c08a2e; }
.post-actions .pi-save { margin-left:auto; }
.post-actions b { font-weight:700; font-size:12px; }
/* --- Yorum modali --- */
.comment-list { max-height:50vh; overflow-y:auto; padding-right:6px; margin-bottom:14px; }
.cm { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--line-soft,rgba(29,23,38,.06)); }
.cm-av { width:36px; height:36px; border-radius:50%; background:#fbe9f1; color:var(--rose-2,#d24f86); display:flex; align-items:center; justify-content:center; font:700 12px var(--ui,sans-serif); flex-shrink:0; overflow:hidden; }
.cm-av img { width:100%; height:100%; object-fit:cover; }
.cm-body { flex:1; }
.cm-body b { font-size:13px; }
.cm-body small { font-weight:400; color:var(--muted,#7c7486); margin-left:6px; }
.cm-body p { font-size:13px; margin-top:3px; line-height:1.5; }
.cm-img { max-width:200px; max-height:200px; border-radius:8px; margin-top:6px; }
.comment-input { display:flex; flex-direction:column; gap:8px; }
.comment-input textarea { width:100%; padding:10px 12px; border:1px solid var(--line,#e5e3e8); border-radius:10px; font:inherit; font-size:13px; resize:vertical; outline:none; }
.comment-actions { display:flex; gap:8px; align-items:center; }
.cm-img-name { font-size:11.5px; color:var(--muted,#7c7486); flex:1; }
/* --- Leaderboard --- */
.leader-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.leader-card { background:#fff; border:1px solid var(--line-soft,rgba(29,23,38,.06)); border-radius:14px; padding:14px; display:flex; gap:12px; align-items:center; text-decoration:none; color:inherit; transition:.2s; position:relative; overflow:hidden; }
.leader-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(29,23,38,.1); }
.leader-card .rank { position:absolute; top:8px; right:8px; width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#c08a2e,#e3b665); color:#fff; display:flex; align-items:center; justify-content:center; font:800 13px var(--display,serif); }
.leader-card.rank-1 .rank { background:linear-gradient(135deg,#f5c518,#c08a2e); box-shadow:0 4px 12px rgba(192,138,46,.4); }
.leader-card.rank-2 .rank { background:linear-gradient(135deg,#bfbfbf,#8a8a8a); }
.leader-card.rank-3 .rank { background:linear-gradient(135deg,#cd7f32,#8b4513); }
.leader-card.rank-1 { border-color:#f0d9a8; background:linear-gradient(135deg,#fff7e9,#fff); }
.lc-av { width:54px; height:54px; border-radius:50%; background:#fbe9f1; color:var(--rose-2,#d24f86); display:flex; align-items:center; justify-content:center; font:700 16px var(--ui,sans-serif); overflow:hidden; flex-shrink:0; }
.lc-av img { width:100%; height:100%; object-fit:cover; }
.lc-body { flex:1; min-width:0; }
.lc-body b { font-size:14px; display:block; }
.lc-body small { font-size:11.5px; color:var(--muted,#7c7486); display:block; margin:2px 0; }
.lc-stats { display:flex; gap:10px; font-size:11.5px; color:var(--ink-2,#3a3242); margin-top:4px; }
.lc-stats i { color:var(--rose-2,#d24f86); margin-right:2px; }
.leader-cta { text-align:center; margin-top:14px; font-size:13px; color:var(--muted,#7c7486); }
.leader-cta a { color:var(--rose-2,#d24f86); font-weight:700; cursor:pointer; }
/* --- Profil ürünleri görsel efektleri --- */
.feat-gold-name { background:linear-gradient(135deg,#c08a2e,#f5c518,#c08a2e); -webkit-background-clip:text; background-clip:text; color:transparent; }
.feat-avatar-ring { padding:3px; background:conic-gradient(from 0deg,#e36a9a,#a85cc6,#c08a2e,#e36a9a); border-radius:50%; animation:ringSpin 6s linear infinite; }
@keyframes ringSpin { to { transform:rotate(360deg); } }
.feat-avatar-ring img, .feat-avatar-ring > * { border:3px solid #fff; }
.feat-pro-stripe { display:inline-flex; align-items:center; gap:4px; background:linear-gradient(135deg,#c08a2e,#f5c518); color:#fff; font:700 11px var(--ui,sans-serif); padding:3px 10px; border-radius:20px; margin-left:6px; }
.items-grid { display:flex; flex-direction:column; gap:10px; }
.item-card { display:flex; gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--line,#e5e3e8); border-radius:12px; background:#fff; }
.item-card.on { border-color:#bfe4d2; background:#fafff8; }
.item-card.off { opacity:.6; }
.item-card > i { font-size:24px; color:var(--rose-2,#d24f86); flex-shrink:0; }
.item-card > div { flex:1; }
.item-card b { display:block; font-size:13.5px; }
.item-card small { font-size:11.5px; color:var(--muted,#7c7486); }
/* --- Aktiflik nabzı (genuine) --- */
@keyframes livePulse { 0% { box-shadow:0 0 0 0 rgba(47,158,111,.55); } 70% { box-shadow:0 0 0 9px rgba(47,158,111,0); } 100% { box-shadow:0 0 0 0 rgba(47,158,111,0); } }
#activeBadge { font:600 12px var(--ui,sans-serif); color:#22825b; background:#e8f6ef; padding:5px 11px; border-radius:20px; display:inline-flex; align-items:center; }
/* --- Mobil ayar --- */
@media (max-width: 860px){
.nav-cart { margin-left:auto; }
.nd-panel { width:calc(100vw - 36px); }
}
/* ===================================================
FAZ 3 STİLLER
=================================================== */
/* --- Rol kartları gelişmiş animasyon --- */
.role-picker.tri { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.role-card {
background:#fff; border:1.5px solid var(--line,#e5e3e8);
border-radius:18px; padding:22px 16px; cursor:pointer;
text-align:center; transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, border-color .18s;
position:relative; overflow:hidden; font:inherit;
}
.role-card::before {
content:""; position:absolute; inset:0;
background:radial-gradient(circle at 50% 0%, rgba(227,106,154,.13) 0%, transparent 70%);
opacity:0; transition:opacity .3s;
}
.role-card:hover::before { opacity:1; }
.role-card:hover { transform:translateY(-6px) scale(1.02); box-shadow:0 20px 40px rgba(29,23,38,.13); border-color:var(--rose,#e36a9a); }
.role-card.pro { border-color:#1e7e40; }
.role-card.pro::before { background:radial-gradient(circle at 50% 0%,rgba(30,126,64,.13) 0%,transparent 70%); }
.role-card.pro:hover { border-color:#1e7e40; box-shadow:0 20px 40px rgba(30,126,64,.18); }
.role-card.business { border-color:#b7791f; }
.role-card.business::before { background:radial-gradient(circle at 50% 0%,rgba(183,121,31,.15) 0%,transparent 70%); }
.role-card.business:hover { border-color:#b7791f; box-shadow:0 20px 40px rgba(183,121,31,.18); }
.role-card i { font-size:36px; display:block; margin-bottom:10px; transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
.role-card:hover i { transform:scale(1.25) rotate(-5deg); }
.role-card h3 { font-family:var(--display,serif); font-size:18px; margin:0 0 6px; }
.role-card p { font-size:12.5px; color:var(--muted,#7c7486); line-height:1.5; margin-bottom:10px; }
.role-card ul { list-style:none; margin:0; padding:0; text-align:left; }
.role-card ul li { font-size:12px; color:var(--ink-2,#3a3242); padding:3px 0; display:flex; align-items:center; gap:6px; }
.role-card ul li i { font-size:14px; color:#2f9e6f; margin:0; display:inline; transform:none; }
.role-card:hover ul li i { transform:none; }
.role-flag { position:absolute; top:10px; right:10px; font:800 10px var(--ui,sans-serif); padding:2px 8px; border-radius:20px; background:linear-gradient(135deg,#1e7e40,#2ea854); color:#fff; letter-spacing:.05em; }
/* --- Mesajlaşma --- */
.msg-target b { font-size:14.5px; display:block; }
.msg-target small { font-size:11.5px; color:var(--muted,#7c7486); }
.msg-bubble.right
@keyframes micPulse { 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.15); box-shadow:0 0 0 8px rgba(192,57,43,.2); } }
/* --- Konuşma listesi (inbox) --- */
.cr-av img { width:100%; height:100%; object-fit:cover; }
.cr-body b { font-size:13.5px; display:block; }
.cr-body small { font-size:11.5px; color:var(--muted,#7c7486); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.cr-meta span { font-size:11px; color:var(--muted,#7c7486); display:block; }
.nav-msgs { background:#fbe9f1; }
/* --- Filtre çubuğu (ilanlar.html) --- */
.filter-bar { padding:16px 0 8px; display:flex; flex-direction:column; gap:12px; }
.filter-search { position:relative; }
.filter-search i { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted,#7c7486); font-size:18px; pointer-events:none; }
.filter-search input { width:100%; padding:12px 16px 12px 46px; border:1.5px solid var(--line,#e5e3e8); border-radius:14px; font:600 14px var(--ui,sans-serif); color:var(--ink,#1d1726); background:#fff; outline:none; transition:.15s; box-sizing:border-box; }
.filter-search input:focus { border-color:var(--rose,#e36a9a); box-shadow:0 0 0 3px rgba(227,106,154,.12); }
.filter-selects { display:flex; gap:10px; flex-wrap:wrap; }
.filter-selects select { padding:10px 14px; border:1px solid var(--line,#e5e3e8); border-radius:10px; font:600 13px var(--ui,sans-serif); color:var(--ink,#1d1726); background:#fff; cursor:pointer; outline:none; transition:.15s; flex:1; min-width:140px; }
.filter-selects select:focus { border-color:var(--rose,#e36a9a); }
.filter-selects select:hover { border-color:var(--rose-2,#d24f86); }
#activeFilterTags { display:flex; gap:8px; flex-wrap:wrap; }
.filter-tag { display:inline-flex; align-items:center; gap:5px; background:#fbe9f1; color:var(--rose-2,#d24f86); border:1px solid #f0d0e4; border-radius:20px; padding:4px 11px; font:700 12px var(--ui,sans-serif); cursor:pointer; transition:.15s; }
.filter-tag:hover { background:#f7d0e8; }
.filter-tag i { font-size:12px; }
/* --- @mention --- */
.mention { color:var(--rose-2,#d24f86); font-weight:700; text-decoration:none; }
.mention:hover { text-decoration:underline; }
.mention-gray { color:var(--muted,#7c7486); font-weight:600; }
/* --- Aktiflik rozeti --- */
#activeBadge { display:inline-flex; align-items:center; gap:6px; font:600 12px var(--ui,sans-serif); color:#22825b; background:#e8f6ef; padding:5px 12px; border-radius:20px; margin-left:auto; }
/* --- Mobil uyum --- */
@media(max-width:680px){
.role-picker.tri { grid-template-columns:1fr; }
.filter-selects { flex-direction:column; }
}
/* =================================================================
FAZ 4 · Görsel Revizyon CSS
================================================================= */
/* =================================================================
FAQ yeni tasarım
================================================================= */
.faq-wrap { background:linear-gradient(180deg,#fdf4f9 0%,#f7f3fc 50%,#fafcff 100%); padding:4rem 0; }
.faq-hero { display:grid; grid-template-columns:1fr auto; gap:2.5rem; align-items:center; margin-bottom:2.5rem; }
.faq-hero h2 { font-family:var(--display,serif); font-size:clamp(26px,4vw,38px); margin:.25rem 0 .75rem; color:var(--ink,#1d1726); }
.faq-hero p { color:var(--muted,#7c7486); font-size:15px; line-height:1.6; max-width:480px; margin-bottom:1.25rem; }
.faq-cta-row { display:flex; gap:10px; flex-wrap:wrap; }
.faq-hero-right { display:flex; flex-direction:column; gap:10px; background:#fff; border:1px solid var(--line-soft,rgba(29,23,38,.07)); border-radius:18px; padding:18px 22px; text-align:center; min-width:130px; }
.faq-stat span { font-family:var(--display,serif); font-size:28px; font-weight:700; color:var(--rose-2,#d24f86); display:block; }
.faq-stat small { font-size:11.5px; color:var(--muted,#7c7486); font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
.faq-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:14px; }
.faq-card {
background:#fff; border:1.5px solid var(--line,#e5e3e8); border-radius:16px;
cursor:pointer; transition:box-shadow .2s, transform .2s, border-color .18s; overflow:hidden;
}
.faq-card:hover { transform:translateY(-3px); box-shadow:0 14px 36px rgba(29,23,38,.1); }
.faq-card.open { box-shadow:0 8px 28px rgba(29,23,38,.1); }
.faq-card-head { display:flex; align-items:center; gap:12px; padding:16px; }
.faq-card-icon {
width:40px; height:40px; border-radius:12px; display:flex; align-items:center;
justify-content:center; font-size:20px; flex-shrink:0; transition:transform .25s;
}
.faq-card:hover .faq-card-icon, .faq-card.open .faq-card-icon { transform:rotate(-5deg) scale(1.1); }
.faq-rose .faq-card-icon { background:#fbe9f1; color:#d24f86; }
.faq-green .faq-card-icon { background:#e8f6ef; color:#2f9e6f; }
.faq-blue .faq-card-icon { background:#e8f0fe; color:#1a73e8; }
.faq-amber .faq-card-icon { background:#fff3e0; color:#c08a2e; }
.faq-purple .faq-card-icon{ background:#f3e8ff; color:#7c3aed; }
.faq-teal .faq-card-icon { background:#e0f5f5; color:#0d9488; }
.faq-card-head > span { flex:1; font-size:14px; font-weight:700; color:var(--ink,#1d1726); line-height:1.4; }
.faq-arr { color:var(--muted,#7c7486); transition:transform .25s ease; flex-shrink:0; }
.faq-card.open .faq-arr { transform:rotate(180deg); }
.faq-card-body { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s ease; padding:0 16px; }
.faq-card.open .faq-card-body { max-height:200px; padding:0 16px 16px; }
.faq-card-body p { font-size:13.5px; color:var(--ink-2,#3a3242); line-height:1.65; margin:0; }
.faq-rose { border-color:#f0d8ee; } .faq-rose.open { border-color:#d24f86; }
.faq-green { border-color:#bfe4d2; } .faq-green.open { border-color:#2f9e6f; }
.faq-blue { border-color:#c8d8f5; } .faq-blue.open { border-color:#1a73e8; }
.faq-amber { border-color:#f0d9a8; } .faq-amber.open { border-color:#c08a2e; }
.faq-purple{ border-color:#ddd0f7; } .faq-purple.open{ border-color:#7c3aed; }
.faq-teal { border-color:#c0e7e7; } .faq-teal.open { border-color:#0d9488; }
/* =================================================================
Leaderboard yeni tasarım
================================================================= */
.lb-wrap { background:linear-gradient(135deg,#1d1726 0%,#2d1b3e 50%,#1d2637 100%); padding:4.5rem 0; }
.lb-wrap .sec-head, .lb-wrap h2, .lb-wrap p, .lb-wrap .lb-head { color:#fff; }
.lb-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:2.5rem; flex-wrap:wrap; }
.lb-head .eyebrow { color:#e3b665; border-color:rgba(227,182,101,.3); background:rgba(227,182,101,.08); }
.lb-head h2 { font-family:var(--display,serif); font-size:clamp(24px,4vw,38px); margin:.25rem 0 .5rem; }
.lb-head p { color:rgba(255,255,255,.65); font-size:14px; max-width:420px; }
.lb-meta { display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
.lb-timer { font-size:12px; color:rgba(255,255,255,.5); display:flex; align-items:center; gap:5px; }
.lb-head .btn-ghost { border-color:rgba(255,255,255,.25); color:#fff; }
.lb-head .btn-ghost:hover { background:rgba(255,255,255,.1); }
.lb-podium { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:14px; margin-bottom:22px; }
.lp-card {
background:rgba(255,255,255,.06); backdrop-filter:blur(14px);
border:1px solid rgba(255,255,255,.1); border-radius:20px;
padding:22px 16px; display:flex; flex-direction:column; align-items:center; gap:10px;
text-decoration:none; color:#fff; transition:.25s; position:relative; overflow:hidden;
}
.lp-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.07),transparent 70%); }
.lp-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px rgba(0,0,0,.4); border-color:rgba(255,255,255,.22); }
.lp-card.rank-1 { background:linear-gradient(180deg,rgba(245,197,24,.15),rgba(192,138,46,.08)); border-color:rgba(245,197,24,.35); }
.lp-card.rank-2 { background:linear-gradient(180deg,rgba(191,191,191,.12),rgba(138,138,138,.06)); border-color:rgba(191,191,191,.28); }
.lp-card.rank-3 { background:linear-gradient(180deg,rgba(205,127,50,.15),rgba(139,69,19,.08)); border-color:rgba(205,127,50,.3); }
.lp-medal { font-size:30px; line-height:1; }
.lp-avatar { width:72px; height:72px; border-radius:50%; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; font:700 22px var(--ui,sans-serif); overflow:hidden; position:relative; }
.lp-card.rank-1 .lp-avatar { width:84px; height:84px; box-shadow:0 0 0 4px rgba(245,197,24,.5), 0 0 20px rgba(245,197,24,.3); }
.lp-avatar img { width:100%; height:100%; object-fit:cover; }
.lp-online-dot { position:absolute; bottom:4px; right:4px; width:14px; height:14px; border-radius:50%; background:#2f9e6f; border:3px solid #1d1726; animation:livePulse 1.8s ease-out infinite; }
.lp-name { font-family:var(--display,serif); font-size:15px; font-weight:700; text-align:center; }
.lp-role { font-size:11.5px; color:rgba(255,255,255,.55); text-align:center; }
.lp-score { background:rgba(255,255,255,.08); border-radius:24px; padding:5px 14px; display:flex; align-items:baseline; gap:4px; }
.lp-score b { font-size:20px; font-weight:800; font-family:var(--display,serif); color:#e3b665; }
.lp-score small { font-size:11px; color:rgba(255,255,255,.5); }
.lp-stats { display:flex; gap:12px; font-size:12px; color:rgba(255,255,255,.6); }
.lp-stats span { display:flex; align-items:center; gap:3px; }
.lp-stats i { font-size:13px; }
.lb-list { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; overflow:hidden; margin-bottom:22px; }
.lb-row { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.06); text-decoration:none; color:#fff; transition:.15s; }
.lb-row:last-child { border:none; }
.lb-row:hover { background:rgba(255,255,255,.06); }
.lbr-rank { width:26px; font:800 14px var(--display,serif); color:rgba(255,255,255,.4); text-align:center; }
.lbr-av { width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; font:700 13px var(--ui,sans-serif); overflow:hidden; flex-shrink:0; }
.lbr-av img { width:100%; height:100%; object-fit:cover; }
.lbr-info { flex:1; }
.lbr-info b { display:block; font-size:13.5px; }
.lbr-info small { font-size:11.5px; color:rgba(255,255,255,.5); }
.lbr-stats { display:flex; gap:10px; font-size:12px; color:rgba(255,255,255,.5); }
.lbr-stats i { color:rgba(255,255,255,.4); font-size:13px; }
.lbr-score { font:700 14px var(--display,serif); color:#e3b665; margin-left:auto; }
.lbr-score small { font-weight:400; font-size:10px; color:rgba(255,255,255,.4); font-family:var(--ui,sans-serif); }
.lb-cta { }
.lb-cta-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:16px; padding:20px 22px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.lb-cta-card > i { font-size:32px; color:#e3b665; flex-shrink:0; }
.lb-cta-card > div { flex:1; }
.lb-cta-card b { display:block; font-size:15px; margin-bottom:4px; }
.lb-cta-card p { font-size:13px; color:rgba(255,255,255,.6); margin:0; }
/* =================================================================
Hikayeler yenileme
================================================================= */
/* Story pick grid */
.spc-img { aspect-ratio:1; background:#fbe9f1; display:flex; align-items:center; justify-content:center; color:var(--rose-2,#d24f86); font-size:26px; overflow:hidden; }
.spc-img img { width:100%; height:100%; object-fit:cover; }
.spc-title { padding:8px 9px; font-size:12px; font-weight:700; color:var(--ink,#1d1726); line-height:1.3; }
/* =================================================================
Post v2 — yeni kart tasarımı
================================================================= */
.post-v2 {
background:#fff; border-radius:16px;
border:1px solid var(--line-soft,rgba(29,23,38,.06));
overflow:hidden; margin-bottom:14px;
transition:box-shadow .2s;
}
.post-v2:hover { box-shadow:0 8px 28px rgba(29,23,38,.1); }
.pv2-head { display:flex; align-items:center; gap:10px; padding:12px 14px 10px; }
.pv2-avatar { width:42px; height:42px; border-radius:50%; overflow:hidden; background:#fbe9f1; color:var(--rose-2,#d24f86); display:flex; align-items:center; justify-content:center; font:700 14px var(--ui,sans-serif); flex-shrink:0; text-decoration:none; }
.pv2-avatar img { width:100%; height:100%; object-fit:cover; }
.pv2-meta { flex:1; }
.pv2-meta a { text-decoration:none; color:inherit; display:flex; align-items:center; gap:5px; }
.pv2-meta b { font-size:14px; color:var(--ink,#1d1726); }
.pv2-check { color:#1a73e8; font-size:15px; }
.pv2-meta small { font-size:11.5px; color:var(--muted,#7c7486); display:block; margin-top:1px; }
.pv2-more button { background:none; border:none; color:var(--muted,#7c7486); cursor:pointer; padding:6px; border-radius:8px; font-size:18px; }
.pv2-more button:hover { background:#f5f0f8; color:var(--ink,#1d1726); }
/* Görsel grid: 1/2/3+ fotoğraf */
.pv2-images { overflow:hidden; }
.pv2-images.si .pv2-img-wrap { aspect-ratio:16/9; }
.pv2-images.di { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.pv2-images.di .pv2-img-wrap { aspect-ratio:1; }
.pv2-images.ti { display:grid; grid-template-columns:2fr 1fr; grid-template-rows:auto auto; gap:2px; }
.pv2-images.ti .pv2-img-wrap:first-child { grid-row:1/3; aspect-ratio:4/5; }
.pv2-images.ti .pv2-img-wrap:not(:first-child) { aspect-ratio:1; }
.pv2-img-wrap { position:relative; overflow:hidden; background:#f0e8f5; cursor:pointer; }
.pv2-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.pv2-img-wrap:hover img { transform:scale(1.04); }
.pv2-count-overlay { position:absolute; inset:0; background:rgba(29,23,38,.6); color:#fff; display:flex; align-items:center; justify-content:center; font:800 26px var(--display,serif); }
.pv2-more-overlay img { opacity:.6; }
.pv2-text { padding:10px 14px 6px; font-size:14px; line-height:1.6; color:var(--ink-2,#3a3242); white-space:pre-line; }
.pv2-tags { display:flex; flex-wrap:wrap; gap:6px; padding:4px 14px 8px; }
.pv2-tag { text-decoration:none; color:var(--rose-2,#d24f86); font:600 12.5px var(--ui,sans-serif); background:#fbe9f1; padding:3px 10px; border-radius:20px; transition:.15s; }
.pv2-tag:hover { background:#f7d0e8; }
.pv2-actions { display:flex; align-items:center; gap:4px; padding:8px 10px; border-top:1px solid var(--line-soft,rgba(29,23,38,.06)); }
.pva-btn { display:flex; align-items:center; gap:5px; padding:8px 12px; border-radius:10px; border:none; background:none; font:600 13px var(--ui,sans-serif); color:var(--muted,#7c7486); cursor:pointer; transition:.15s; }
.pva-btn:hover { background:#fdf3f8; color:var(--rose-2,#d24f86); }
.pva-btn.like.on { color:#e0245e; }
.pva-btn.like.on i { animation:heartBeat .35s ease; }
.pva-btn.save { margin-left:auto; }
.pva-btn.save.on { color:#c08a2e; }
.pva-btn i { font-size:19px; }
.pva-btn span { font-size:12.5px; }
@keyframes heartBeat { 0%,100%{transform:scale(1)} 40%{transform:scale(1.4)} 70%{transform:scale(.9)} }
.pv2-like-summary { padding:4px 14px 10px; font-size:13px; color:var(--ink-2,#3a3242); }
.pv2-like-summary b { font-weight:700; }
/* Post menu (3 nokta) */
.post-menu { display:flex; flex-direction:column; gap:4px; }
.post-menu button { display:flex; align-items:center; gap:10px; padding:12px 14px; border:none; background:none; border-radius:10px; cursor:pointer; font:inherit; font-size:14px; color:var(--ink,#1d1726); width:100%; text-align:left; transition:.15s; }
.post-menu button:hover { background:#fdf3f8; }
.post-menu button.danger { color:#c0392b; }
.post-menu button.danger:hover { background:#fce7e7; }
/* =================================================================
Canlılık tostu (liveness)
================================================================= */
.live-toast {
position:fixed; bottom:80px; left:18px; z-index:900;
display:flex; align-items:center; gap:10px;
background:#fff; border:1px solid var(--line-soft,rgba(29,23,38,.06));
border-radius:14px; padding:10px 14px;
box-shadow:0 8px 28px rgba(29,23,38,.14);
font-size:13px; max-width:260px;
transform:translateY(20px); opacity:0; pointer-events:none;
transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .3s ease;
}
.live-toast.lt-show { transform:translateY(0); opacity:1; }
.lt-av { width:34px; height:34px; border-radius:50%; overflow:hidden; background:#fbe9f1; color:var(--rose-2,#d24f86); display:flex; align-items:center; justify-content:center; font:700 11px var(--ui,sans-serif); flex-shrink:0; }
.lt-av img { width:100%; height:100%; object-fit:cover; }
.lt-body { flex:1; min-width:0; }
.lt-body b { display:block; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lt-body span { font-size:11.5px; color:var(--muted,#7c7486); }
.lt-dot { flex-shrink:0; }
/* =================================================================
Mobil uyum eklemeleri
================================================================= */
@media(max-width:820px){
.faq-hero { grid-template-columns:1fr; }
.faq-hero-right { flex-direction:row; justify-content:center; }
.lb-podium { grid-template-columns:1fr; }
.lp-card.rank-1 { order:-1; }
.lb-head { flex-direction:column; gap:12px; }
.lb-meta { align-items:flex-start; }
.lb-cta-card { flex-direction:column; align-items:flex-start; }
}
/* Satış Liderleri kaldırıldı */
#leaderboard { display:none !important; }
/* Kaldırılan bölümler */
#activeBadge { display:none !important; }
#faqSection { display:none !important; }
/* ===== Founder Badge ===== */
.founder-badge {
background: linear-gradient(135deg, #fef3c7, #fde68a);
color: #92400e;
border: 1px solid #f59e0b;
font-size: 11px;
font-weight: 800;
padding: 2px 8px;
border-radius: 20px;
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
box-shadow: 0 1px 4px rgba(245,158,11,.25);
}
.founder-badge i { font-size: 12px; color: #d97706; }
/* ===== NailDesk Team (fix text) ===== */
.team-badge { /* already styled, just ensure label is correct via JS */ }
/* ===== Listing card owner link ===== */
.lc-owner-link {
color: var(--rose2);
text-decoration: none;
font-weight: 600;
font-size: 13px;
}
.lc-owner-link:hover { text-decoration: underline; }
/* ===== Listing detail owner link ===== */
.ld-owner-link {
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
color: var(--ink);
font-weight: 700;
padding: 4px 8px;
border-radius: 8px;
border: 1px solid var(--line);
transition: background .15s;
}
.ld-owner-link:hover { background: var(--soft); }
/* ===== Profile layout with sidebar ===== */
.profile-with-sidebar {
display: flex;
gap: 24px;
align-items: flex-start;
margin-top: 8px;
}
.profile-main-col {
flex: 1;
min-width: 0;
}
.profile-sidebar {
width: 260px;
flex-shrink: 0;
position: sticky;
top: 80px;
}
/* ===== Visitors widget ===== */
.visitors-widget {
background: var(--card);
border: 1px solid var(--line);
border-radius: 16px;
padding: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.visitors-widget h4 {
font-size: 13px;
font-weight: 800;
color: var(--ink);
margin: 0 0 12px;
display: flex;
align-items: center;
gap: 6px;
}
.visitors-widget h4 i { color: var(--rose2); }
.visitor-count {
margin-left: auto;
background: var(--soft);
color: var(--muted);
font-size: 11px;
font-weight: 700;
padding: 1px 7px;
border-radius: 20px;
}
.visitor-item {
display: flex;
align-items: center;
gap: 10px;
padding: 7px 4px;
border-radius: 10px;
text-decoration: none;
color: var(--ink);
transition: background .15s;
}
.visitor-item:hover { background: var(--soft); }
.visitor-av {
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--grad);
color: #fff;
font-size: 10px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}
.visitor-av img { width: 100%; height: 100%; object-fit: cover; }
.visitor-info { display: flex; flex-direction: column; }
.visitor-info b { font-size: 13px; font-weight: 700; }
.visitor-info small { font-size: 11px; color: var(--muted); }
/* ===== Home experts grid ===== */
.experts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
}
/* Responsive: sidebar collapse on mobile */
@media (max-width: 768px) {
.profile-with-sidebar { flex-direction: column; }
.profile-sidebar { width: 100%; position: static; }
.experts-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}
/* ══════════════════════════════════════════════════════════════════
AI CHAT — FAB + Panel
══════════════════════════════════════════════════════════════════ */
/* FAB butonu */
.chat-fab {
position: fixed; right: 22px; bottom: 22px; z-index: 9999;
border: 0; background: var(--grad); color: #fff;
border-radius: 999px; padding: 13px 20px;
font-weight: 850; font-size: 14px; font-family: inherit;
box-shadow: 0 8px 32px rgba(230,107,157,.38);
cursor: pointer; display: flex; align-items: center; gap: 8px;
transition: transform .18s, box-shadow .18s;
}
.chat-fab:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(230,107,157,.48); }
/* 5-saniye bildirim popup */
.nd-chat-notify {
position: fixed; bottom: 88px; right: 22px; z-index: 119;
display: flex; align-items: flex-start; gap: 11px;
background: #fff; border: 1px solid var(--line);
border-radius: 18px; padding: 14px 16px;
box-shadow: 0 12px 48px rgba(30,23,36,.14);
width: 300px; max-width: calc(100vw - 32px);
right: max(16px, min(22px, calc(100vw - 316px)));
cursor: pointer;
animation: ncnSlide .28s cubic-bezier(.34,1.56,.64,1);
box-sizing: border-box;
}
@keyframes ncnSlide {
from { opacity:0; transform: translateY(16px) scale(.95); }
to { opacity:1; transform: translateY(0) scale(1); }
}
.ncn-avatar {
width: 38px; height: 38px; border-radius: 12px;
background: var(--grad); color: #fff;
display: grid; place-items: center; font-size: 18px; flex-shrink: 0;
}
.ncn-body { flex: 1; min-width: 0; }
.ncn-name { font-size: 11px; font-weight: 800; color: var(--rose2); display: block; margin-bottom: 3px; }
.ncn-text { font-size: 13px; font-weight: 600; color: var(--ink); margin: 0; line-height: 1.4; }
.ncn-close {
border: 0; background: transparent; color: var(--muted);
cursor: pointer; font-size: 14px; padding: 2px; flex-shrink: 0;
line-height: 1; border-radius: 6px; transition: .12s;
}
.ncn-close:hover { background: var(--soft); color: var(--ink); }
/* Chat panel */
.chat-panel {
position: fixed; right: 22px; bottom: 82px;
width: 360px; max-width: calc(100vw - 32px);
height: 520px; max-height: calc(100vh - 110px);
background: #fff; border: 1px solid var(--line);
border-radius: 22px; z-index: 130;
box-shadow: 0 24px 80px rgba(30,23,36,.16);
display: flex; flex-direction: column; overflow: hidden;
animation: chatIn .22s cubic-bezier(.34,1.4,.64,1);
}
.chat-panel--hidden { display: none; }
@keyframes chatIn {
from { opacity:0; transform: translateY(20px) scale(.96); }
to { opacity:1; transform: translateY(0) scale(1); }
}
.chat-head {
background: var(--grad); color: #fff;
padding: 14px 16px;
display: flex; justify-content: space-between; align-items: center;
flex-shrink: 0;
}
.chat-head-info { display: flex; align-items: center; gap: 10px; }
.chat-head-avatar {
width: 36px; height: 36px; border-radius: 11px;
background: rgba(255,255,255,.2); backdrop-filter: blur(4px);
display: grid; place-items: center; font-size: 18px; flex-shrink: 0;
}
.chat-head-info b { display: block; font-size: 14px; font-weight: 800; }
.chat-head-info span { font-size: 11px; opacity: .8; font-weight: 600; display: flex; align-items: center; gap: 5px; }
.chat-online-dot {
display: inline-block; width: 7px; height: 7px;
border-radius: 50%; background: #4ade80;
box-shadow: 0 0 0 2px rgba(74,222,128,.35);
animation: onlinePulse 2s ease infinite;
}
@keyframes onlinePulse {
0%,100% { opacity:1; } 50% { opacity:.5; }
}
.chat-head-actions { display: flex; gap: 4px; }
.chat-head-btn {
width: 28px; height: 28px; border-radius: 8px;
border: 0; background: rgba(255,255,255,.15); color: #fff;
cursor: pointer; font-size: 14px; display: grid; place-items: center;
transition: background .12s;
}
.chat-head-btn:hover { background: rgba(255,255,255,.28); }
.chat-head-btn--close:hover { background: rgba(255,80,80,.4); }
.chat-log {
flex: 1; padding: 14px; overflow-y: auto;
background: #faf7fb; display: flex; flex-direction: column; gap: 8px;
}
.chat-log::-webkit-scrollbar { width: 4px; }
.chat-log::-webkit-scrollbar-thumb { background: var(--line); border-radius: 999px; }
/* Bubbles */
.chat-bubble {
max-width: 86%; padding: 10px 14px; border-radius: 16px;
font-size: 13.5px; line-height: 1.58; word-break: break-word;
}
.chat-bubble p { margin: 0; }
.chat-bubble.bot {
background: #fff; border: 1px solid var(--line);
align-self: flex-start; border-radius: 4px 16px 16px 16px;
box-shadow: 0 2px 8px rgba(30,23,36,.05);
}
.chat-bubble.user {
background: var(--grad); color: #fff;
align-self: flex-end; border-radius: 16px 16px 4px 16px;
}
.chat-bubble--error { border-color: #fca5a5 !important; background: #fff5f5 !important; color: #b91c1c; }
.chat-typing { padding: 12px 14px; }
/* Quick suggestions */
.chat-suggestions {
display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px;
}
.chat-suggestions button {
font-size: 12px; font-weight: 700; padding: 6px 12px;
border-radius: 999px; border: 1.5px solid rgba(230,107,157,.35);
background: #fff; color: var(--rose2); cursor: pointer;
transition: .13s; font-family: inherit;
}
.chat-suggestions button:hover { background: var(--soft); border-color: var(--rose2); }
/* Composer */
.chat-composer {
border-top: 1px solid var(--line); background: #fff;
padding: 10px 12px 8px; flex-shrink: 0;
}
.chat-composer-inner {
display: flex; align-items: center; gap: 8px;
background: #faf7fb; border: 1.5px solid var(--line);
border-radius: 14px; padding: 4px 4px 4px 14px;
transition: border-color .15s;
}
.chat-composer-inner:focus-within { border-color: var(--rose2); }
.chat-composer-input {
flex: 1; border: 0; outline: 0; background: transparent;
font-size: 13.5px; font-family: inherit; color: var(--ink);
}
.chat-composer-send {
width: 34px; height: 34px; border-radius: 10px; border: 0;
background: var(--grad); color: #fff; cursor: pointer;
font-size: 15px; display: grid; place-items: center; transition: .13s;
flex-shrink: 0;
}
.chat-composer-send:hover { opacity: .88; }
.chat-composer-hint { font-size: 10.5px; color: var(--muted); margin: 5px 0 0; text-align: center; }
/* typing dots */
.nd-typing { display: inline-flex; align-items: center; gap: 4px; }
.nd-typing span { width: 7px; height: 7px; border-radius: 50%; background: var(--rose2); opacity: .4; animation: ndDot 1.2s ease-in-out infinite; }
.nd-typing span:nth-child(2) { animation-delay: .18s; }
.nd-typing span:nth-child(3) { animation-delay: .36s; }
/* ══════════════════════════════════════════════════════════════════
KULLANICI MESAJLAŞMASı — Inbox + Chat Window
══════════════════════════════════════════════════════════════════ */
/* Avatar - multi size */
.ndmsg-av {
width: 44px; height: 44px; border-radius: 50%;
background: var(--grad); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 800; overflow: hidden; flex-shrink: 0;
box-shadow: 0 3px 12px rgba(230,107,157,.28);
}
.ndmsg-av img { width:100%; height:100%; object-fit:cover; }
.ndmsg-av--lg { width: 46px; height: 46px; font-size: 14px; }
.ndmsg-av--xs { width: 30px; height: 30px; font-size: 10px; border-radius: 50%; background: var(--grad); color: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; box-shadow: 0 2px 8px rgba(230,107,157,.2); }
.ndmsg-av--xs img { width:100%; height:100%; object-fit:cover; }
/* Inbox */
.ndmsg-inbox { }
.ndmsg-inbox-head {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 20px; padding-bottom: 16px;
border-bottom: 1px solid var(--line);
}
.ndmsg-inbox-head h2 { font-family: var(--display); font-size: 26px; margin: 0; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.ndmsg-count { font-size: 12px; color: var(--rose2); font-weight: 800; background: var(--soft); padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(230,107,157,.2); }
.ndmsg-empty {
text-align: center; padding: 48px 20px;
display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.ndmsg-empty i { font-size: 48px; color: var(--rose2); opacity:.25; }
.ndmsg-empty p { font-size: 15px; font-weight: 800; color: var(--ink); margin: 0; }
.ndmsg-empty small { font-size: 13px; color: var(--muted); }
.ndmsg-convo-list { display: flex; flex-direction: column; gap: 4px; }
.ndmsg-convo-row {
display: flex; align-items: center; gap: 13px;
padding: 12px 14px; border-radius: 16px;
border: 1px solid transparent; background: none; width: 100%;
cursor: pointer; text-align: left; font: inherit;
transition: all .15s;
}
.ndmsg-convo-row:hover { background: var(--soft); border-color: rgba(230,107,157,.15); transform: translateX(2px); }
.ndmsg-convo-row--unread { background: linear-gradient(135deg,#fdf0f7,#f5f0fd); border-color: rgba(230,107,157,.2); }
.ndmsg-convo-row--unread:hover { background: linear-gradient(135deg,#fce7f4,#ede9fe); }
.ndmsg-convo-body { flex: 1; min-width: 0; }
.ndmsg-convo-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }
.ndmsg-convo-top b { font-size: 14px; font-weight: 800; }
.ndmsg-convo-top time { font-size: 11px; color: var(--muted); font-weight: 700; }
.ndmsg-convo-prev {
font-size: 12.5px; color: var(--muted); white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;
display: flex; align-items: center; gap: 6px;
}
.ndmsg-unread-badge {
display: inline-flex; min-width: 18px; height: 18px; padding: 0 5px;
border-radius: 999px; background: var(--grad); color: #fff;
font-size: 10px; font-weight: 900; align-items: center; justify-content: center;
flex-shrink: 0; margin-left: auto;
}
/* Chat window */
.ndmsg-window {
display: flex; flex-direction: column;
height: 74vh; margin: -28px; overflow: hidden;
border-radius: inherit;
background: #faf7fb;
}
.ndmsg-win-head {
display: flex; align-items: center; gap: 10px;
padding: 14px 18px; border-bottom: 1px solid var(--line);
background: rgba(255,255,255,.95); backdrop-filter: blur(16px);
flex-shrink: 0; position: relative;
}
.ndmsg-win-head::after {
content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px;
background: linear-gradient(90deg, var(--rose2), var(--lilac));
opacity: .4;
}
.ndmsg-back {
width: 36px; height: 36px; border-radius: 12px;
border: 1.5px solid var(--line); background: #fff;
color: var(--ink); cursor: pointer; font-size: 17px;
display: grid; place-items: center; transition: .15s; flex-shrink: 0;
}
.ndmsg-back:hover { background: var(--soft); border-color: var(--rose2); color: var(--rose2); }
.ndmsg-win-target { display: flex; align-items: center; gap: 11px; flex: 1; }
.ndmsg-win-info b { display: block; font-size: 15px; font-weight: 900; }
.ndmsg-win-info span { font-size: 11px; color: var(--rose2); font-weight: 700; display: flex; align-items: center; gap: 4px; }
.ndmsg-win-info span::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #22c55e; }
.ndmsg-profile-btn {
width: 36px; height: 36px; border-radius: 12px;
border: 1.5px solid var(--line); background: #fff;
color: var(--muted); font-size: 19px;
display: grid; place-items: center; transition: .15s; flex-shrink: 0;
text-decoration: none;
}
.ndmsg-profile-btn:hover { background: var(--soft); border-color: var(--rose2); color: var(--rose2); }
.ndmsg-win-body {
flex: 1; overflow-y: auto; padding: 20px 18px;
display: flex; flex-direction: column; gap: 8px;
background:
radial-gradient(ellipse 600px 400px at 20% 10%, rgba(230,107,157,.05), transparent),
radial-gradient(ellipse 500px 400px at 80% 80%, rgba(142,97,212,.05), transparent),
#faf7fb;
}
.ndmsg-win-body::-webkit-scrollbar { width: 4px; }
.ndmsg-win-body::-webkit-scrollbar-thumb { background: rgba(230,107,157,.3); border-radius: 999px; }
/* Bubbles */
.ndmsg-bubble {
display: flex; gap: 8px; align-items: flex-end; max-width: 76%;
animation: msgIn .18s ease;
}
@keyframes msgIn { from { opacity:0; transform: translateY(6px); } to { opacity:1; transform:none; } }
.ndmsg-bubble--mine {
margin-left: auto; flex-direction: row-reverse;
}
.ndmsg-bubble-body {
padding: 10px 14px; border-radius: 18px;
font-size: 13.5px; line-height: 1.65;
box-shadow: 0 2px 12px rgba(30,23,36,.07);
word-break: break-word; position: relative;
}
.ndmsg-bubble-body p { margin: 0 0 3px; }
.ndmsg-bubble-body time { font-size: 10px; color: rgba(255,255,255,.65); display: block; text-align: right; margin-top: 3px; }
.ndmsg-bubble--theirs .ndmsg-bubble-body {
background: #fff; border: 1px solid rgba(30,23,36,.1);
border-radius: 4px 18px 18px 18px;
}
.ndmsg-bubble--theirs .ndmsg-bubble-body time { color: var(--muted); }
.ndmsg-bubble--mine .ndmsg-bubble-body {
background: linear-gradient(135deg, #e66b9d, #8e61d4);
color: #fff;
border-radius: 18px 4px 18px 18px;
border: none;
}
.ndmsg-img {
max-width: 230px; max-height: 210px; border-radius: 12px;
display: block; margin: 4px 0; cursor: pointer; object-fit: cover;
transition: opacity .15s;
}
.ndmsg-img:hover { opacity: .9; }
.ndmsg-audio {
max-width: 210px; display: block; margin: 4px 0; border-radius: 10px;
accent-color: var(--rose2);
}
/* Composer */
.ndmsg-composer {
display: flex; align-items: flex-end; gap: 8px;
padding: 12px 16px;
background: rgba(255,255,255,.96); backdrop-filter: blur(16px);
border-top: 1px solid rgba(30,23,36,.08);
flex-shrink: 0;
}
.ndmsg-tool {
width: 38px; height: 38px; border-radius: 12px;
border: 1.5px solid var(--line); background: #fff;
color: var(--rose2); cursor: pointer; font-size: 18px;
display: grid; place-items: center; transition: .14s; flex-shrink: 0;
}
.ndmsg-tool:hover { background: var(--soft); border-color: var(--rose2); transform: scale(1.05); }
.ndmsg-tool.recording { background: #fee2e2; border-color: #fca5a5; color: #b91c1c; animation: micPulse 1s ease infinite; }
.ndmsg-text-wrap {
flex: 1; background: #fff; border: 1.5px solid var(--line);
border-radius: 16px; padding: 9px 14px;
transition: border-color .15s, box-shadow .15s;
box-shadow: 0 2px 8px rgba(30,23,36,.04);
}
.ndmsg-text-wrap:focus-within { border-color: var(--rose2); box-shadow: 0 0 0 3px rgba(230,107,157,.1); }
.ndmsg-text-wrap textarea {
width: 100%; border: 0; outline: 0; background: transparent;
font-size: 13.5px; font-family: inherit; resize: none;
max-height: 110px; color: var(--ink); line-height: 1.5;
}
.ndmsg-send {
width: 42px; height: 42px; border-radius: 14px; border: 0;
background: var(--grad); color: #fff; cursor: pointer;
font-size: 18px; display: grid; place-items: center;
flex-shrink: 0; transition: .15s;
box-shadow: 0 4px 16px rgba(230,107,157,.35);
}
.ndmsg-send:hover { transform: scale(1.07); box-shadow: 0 6px 20px rgba(230,107,157,.5); }
.ndmsg-send:active { transform: scale(.97); }
.ndmsg-rec {
display: flex; align-items: center; gap: 8px;
padding: 8px 18px; background: #fff5f5;
border-top: 1px solid #fecaca; color: #b91c1c;
font-size: 12px; font-weight: 700; flex-shrink: 0;
}
.ndmsg-rec.hidden { display: none; }
.ndmsg-rec-dot {
width: 8px; height: 8px; border-radius: 50%;
background: #ef4444; animation: micPulse 1s ease infinite;
}
@keyframes micPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.55;transform:scale(.85)} }
/* ══════════════════════════════════════════════════════════════════
SLOT PİCKER
══════════════════════════════════════════════════════════════════ */
.nd-slot-wrap { margin: 4px 0; }
.nd-slot-legend { display: flex; gap: 14px; margin-bottom: 10px; }
.nd-leg { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--muted); }
.nd-leg-dot { width: 10px; height: 10px; border-radius: 3px; }
.nd-leg-free .nd-leg-dot { background: #22c55e; }
.nd-leg-taken .nd-leg-dot { background: #ef4444; }
.nd-slot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 7px; margin-bottom: 12px; }
.nd-slot {
display: flex; align-items: center; justify-content: center; gap: 4px;
height: 42px; border-radius: 11px; font-size: 13px; font-weight: 800;
cursor: pointer; user-select: none; transition: transform .12s, box-shadow .12s;
font-family: inherit; border: 1.5px solid transparent;
}
.nd-slot i { font-size: 10px; }
.nd-free { background: linear-gradient(135deg,#dcfce7,#bbf7d0); color: #15803d; border-color: #86efac; }
.nd-free:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(34,197,94,.22); }
.nd-taken { background: linear-gradient(135deg,#fee2e2,#fecaca); color: #b91c1c; border-color: #fca5a5; cursor: not-allowed; }
.nd-past { background: #f8fafc; color: #94a3b8; border-color: #e2e8f0; cursor: not-allowed; opacity: .6; }
.nd-sel { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 6px 20px rgba(230,107,157,.4); transform: translateY(-1px); }
.nd-sel-info { display: flex; align-items: center; gap: 8px; background: var(--soft); border: 1px solid rgba(230,107,157,.3); border-radius: 11px; padding: 9px 13px; font-size: 13px; font-weight: 700; color: var(--rose2); }
.nd-sel-hint { font-size: 12px; color: var(--muted); margin: 0; padding: 4px 0; }
/* ── NAV DARK THEME ────────────────────────────────────────────── */
.brand b{color:#fff!important}
.brand small{color:rgba(255,255,255,.45)!important}
.nav-toggle{background:transparent!important;color:#fff!important}
.nav-links a{color:rgba(255,255,255,.62)!important}
.nav-links a:hover,.nav-links a.active{background:rgba(230,107,157,.15)!important;color:#fff!important}
/* brand-logo img — ana kural yukarıda (satır ~661) */
.puan-pill{border:1px solid rgba(142,97,212,.35)!important;background:rgba(142,97,212,.15)!important;color:#d4b8f8!important}
.avatar{background:rgba(230,107,157,.2)!important;color:#fff!important;border:1.5px solid rgba(230,107,157,.35)!important}
/* ── SEPET & MESAJ BUTONLARI (dark toolbar'da beyaz/belirgin) ───── */
.nav-cart,
a.nav-cart,
.nav-msgs,
a.nav-msgs {
position:relative!important;
width:40px!important;height:40px!important;
border-radius:12px!important;
background:rgba(255,255,255,.13)!important;
border:1.5px solid rgba(255,255,255,.28)!important;
color:#fff!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:0!important;
text-decoration:none!important;
flex-shrink:0!important;
overflow:visible!important;
box-shadow:0 2px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;
transition:transform .2s,box-shadow .2s,background .2s,border-color .2s!important;
}
.nav-cart:hover,
a.nav-cart:hover,
.nav-msgs:hover,
a.nav-msgs:hover {
transform:translateY(-2px)!important;
background:rgba(230,107,157,.28)!important;
border-color:rgba(230,107,157,.6)!important;
color:#fff!important;
box-shadow:0 7px 22px rgba(230,107,157,.35),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.nav-cart svg,.nav-msgs svg{width:20px;height:20px;flex-shrink:0;color:#fff!important;stroke:#fff!important}
.nav-cart i,.nav-msgs i{font-size:18px;color:#fff!important}
.nav-cart-badge{border-color:#1c0a28!important}
/* ── HERO SLIDER ────────────────────────────────────────────────── */
.hero-slider{position:relative;width:100%;height:100%;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
/* ── Chat panel — web / masaüstü uyumu ─────────────────────────── */
@media (min-width: 861px) {
.chat-panel {
bottom: 88px;
right: 28px;
width: 380px;
height: min(560px, calc(100vh - 120px));
}
.chat-fab {
right: 28px;
bottom: 28px;
}
.nd-chat-notify {
right: 28px;
bottom: 100px;
}
}
@media (max-width: 860px) {
.chat-panel {
right: 0;
bottom: 70px;
width: 100vw;
max-width: 100vw;
height: calc(100vh - 130px);
border-radius: 22px 22px 0 0;
border-left: none;
border-right: none;
border-bottom: none;
}
.chat-fab {
right: 16px;
bottom: 16px;
}
}
/* ── Son Paylaşımlar (Home) ─────────────────────────────────────── */
.home-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 16px;
}
.home-post-card {
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
overflow: hidden;
transition: box-shadow .18s, transform .18s;
box-shadow: 0 2px 12px rgba(30,23,36,.05);
}
.home-post-card:hover {
box-shadow: 0 8px 32px rgba(230,107,157,.14);
transform: translateY(-2px);
}
.home-post-img { aspect-ratio: 4/3; overflow: hidden; }
.home-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.home-post-card:hover .home-post-img img { transform: scale(1.04); }
.home-post-body { padding: 14px 16px; }
.home-post-owner {
display: flex; align-items: center; gap: 10px;
text-decoration: none; color: var(--ink); margin-bottom: 10px;
}
.home-post-av {
width: 32px; height: 32px; border-radius: 50%;
background: var(--grad); color: #fff;
font-size: 11px; font-weight: 900;
display: flex; align-items: center; justify-content: center;
overflow: hidden; flex-shrink: 0;
box-shadow: 0 2px 8px rgba(230,107,157,.25);
}
.home-post-av img { width: 100%; height: 100%; object-fit: cover; }
.home-post-owner-info b { display: block; font-size: 13px; font-weight: 800; }
.home-post-owner-info small { font-size: 11px; color: var(--muted); }
.home-post-text {
font-size: 13.5px; color: var(--ink); line-height: 1.55;
margin: 0 0 12px; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.home-post-actions {
display: flex; gap: 8px;
border-top: 1px solid var(--line); padding-top: 10px; margin-top: 4px;
}
.home-post-btn {
display: flex; align-items: center; gap: 5px;
padding: 5px 12px; border-radius: 999px;
border: 1.5px solid var(--line); background: none;
color: var(--muted); font-size: 12.5px; font-weight: 700;
cursor: pointer; transition: all .15s; font-family: inherit;
}
.home-post-btn:hover { border-color: var(--rose2); color: var(--rose2); background: var(--soft); }
.home-post-btn--liked { border-color: var(--rose2); color: var(--rose2); background: var(--soft); }
.home-post-btn--liked i { color: var(--rose2); }
/* ── footer logo wrapper ─────────────────────────────── */
.fb-logo-wrap {
margin-bottom: 12px;
display: flex; align-items: center;
}
/* ── Site Aktivite Şeridi (footer) ───────────────────── */
.site-activity-strip {
background: rgba(30,23,36,.04);
border-top: 1px solid rgba(255,255,255,.06);
padding: 14px 22px;
}
.site-activity-inner {
max-width: 1160px; margin: 0 auto;
display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.site-activity-label {
font-size: 11px; font-weight: 900; color: rgba(255,255,255,.35);
text-transform: uppercase; letter-spacing: .08em; flex-shrink: 0;
display: flex; align-items: center; gap: 5px;
}
.site-activity-label::before {
content: ''; width: 6px; height: 6px; border-radius: 50%;
background: #22c55e; display: inline-block; box-shadow: 0 0 0 3px rgba(34,197,94,.2);
}
.site-activity-items {
display: flex; gap: 6px; flex-wrap: wrap; flex: 1;
}
.site-activity-item {
font-size: 11px; color: rgba(255,255,255,.45);
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.08);
border-radius: 999px; padding: 3px 10px;
white-space: nowrap;
}
.site-activity-item b { color: rgba(255,255,255,.7); }
/* ══ NAV BRAND LOGO ═══════════════════════════════════════════════ */
/* brand-logo img — ana kural yukarıda (satır ~661) */
/* ══ SANAL POS ════════════════════════════════════════════════════ */
.vpos-notice {
display:flex;align-items:flex-start;gap:14px;
background:linear-gradient(135deg,#fffbeb,#fef9c3);
border:1px solid #fde68a;border-radius:16px;padding:16px;
margin:14px 0;
}
.vpos-notice-icon {
width:42px;height:42px;border-radius:12px;
background:#fef3c7;color:#d97706;
display:grid;place-items:center;font-size:20px;flex-shrink:0;
}
.vpos-notice b { display:block;font-size:14px;font-weight:900;color:#92400e;margin-bottom:4px; }
.vpos-notice p { font-size:13px;color:#a16207;margin:0; }
.vpos-form { display:flex;flex-direction:column;gap:14px; }
.vpos-card-preview {
height:140px;border-radius:18px;padding:20px 22px;
background:linear-gradient(135deg,#1d1726,#3d2b5e);
color:#fff;position:relative;overflow:hidden;
display:flex;flex-direction:column;justify-content:space-between;
box-shadow:0 10px 30px rgba(29,23,38,.3);
margin-bottom:4px;
}
.vpos-card-preview::before {
content:'';position:absolute;top:-60px;right:-60px;
width:200px;height:200px;border-radius:50%;
background:radial-gradient(circle,rgba(192,132,252,.25),transparent);
}
.vpos-card-chip { font-size:22px;color:#fcd34d;opacity:.8; }
.vpos-card-num { font-size:17px;font-weight:700;letter-spacing:.2em;font-family:monospace; }
.vpos-card-bottom { display:flex;justify-content:space-between;font-size:11px; }
.vpos-card-bottom small { opacity:.55;display:block;margin-bottom:2px; }
.vpos-card-bottom span { font-weight:700;font-size:13px; }
.vpos-security-row {
display:flex;align-items:center;gap:6px;
font-size:11px;color:var(--muted);justify-content:center;
margin-top:-6px;
}
/* ══ VERGİ LEVHASI ════════════════════════════════════════════════ */
.tax-cert-section {
background:linear-gradient(135deg,#f0f9ff,#e0f2fe);
border:1px solid #bae6fd;border-radius:16px;padding:16px;
margin:14px 0;
}
.tax-cert-head { display:flex;align-items:flex-start;gap:12px;margin-bottom:12px; }
.tax-cert-icon {
width:42px;height:42px;border-radius:12px;
background:#0ea5e9;color:#fff;
display:grid;place-items:center;font-size:20px;flex-shrink:0;
}
.tax-cert-head h4 { font-size:14px;font-weight:900;color:#0c4a6e;margin:0 0 3px; }
.tax-cert-head p { font-size:12px;color:#0369a1;margin:0; }
.tax-cert-status {
display:flex;align-items:center;gap:8px;
padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700;
}
.tax-cert-status.approved { background:#d1fae5;color:#065f46;border:1px solid #a7f3d0; }
.tax-cert-status.pending { background:#fef9c3;color:#92400e;border:1px solid #fde68a; }
/* ══ DERGİ SAYFASI ════════════════════════════════════════════════ */
.dergi-hero {
background:linear-gradient(135deg,#1d1726 0%,#3d2b5e 60%,#1d1726 100%);
color:#fff;border-radius:24px;padding:48px 44px;
position:relative;overflow:hidden;margin-bottom:36px;
}
.dergi-hero::before {
content:'';position:absolute;top:-80px;right:-80px;
width:400px;height:400px;border-radius:50%;
background:radial-gradient(circle,rgba(230,107,157,.2),transparent 60%);
}
.dergi-hero::after {
content:'';position:absolute;bottom:-60px;left:-60px;
width:300px;height:300px;border-radius:50%;
background:radial-gradient(circle,rgba(142,97,212,.2),transparent 60%);
}
.dergi-hero-content { position:relative;z-index:1; }
.dergi-hero h1 { font-family:var(--display);font-size:clamp(36px,5vw,56px);line-height:1;margin-bottom:10px; }
.dergi-hero h1 em { color:#f9a8d4;font-style:normal; }
.dergi-hero p { color:rgba(255,255,255,.65);font-size:16px;max-width:500px;margin-bottom:24px; }
.dergi-hero-badges { display:flex;gap:10px;flex-wrap:wrap; }
.dergi-badge {
display:inline-flex;align-items:center;gap:6px;
padding:6px 14px;border-radius:999px;
background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
font-size:12px;font-weight:800;color:#fff;
}
.dergi-masonry {
columns:3;column-gap:20px;
}
.dergi-masonry .dergi-card { break-inside:avoid;margin-bottom:20px; }
.dergi-card {
background:#fff;border:1px solid var(--line);border-radius:22px;
overflow:hidden;transition:transform .2s,box-shadow .2s;
box-shadow:0 4px 20px rgba(30,23,36,.06);
}
.dergi-card:hover { transform:translateY(-4px);box-shadow:0 16px 44px rgba(230,107,157,.14); }
.dergi-card-img { width:100%;display:block;object-fit:cover; }
.dergi-card-img.tall { height:360px; }
.dergi-card-img.medium { height:260px; }
.dergi-card-img.short { height:180px; }
.dergi-card-body { padding:18px 20px; }
.dergi-card-tag {
display:inline-flex;align-items:center;gap:5px;
background:var(--grad);color:#fff;
font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
border-radius:999px;padding:3px 10px;margin-bottom:10px;
}
.dergi-card-body h3 { font-family:var(--display);font-size:20px;line-height:1.2;margin-bottom:8px; }
.dergi-card-body p { color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:12px; }
.dergi-card-meta { display:flex;align-items:center;gap:10px; }
.dergi-meta-av {
width:28px;height:28px;border-radius:50%;
background:var(--grad);color:#fff;font-size:10px;font-weight:900;
display:grid;place-items:center;overflow:hidden;flex-shrink:0;
}
.dergi-meta-av img { width:100%;height:100%;object-fit:cover; }
.dergi-card-meta small { font-size:11px;color:var(--muted); }
.dergi-empty {
text-align:center;padding:80px 20px;
display:flex;flex-direction:column;align-items:center;gap:16px;
}
.dergi-empty i { font-size:56px;color:var(--rose2);opacity:.2; }
.dergi-empty h3 { font-family:var(--display);font-size:26px; }
.dergi-empty p { color:var(--muted);max-width:400px; }
/* ══ İLAN FİLTRE ALANI ════════════════════════════════════════════ */
.filter-bar-v2 {
background:linear-gradient(135deg,#fff 0%,#fdf8fc 100%);
border:1px solid rgba(230,107,157,.14);
border-radius:18px;padding:16px 20px;
margin-bottom:24px;
box-shadow:0 2px 16px rgba(30,23,36,.05);
display:flex;flex-wrap:wrap;gap:10px;align-items:center;
}
.filter-bar-v2 select, .filter-bar-v2 input {
border:1.5px solid rgba(30,23,36,.1);background:#fff;
border-radius:12px;padding:9px 14px;font-size:13.5px;font-weight:600;
color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s;
font-family:inherit;cursor:pointer;
}
.filter-bar-v2 select:focus, .filter-bar-v2 input:focus {
border-color:var(--rose2);box-shadow:0 0 0 3px rgba(230,107,157,.1);
}
.filter-bar-v2 .il-search-wrap {
flex:1;min-width:200px;position:relative;display:flex;align-items:center;
}
.filter-bar-v2 .il-search-wrap i {
position:absolute;left:12px;color:var(--muted);font-size:17px;pointer-events:none;
}
.filter-bar-v2 .il-search-wrap input {
width:100%;padding-left:38px;
}
/* ══ NAV mobile ════════════════════════════════════════════════════ */
@media(max-width:860px){
.nav-collapse{display:none;position:absolute;left:0;right:0;top:72px;
background:rgba(18,6,26,.98);backdrop-filter:blur(20px);
border-bottom:1px solid rgba(230,107,157,.2);
padding:16px;flex-direction:column;align-items:stretch;z-index:89;}
.nav-collapse.open{display:flex}
.nav-links,.nav-right{flex-direction:column;align-items:stretch}
.nav-links a{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.06)}
.nav-right .btn,.puan-pill{width:100%}
.user-menu{position:static;width:100%;box-shadow:none;margin-top:8px}
.how,.guide-grid,.feed-grid,.earnings-card,.contact-card{grid-template-columns:1fr}
.market-hero{flex-direction:column;align-items:flex-start}
.hero-home{min-height:auto;background-attachment:scroll}
.cols{grid-template-columns:1fr 1fr}
.dergi-masonry{columns:1}
}
@media(max-width:620px){
.dergi-masonry{columns:1}
}
/* ══ PLATFORM BAND (Canlı Platform section) ══════════════════════ */
.platform-band {
background:linear-gradient(180deg,#fff 0%,#fdf8fc 60%,#fff 100%);
border-top:1px solid rgba(230,107,157,.1);
border-bottom:1px solid rgba(230,107,157,.1);
position:relative;overflow:hidden;
}
.platform-band::before{
content:'';position:absolute;top:-120px;right:-120px;
width:500px;height:500px;border-radius:50%;
background:radial-gradient(circle,rgba(230,107,157,.06),transparent 60%);
pointer-events:none;
}
.platform-head { text-align:center;margin-bottom:40px; }
.platform-eyebrow {
display:inline-flex;align-items:center;gap:6px;
background:linear-gradient(135deg,rgba(230,107,157,.12),rgba(142,97,212,.12));
border:1px solid rgba(230,107,157,.2);
color:var(--rose2);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
border-radius:999px;padding:5px 14px;margin-bottom:14px;
}
.platform-head h2 { font-family:var(--display);font-size:clamp(28px,4vw,44px);line-height:1.1;margin-bottom:12px; }
.platform-head h2 em { font-style:normal;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.platform-head p { color:var(--muted);max-width:560px;margin:0 auto; }
.platform-how { grid-template-columns:repeat(3,1fr); }
.step-icon-wrap { margin-bottom:14px; }
.step-tag {
display:inline-block;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
background:var(--soft);color:var(--rose2);border:1px solid rgba(230,107,157,.2);
border-radius:999px;padding:2px 10px;margin-bottom:10px;
}
.step-footer {
display:flex;align-items:center;gap:6px;
margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
font-size:12px;font-weight:700;color:var(--muted);
}
/* ══ İLAN KARTI — lc-body modernize ══════════════════════════════ */
.lc-body { padding:14px 16px; }
.lc-title { font-size:15px;font-weight:900;margin-bottom:4px;line-height:1.3; }
.lc-price {
font-size:17px;font-weight:950;
background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
margin-bottom:6px;display:inline-block;
}
.lc-meta { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px; }
.lc-meta span { font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px; }
.lc-image { position:relative;height:210px;overflow:hidden; }
.lc-image img{width:100%;height:100%;object-fit:cover;transition:.35s}
.listing-card:hover .lc-image img{transform:scale(1.05)}
.lc-image .badge-strip {
position:absolute;top:10px;left:10px;
display:flex;gap:5px;flex-wrap:wrap;
}
.lc-badge {
display:inline-flex;align-items:center;gap:4px;
font-size:10px;font-weight:900;
padding:3px 9px;border-radius:999px;
backdrop-filter:blur(10px);
}
.lc-badge.featured { background:rgba(230,107,157,.9);color:#fff; }
.lc-badge.premium { background:rgba(142,97,212,.9);color:#fff; }
.lc-badge.urgent { background:rgba(239,68,68,.9);color:#fff; }
.lc-badge.verified { background:rgba(22,163,74,.9);color:#fff; }
/* ══ NAV SEARCH RESULTS ══════════════════════════════════════════ */
.nav-search-results { background:rgba(22,8,32,.97);border:1px solid rgba(230,107,157,.2);color:#fff; }
.nsr-item:hover { background:rgba(230,107,157,.1); }
.nsr-item b { color:#fff; }
.nsr-item small { color:rgba(255,255,255,.45); }
@media(max-width:860px){
.platform-how { grid-template-columns:1fr; }
}
/* ══════════════════════════════════════════════════════════════════
YAYINDAKİ İLANLAR — Showcase Section · 2026 Redesign
══════════════════════════════════════════════════════════════════ */
.listings-showcase-section {
padding: 96px 0 104px;
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #fff 0%, #fdf4f8 40%, #f8f0ff 100%);
}
.listings-showcase-section::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 900px 600px at -5% 20%, rgba(230,107,157,.09) 0%, transparent 55%),
radial-gradient(ellipse 700px 500px at 105% 70%, rgba(142,97,212,.09) 0%, transparent 55%),
radial-gradient(ellipse 500px 400px at 50% 100%, rgba(230,107,157,.05) 0%, transparent 60%);
pointer-events: none;
}
.listings-showcase-section::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(230,107,157,.3), rgba(142,97,212,.3), transparent);
}
/* ── Header ── */
.lss-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 52px;
flex-wrap: wrap;
}
.lss-header-left { flex: 1; min-width: 220px; }
.lss-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
background: linear-gradient(135deg, rgba(230,107,157,.14), rgba(142,97,212,.14));
border: 1.5px solid rgba(230,107,157,.28);
color: var(--rose2);
border-radius: 999px;
padding: 7px 16px;
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 14px;
box-shadow: 0 2px 12px rgba(230,107,157,.12);
}
.lss-eyebrow i { font-size: 13px; animation: lssIconSpin 3s ease-in-out infinite; }
@keyframes lssIconSpin {
0%, 80%, 100% { transform: rotate(0); }
40% { transform: rotate(20deg) scale(1.15); }
}
.lss-title {
font-family: var(--display);
font-size: clamp(30px, 4.5vw, 50px);
line-height: 1.05;
background: linear-gradient(135deg, var(--ink) 20%, #8e61d4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 10px;
}
.lss-sub {
color: var(--muted);
font-size: 15.5px;
font-weight: 500;
line-height: 1.5;
}
.lss-all-btn {
display: inline-flex; align-items: center; gap: 8px;
padding: 12px 22px;
border-radius: 14px;
border: 1.5px solid rgba(201,70,128,.3);
color: var(--rose2);
font-weight: 800; font-size: 13.5px;
background: rgba(255,255,255,.8);
backdrop-filter: blur(8px);
transition: all .25s cubic-bezier(.34,1.56,.64,1);
white-space: nowrap;
text-decoration: none;
box-shadow: 0 2px 12px rgba(230,107,157,.1);
}
.lss-all-btn:hover {
background: var(--grad);
color: #fff;
border-color: transparent;
box-shadow: 0 10px 28px rgba(201,70,128,.35);
transform: translateY(-2px) scale(1.03);
}
.lss-all-btn i { font-size: 16px; transition: transform .2s; }
.lss-all-btn:hover i { transform: translateX(4px); }
/* ── Grid — 3 kolon, büyük kartlar ── */
.lss-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
/* ── Listing card — ana sayfada özel tasarım ── */
.lss-grid .listing-card {
opacity: 0;
transform: translateY(40px) scale(.96);
transition:
opacity .55s cubic-bezier(.22,1,.36,1),
transform .55s cubic-bezier(.22,1,.36,1),
box-shadow .25s,
border-color .25s;
border-radius: 24px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(230,107,157,.12);
box-shadow: 0 4px 20px rgba(30,23,36,.06), 0 1px 3px rgba(30,23,36,.04);
position: relative;
}
.lss-grid .listing-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: 24px;
background: linear-gradient(180deg, transparent 55%, rgba(230,107,157,.025) 100%);
pointer-events: none;
z-index: 1;
transition: opacity .3s;
opacity: 0;
}
.lss-grid .listing-card:hover::before { opacity: 1; }
.lss-grid .listing-card.lss-revealed {
opacity: 1;
transform: translateY(0) scale(1);
}
.lss-grid .listing-card:hover {
transform: translateY(-8px) scale(1.015) !important;
box-shadow:
0 24px 56px rgba(30,23,36,.14),
0 0 0 1.5px rgba(230,107,157,.25),
0 8px 20px rgba(230,107,157,.1) !important;
border-color: rgba(230,107,157,.25) !important;
}
/* Ana sayfadaki kart fotoğraf yüksekliği daha büyük */
.lss-grid .listing-card .lc-image {
height: 240px;
}
/* İlk kart (vitrin) özel görünüm */
.lss-grid .listing-card:first-child {
grid-row: span 1;
border-color: rgba(142,97,212,.18);
background: linear-gradient(160deg, #faf7ff 0%, #fff 70%);
}
.lss-grid .listing-card:first-child::after {
content: '';
position: absolute;
top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, #8e61d4, #e66b9d, #8e61d4);
background-size: 200%;
animation: lssShimmer 3s linear infinite;
}
@keyframes lssShimmer {
0% { background-position: 0% 0; }
100% { background-position: 200% 0; }
}
/* Kart body — ana sayfa için biraz daha geniş */
.lss-grid .listing-card .lc-body {
padding: 16px 18px 18px;
}
.lss-grid .listing-card .lc-foot strong {
font-size: 20px;
}
/* ── İlan sayısı küçük chip'i — header'a eklenecek ── */
.lss-count-chip {
display: inline-flex; align-items: center; gap: 6px;
padding: 5px 12px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(230,107,157,.1), rgba(142,97,212,.1));
border: 1px solid rgba(230,107,157,.2);
font-size: 12px; font-weight: 800;
color: var(--rose2);
margin-left: 10px;
vertical-align: middle;
}
.lss-count-chip .pulse-dot { background: #4ade80; }
/* ── Footer CTA ── */
.lss-footer {
margin-top: 52px;
text-align: center;
position: relative;
}
.lss-footer::before {
content: '';
display: block;
width: 120px; height: 1px;
background: linear-gradient(90deg, transparent, rgba(230,107,157,.35), transparent);
margin: 0 auto 28px;
}
.lss-cta-btn {
display: inline-flex; align-items: center; gap: 12px;
padding: 16px 40px;
border-radius: 16px;
background: var(--grad);
color: #fff;
font-weight: 850; font-size: 15.5px;
box-shadow: 0 10px 32px rgba(201,70,128,.35), 0 2px 8px rgba(201,70,128,.2);
transition: all .3s cubic-bezier(.34,1.56,.64,1);
text-decoration: none;
position: relative; overflow: hidden;
letter-spacing: -.01em;
}
.lss-cta-btn::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,.22), transparent 60%);
opacity: 0; transition: .25s;
}
.lss-cta-btn::after {
content: '';
position: absolute;
width: 100px; height: 100%;
top: 0; left: -120px;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
transform: skewX(-20deg);
transition: left .6s ease;
}
.lss-cta-btn:hover {
transform: translateY(-4px) scale(1.03);
box-shadow: 0 20px 50px rgba(201,70,128,.5), 0 4px 12px rgba(201,70,128,.3);
}
.lss-cta-btn:hover::before { opacity: 1; }
.lss-cta-btn:hover::after { left: 120%; }
.lss-cta-btn i { font-size: 19px; }
.lss-cta-btn i:last-child { transition: transform .25s; }
.lss-cta-btn:hover i:last-child { transform: translateX(5px); }
/* Boş durum — ilan yokken */
.lss-grid .empty {
grid-column: 1 / -1;
background: linear-gradient(135deg, #fff8fb, #fff);
border: 1.5px dashed rgba(230,107,157,.3);
border-radius: 24px;
}
@media (max-width: 900px) {
.lss-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 620px) {
.lss-header { flex-direction: column; align-items: flex-start; gap: 16px; }
.lss-all-btn { width: 100%; justify-content: center; }
.lss-grid { grid-template-columns: 1fr; gap: 16px; }
.listings-showcase-section { padding: 60px 0 68px; }
.lss-grid .listing-card .lc-image { height: 200px; }
}