/* ========== ŞikayetVar - Ana Tema ========== */
:root{
  --primary:#e63946;
  --primary-dark:#c1121f;
  --primary-light:#ff6b7a;
  --secondary:#1d3557;
  --accent:#f1faee;
  --text:#2d3436;
  --text-light:#636e72;
  --muted:#95a5a6;
  --bg:#f8f9fb;
  --card:#ffffff;
  --border:#e8ecef;
  --success:#2ecc71;
  --warning:#f39c12;
  --danger:#e74c3c;
  --info:#3498db;
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 2px 12px rgba(0,0,0,.06);
  --shadow-lg:0 8px 30px rgba(0,0,0,.1);
  --transition:all .2s ease;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55;font-size:15px}
img{max-width:100%;display:block}
a{color:var(--primary);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--primary-dark)}
h1,h2,h3,h4,h5{margin:0 0 .6em;line-height:1.25;color:var(--secondary)}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}

.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ========== Premium Site Header ========== */
.site-header{background:rgba(255,255,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(0,0,0,.06);position:sticky;top:0;z-index:100;transition:box-shadow .3s ease}
.site-header.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.1)}

/* Topbar — gradient announcement bar */
.topbar{background:linear-gradient(90deg,#131f35 0%,#1d3557 50%,#131f35 100%);color:rgba(255,255,255,.8);font-size:12px;padding:7px 0;position:relative;overflow:hidden}
.topbar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(230,57,70,.09) 55%,transparent 80%);pointer-events:none}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:10px}
.topbar-left{display:flex;align-items:center;gap:10px}
.topbar-left .tp-pill{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:2px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.topbar-left .tp-sep{width:1px;height:12px;background:rgba(255,255,255,.15);flex-shrink:0}
.topbar-left .tp-info{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.65);font-size:12px}
.topbar-left .tp-info i{color:rgba(255,120,130,.7);margin-right:3px}
.topbar-right{display:flex;align-items:center;gap:5px}
.topbar a{color:rgba(255,255,255,.65);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:rgba(255,255,255,.07);transition:all .2s ease;font-size:13px;margin-left:0}
.topbar a:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}

/* Navbar */
.navbar{padding:12px 0;border-bottom:1px solid var(--border);background:transparent}
.navbar-inner{display:flex;align-items:center;gap:20px}

/* Logo with animated glow + shine */
.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:var(--secondary);flex-shrink:0;text-decoration:none}
.logo:hover{color:var(--primary)}
.logo-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(230,57,70,.35);animation:logoGlow 3s ease-in-out infinite;flex-shrink:0}
.logo-icon::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:logoShine 3.5s ease-in-out infinite}
@keyframes logoGlow{0%,100%{box-shadow:0 4px 16px rgba(230,57,70,.35)}50%{box-shadow:0 6px 28px rgba(230,57,70,.6),0 0 0 5px rgba(230,57,70,.07)}}
@keyframes logoShine{0%,100%{left:-100%}50%{left:140%}}
.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg,var(--secondary) 40%,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.logo:hover .logo-text{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text}

/* Search */
.search-box{flex:1;position:relative;max-width:500px}
.search-box input{width:100%;padding:12px 52px 12px 20px;border:2px solid var(--border);border-radius:14px;font-size:14px;outline:none;transition:all .25s ease;background:var(--bg);color:var(--text);font-weight:500}
.search-box input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(230,57,70,.1)}
.search-box button{position:absolute;right:5px;top:5px;bottom:5px;width:40px;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}
.search-box button:hover{filter:brightness(1.12);transform:scale(1.05)}
.search-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px var(--border);max-height:400px;overflow:auto;display:none;z-index:200}
.search-suggest.show{display:block}
.search-suggest a{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--text);border-bottom:1px solid var(--border)}
.search-suggest a:hover{background:var(--bg)}
.search-suggest .type{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}

/* Main nav */
.main-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
.main-nav .btn{font-size:14px}
/* Şikayetim Var CTA button with shimmer */
.main-nav .btn-complaint{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(230,57,70,.3);transition:all .22s ease;white-space:nowrap;position:relative;overflow:hidden;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.main-nav .btn-complaint::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .5s ease}
.main-nav .btn-complaint:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(230,57,70,.45);color:#fff}
.main-nav .btn-complaint:hover::before{left:100%}

.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font-weight:600;border:0;cursor:pointer;font-family:inherit;font-size:14px;transition:var(--transition);text-decoration:none;white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(230,57,70,.25)}
.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(230,57,70,.35)}
.btn-outline{border:1.5px solid var(--border);color:var(--secondary);background:#fff}
.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.btn-ghost{background:transparent;color:var(--secondary)}
.btn-ghost:hover{background:var(--bg);color:var(--primary)}
.btn-secondary{background:var(--secondary);color:#fff}
.btn-secondary:hover{background:#152a43;color:#fff}
.btn-success{background:var(--success);color:#fff}
.btn-danger{background:var(--danger);color:#fff}
.btn-block{display:flex;width:100%;justify-content:center}
.btn-sm{padding:6px 12px;font-size:13px}
.btn-lg{padding:12px 28px;font-size:16px}

.icon-btn{position:relative;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--secondary);transition:var(--transition)}
.icon-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}
.badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff}

/* Dropdown */
.dropdown{position:relative}
.user-menu-btn{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--border);padding:5px 12px 5px 5px;border-radius:12px;cursor:pointer;font-family:inherit;color:var(--secondary);font-weight:600;transition:var(--transition)}
.user-menu-btn img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.user-menu-btn:hover{border-color:var(--primary);background:#fff5f6}
.user-menu-btn .fa-caret-down{transition:transform .2s;font-size:11px;color:var(--muted)}
.dropdown.open .user-menu-btn .fa-caret-down{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px var(--border);min-width:200px;padding:6px;display:none;z-index:200}
.dropdown.open .dropdown-menu{display:block;animation:fadeSlide .2s ease both}
.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--text);border-radius:10px;font-size:14px}
.dropdown-menu a:hover{background:var(--bg);color:var(--primary)}
.dropdown-menu a i{width:16px;text-align:center;color:var(--muted)}
.dropdown-menu a:hover i{color:var(--primary)}
.dropdown-menu .divider{height:1px;background:var(--border);margin:4px 0}
.menu-toggle{background:none;border:1.5px solid var(--border);font-size:18px;color:var(--secondary);cursor:pointer;width:40px;height:40px;border-radius:10px;display:none;align-items:center;justify-content:center;transition:var(--transition)}
.menu-toggle:hover{border-color:var(--primary);color:var(--primary)}

/* ========== Premium Categories Bar ========== */
.categories-bar{background:linear-gradient(180deg,#fff 0%,#f8f9fb 100%);border-bottom:1px solid var(--border);position:relative}
.categories-bar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#e63946 0%,#ff6b7a 15%,#3498db 32%,#2ecc71 48%,#f39c12 62%,#9b59b6 76%,#1abc9c 90%,transparent 100%);opacity:.55}
.cats{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none;align-items:center}
.cats::-webkit-scrollbar{display:none}
.cat{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:10px;white-space:nowrap;transition:all .22s ease;color:var(--text-light);border:1.5px solid transparent;background:rgba(0,0,0,.03);flex-shrink:0}
.cat.all{color:var(--secondary);background:rgba(29,53,87,.06);font-weight:700}
.cat i{font-size:12px;transition:transform .2s ease}
.cat:hover,.cat.active{background:var(--cc,linear-gradient(135deg,var(--primary),var(--primary-dark)));color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.14);border-color:transparent}
.cat:hover i,.cat.active i{transform:scale(1.15) rotate(-5deg)}

/* ========== Layout ========== */
.site-main{min-height:60vh;padding:30px 0}
.page-title{font-size:28px;margin-bottom:6px}
.page-sub{color:var(--text-light);margin-bottom:24px}
.breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:var(--text-light)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb span::before{content:"›";margin-right:8px;color:var(--muted)}

/* Cards */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px;transition:var(--transition)}
.card.hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}

/* Grid */
.grid{display:grid;gap:20px}
.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.layout-split{display:grid;grid-template-columns:1fr 320px;gap:30px}
@media(max-width:900px){.layout-split{grid-template-columns:1fr}}

/* Sidebar widget */
.widget{background:#fff;border-radius:var(--radius);padding:18px;margin-bottom:18px;box-shadow:var(--shadow)}
.widget h3{font-size:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block;color:var(--secondary)}
.widget ul li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px}
.widget ul li:last-child{border-bottom:0}
.widget ul li a{color:var(--text)}
.widget ul li a:hover{color:var(--primary)}
.widget .count{background:var(--bg);color:var(--muted);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}

/* ========== Hero / Slider ========== */
.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:50px 0 40px;margin-bottom:30px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:rgba(255,255,255,.06);border-radius:50%}
.hero::after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:rgba(255,255,255,.04);border-radius:50%}
.hero-inner{position:relative;z-index:1;text-align:center}
.hero h1{color:#fff;font-size:38px;margin-bottom:12px}
.hero p{font-size:17px;opacity:.95;margin-bottom:24px;max-width:640px;margin-left:auto;margin-right:auto}
.hero-search{display:flex;max-width:640px;margin:0 auto;background:#fff;border-radius:999px;padding:6px;box-shadow:0 10px 40px rgba(0,0,0,.15)}
.hero-search input{flex:1;border:0;padding:12px 20px;outline:none;font-size:15px;background:transparent;color:var(--text)}
.hero-search button{padding:12px 28px;border:0;background:var(--primary);color:#fff;border-radius:999px;font-weight:600;cursor:pointer;font-size:14px}
.hero-search button:hover{background:var(--primary-dark)}

.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
.hero-stats .stat{background:rgba(255,255,255,.14);border-radius:var(--radius);padding:16px 10px;backdrop-filter:blur(6px)}
.hero-stats .n{font-size:26px;font-weight:800;display:block}
.hero-stats .l{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:.5px}

/* Section */
.section{margin-bottom:40px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.section-header h2{margin:0;font-size:22px}
.section-header a{font-size:14px;color:var(--primary);font-weight:600}

/* ========== Complaint card ========== */
.complaint-list .complaint-item{background:#fff;border-radius:var(--radius);padding:20px;margin-bottom:14px;box-shadow:var(--shadow);transition:var(--transition);display:flex;gap:16px}
.complaint-list .complaint-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}
.complaint-item .avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--bg);flex-shrink:0}
.complaint-item .avatar img{width:100%;height:100%;object-fit:cover}
.complaint-item .body{flex:1;min-width:0}
.complaint-item .meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:6px;flex-wrap:wrap}
.complaint-item .meta a{color:var(--text-light);font-weight:600}
.complaint-item .meta a:hover{color:var(--primary)}
.complaint-item .brand-tag{background:var(--bg);padding:2px 10px;border-radius:999px;font-weight:600;color:var(--secondary)}
.complaint-item h3{font-size:18px;margin:2px 0 8px}
.complaint-item h3 a{color:var(--secondary)}
.complaint-item h3 a:hover{color:var(--primary)}
.complaint-item .excerpt{color:var(--text-light);margin-bottom:10px;font-size:14px}
.complaint-item .actions{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--muted)}
.complaint-item .actions span{display:inline-flex;align-items:center;gap:5px}
.complaint-item .actions i{font-size:14px}

.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.status-open{background:#fff3e0;color:#e65100}
.status-pending{background:#fce4ec;color:#c2185b}
.status-responded{background:#e3f2fd;color:#1565c0}
.status-resolved{background:#e8f5e9;color:#2e7d32}
.status-closed{background:#eceff1;color:#455a64}

/* ========== Brand card ========== */
.brand-card{background:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;align-items:center;position:relative}
.brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.brand-card .logo-circle{width:70px;height:70px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--primary);margin-bottom:12px;overflow:hidden}
.brand-card .logo-circle img{width:100%;height:100%;object-fit:cover}
.brand-card h3{font-size:15px;margin:0 0 4px}
.brand-card h3 a{color:var(--secondary)}
.brand-card .meta{font-size:12px;color:var(--muted);margin-bottom:10px}
.brand-card .stats{display:flex;gap:10px;font-size:12px}
.brand-card .stats span{background:var(--bg);padding:4px 9px;border-radius:999px;color:var(--text-light)}
.verified-badge{position:absolute;top:12px;right:12px;color:var(--info);font-size:14px}

/* ========== Category card ========== */
.cat-card{background:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}
.cat-card:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}
.cat-card:hover h3,.cat-card:hover .count{color:#fff}
.cat-card .icon-wrap{width:60px;height:60px;border-radius:50%;background:rgba(230,57,70,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px;transition:var(--transition)}
.cat-card:hover .icon-wrap{background:rgba(255,255,255,.18);color:#fff}
.cat-card h3{font-size:15px;margin:0 0 4px;color:var(--secondary)}
.cat-card .count{font-size:12px;color:var(--muted)}

/* ========== Complaint detail ========== */
.complaint-detail{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.complaint-detail h1{font-size:24px;color:var(--secondary)}
.complaint-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--text-light);font-size:13px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.complaint-meta .user-info{display:flex;align-items:center;gap:8px}
.complaint-meta .user-info img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.complaint-content{font-size:15px;line-height:1.7;color:var(--text);margin-bottom:20px;white-space:pre-wrap}
.complaint-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:16px 0}
.complaint-images img{border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:1;object-fit:cover}
.complaint-tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.tag-chip{background:var(--bg);color:var(--text-light);padding:4px 12px;border-radius:999px;font-size:12px}
.tag-chip:hover{background:var(--primary);color:#fff}
.complaint-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--border)}
.action-btn{padding:8px 16px;background:var(--bg);border:0;border-radius:999px;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;display:inline-flex;gap:6px;align-items:center;transition:var(--transition);font-weight:600}
.action-btn:hover{background:var(--border)}
.action-btn.liked{background:var(--primary);color:#fff}
.action-btn.liked:hover{background:var(--primary-dark)}

/* Comments */
.comments-section{margin-top:30px}
.comments-section h3{margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--primary);display:inline-block}
.comment{background:#fff;border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow);display:flex;gap:12px}
.comment.is-brand{border-left:4px solid var(--info);background:#f0f8ff}
.comment .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg)}
.comment .avatar img{width:100%;height:100%;object-fit:cover}
.comment .body{flex:1}
.comment .header{display:flex;justify-content:space-between;margin-bottom:4px}
.comment .author{font-weight:700;color:var(--secondary);font-size:14px}
.comment .brand-badge{background:var(--info);color:#fff;font-size:10px;padding:2px 8px;border-radius:999px;margin-left:6px;font-weight:700;text-transform:uppercase}
.comment .time{font-size:12px;color:var(--muted)}
.comment .text{font-size:14px;margin:6px 0}
.comment .reply-actions{display:flex;gap:12px;font-size:12px;color:var(--muted)}
.comment .reply-actions button{background:none;border:0;color:var(--muted);cursor:pointer;font-family:inherit;font-size:12px;padding:0;font-weight:600}
.comment .reply-actions button:hover{color:var(--primary)}
.comment .replies{margin-top:10px;padding-left:20px;border-left:2px solid var(--border)}

.comment-form{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-top:20px}
.comment-form textarea{width:100%;min-height:90px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;font-size:14px;outline:none}
.comment-form textarea:focus{border-color:var(--primary)}

/* ========== Forms ========== */
.form-box{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);max-width:520px;margin:30px auto}
.form-box h2{text-align:center;margin-bottom:24px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--secondary)}
.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:var(--transition);font-family:inherit;background:#fff}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(230,57,70,.08)}
textarea.form-control{min-height:120px;resize:vertical}
select.form-control{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%23636e72' d='M6 9L1 4h10z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-check{display:flex;align-items:center;gap:8px;font-size:14px}
.form-msg{margin-top:10px;font-size:13px}
.form-msg.success{color:var(--success)}
.form-msg.error{color:var(--danger)}
.form-links{text-align:center;margin-top:16px;font-size:14px}
.form-links a{color:var(--primary);font-weight:600}
.required{color:var(--danger)}

/* Alerts */
.alert{padding:12px 16px;border-radius:var(--radius-sm);margin:10px 0;font-size:14px;border-left:4px solid}
.alert-success{background:#e8f5e9;color:#1b5e20;border-color:var(--success)}
.alert-error,.alert-danger{background:#ffebee;color:#b71c1c;border-color:var(--danger)}
.alert-warning{background:#fff3e0;color:#e65100;border-color:var(--warning)}
.alert-info{background:#e3f2fd;color:#0d47a1;border-color:var(--info)}

/* Pagination */
.pagination{display:flex;gap:4px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-light);background:#fff;border:1px solid var(--border);font-size:13px;font-weight:600}
.pagination a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* ========== Profile ========== */
.profile-header{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;gap:20px;align-items:center;margin-bottom:20px}
.profile-header .avatar-lg{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--bg);flex-shrink:0}
.profile-header .avatar-lg img{width:100%;height:100%;object-fit:cover}
.profile-header h1{font-size:24px;margin-bottom:4px}
.profile-header .handle{color:var(--muted);font-size:14px;margin-bottom:10px}
.profile-stats{display:flex;gap:20px;margin-top:12px}
.profile-stats div{text-align:center}
.profile-stats .n{font-weight:800;font-size:20px;color:var(--secondary)}
.profile-stats .l{font-size:12px;color:var(--muted)}

/* Stats cards */
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}
.stat-card{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}
.stat-card .ico{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.stat-card .ico.red{background:var(--primary)}.stat-card .ico.blue{background:var(--info)}
.stat-card .ico.green{background:var(--success)}.stat-card .ico.orange{background:var(--warning)}
.stat-card .n{font-size:22px;font-weight:800;color:var(--secondary);line-height:1}
.stat-card .l{font-size:13px;color:var(--muted);margin-top:4px}

/* Notifications */
.notification-item{background:#fff;border-radius:var(--radius);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;position:relative}
.notification-item.unread{border-left:3px solid var(--primary)}
.notification-item .ico{width:40px;height:40px;border-radius:50%;background:rgba(230,57,70,.1);color:var(--primary);display:flex;align-items:center;justify-content:center}
.notification-item .text{flex:1;font-size:14px}
.notification-item time{font-size:12px;color:var(--muted)}

/* File upload */
.file-upload{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;background:var(--bg);cursor:pointer;transition:var(--transition)}
.file-upload:hover{border-color:var(--primary);background:rgba(230,57,70,.02)}
.file-upload i{font-size:32px;color:var(--muted);margin-bottom:8px}
.file-upload input{display:none}
.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px}
.file-preview .thumb{position:relative;aspect-ratio:1}
.file-preview .thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}
.file-preview .thumb button{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer}

/* Footer */
.site-footer{background:var(--secondary);color:rgba(255,255,255,.8);margin-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding:50px 20px 30px}
.footer-grid h4{color:#fff;margin-bottom:14px;font-size:15px}
.footer-grid ul li{margin-bottom:8px}
.footer-grid a{color:rgba(255,255,255,.75);font-size:14px}
.footer-grid a:hover{color:#fff}
.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:800;margin-bottom:10px}
.social{display:flex;gap:8px;margin-top:14px}
.social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}
.social a:hover{background:var(--primary)}
.newsletter-form{display:flex;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin-top:10px}
.newsletter-form input{flex:1;border:0;background:transparent;color:#fff;padding:8px 14px;outline:none}
.newsletter-form input::placeholder{color:rgba(255,255,255,.5)}
.newsletter-form button{border:0;background:var(--primary);color:#fff;width:40px;height:36px;border-radius:999px;cursor:pointer}
.footer-bottom{background:rgba(0,0,0,.2);padding:16px 0;font-size:13px}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom a{color:rgba(255,255,255,.6)}

.to-top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;background:var(--primary);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:50}
.to-top.show{display:flex}
.to-top:hover{background:var(--primary-dark);color:#fff}

/* Responsive */
@media(max-width:900px){
  .search-box{order:3;flex:1 0 100%;max-width:none}
  .main-nav .btn-ghost,.main-nav .btn-outline{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .hero h1{font-size:28px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .topbar-left .tp-info{display:none}
}
@media(max-width:600px){
  .navbar-inner{flex-wrap:wrap;gap:12px}
  .menu-toggle{display:flex;margin-left:auto}
  .main-nav{display:none;flex-direction:column;width:100%;order:4;padding:8px 0 4px;gap:6px}
  .main-nav.open{display:flex}
  .main-nav .btn-complaint{width:100%;justify-content:center;border-radius:10px}
  .footer-grid{grid-template-columns:1fr}
  .complaint-item{flex-direction:column}
  .form-row{grid-template-columns:1fr}
  .profile-header{flex-direction:column;text-align:center}
  .hero h1{font-size:24px}
  .topbar-left .tp-sep{display:none}
}

/* Rating stars */
.stars{color:#ffc107;font-size:14px}
.stars .off{color:var(--border)}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--radius-sm)}
.lightbox .close{position:absolute;top:20px;right:24px;color:#fff;background:none;border:0;font-size:28px;cursor:pointer}

/* Progress bar for brand */
.progress{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;margin-top:6px}
.progress .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:999px;transition:width .5s}

/* ========== Hero Slider v3 — Premium ========== */
/* Navbar ile slider arasındaki boşluğu sıfırla (home.php'de slider site-main'in ilk çocuğu) */
.site-main > .main-slider:first-child{margin-top:-30px}
.site-main > .slider-statbar{margin-top:-48px}

.main-slider{position:relative;overflow:hidden;margin-bottom:30px;background:#080f1f}
.main-slider .slides{position:relative;height:600px}
.main-slider .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;display:flex;align-items:center}
.main-slider .slide.active{opacity:1;visibility:visible;z-index:2;transition:opacity .7s ease}

/* Arka plan katmanları — daha canlı, derinlikli */
.main-slider .slide-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.main-slider .slide-bg::before{content:"";position:absolute;inset:0;background:var(--grad,linear-gradient(135deg,#16264a 0%,#0a1226 45%,#1a0812 100%))}
.main-slider .slide-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(900px 500px at 85% 25%,rgba(230,57,70,.45),transparent 60%),
  radial-gradient(700px 500px at 10% 90%,rgba(52,152,219,.22),transparent 60%),
  radial-gradient(400px 300px at 50% 50%,rgba(241,196,15,.08),transparent 70%);}
.main-slider .slide-bg .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,#000 35%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,#000 35%,transparent 80%)}
/* Üstte parıldayan ışık huzmesi */
.main-slider .slide-bg .beam{position:absolute;top:-20%;left:50%;width:1px;height:140%;background:linear-gradient(180deg,transparent,rgba(255,120,130,.55) 40%,transparent);transform:translateX(-50%) rotate(12deg);filter:blur(2px);opacity:.8;animation:beamDrift 12s ease-in-out infinite}
@keyframes beamDrift{0%,100%{left:40%;opacity:.5}50%{left:62%;opacity:.95}}

.main-slider .blob{position:absolute;border-radius:50%;filter:blur(44px);opacity:.45;mix-blend-mode:screen;animation:blobFloat 14s ease-in-out infinite}
.main-slider .blob.b1{width:420px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle,#ff6b7a,transparent 70%)}
.main-slider .blob.b2{width:340px;height:340px;bottom:-120px;left:-80px;background:radial-gradient(circle,#457b9d,transparent 70%);animation-delay:-5s}
.main-slider .blob.b3{width:260px;height:260px;top:40%;left:40%;background:radial-gradient(circle,#f1c40f,transparent 70%);animation-delay:-9s;opacity:.28}

/* ── CANLI etkinlik rozeti ── */
.main-slider .live-pulse{position:absolute;top:28px;left:50%;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 12px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px;box-shadow:0 8px 26px rgba(0,0,0,.25)}
.main-slider .live-pulse .dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;position:relative;box-shadow:0 0 0 0 rgba(46,204,113,.7);animation:livePulse 1.8s ease-out infinite}
.main-slider .live-pulse strong{color:#ffd5d9;font-weight:700}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{box-shadow:0 0 0 10px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}

/* Tema varyasyonları */
.main-slider .slide.theme-2 .slide-bg::before{background:linear-gradient(135deg,#0f2239 0%,#13293d 40%,#1a3a52 100%)}
.main-slider .slide.theme-2 .blob.b1{background:radial-gradient(circle,#3498db,transparent 70%)}
.main-slider .slide.theme-3 .slide-bg::before{background:linear-gradient(135deg,#0b2e1e 0%,#13293d 50%,#0f1a2e 100%)}
.main-slider .slide.theme-3 .blob.b1{background:radial-gradient(circle,#2ecc71,transparent 70%)}

/* İçerik düzeni */
.main-slider .slide-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;color:#fff}
.main-slider .slide.active .slide-inner>*{animation:slideUp .8s ease both}
.main-slider .slide.active .slide-inner>*:nth-child(2){animation-delay:.15s}

/* Metin alanı */
.main-slider .slide-text .kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:20px;color:#ffd5d9}
.main-slider .slide-text .kicker i{color:#ff6b7a}
.main-slider .slide-text h2{font-size:58px;font-weight:900;line-height:1.03;margin-bottom:20px;color:#fff;letter-spacing:-1.5px;text-shadow:0 4px 20px rgba(0,0,0,.25)}
.main-slider .slide-text h2 .grad{background:linear-gradient(135deg,#ff6b7a,#ffd5d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.main-slider .slide.theme-2 .slide-text h2 .grad{background:linear-gradient(135deg,#6dd5fa,#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.main-slider .slide.theme-3 .slide-text h2 .grad{background:linear-gradient(135deg,#6dfabf,#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.main-slider .slide-text p{font-size:17px;line-height:1.65;opacity:.88;margin-bottom:28px;max-width:540px}

.main-slider .slider-search{display:flex;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-radius:16px;padding:7px;box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.15),0 0 80px rgba(230,57,70,.15);max-width:560px;position:relative}
.main-slider .slider-search::before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,rgba(255,107,122,.4),transparent 40%,transparent 60%,rgba(52,152,219,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.main-slider .slider-search input{flex:1;border:0;outline:none;padding:14px 20px;font-size:15px;background:transparent;color:var(--text);font-weight:500}
.main-slider .slider-search input::placeholder{color:var(--text-light)}
.main-slider .slider-search button{padding:13px 26px;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:11px;font-weight:700;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(230,57,70,.4);transition:all .2s}
.main-slider .slider-search button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 24px rgba(230,57,70,.5)}
.main-slider .quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;color:rgba(255,255,255,.7)}
.main-slider .quick-tags span{opacity:.7;margin-right:4px}
.main-slider .quick-tags a{padding:5px 12px;background:rgba(255,255,255,.1);border-radius:999px;color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.12);transition:var(--transition)}
.main-slider .quick-tags a:hover{background:var(--primary);border-color:var(--primary);color:#fff}

.main-slider .slide-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;border-radius:12px;font-size:16px;box-shadow:0 14px 34px rgba(230,57,70,.4);transition:transform .2s}
.main-slider .slide-cta:hover{transform:translateY(-2px);color:#fff;filter:brightness(1.08)}
.main-slider .slide-cta.ghost{background:rgba(255,255,255,.1);box-shadow:none;border:1.5px solid rgba(255,255,255,.25);margin-left:10px}
.main-slider .slide-cta.ghost:hover{background:rgba(255,255,255,.18)}

/* Görsel alan — sağda yüzen kartlar */
.main-slider .slide-visual{position:relative;height:440px;display:flex;align-items:center;justify-content:center}
.main-slider .v-card{position:absolute;background:#fff;color:var(--text);border-radius:16px;padding:16px;box-shadow:0 24px 60px -10px rgba(0,0,0,.45);animation:cardFloat 6s ease-in-out infinite}
.main-slider .v-card .vc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.main-slider .v-card .vc-logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0}
.main-slider .v-card .vc-title{font-size:13px;font-weight:700;color:var(--secondary);line-height:1.3}
.main-slider .v-card .vc-meta{font-size:11px;color:var(--muted)}
.main-slider .v-card .vc-body{font-size:13px;color:var(--text);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main-slider .v-card .vc-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}
.main-slider .v-card .vc-status.resolved{background:#e8f5e9;color:#1b5e20}
.main-slider .v-card .vc-status.responded{background:#e3f2fd;color:#0d47a1}
.main-slider .v-card .vc-status.open{background:#fff3e0;color:#e65100}

/* Kart pozisyonları (slide 1 - şikayet kartları) */
.main-slider .v-card.c1{width:280px;top:10%;right:10%;transform:rotate(-4deg);animation-delay:-1s}
.main-slider .v-card.c2{width:260px;top:42%;right:38%;z-index:2;animation-delay:-3s}
.main-slider .v-card.c3{width:240px;bottom:8%;right:6%;transform:rotate(3deg);animation-delay:-5s}

/* Marka halkası (slide 2) */
.main-slider .brand-ring{position:relative;width:420px;height:420px;animation:spinSlow 30s linear infinite}
.main-slider .brand-ring .b-logo{position:absolute;width:70px;height:70px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--secondary);font-size:14px;box-shadow:0 14px 30px rgba(0,0,0,.35);overflow:hidden}
.main-slider .brand-ring .b-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
.main-slider .brand-ring .b-center{position:absolute;inset:0;margin:auto;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;animation:spinReverse 30s linear infinite}
.main-slider .brand-ring .b-center .big{font-size:38px;font-weight:800;line-height:1}
.main-slider .brand-ring .b-center .sub{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:1px;margin-top:4px}

/* Sosyal kanıt (slide 3) */
.main-slider .proof-stack{position:relative;width:420px;height:420px;display:flex;align-items:center;justify-content:center}
.main-slider .testimonial{width:320px;background:#fff;color:var(--text);border-radius:18px;padding:20px;box-shadow:0 24px 60px -10px rgba(0,0,0,.45);position:absolute;animation:cardFloat 6s ease-in-out infinite}
.main-slider .testimonial .stars{color:#ffc107;font-size:13px;margin-bottom:8px}
.main-slider .testimonial .q{font-size:14px;line-height:1.6;color:var(--text);margin-bottom:12px;font-style:italic}
.main-slider .testimonial .who{display:flex;align-items:center;gap:10px}
.main-slider .testimonial .who .av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.main-slider .testimonial .who strong{font-size:13px;color:var(--secondary);display:block}
.main-slider .testimonial .who span{font-size:11px;color:var(--muted)}
.main-slider .testimonial.t1{top:5%;left:0;transform:rotate(-3deg);animation-delay:-1s}
.main-slider .testimonial.t2{top:40%;right:0;z-index:2;animation-delay:-3s}
.main-slider .testimonial.t3{bottom:5%;left:12%;transform:rotate(2deg);animation-delay:-5s;width:280px}
.main-slider .proof-stack .user-stack{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:999px;z-index:3}
.main-slider .proof-stack .user-stack .avs{display:flex}
.main-slider .proof-stack .user-stack .avs span{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px;background:linear-gradient(135deg,#ff6b7a,#e63946);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.main-slider .proof-stack .user-stack .avs span:first-child{margin-left:0;background:linear-gradient(135deg,#6dd5fa,#3498db)}
.main-slider .proof-stack .user-stack .avs span:nth-child(3){background:linear-gradient(135deg,#ffbe76,#f39c12)}
.main-slider .proof-stack .user-stack .avs span:nth-child(4){background:linear-gradient(135deg,#6dfabf,#2ecc71)}
.main-slider .proof-stack .user-stack .txt{color:#fff;font-size:12px;font-weight:600;white-space:nowrap}

/* Kontroller */
.main-slider .arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;font-size:16px;backdrop-filter:blur(8px);transition:var(--transition)}
.main-slider .arrow:hover{background:#fff;color:var(--primary);border-color:#fff;transform:translateY(-50%) scale(1.08)}
.main-slider .arrow.prev{left:22px}
.main-slider .arrow.next{right:22px}
.main-slider .dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}
.main-slider .dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);border:0;cursor:pointer;transition:var(--transition);padding:0}
.main-slider .dots button.active{background:#fff;width:32px;border-radius:5px}
.main-slider .progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));width:0;z-index:5;transition:width .1s linear}

/* ── Premium alt stat şeridi ── */
.slider-statbar{max-width:1200px;margin:-60px auto 36px;padding:0 20px;position:relative;z-index:3}
.slider-statbar .inner{background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);border-radius:20px;padding:22px 10px;box-shadow:0 24px 60px rgba(0,0,0,.14),0 0 0 1px var(--border);display:grid;grid-template-columns:repeat(4,1fr);position:relative;overflow:hidden}
.slider-statbar .inner::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e63946 0%,#ff6b7a 25%,#3498db 50%,#f39c12 75%,#2ecc71 100%)}
.slider-statbar .stat{text-align:center;padding:8px 14px;border-right:1px solid var(--border);position:relative;transition:var(--transition)}
.slider-statbar .stat:last-child{border-right:0}
.slider-statbar .stat:hover{transform:translateY(-3px)}
.slider-statbar .stat .ico{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:10px;transition:var(--transition)}
.slider-statbar .stat:hover .ico{transform:scale(1.08) rotate(-5deg)}
.slider-statbar .stat.s1 .ico{background:linear-gradient(135deg,#ff6b7a,#e63946);box-shadow:0 8px 20px rgba(230,57,70,.35)}
.slider-statbar .stat.s2 .ico{background:linear-gradient(135deg,#6dd5fa,#3498db);box-shadow:0 8px 20px rgba(52,152,219,.35)}
.slider-statbar .stat.s3 .ico{background:linear-gradient(135deg,#ffbe76,#f39c12);box-shadow:0 8px 20px rgba(243,156,18,.35)}
.slider-statbar .stat.s4 .ico{background:linear-gradient(135deg,#6dfabf,#2ecc71);box-shadow:0 8px 20px rgba(46,204,113,.35)}
.slider-statbar .stat .n{font-size:28px;font-weight:900;color:var(--secondary);line-height:1;display:block;letter-spacing:-.5px}
.slider-statbar .stat .l{font-size:12px;color:var(--text-light);font-weight:600;margin-top:5px;text-transform:uppercase;letter-spacing:.5px}

/* ========== Stat Bar v2 (premium) ========== */
.stat-bar{max-width:1200px;margin:-70px auto 40px;padding:0 20px;position:relative;z-index:3}
.sb-inner{position:relative;background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);border-radius:24px;padding:26px 24px 22px;box-shadow:0 30px 70px -20px rgba(29,53,87,.2),0 0 0 1px rgba(29,53,87,.06);overflow:hidden}
.sb-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e63946 0%,#ff6b7a 20%,#3498db 40%,#9b59b6 60%,#f39c12 80%,#2ecc71 100%);background-size:200% 100%;animation:shimmerBar 4s linear infinite}
.sb-inner::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 10%,rgba(230,57,70,.04),transparent 40%),radial-gradient(circle at 80% 90%,rgba(52,152,219,.04),transparent 40%);pointer-events:none}

.sb-pulse{position:absolute;top:14px;right:18px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#e63946;padding:4px 10px;border-radius:999px;background:#fff5f6;border:1px solid #ffd0d4;z-index:2}
.sb-dot{width:7px;height:7px;border-radius:50%;background:#e63946;box-shadow:0 0 0 0 rgba(230,57,70,.6);animation:livePulse 1.4s ease-in-out infinite}

.sb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1}

.sb-card{--ac:#e63946;--ac2:#c1121f;position:relative;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 14px;transition:transform .3s;border-right:1px dashed #e4e7ec;overflow:hidden}
.sb-card:last-child{border-right:0}
.sb-card.c1{--ac:#ff6b7a;--ac2:#e63946}
.sb-card.c2{--ac:#6dd5fa;--ac2:#3498db}
.sb-card.c3{--ac:#ffbe76;--ac2:#f39c12}
.sb-card.c4{--ac:#6dfabf;--ac2:#2ecc71}
.sb-card:hover{transform:translateY(-3px)}
.sb-card:hover .sb-ico{transform:scale(1.08) rotate(-6deg)}
.sb-card:hover .sb-num{background-position:100% 0}

.sb-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:20px;grid-row:1/3;background:linear-gradient(135deg,var(--ac),var(--ac2));box-shadow:0 12px 24px -6px color-mix(in srgb,var(--ac2) 55%,transparent),inset 0 -3px 8px rgba(0,0,0,.15);transition:transform .35s ease}

.sb-body{min-width:0}
.sb-num{font-size:32px;font-weight:900;line-height:1;letter-spacing:-1px;background:linear-gradient(90deg,var(--secondary) 0%,var(--secondary) 50%,var(--ac2) 50%,var(--ac2) 100%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .6s ease}
.sb-lbl{font-size:12px;font-weight:700;color:var(--text-light);margin-top:4px;text-transform:uppercase;letter-spacing:.6px}

.sb-trend{grid-column:2/3;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;margin-top:8px;width:fit-content;letter-spacing:.2px}
.sb-trend.up{background:#e8f8f0;color:#17a556;border:1px solid #c8ecd6}
.sb-trend.neutral{background:#f3f4f7;color:var(--text-light);border:1px solid var(--border)}
.sb-trend i{font-size:9px}

.sb-spark{position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ac) 12%,transparent));clip-path:polygon(0 80%,8% 60%,16% 70%,24% 40%,32% 55%,40% 30%,48% 45%,56% 25%,64% 35%,72% 15%,80% 28%,88% 10%,100% 22%,100% 100%,0 100%);opacity:.5;pointer-events:none}

.sb-progress{grid-column:2/3;height:4px;border-radius:999px;background:#eef0f4;margin-top:10px;overflow:hidden}
.sb-progress-fill{height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:999px;transition:width 1.2s ease;animation:fillIn 1.4s ease-out}
@keyframes fillIn{from{width:0 !important}}

/* Hide legacy slider-statbar when new one is present */
.stat-bar + .slider-statbar,
body:has(.stat-bar) .slider-statbar{display:none !important}

/* Main push adjustment */
.site-main > .stat-bar{margin-top:-70px}

/* Responsive */
@media (max-width:980px){
  .sb-grid{grid-template-columns:repeat(2,1fr)}
  .sb-card{border-right:0;border-bottom:1px dashed #e4e7ec;padding:18px}
  .sb-card:nth-child(3),.sb-card:nth-child(4){border-bottom:0}
  .sb-card:nth-child(odd){border-right:1px dashed #e4e7ec}
}
@media (max-width:600px){
  .stat-bar{margin:-30px 12px 30px;padding:0}
  .sb-inner{padding:22px 14px 14px;border-radius:18px}
  .sb-pulse{top:10px;right:12px;font-size:9px;padding:3px 8px}
  .sb-card{padding:14px 10px;grid-template-columns:auto 1fr;gap:3px 10px}
  .sb-ico{width:44px;height:44px;font-size:16px;border-radius:12px}
  .sb-num{font-size:22px}
  .sb-lbl{font-size:10.5px;margin-top:2px}
  .sb-trend{font-size:9.5px;padding:2px 7px;margin-top:6px}
}

/* Dark mode */
html[data-theme="dark"] .sb-inner,body.dark .sb-inner{background:linear-gradient(180deg,#23262e 0%,#1a1d25 100%);box-shadow:0 30px 70px -20px rgba(0,0,0,.6),0 0 0 1px #2e323d}
html[data-theme="dark"] .sb-num,body.dark .sb-num{background:linear-gradient(90deg,#eef0f4 0%,#eef0f4 50%,var(--ac2) 50%,var(--ac2) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="dark"] .sb-card,body.dark .sb-card{border-color:#2e323d}
html[data-theme="dark"] .sb-lbl,body.dark .sb-lbl{color:#aab0bc}
html[data-theme="dark"] .sb-trend.neutral,body.dark .sb-trend.neutral{background:#1a1d25;border-color:#2e323d;color:#aab0bc}
html[data-theme="dark"] .sb-pulse,body.dark .sb-pulse{background:#2a1f22;border-color:#4a2a30}
html[data-theme="dark"] .sb-progress,body.dark .sb-progress{background:#2e323d}

/* Animasyonlar */
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
@keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,15px) scale(.95)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}

/* Kart rotasyonunu CSS değişkeni ile uyumlu hale getir */
.main-slider .v-card.c1{--r:-4deg}
.main-slider .v-card.c3{--r:3deg}
.main-slider .testimonial.t1{--r:-3deg}
.main-slider .testimonial.t3{--r:2deg}

@media(max-width:1024px){
  .main-slider .slides{height:520px}
  .main-slider .slide-text h2{font-size:42px}
  .main-slider .slide-visual,.main-slider .brand-ring,.main-slider .proof-stack{height:380px;width:360px}
  .main-slider .v-card.c1{width:240px}
  .main-slider .v-card.c2{width:220px}
  .main-slider .v-card.c3{width:210px}
}
@media(max-width:900px){
  .main-slider .slide-inner{grid-template-columns:1fr;text-align:center;gap:20px}
  .main-slider .slides{height:auto;min-height:520px}
  .main-slider .slide{padding:40px 0 80px}
  .main-slider .slide-text p,.main-slider .slider-search{margin-left:auto;margin-right:auto}
  .main-slider .slide-text .quick-tags{justify-content:center}
  .main-slider .slide-visual{height:280px;display:none}
  .main-slider .slide-text h2{font-size:34px}
  .slider-statbar{margin-top:-30px}
}
/* ========== Wizard (Şikayet Yaz) ========== */
.wizard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:20px auto;max-width:860px}
.wizard-head{background:linear-gradient(135deg,var(--secondary),#0f1a2e);color:#fff;padding:28px 28px 22px;position:relative;overflow:hidden}
.wizard-head::after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(230,57,70,.4),transparent 70%);border-radius:50%}
.wizard-head h2{color:#fff;margin:0 0 6px;font-size:24px;position:relative}
.wizard-head p{margin:0;opacity:.85;font-size:14px;position:relative}
.wizard-steps{display:flex;gap:8px;margin-top:20px;position:relative}
.wizard-step{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;transition:var(--transition);cursor:pointer}
.wizard-step .n{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}
.wizard-step.active{background:rgba(230,57,70,.25);border-color:var(--primary-light)}
.wizard-step.active .n{background:var(--primary);color:#fff}
.wizard-step.done .n{background:var(--success);color:#fff}
.wizard-step.done .n::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900}
.wizard-step.done .n i{display:none}
.wizard-progress-bar{height:3px;background:rgba(255,255,255,.1);border-radius:2px;margin-top:16px;overflow:hidden;position:relative}
.wizard-progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .3s ease}
.wizard-body{padding:32px 28px}
.wizard-panel{display:none}
.wizard-panel.active{display:block;animation:fadeSlide .4s ease both}
.wizard-panel h3{font-size:18px;margin:0 0 18px;color:var(--secondary)}
.wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.wizard-nav .btn-back{background:transparent;border:1.5px solid var(--border);color:var(--text-light)}
.wizard-nav .btn-back:hover{border-color:var(--primary);color:var(--primary)}
.wizard-nav .btn-next{margin-left:auto}
@keyframes fadeSlide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

.brand-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;max-height:340px;overflow:auto;padding:4px}
.brand-picker .pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#fff;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:var(--transition);text-align:center}
.brand-picker .pick:hover{border-color:var(--primary);transform:translateY(-2px)}
.brand-picker .pick.selected{border-color:var(--primary);background:linear-gradient(135deg,#fff,#fff5f6);box-shadow:0 6px 18px rgba(230,57,70,.18)}
.brand-picker .pick .logo{width:46px;height:46px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:14px;overflow:hidden}
.brand-picker .pick .logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.brand-picker .pick .nm{font-size:12px;font-weight:600;color:var(--secondary);line-height:1.25}
.brand-picker-search{position:sticky;top:0;background:#fff;padding:4px 0;z-index:2}

.char-counter{text-align:right;font-size:12px;color:var(--muted);margin-top:4px}
.char-counter.warn{color:var(--warning)}
.char-counter.danger{color:var(--danger)}

.file-dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius);padding:30px;text-align:center;background:var(--bg);transition:var(--transition);cursor:pointer}
.file-dropzone:hover,.file-dropzone.drag{border-color:var(--primary);background:#fff5f6}
.file-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.file-dropzone i{font-size:28px;color:var(--primary);margin-bottom:6px}
.file-dropzone small{display:block;color:var(--muted);margin-top:4px;font-size:12px}
.dropzone-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.dropzone-preview .thumb{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.dropzone-preview .thumb img{width:100%;height:100%;object-fit:cover}
.dropzone-preview .thumb .rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;border:0;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}

.tag-input-wrap{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:46px}
.tag-input-wrap:focus-within{border-color:var(--primary)}
.tag-input-wrap .chip{background:var(--primary);color:#fff;padding:4px 10px 4px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.tag-input-wrap .chip button{background:rgba(255,255,255,.3);border:0;color:#fff;width:16px;height:16px;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1}
.tag-input-wrap input{flex:1;min-width:120px;border:0;outline:none;padding:6px 8px;font-size:14px;background:transparent}

.review-box{background:var(--bg);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;border-left:4px solid var(--primary)}
.review-box h4{font-size:14px;margin:0 0 8px;color:var(--secondary)}
.review-box p{margin:0;font-size:14px;color:var(--text);line-height:1.6}
.review-box .muted{color:var(--muted);font-style:italic}

/* ========== Complaint Detail v2 ========== */
.cd-hero{background:linear-gradient(135deg,#fff 0%,#fafbfd 100%);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-bottom:20px;position:relative;overflow:hidden;border:1px solid var(--border)}
.cd-hero::before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(230,57,70,.08),transparent 70%);border-radius:50%}
.cd-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px;position:relative}
.cd-status-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.cd-status-bar .chip{background:#fff;border:1px solid var(--border);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-light);display:inline-flex;gap:5px;align-items:center}
.cd-status-bar .chip i{font-size:11px}
.cd-title{font-size:30px;font-weight:800;line-height:1.2;color:var(--secondary);margin:0 0 12px;position:relative}
.cd-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--text-light);margin-bottom:16px;position:relative}
.cd-meta-row .author{display:flex;align-items:center;gap:10px}
.cd-meta-row .author img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.cd-meta-row .author strong{color:var(--secondary);font-size:14px;display:block}
.cd-meta-row .dot{color:var(--border)}

.cd-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--border);position:relative}
.cd-act{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}
.cd-act:hover{border-color:var(--primary);color:var(--primary)}
.cd-act.liked{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent}
.cd-act.liked:hover{color:#fff}
.cd-act .count{font-weight:800}
.cd-act i{font-size:13px}

.share-menu{position:relative}
.share-dd{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px var(--border);padding:8px;display:none;z-index:20}
.share-dd.open{display:block;animation:fadeSlide .2s ease both}
.share-dd a,.share-dd button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);font-size:13px;font-weight:500;width:100%;text-align:left;border:0;background:transparent;cursor:pointer}
.share-dd a:hover,.share-dd button:hover{background:var(--bg);color:var(--primary)}
.share-dd i{width:18px;text-align:center;font-size:14px}
.share-dd .s-tw i{color:#1d9bf0}
.share-dd .s-fb i{color:#1877f2}
.share-dd .s-wa i{color:#25d366}
.share-dd .s-tg i{color:#0088cc}
.share-dd .s-cp i{color:var(--text-light)}

.cd-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0}
.cd-gallery .thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:zoom-in;transition:var(--transition)}
.cd-gallery .thumb:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.cd-gallery .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cd-gallery .thumb:hover img{transform:scale(1.06)}

.cd-order-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin:16px 0;font-size:13px}
.cd-order-card .item{display:flex;flex-direction:column;gap:2px}
.cd-order-card .item .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.cd-order-card .item .value{color:var(--secondary);font-weight:600}

.cd-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.cd-side-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border)}
.cd-side-card h4{margin:0 0 12px;font-size:14px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.cd-brand-card{text-align:center}
.cd-brand-card .logo{width:80px;height:80px;margin:0 auto 12px;background:var(--bg);border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:26px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.cd-brand-card .logo img{width:100%;height:100%;object-fit:cover}
.cd-brand-card .name{font-size:18px;font-weight:800;color:var(--secondary);margin-bottom:4px}
.cd-brand-card .verified{color:var(--info);font-size:12px;margin-bottom:12px;display:inline-flex;align-items:center;gap:4px}
.cd-brand-card .b-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.cd-brand-card .b-stats div{text-align:center}
.cd-brand-card .b-stats .n{font-size:18px;font-weight:800;color:var(--secondary);display:block}
.cd-brand-card .b-stats .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}

.cd-toc{display:flex;flex-direction:column;gap:4px}
.cd-toc a{padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text-light);display:flex;align-items:center;gap:8px;border-left:2px solid transparent}
.cd-toc a:hover{background:var(--bg);color:var(--primary)}
.cd-toc a.active{border-left-color:var(--primary);color:var(--primary);background:#fff5f6;font-weight:600}

.cd-related-item{display:block;padding:10px 0;border-bottom:1px dashed var(--border);color:var(--text)}
.cd-related-item:last-child{border-bottom:0}
.cd-related-item .t{font-size:13px;font-weight:600;color:var(--secondary);line-height:1.4;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cd-related-item .m{font-size:11px;color:var(--muted)}
.cd-related-item:hover .t{color:var(--primary)}

.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:999}
.reading-progress .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));width:0;transition:width .1s}

/* Comment layout v2 */
.comments-v2{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-top:20px}
.comments-v2 h3{margin:0 0 16px;display:flex;align-items:center;gap:8px}
.comments-v2 h3 .count{background:var(--primary);color:#fff;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:700}
.comment-v2{display:flex;gap:12px;padding:14px;border-radius:12px;transition:var(--transition);margin-bottom:10px}
.comment-v2:hover{background:var(--bg)}
.comment-v2.is-brand{background:linear-gradient(135deg,#e3f2fd,#f5fafe);border-left:3px solid var(--info)}
.comment-v2.is-brand:hover{background:linear-gradient(135deg,#d6ecfa,#eff7ff)}
.comment-v2 .ava{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg)}
.comment-v2 .ava img{width:100%;height:100%;object-fit:cover}
.comment-v2 .body{flex:1;min-width:0}
.comment-v2 .hd{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.comment-v2 .hd .who{font-weight:700;color:var(--secondary);font-size:14px}
.comment-v2 .hd .tag{background:var(--info);color:#fff;font-size:10px;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.comment-v2 .hd .when{font-size:11px;color:var(--muted)}
.comment-v2 .text{font-size:14px;line-height:1.65;color:var(--text);word-wrap:break-word}
.comment-v2 .acts{display:flex;gap:4px;margin-top:8px}
.comment-v2 .acts button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:4px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.comment-v2 .acts button:hover{background:#fff;color:var(--primary)}

/* ========== Brand Detail v2 ========== */
.brand-cover{position:relative;height:240px;background:linear-gradient(135deg,var(--secondary) 0%,#0f1a2e 50%,var(--primary-dark) 100%);border-radius:var(--radius);overflow:hidden;margin-bottom:-60px}
.brand-cover.has-img{background:none}
.brand-cover img{width:100%;height:100%;object-fit:cover}
.brand-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,26,46,.3) 0%,rgba(15,26,46,.65) 100%)}
.brand-cover .pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1),transparent 40%),radial-gradient(circle at 80% 60%,rgba(230,57,70,.2),transparent 50%);z-index:1}

.brand-hero{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative;z-index:2;display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
.brand-hero .logo-box{width:120px;height:120px;border-radius:24px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:38px;overflow:hidden;flex-shrink:0;margin-top:-60px;border:4px solid #fff}
.brand-hero .logo-box img{width:100%;height:100%;object-fit:contain;padding:10px}
.brand-hero .info{flex:1;min-width:240px}
.brand-hero .info h1{font-size:28px;margin:0 0 6px;color:var(--secondary);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand-hero .info h1 .verified{color:var(--info);font-size:18px}
.brand-hero .info .categ{display:inline-flex;align-items:center;gap:5px;background:var(--bg);padding:3px 10px;border-radius:999px;font-size:12px;color:var(--text-light);margin-right:8px}
.brand-hero .info p{margin:10px 0 0;color:var(--text-light);max-width:640px}
.brand-hero .info .links{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:13px}
.brand-hero .info .links a{color:var(--text-light);display:inline-flex;align-items:center;gap:5px}
.brand-hero .info .links a:hover{color:var(--primary)}
.brand-hero .actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.brand-rating{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}
.brand-rating .stars{color:#ffc107;font-size:16px}

.brand-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.brand-metric{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.brand-metric::before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.08}
.brand-metric.m1::before{background:var(--primary)}
.brand-metric.m2::before{background:var(--info)}
.brand-metric.m3::before{background:var(--success)}
.brand-metric.m4::before{background:var(--warning)}
.brand-metric .ico{width:40px;height:40px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:16px}
.brand-metric.m1 .ico{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}
.brand-metric.m2 .ico{background:linear-gradient(135deg,#6dd5fa,var(--info))}
.brand-metric.m3 .ico{background:linear-gradient(135deg,#6dfabf,var(--success))}
.brand-metric.m4 .ico{background:linear-gradient(135deg,#ffbe76,var(--warning))}
.brand-metric .n{font-size:24px;font-weight:800;color:var(--secondary);line-height:1;margin-bottom:4px;display:block}
.brand-metric .l{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;font-weight:600}
.brand-metric .prog{height:4px;background:var(--bg);border-radius:2px;margin-top:10px;overflow:hidden}
.brand-metric .prog .fill{height:100%;border-radius:2px;transition:width .6s}
.brand-metric.m2 .prog .fill{background:var(--info)}
.brand-metric.m3 .prog .fill{background:var(--success)}

.brand-tabs{display:flex;gap:6px;background:#fff;padding:6px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;overflow-x:auto}
.brand-tabs a{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-light);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.brand-tabs a:hover{background:var(--bg);color:var(--primary)}
.brand-tabs a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}

/* ========== Footer v2 ========== */
.site-footer{background:linear-gradient(180deg,#1a2a44,#0f1a2e);color:rgba(255,255,255,.82);padding:50px 0 0;margin-top:50px;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(230,57,70,.12),transparent 60%);border-radius:50%;pointer-events:none}
.site-footer .footer-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));margin-bottom:40px;border-radius:var(--radius);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 20px 50px rgba(230,57,70,.25);position:relative;overflow:hidden}
.site-footer .footer-cta::before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:rgba(255,255,255,.08);border-radius:50%}
.site-footer .footer-cta h3{color:#fff;margin:0 0 4px;font-size:22px}
.site-footer .footer-cta p{color:rgba(255,255,255,.9);margin:0}
.site-footer .footer-cta .btn{background:#fff;color:var(--primary);padding:14px 28px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;gap:8px;z-index:1}
.site-footer .footer-cta .btn:hover{color:var(--primary-dark);transform:translateY(-2px)}
.site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:36px}
.site-footer h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-weight:800}
.site-footer .footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:20px;color:#fff}
.site-footer .footer-brand .logo-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}
.site-footer p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.7);max-width:340px}
.site-footer ul li{margin-bottom:8px}
.site-footer ul a{color:rgba(255,255,255,.7);font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}
.site-footer ul a:hover{color:#fff;transform:translateX(3px)}
.site-footer ul a i{font-size:9px;color:var(--primary-light);opacity:0;transition:var(--transition)}
.site-footer ul a:hover i{opacity:1}
.site-footer .social{display:flex;gap:8px;margin-top:14px}
.site-footer .social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.site-footer .social a:hover{background:var(--primary);transform:translateY(-2px)}
.site-footer .newsletter-form{display:flex;gap:8px;margin-top:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px}
.site-footer .newsletter-form input{flex:1;background:transparent;border:0;padding:10px 12px;color:#fff;outline:none;font-size:13px}
.site-footer .newsletter-form input::placeholder{color:rgba(255,255,255,.45)}
.site-footer .newsletter-form button{background:var(--primary);border:0;color:#fff;padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px}
.site-footer .newsletter-form button:hover{background:var(--primary-dark)}
.site-footer .trust-row{display:flex;gap:20px;justify-content:center;padding:18px 0;margin-top:10px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.55)}
.site-footer .trust-row .t{display:inline-flex;align-items:center;gap:6px}
.site-footer .trust-row .t i{color:var(--success);font-size:14px}
.site-footer .footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,.55)}
.site-footer .footer-bottom a{color:rgba(255,255,255,.7);margin:0 4px}
.site-footer .footer-bottom a:hover{color:#fff}

/* Dark mode toggle */
.theme-toggle{position:fixed;bottom:80px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--secondary);color:#fff;border:0;cursor:pointer;box-shadow:var(--shadow-lg);z-index:49;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition)}
.theme-toggle:hover{transform:translateY(-3px) rotate(15deg)}

/* Dark theme */
body.dark{--bg:#0f1a2e;--card:#162338;--border:#263349;--text:#e2e8f0;--text-light:#94a3b8;--muted:#64748b;--secondary:#e2e8f0}
body.dark .site-header{background:rgba(22,35,56,.97);border-bottom-color:#263349}
body.dark .navbar{border-bottom-color:#263349}
body.dark .logo{color:#e2e8f0}
body.dark .logo-text{background:linear-gradient(135deg,#e2e8f0 40%,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.dark .search-box input{background:#0f1a2e;color:#e2e8f0;border-color:#263349}
body.dark .search-box input::placeholder{color:#64748b}
body.dark .search-box input:focus{background:#162338;border-color:var(--primary)}
body.dark .user-menu-btn{background:#1a2942;border-color:#263349;color:#e2e8f0}
body.dark .user-menu-btn:hover{border-color:var(--primary)}
body.dark .dropdown-menu{background:#162338;border-color:#263349}
body.dark .dropdown-menu a{color:#e2e8f0}
body.dark .dropdown-menu a:hover{background:#1a2942}
body.dark .icon-btn{background:#1a2942;color:#e2e8f0}
body.dark .menu-toggle{border-color:#263349;color:#e2e8f0}
body.dark .categories-bar{background:linear-gradient(180deg,#1a2942 0%,#162338 100%);border-color:#263349}
body.dark .cat{color:#94a3b8;background:rgba(255,255,255,.04)}
body.dark .cat.all{color:#cbd5e1;background:rgba(255,255,255,.07)}
body.dark .complaint-item,body.dark .brand-card,body.dark .cat-card,body.dark .card,body.dark .widget,body.dark .form-box{background:var(--card);color:var(--text)}
body.dark .complaint-item h3,body.dark .brand-card h3,body.dark .cat-card h3{color:#fff}
body.dark .form-control{background:#0f1a2e;color:#e2e8f0;border-color:#263349}
body.dark .form-control:focus{border-color:var(--primary)}
body.dark .search-box input{background:#0f1a2e;color:#e2e8f0;border-color:#263349}
body.dark .search-box input::placeholder{color:#64748b}
body.dark .wizard,body.dark .cd-hero,body.dark .comments-v2,body.dark .cd-side-card,body.dark .brand-hero,body.dark .brand-metric,body.dark .brand-tabs,body.dark .slider-statbar .inner{background:var(--card);border-color:#263349;color:var(--text)}
body.dark .cd-title,body.dark .brand-hero .info h1,body.dark .wizard-panel h3,body.dark .brand-metric .n{color:#fff}
body.dark .cd-hero{background:linear-gradient(135deg,#162338,#1a2942)}
body.dark .review-box,body.dark .cd-order-card,body.dark .brand-tabs{background:#1a2942}
body.dark .brand-picker .pick{background:#162338;border-color:#263349}
body.dark .brand-picker .pick .nm{color:#e2e8f0}
body.dark .file-dropzone{background:#1a2942;border-color:#374864}
body.dark .tag-input-wrap{background:#1a2942}
body.dark .comment-v2:hover{background:#1a2942}

@media(max-width:900px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .brand-metrics{grid-template-columns:repeat(2,1fr)}
  .brand-cover{height:180px;margin-bottom:-50px}
  .brand-hero .logo-box{width:100px;height:100px;margin-top:-50px;font-size:32px}
  .brand-hero .info h1{font-size:22px}
  .cd-title{font-size:24px}
}

@media(max-width:600px){
  .main-slider .slide-text h2{font-size:26px;margin-bottom:12px}
  .main-slider .slide-text p{font-size:14px;margin-bottom:18px}
  .main-slider .slide-text .kicker{font-size:10px;padding:5px 10px;margin-bottom:14px}
  .main-slider .slider-search{flex-direction:column;padding:10px;gap:8px;border-radius:12px}
  .main-slider .slider-search input{padding:10px 14px;border-bottom:1px solid var(--border);width:100%}
  .main-slider .slider-search button{width:100%;justify-content:center}
  .main-slider .arrow{display:none}
  .main-slider .slide-cta.ghost{margin-left:0;margin-top:10px}
  .slider-statbar{margin:-20px 12px 28px;padding:0}
  .slider-statbar .inner{grid-template-columns:repeat(2,1fr);gap:10px}
  .slider-statbar .stat{padding:10px 6px;border-right:0}
  .slider-statbar .stat .n{font-size:20px}
  .slider-statbar .stat .ico{width:36px;height:36px;font-size:14px}
}

/* ========== Auth pages (login/register) ========== */
.auth-wrap{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:var(--bg)}
.auth-side{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--secondary) 0%,#0f2239 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 48px}
.auth-side::before{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;background:radial-gradient(circle,rgba(230,57,70,.35),transparent 70%);border-radius:50%}
.auth-side::after{content:"";position:absolute;bottom:-140px;left:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border-radius:50%}
.auth-side-inner{position:relative;z-index:1;max-width:460px;margin:0 auto}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:40px;font-size:22px;font-weight:800}
.auth-brand .logo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 26px rgba(230,57,70,.4)}
.auth-title{font-size:34px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:14px}
.auth-subtitle{font-size:16px;opacity:.82;line-height:1.65;margin-bottom:32px}
.auth-benefits{display:grid;gap:14px;margin-top:26px}
.auth-benefits .b{display:flex;gap:14px;align-items:flex-start}
.auth-benefits .ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:rgba(230,57,70,.18);color:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:18px}
.auth-benefits strong{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.auth-benefits span{font-size:13px;opacity:.75;line-height:1.5}
.auth-counters{display:flex;gap:18px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
.auth-counters .c{flex:1}
.auth-counters .n{font-size:22px;font-weight:800}
.auth-counters .l{font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}

.auth-form-side{display:flex;align-items:center;justify-content:center;padding:48px 28px}
.auth-form{width:100%;max-width:440px}
.auth-form h1{font-size:28px;font-weight:800;margin-bottom:6px;color:var(--secondary)}
.auth-form .lead{color:var(--text-light);margin-bottom:26px;font-size:14px}
.auth-form .form-group{margin-bottom:14px}
.auth-form label{font-size:13px;font-weight:600;color:var(--secondary);margin-bottom:6px;display:block}

.input-icon{position:relative}
.input-icon>i:first-child{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}
.input-icon .form-control{padding-left:40px;height:46px}
.input-icon:has(.pw-toggle) .form-control{padding-right:40px}
.input-icon .pw-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:none;color:var(--muted);cursor:pointer;padding:8px;font-size:14px}
.input-icon .pw-toggle:hover{color:var(--primary)}

.pw-strength{height:4px;background:var(--border);border-radius:3px;margin-top:6px;overflow:hidden}
.pw-strength .bar{height:100%;width:0;background:var(--danger);transition:width .25s,background .25s}
.pw-strength.w-1 .bar{width:25%;background:var(--danger)}
.pw-strength.w-2 .bar{width:50%;background:var(--warning)}
.pw-strength.w-3 .bar{width:75%;background:#3498db}
.pw-strength.w-4 .bar{width:100%;background:var(--success)}
.pw-label{font-size:11px;color:var(--muted);margin-top:4px}

.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:6px 0 16px}
.auth-row label{font-size:13px;display:flex;gap:6px;align-items:center;color:var(--text-light);cursor:pointer;font-weight:500;margin:0}
.auth-row a{color:var(--primary);font-weight:600}

.auth-submit{width:100%;padding:14px;font-size:15px;font-weight:700;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:0;color:#fff;cursor:pointer;box-shadow:0 10px 26px rgba(230,57,70,.28);transition:var(--transition)}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(230,57,70,.36)}
.auth-submit:active{transform:translateY(0)}

.divider-or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.divider-or::before,.divider-or::after{content:"";flex:1;height:1px;background:var(--border)}

.social-login{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1.5px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}
.social-btn:hover{border-color:var(--primary);color:var(--primary)}
.social-btn.g i{color:#ea4335}
.social-btn.f i{color:#1877f2}

.auth-switch{text-align:center;margin-top:22px;font-size:14px;color:var(--text-light)}
.auth-switch a{color:var(--primary);font-weight:700}

@media(max-width:900px){
  .auth-wrap{grid-template-columns:1fr}
  .auth-side{padding:40px 28px;min-height:auto}
  .auth-title{font-size:26px}
  .auth-benefits{grid-template-columns:1fr 1fr;gap:12px}
  .auth-benefits span{display:none}
  .auth-counters{display:none}
  .auth-form-side{padding:30px 20px}
}
@media(max-width:600px){
  .auth-benefits{grid-template-columns:1fr}
  .social-login{grid-template-columns:1fr}
}

/* ========== Profile Page ========== */
.profile-hero{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}
.profile-cover{height:180px;background:linear-gradient(135deg,var(--secondary),#0f1a2e,var(--primary-dark));position:relative}
.profile-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(230,57,70,.25),transparent 60%)}
.profile-body{display:flex;gap:24px;align-items:flex-end;padding:0 28px 28px;flex-wrap:wrap}
.profile-avatar{width:120px;height:120px;border-radius:50%;border:5px solid #fff;overflow:hidden;margin-top:-60px;box-shadow:0 8px 24px rgba(0,0,0,.12);flex-shrink:0;background:#fff}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-info{flex:1;min-width:220px;padding-top:8px}
.profile-info h1{margin:0 0 4px;font-size:24px;color:var(--secondary);display:flex;align-items:center;gap:8px}
.profile-info .handle{color:var(--muted);font-size:13px;margin-bottom:6px}
.profile-info .bio{color:var(--text-light);font-size:14px;line-height:1.6;margin-top:6px}
.profile-info .meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--text-light)}
.profile-info .meta-row i{color:var(--primary);width:14px}
.profile-actions{flex-shrink:0;display:flex;gap:8px;align-self:flex-start;margin-top:16px}
.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}
.profile-stats-row .ps{text-align:center;padding:18px 10px;border-right:1px solid var(--border);transition:var(--transition)}
.profile-stats-row .ps:last-child{border-right:0}
.profile-stats-row .ps:hover{background:var(--bg)}
.profile-stats-row .ps .n{font-size:22px;font-weight:800;color:var(--secondary);display:block;line-height:1}
.profile-stats-row .ps .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}

/* ========== Notifications Page ========== */
.notif-list{max-width:800px;margin:0 auto}
.notif-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff;border-radius:12px;margin-bottom:8px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}
.notif-item:hover{transform:translateX(4px);box-shadow:var(--shadow-lg)}
.notif-item.unread{border-left:3px solid var(--primary);background:linear-gradient(90deg,#fff5f6,#fff)}
.notif-item .ni-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;color:#fff}
.notif-item .ni-icon.brand_reply{background:linear-gradient(135deg,var(--info),#2563eb)}
.notif-item .ni-icon.like{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}
.notif-item .ni-icon.comment{background:linear-gradient(135deg,var(--success),#059669)}
.notif-item .ni-icon.system{background:linear-gradient(135deg,var(--warning),#d97706)}
.notif-item .ni-icon.default{background:linear-gradient(135deg,#94a3b8,#64748b)}
.notif-item .ni-body{flex:1;min-width:0}
.notif-item .ni-body a{color:var(--text);font-weight:500;display:block;line-height:1.5}
.notif-item .ni-body a:hover{color:var(--primary)}
.notif-item .ni-time{font-size:11px;color:var(--muted);margin-top:4px}
.notif-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.notif-empty i{font-size:48px;display:block;margin-bottom:12px;opacity:.3}

/* ========== My Complaints Page ========== */
.mc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.mc-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;background:#fff;border:1.5px solid var(--border);color:var(--text-light);transition:var(--transition)}
.mc-tabs a:hover{border-color:var(--primary);color:var(--primary)}
.mc-tabs a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:transparent}
.mc-tabs a em{background:rgba(255,255,255,.2);padding:1px 8px;border-radius:999px;font-style:normal;font-size:11px}

/* ========== Contact Page ========== */
.contact-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;max-width:1000px;margin:0 auto}
.contact-form-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;border:1px solid var(--border)}
.contact-form-card h2{font-size:22px;margin:0 0 6px;color:var(--secondary)}
.contact-form-card .sub{color:var(--text-light);font-size:14px;margin-bottom:24px}
.contact-info-col{display:flex;flex-direction:column;gap:14px}
.contact-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border);transition:var(--transition)}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.contact-card .ci-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}
.contact-card .ci-ico.email{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}
.contact-card .ci-ico.phone{background:linear-gradient(135deg,var(--success),#059669)}
.contact-card .ci-ico.address{background:linear-gradient(135deg,var(--info),#2563eb)}
.contact-card .ci-ico.clock{background:linear-gradient(135deg,var(--warning),#d97706)}
.contact-card h4{margin:0 0 2px;font-size:14px;color:var(--secondary)}
.contact-card p{margin:0;font-size:13px;color:var(--text-light)}
.contact-map{border-radius:var(--radius);overflow:hidden;height:200px;box-shadow:var(--shadow);margin-top:auto}

/* ========== FAQ Page ========== */
.faq-wrap{max-width:860px;margin:0 auto}
.faq-search{display:flex;gap:8px;margin-bottom:28px;background:#fff;padding:6px;border-radius:12px;box-shadow:var(--shadow);border:1.5px solid var(--border)}
.faq-search input{flex:1;border:0;padding:12px 16px;font-size:15px;background:transparent;outline:none}
.faq-search i{padding:12px 16px;color:var(--muted);font-size:16px}
.faq-item{background:#fff;border-radius:12px;box-shadow:var(--shadow);margin-bottom:10px;border:1.5px solid var(--border);overflow:hidden;transition:var(--transition)}
.faq-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg)}
.faq-item.open{border-color:var(--primary)}
.faq-item .fq{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:15px;color:var(--secondary);user-select:none}
.faq-item .fq i{color:var(--primary);width:20px;text-align:center;transition:transform .3s}
.faq-item.open .fq i{transform:rotate(45deg)}
.faq-item .fq .arrow{margin-left:auto;color:var(--muted);font-size:12px;transition:transform .3s}
.faq-item.open .fq .arrow{transform:rotate(180deg)}
.faq-item .fa-body{padding:0 20px 18px 52px;color:var(--text-light);line-height:1.7;font-size:14px;display:none}
.faq-item.open .fa-body{display:block;animation:fadeSlide .3s ease both}

/* ========== Search Page ========== */
.search-hero{background:linear-gradient(135deg,var(--secondary),#0f1a2e);padding:36px;border-radius:var(--radius);margin-bottom:24px;position:relative;overflow:hidden}
.search-hero::after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(230,57,70,.3),transparent 70%);border-radius:50%}
.search-hero h1{color:#fff;margin:0 0 4px;font-size:22px;position:relative}
.search-hero .sub{color:rgba(255,255,255,.7);font-size:14px;margin-bottom:18px;position:relative}
.search-form{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.search-form input,.search-form select{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;outline:none}
.search-form input{flex:1;min-width:200px}
.search-form input::placeholder{color:rgba(255,255,255,.5)}
.search-form select{min-width:140px}
.search-form select option{color:var(--text);background:#fff}
.search-form button{background:var(--primary);color:#fff;border:0;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.search-form button:hover{background:var(--primary-dark)}
.search-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;position:relative}
.search-tags a{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}
.search-tags a:hover{background:rgba(255,255,255,.2);color:#fff}

/* ========== Brands Page ========== */
.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.brand-card-v2{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border:1.5px solid var(--border);text-align:center;transition:var(--transition);position:relative;overflow:hidden}
.brand-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}
.brand-card-v2 .bc-logo{width:72px;height:72px;border-radius:18px;background:var(--bg);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:22px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.brand-card-v2 .bc-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
.brand-card-v2 h3{font-size:16px;margin:0 0 2px;color:var(--secondary)}
.brand-card-v2 h3 a{color:inherit}
.brand-card-v2 h3 a:hover{color:var(--primary)}
.brand-card-v2 .bc-count{font-size:12px;color:var(--muted);margin-bottom:12px}
.brand-card-v2 .bc-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.brand-card-v2 .bc-bar .lbl{display:flex;justify-content:space-between;font-size:11px;color:var(--text-light);margin-bottom:3px}
.brand-card-v2 .bc-bar .track{height:5px;background:var(--bg);border-radius:3px;overflow:hidden}
.brand-card-v2 .bc-bar .track .fill{height:100%;border-radius:3px}
.brand-card-v2 .bc-bar:first-child .fill{background:var(--info)}
.brand-card-v2 .bc-bar:last-child .fill{background:var(--success)}
.brand-card-v2 .verified-tag{position:absolute;top:12px;right:12px;background:var(--info);color:#fff;font-size:10px;padding:3px 8px;border-radius:999px;font-weight:700}

/* ========== Categories Page ========== */
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cat-card-v2{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 18px;border:1.5px solid var(--border);text-align:center;transition:var(--transition);text-decoration:none;color:var(--text)}
.cat-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
.cat-card-v2 .cc-ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px;box-shadow:0 8px 20px rgba(230,57,70,.2)}
.cat-card-v2 h3{font-size:15px;font-weight:700;margin:0 0 4px;color:var(--secondary)}
.cat-card-v2 .cc-count{font-size:12px;color:var(--muted)}

/* ========== 404 Page ========== */
.e404{text-align:center;padding:80px 20px 60px;max-width:520px;margin:0 auto}
.e404-code{font-size:120px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary),var(--primary-dark),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.e404 h1{font-size:28px;margin:0 0 10px;color:var(--secondary)}
.e404 p{color:var(--text-light);font-size:15px;line-height:1.7;margin:0 0 28px}
.e404-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ========== Complaint Item v2 ========== */
.complaint-item-v2{display:flex;gap:16px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1.5px solid var(--border);transition:var(--transition);margin-bottom:12px}
.complaint-item-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}
.complaint-item-v2 .ci-ava{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg)}
.complaint-item-v2 .ci-ava img{width:100%;height:100%;object-fit:cover}
.complaint-item-v2 .ci-body{flex:1;min-width:0}
.complaint-item-v2 .ci-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:13px}
.complaint-item-v2 .ci-head .who{font-weight:700;color:var(--secondary)}
.complaint-item-v2 .ci-head .brand-tag{background:var(--bg);padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--text-light)}
.complaint-item-v2 .ci-head .brand-tag:hover{color:var(--primary);background:#fff5f6}
.complaint-item-v2 .ci-head .when{color:var(--muted);font-size:12px;margin-left:auto}
.complaint-item-v2 h3{font-size:16px;font-weight:700;margin:0 0 6px;line-height:1.35}
.complaint-item-v2 h3 a{color:var(--secondary)}
.complaint-item-v2 h3 a:hover{color:var(--primary)}
.complaint-item-v2 .excerpt{font-size:13px;color:var(--text-light);line-height:1.6;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.complaint-item-v2 .ci-foot{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}
.complaint-item-v2 .ci-foot span{display:inline-flex;align-items:center;gap:4px}
.complaint-item-v2 .ci-foot i{font-size:12px}

/* ========== Latest Section (Son Şikayetler) — clean grid ========== */
.latest-section{margin:44px 0}
.latest-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.latest-head .lh-left{display:flex;align-items:center;gap:14px}
.latest-head .lh-live{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.2px;box-shadow:0 6px 14px -4px rgba(230,57,70,.5)}
.latest-head .lh-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:livePulse 1.4s ease-in-out infinite}
.latest-head h2{font-size:24px;font-weight:800;margin:0;color:var(--secondary);letter-spacing:-.4px}
.latest-head .lh-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--primary);padding:8px 14px;border-radius:10px;transition:all .25s}
.latest-head .lh-link:hover{background:#fff5f6;transform:translateX(3px)}

.latest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}

/* Kayan slider */
.latest-slider{position:relative;margin:0 -4px}
.lsl-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.lsl-track::-webkit-scrollbar{display:none}
.lsl-track.dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.lsl-track.dragging .lcard{pointer-events:none}
.lsl-track .lcard{flex:0 0 340px;scroll-snap-align:start;max-width:340px}
@media(min-width:1100px){.lsl-track .lcard{flex:0 0 calc((100% - 48px)/4);max-width:none}}
@media(min-width:780px) and (max-width:1099px){.lsl-track .lcard{flex:0 0 calc((100% - 32px)/3);max-width:none}}
@media(min-width:520px) and (max-width:779px){.lsl-track .lcard{flex:0 0 calc((100% - 16px)/2);max-width:none}}
@media(max-width:519px){.lsl-track .lcard{flex:0 0 85%;max-width:none}}

.lsl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--secondary);display:grid;place-items:center;font-size:15px;box-shadow:0 10px 24px -6px rgba(29,53,87,.25),0 0 0 1px var(--border);cursor:pointer;z-index:5;transition:all .25s;opacity:.95}
.lsl-arrow:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 14px 30px -6px rgba(230,57,70,.45)}
.lsl-arrow.prev{left:-6px}
.lsl-arrow.next{right:-6px}
.lsl-arrow.disabled{opacity:.35;pointer-events:none}
@media(max-width:720px){
  .lsl-arrow{width:36px;height:36px;font-size:13px}
  .lsl-arrow.prev{left:2px}
  .lsl-arrow.next{right:2px}
}

.lsl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.lsl-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#d5d9e0;cursor:pointer;padding:0;transition:all .25s}
.lsl-dots button:hover{background:#aab0bc}
.lsl-dots button.active{background:linear-gradient(135deg,#e63946,#c1121f);width:22px;border-radius:999px;box-shadow:0 4px 10px -2px rgba(230,57,70,.45)}

html[data-theme="dark"] .lsl-arrow{background:#23262e;color:#eef0f4;box-shadow:0 10px 24px -6px rgba(0,0,0,.5),0 0 0 1px #2e323d}
html[data-theme="dark"] .lsl-dots button{background:#3a3f4a}

/* ========== Şikayetvar.com style feed ========== */
.sv-feed{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e6e9ef;border-radius:10px;overflow:hidden}
.sv-item{display:flex;gap:18px;padding:20px 22px;border-bottom:1px solid #eef0f4;transition:background .2s}
.sv-item:last-child{border-bottom:0}
.sv-item:hover{background:#fafbfd}

.sv-brand{flex-shrink:0;width:72px;height:72px;border-radius:50%;background:#fff;border:1px solid #e6e9ef;display:grid;place-items:center;overflow:hidden;transition:transform .25s,box-shadow .25s;align-self:flex-start}
.sv-brand:hover{transform:scale(1.04);box-shadow:0 8px 18px -6px rgba(29,53,87,.18);border-color:#d5d9e0}
.sv-brand img{width:72%;height:72%;object-fit:contain}
.sv-brand span{font-weight:900;font-size:22px;color:var(--secondary);letter-spacing:.5px}

.sv-body{flex:1;min-width:0}
.sv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-bottom:6px}
.sv-bname{font-weight:800;color:#e63946;font-size:14px}
.sv-bname:hover{text-decoration:underline}
.sv-about{color:var(--text-light);font-size:12.5px}
.sv-dot{color:#c5cad2;font-weight:700}
.sv-time{color:var(--muted);font-size:12px}
.sv-status{margin-left:auto;padding:2px 9px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.sv-status.st-resolved{background:#e8f8f0;color:#17a556}
.sv-status.st-responded{background:#e8f4fd;color:#1a6fa5}
.sv-status.st-open,.sv-status.st-pending{background:#fff4e5;color:#d4870f}

.sv-title{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 8px;letter-spacing:-.2px}
.sv-title a{color:#1a1d25}
.sv-title a:hover{color:#e63946}
.sv-excerpt{font-size:14px;line-height:1.65;color:#565a66;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.sv-foot{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.sv-user{display:flex;align-items:center;gap:7px;color:var(--text-light);font-weight:600}
.sv-user img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.sv-cat{color:var(--text-light);display:inline-flex;align-items:center;gap:5px;font-weight:600}
.sv-cat:hover{color:var(--primary)}
.sv-cat i{font-size:10px}
.sv-sep{flex:1}
.sv-stat{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.sv-stat i{font-size:11px;color:#9aa0ac}
.sv-stat.heart i{color:#e63946}
.sv-read{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--primary);padding:5px 12px;border-radius:6px;border:1px solid transparent;transition:all .2s}
.sv-read:hover{background:#fff5f6;border-color:#ffd0d4}

@media(max-width:640px){
  .sv-item{padding:16px;gap:14px}
  .sv-brand{width:52px;height:52px}
  .sv-title{font-size:15.5px}
  .sv-excerpt{font-size:13px;-webkit-line-clamp:2}
  .sv-status{margin-left:0}
  .sv-sep{display:none;flex:0}
  .sv-foot{gap:10px;font-size:12px}
  .sv-read{margin-left:auto}
}

/* Dark mode */
html[data-theme="dark"] .sv-feed{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .sv-item{border-bottom-color:#2e323d}
html[data-theme="dark"] .sv-item:hover{background:#282b33}
html[data-theme="dark"] .sv-brand{background:#1a1d25;border-color:#2e323d}
html[data-theme="dark"] .sv-title a{color:#eef0f4}
html[data-theme="dark"] .sv-title a:hover{color:#ff9aa2}
html[data-theme="dark"] .sv-excerpt{color:#aab0bc}
html[data-theme="dark"] .sv-bname{color:#ff9aa2}

/* ========== Marka Şikayet İndeksi ========== */
.brand-index{margin:52px 0}
.bi-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.bi-title{display:flex;gap:16px;align-items:center}
.bi-badge{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:20px;background:linear-gradient(135deg,#1d3557,#2d5a8e);box-shadow:0 10px 22px -6px rgba(29,53,87,.45),inset 0 -3px 8px rgba(0,0,0,.18);flex-shrink:0}
.bi-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#d4870f;margin-bottom:4px}
.bi-title h2{font-size:26px;font-weight:900;margin:0 0 4px;color:var(--secondary);letter-spacing:-.4px}
.bi-title p{font-size:13px;color:var(--text-light);margin:0}
.bi-legend{display:flex;gap:14px;font-size:12px;color:var(--text-light);font-weight:600;align-items:center;padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:10px}
.bi-legend .lg{display:inline-block;width:14px;height:8px;border-radius:3px;margin-right:4px;vertical-align:middle}
.bi-legend .lg-resp{background:linear-gradient(90deg,#3498db,#1a6fa5)}
.bi-legend .lg-reso{background:linear-gradient(90deg,#2ecc71,#17a556)}

.bi-table{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px -14px rgba(29,53,87,.12)}
.bi-row{display:grid;grid-template-columns:70px 1.4fr 90px 1fr 1fr 90px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #f0f1f5;transition:background .2s,transform .2s;color:inherit}
.bi-row:last-child{border-bottom:0}
.bi-row:not(.bi-head-row):hover{background:linear-gradient(90deg,#fff7f8,#fff);color:inherit}
.bi-head-row{background:#f8f9fb;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:12px 18px}
.bi-head-row .bi-col.num,.bi-head-row .bi-col.score{text-align:center}

.bi-col{min-width:0}
.bi-col.rank{display:flex;align-items:center;gap:8px}
.bi-rank{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:13px;background:#f3f4f7;color:var(--text-light)}
.bi-rank.r1{background:linear-gradient(135deg,#f7971e,#ffd200);color:#7a4a00;box-shadow:0 4px 10px -2px rgba(247,151,30,.5)}
.bi-rank.r2{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#fff}
.bi-rank.r3{background:linear-gradient(135deg,#cd7f32,#a0632a);color:#fff}
.bi-tr{font-size:11px}
.bi-tr.up{color:#2ecc71}
.bi-tr.down{color:#e74c3c}
.bi-tr.stable{color:var(--muted);font-size:8px}

.bi-col.brand{display:flex;align-items:center;gap:12px;min-width:0}
.bi-logo{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:900;font-size:12px;color:var(--secondary);letter-spacing:.3px}
.bi-logo img{width:100%;height:100%;object-fit:cover}
.bi-bname{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.bi-bname strong{font-size:14px;font-weight:700;color:var(--secondary);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bi-row:hover .bi-bname strong{color:var(--primary)}
.bi-bname span{font-size:11.5px;color:var(--muted);margin-top:2px}
.bi-verified{color:#3498db;font-size:11px}

.bi-col.num{font-weight:700;font-size:13.5px;color:var(--secondary);text-align:center}
.bi-col.bar-col{display:flex;align-items:center;gap:8px;text-align:left}
.bi-bar-val{font-size:12px;font-weight:800;color:var(--secondary);min-width:34px;flex-shrink:0}
.bi-bar{display:block;flex:1;height:6px;background:#eef0f4;border-radius:999px;overflow:hidden}
.bi-bar-fill{display:block;height:100%;width:var(--w,0%);border-radius:999px;transition:width 1s ease}
.bi-bar-fill.resp{background:linear-gradient(90deg,#3498db,#1a6fa5)}
.bi-bar-fill.reso{background:linear-gradient(90deg,#2ecc71,#17a556)}

.bi-col.score{text-align:center}
.bi-score{display:inline-flex;flex-direction:column;align-items:center;gap:0;padding:4px 10px;border-radius:10px;min-width:54px;line-height:1}
.bi-score em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.5px;opacity:.8;margin-bottom:2px}
.bi-score b{font-size:17px;font-weight:900;letter-spacing:-.3px}
.bi-score.high{background:linear-gradient(135deg,#e8f8f0,#d4f2e0);color:#17a556;border:1px solid #c8ecd6}
.bi-score.mid{background:linear-gradient(135deg,#fff4e5,#ffe9c8);color:#d4870f;border:1px solid #f6d9a8}
.bi-score.low{background:linear-gradient(135deg,#ffeaea,#ffd4d4);color:#c0392b;border:1px solid #f4b8b8}

.bi-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}
.bi-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--primary);padding:9px 16px;border-radius:10px;border:1.5px solid #ffd0d4;background:#fff;transition:all .25s}
.bi-more:hover{background:var(--primary);color:#fff;transform:translateX(3px)}
.bi-note{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}

@media(max-width:780px){
  .hide-sm{display:none !important}
  .bi-row{grid-template-columns:50px 1.4fr 1fr 1fr 70px;gap:8px;padding:12px}
  .bi-head-row{padding:10px 12px}
  .bi-title h2{font-size:21px}
  .bi-legend{display:none}
}
@media(max-width:520px){
  .hide-lg{display:none !important}
  .bi-row{grid-template-columns:40px 1.6fr .9fr .9fr 60px}
  .bi-col.num{font-size:12.5px}
  .bi-bar-val{min-width:28px;font-size:11px}
  .bi-logo{width:32px;height:32px}
  .bi-bname strong{font-size:13px}
  .bi-score b{font-size:14px}
  .bi-score em{font-size:9px}
}

html[data-theme="dark"] .bi-table{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .bi-row{border-bottom-color:#2e323d}
html[data-theme="dark"] .bi-head-row{background:#1a1d25;color:#aab0bc}
html[data-theme="dark"] .bi-row:not(.bi-head-row):hover{background:linear-gradient(90deg,#2a1f22,#23262e)}
html[data-theme="dark"] .bi-logo{background:#1a1d25;border-color:#2e323d;color:#eef0f4}
html[data-theme="dark"] .bi-bname strong,html[data-theme="dark"] .bi-col.num,html[data-theme="dark"] .bi-bar-val,html[data-theme="dark"] .bi-title h2{color:#eef0f4}
html[data-theme="dark"] .bi-bar{background:#2e323d}
html[data-theme="dark"] .bi-rank{background:#2e323d;color:#aab0bc}
html[data-theme="dark"] .bi-legend,html[data-theme="dark"] .bi-more{background:#23262e;border-color:#2e323d}

/* ========== Haftanın Özeti ========== */
.week-digest{margin:48px 0}
.wd-head{text-align:center;margin-bottom:24px}
.wd-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#667eea;background:rgba(102,126,234,.1);padding:6px 14px;border-radius:999px;margin-bottom:10px}
.wd-head h2{font-size:26px;font-weight:900;margin:0;color:var(--secondary);letter-spacing:-.4px}
.wd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wd-card{position:relative;padding:24px 22px;background:#fff;border:1px solid var(--border);border-radius:18px;text-align:center;overflow:hidden;transition:transform .3s,box-shadow .3s}
.wd-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s}
.wd-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px -16px rgba(29,53,87,.2)}
.wd-card:hover::before{opacity:1}
.wd-ico{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 12px 24px -6px rgba(0,0,0,.2),inset 0 -3px 8px rgba(0,0,0,.15);transition:transform .35s}
.wd-card:hover .wd-ico{transform:rotate(-6deg) scale(1.06)}
.wd-num{font-size:34px;font-weight:900;color:var(--secondary);letter-spacing:-1px;line-height:1;margin-bottom:6px}
.wd-num em{font-style:normal;font-size:14px;font-weight:700;color:var(--text-light);margin-left:2px}
.wd-lbl{font-size:13px;font-weight:700;color:var(--secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}
.wd-note{font-size:11.5px;color:var(--muted);padding:4px 10px;background:#f8f9fb;border-radius:999px;display:inline-block}

@media(max-width:780px){
  .wd-grid{grid-template-columns:1fr 1fr;gap:12px}
  .wd-head h2{font-size:21px}
  .wd-num{font-size:26px}
}
@media(max-width:420px){
  .wd-grid{grid-template-columns:1fr}
}
html[data-theme="dark"] .wd-card{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .wd-num,html[data-theme="dark"] .wd-lbl,html[data-theme="dark"] .wd-head h2{color:#eef0f4}
html[data-theme="dark"] .wd-note{background:#1a1d25;color:#aab0bc}

/* ========== Başarı Hikayeleri ========== */
.success-stories{position:relative;margin:52px 0;padding:46px 34px;border-radius:28px;background:linear-gradient(135deg,#effef5 0%,#fff 50%,#e8f8f0 100%);border:1px solid #c8ecd6;overflow:hidden}
.success-stories::before{content:"";position:absolute;top:-140px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(46,204,113,.22),transparent 70%);border-radius:50%;pointer-events:none;filter:blur(40px)}
.success-stories::after{content:"";position:absolute;bottom:-100px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(29,53,87,.08),transparent 70%);border-radius:50%;pointer-events:none;filter:blur(40px)}
.ss-head{position:relative;text-align:center;max-width:620px;margin:0 auto 36px;z-index:1}
.ss-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#17a556;background:rgba(46,204,113,.14);padding:6px 14px;border-radius:999px;margin-bottom:12px}
.ss-head h2{font-size:30px;font-weight:900;margin:0 0 8px;color:var(--secondary);letter-spacing:-.6px}
.ss-head p{font-size:14px;color:var(--text-light);margin:0;line-height:1.6}

.ss-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;z-index:1}
.ss-card{position:relative;background:#fff;border:1px solid #d9eee3;border-radius:20px;padding:26px 24px 22px;display:flex;flex-direction:column;box-shadow:0 10px 30px -14px rgba(23,165,86,.2);transition:transform .35s,box-shadow .35s;overflow:hidden}
.ss-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -18px rgba(23,165,86,.35)}
.ss-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2ecc71,#17a556,#2ecc71);background-size:200% 100%;animation:shimmerBar 4s linear infinite}
.ss-ribbon{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#2ecc71,#17a556);color:#fff;font-size:10px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:999px;box-shadow:0 6px 14px -4px rgba(23,165,86,.5);z-index:2}
.ss-quote-mark{position:absolute;top:16px;left:14px;font-family:Georgia,serif;font-size:96px;line-height:.7;color:rgba(46,204,113,.15);font-weight:900;pointer-events:none}
.ss-card h3{position:relative;font-size:16.5px;font-weight:800;line-height:1.4;margin:30px 0 10px;letter-spacing:-.2px;z-index:1}
.ss-card h3 a{color:var(--secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ss-card h3 a:hover{color:#17a556}
.ss-excerpt{font-size:13.5px;line-height:1.65;color:var(--text-light);margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.ss-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px dashed #d9eee3;border-bottom:1px dashed #d9eee3;margin-bottom:14px;flex-wrap:wrap}
.ss-brand{display:flex;align-items:center;gap:10px;min-width:0}
.ss-logo{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #d9eee3;display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:900;font-size:12px;color:#17a556}
.ss-logo img{width:100%;height:100%;object-fit:cover}
.ss-brand strong{display:block;font-size:13px;color:var(--secondary);font-weight:800;line-height:1.2}
.ss-brand span{font-size:11px;color:#17a556;font-weight:700}
.ss-user{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);font-weight:600;flex-shrink:0}
.ss-user img{width:24px;height:24px;border-radius:50%;object-fit:cover}

.ss-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.ss-support{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#e63946;padding:4px 10px;background:#fff5f6;border-radius:999px}
.ss-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#17a556;transition:transform .2s}
.ss-link:hover{color:#17a556;transform:translateX(3px)}

@media(max-width:900px){
  .ss-grid{grid-template-columns:1fr 1fr}
  .ss-grid .ss-card:last-child{grid-column:1/-1}
}
@media(max-width:600px){
  .success-stories{padding:32px 20px;border-radius:22px}
  .ss-head h2{font-size:22px}
  .ss-grid{grid-template-columns:1fr;gap:14px}
  .ss-grid .ss-card:last-child{grid-column:auto}
}
html[data-theme="dark"] .success-stories{background:linear-gradient(135deg,#14281d 0%,#1a1d25 50%,#1a2a22 100%);border-color:#2a4a36}
html[data-theme="dark"] .ss-card{background:#23262e;border-color:#2a4a36}
html[data-theme="dark"] .ss-card h3 a,html[data-theme="dark"] .ss-brand strong,html[data-theme="dark"] .ss-head h2{color:#eef0f4}
html[data-theme="dark"] .ss-excerpt,html[data-theme="dark"] .ss-head p{color:#aab0bc}
html[data-theme="dark"] .ss-meta{border-color:#2a4a36}
html[data-theme="dark"] .ss-logo{background:#1a1d25;border-color:#2a4a36}
html[data-theme="dark"] .ss-support{background:#2a1f22;color:#ff9aa2}

/* ========== SSS ========== */
.faq-section{margin:56px 0}
.faq-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:24px;padding:44px 40px;box-shadow:0 12px 32px -16px rgba(29,53,87,.12);position:relative;overflow:hidden}
.faq-wrap::before{content:"?";position:absolute;top:-60px;right:-30px;font-size:320px;font-weight:900;color:#f4f6f9;line-height:1;pointer-events:none;font-family:Georgia,serif}

.faq-left{position:relative;z-index:1}
.faq-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:#fff5f6;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.faq-left h2{font-size:30px;font-weight:900;margin:0 0 10px;color:var(--secondary);letter-spacing:-.5px;line-height:1.2}
.faq-left p{font-size:14px;color:var(--text-light);line-height:1.65;margin:0 0 20px}
.faq-contacts{display:flex;flex-direction:column;gap:10px}
.faq-contact{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8f9fb;border:1px solid var(--border);border-radius:14px;color:var(--secondary);transition:all .25s}
.faq-contact:hover{background:#fff5f6;border-color:#ffd0d4;color:var(--secondary);transform:translateX(4px)}
.faq-contact i{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:grid;place-items:center;font-size:16px;flex-shrink:0}
.faq-contact strong{display:block;font-size:14px;font-weight:800;color:var(--secondary);line-height:1.2}
.faq-contact span{font-size:12px;color:var(--muted);display:block;margin-top:2px}

.faq-right{position:relative;z-index:1}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fafbfd;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .3s}
.faq-item[open]{background:#fff;border-color:#ffd0d4;box-shadow:0 10px 24px -12px rgba(230,57,70,.25)}
.faq-item summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{display:none}
.faq-item:not([open]) summary:hover{background:#f3f4f7}
.faq-q{font-size:14.5px;font-weight:700;color:var(--secondary);line-height:1.4;flex:1}
.faq-item[open] .faq-q{color:var(--primary)}
.faq-arrow{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:12px;transition:transform .3s,background .3s;flex-shrink:0;border:1px solid var(--border)}
.faq-item[open] .faq-arrow{transform:rotate(180deg);background:var(--primary);color:#fff;border-color:var(--primary)}
.faq-a{padding:0 18px 18px 18px;font-size:13.5px;line-height:1.7;color:var(--text-light);animation:faqSlide .35s ease-out}
@keyframes faqSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .faq-wrap{grid-template-columns:1fr;padding:32px 24px;gap:28px}
  .faq-left h2{font-size:24px}
  .faq-wrap::before{font-size:200px;top:-30px;right:-20px}
}
@media(max-width:520px){
  .faq-wrap{padding:26px 18px;border-radius:18px}
  .faq-left h2{font-size:21px}
  .faq-contacts{flex-direction:column}
  .faq-item summary{padding:14px}
  .faq-q{font-size:13.5px}
}
html[data-theme="dark"] .faq-wrap{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .faq-wrap::before{color:#2a2d36}
html[data-theme="dark"] .faq-left h2,html[data-theme="dark"] .faq-q,html[data-theme="dark"] .faq-contact strong{color:#eef0f4}
html[data-theme="dark"] .faq-left p,html[data-theme="dark"] .faq-a{color:#aab0bc}
html[data-theme="dark"] .faq-item{background:#1a1d25;border-color:#2e323d}
html[data-theme="dark"] .faq-item[open]{background:#23262e;border-color:#4a2a30}
html[data-theme="dark"] .faq-item:not([open]) summary:hover{background:#20232b}
html[data-theme="dark"] .faq-arrow{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .faq-contact{background:#1a1d25;border-color:#2e323d;color:#eef0f4}
html[data-theme="dark"] .faq-contact:hover{background:#2a1f22;border-color:#4a2a30;color:#eef0f4}

/* ========== Live Ticker (marquee) ========== */
.live-ticker{position:relative;max-width:1200px;margin:0 auto 24px;padding:0 20px;z-index:4}
.lt-inner{display:flex;align-items:center;gap:0;background:linear-gradient(90deg,#1d3557 0%,#2d5a8e 100%);border-radius:14px;box-shadow:0 14px 34px -14px rgba(29,53,87,.4);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.lt-label{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;box-shadow:4px 0 14px -4px rgba(230,57,70,.5);position:relative;z-index:2;align-self:stretch}
.lt-label::after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:20px;background:linear-gradient(135deg,#c1121f,#c1121f);clip-path:polygon(0 0,60% 50%,0 100%)}
.lt-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:livePulse 1.3s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,255,255,.7)}

.lt-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lt-track{display:inline-flex;align-items:center;gap:0;white-space:nowrap;animation:ltScroll 60s linear infinite;padding:10px 0}
.live-ticker.paused .lt-track{animation-play-state:paused}
@keyframes ltScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.lt-item{display:inline-flex;align-items:center;gap:7px;padding:0 22px;color:rgba(255,255,255,.9);font-size:13px;border-right:1px dashed rgba(255,255,255,.12);transition:color .2s}
.lt-item:hover{color:#fff}
.lt-item i{font-size:11px;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0}
.lt-item.lt-complaint i{background:rgba(230,57,70,.25);color:#ff9aa2}
.lt-item.lt-resolved i{background:rgba(46,204,113,.25);color:#6dfabf}
.lt-item.lt-comment i{background:rgba(52,152,219,.25);color:#6dd5fa}
.lt-verb{font-weight:800;font-size:11px;letter-spacing:.3px;text-transform:uppercase;opacity:.75}
.lt-item.lt-complaint .lt-verb{color:#ff9aa2}
.lt-item.lt-resolved .lt-verb{color:#6dfabf}
.lt-item.lt-comment .lt-verb{color:#6dd5fa}
.lt-item strong{color:#fff;font-weight:800}
.lt-text{opacity:.75}
.lt-time{color:rgba(255,255,255,.55);font-size:11.5px;margin-left:8px;font-weight:600}

.lt-pause{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;margin-right:10px;font-size:11px;display:grid;place-items:center;transition:all .2s}
.lt-pause:hover{background:rgba(255,255,255,.22);transform:scale(1.08)}

@media(max-width:720px){
  .live-ticker{padding:0 12px}
  .lt-label{padding:8px 10px;font-size:10px;letter-spacing:1px}
  .lt-item{padding:0 14px;font-size:12px}
  .lt-text{display:none}
  .lt-pause{display:none}
}

/* ========== App Promo ========== */
.app-promo{position:relative;margin:56px 0;padding:52px 40px;border-radius:32px;background:linear-gradient(135deg,#0f1a2e 0%,#1d3557 50%,#2d5a8e 100%);overflow:hidden;box-shadow:0 40px 80px -30px rgba(15,26,46,.5)}
.ap-bg{position:absolute;inset:0;pointer-events:none}
.ap-blob{position:absolute;border-radius:50%;filter:blur(70px)}
.ap-blob.b1{width:480px;height:480px;background:radial-gradient(circle,rgba(230,57,70,.45),transparent 70%);top:-160px;left:-100px;animation:blobFloat 18s ease-in-out infinite}
.ap-blob.b2{width:400px;height:400px;background:radial-gradient(circle,rgba(109,213,250,.4),transparent 70%);bottom:-140px;right:-80px;animation:blobFloat 22s ease-in-out infinite reverse}
.ap-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.ap-ring.r1{width:260px;height:260px;top:40px;right:20%;animation:spinSlow 30s linear infinite}
.ap-ring.r2{width:180px;height:180px;top:120px;right:calc(20% + 40px);animation:spinReverse 24s linear infinite;border-style:dashed}

.ap-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}

.ap-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);margin-bottom:16px}
.app-promo h2{font-size:38px;font-weight:900;color:#fff;line-height:1.15;margin:0 0 14px;letter-spacing:-1px}
.ap-grad{background:linear-gradient(135deg,#ffd89b,#ff6b8b 60%,#ff9aa2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.app-promo p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.8);margin:0 0 26px;max-width:540px}

.ap-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.ap-feat{display:flex;align-items:center;gap:14px}
.ap-feat > i{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.ap-feat strong{display:block;font-size:14px;color:#fff;font-weight:800;letter-spacing:.2px}
.ap-feat span{font-size:12.5px;color:rgba(255,255,255,.65);display:block;margin-top:2px}

.ap-stores{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ap-store{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border-radius:12px;background:#fff;color:#1d3557;transition:transform .25s,box-shadow .25s}
.ap-store:hover{transform:translateY(-3px);box-shadow:0 18px 36px -10px rgba(0,0,0,.4);color:#1d3557}
.ap-store i{font-size:30px}
.ap-store span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;line-height:1}
.ap-store strong{display:block;font-size:15px;font-weight:800;color:#1d3557;margin-top:2px;letter-spacing:-.2px}
.ap-rating{margin-left:6px;padding-left:16px;border-left:1px solid rgba(255,255,255,.2)}
.ap-stars{color:#ffd700;font-size:14px;letter-spacing:1px;text-shadow:0 2px 6px rgba(255,215,0,.3)}
.ap-rate-num{font-size:11.5px;color:rgba(255,255,255,.7);margin-top:3px}
.ap-rate-num strong{color:#fff;font-weight:900;font-size:14px;letter-spacing:-.3px;margin-right:2px}

.ap-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px}
.ap-phone{position:relative;width:260px;height:420px;filter:drop-shadow(0 40px 60px rgba(0,0,0,.5))}
.ap-phone-frame{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2a3142,#0f1a2e);border-radius:38px;padding:14px;border:2px solid rgba(255,255,255,.08);overflow:hidden}
.ap-phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:80px;height:20px;background:#0a0e17;border-radius:0 0 12px 12px;z-index:3}
.ap-phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#1d3557,#0f1a2e);border-radius:26px;padding:36px 14px 14px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}

.ap-notif{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;animation:apSlide .6s ease-out backwards;box-shadow:0 8px 20px -6px rgba(0,0,0,.3)}
.ap-notif.n1{animation-delay:.15s}
.ap-notif.n2{animation-delay:.35s}
.ap-notif.n3{animation-delay:.55s}
@keyframes apSlide{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
.ap-notif-ico{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2ecc71,#17a556);color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}
.ap-notif-ico.blue{background:linear-gradient(135deg,#3498db,#1a6fa5)}
.ap-notif-ico.orange{background:linear-gradient(135deg,#ff6b35,#e63946)}
.ap-notif strong{display:block;font-size:11.5px;color:#1d3557;font-weight:800;line-height:1.2}
.ap-notif span{display:block;font-size:9.5px;color:#636e72;margin-top:2px}

.ap-phone-big{margin-top:auto;text-align:center;padding:14px 10px 6px;background:linear-gradient(135deg,rgba(230,57,70,.2),rgba(230,57,70,.05));border-radius:14px;border:1px solid rgba(255,255,255,.08);animation:apSlide .8s ease-out .75s backwards}
.ap-phone-num{font-size:26px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#ffd89b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-phone-lbl{font-size:9.5px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:3px}

.ap-float{position:absolute;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 16px 32px -8px rgba(230,57,70,.6);animation:cardFloat 5s ease-in-out infinite}
.ap-float.f1{top:20px;right:-4px;--r:-8deg;animation-delay:0s;background:linear-gradient(135deg,#ff6b35,#e63946)}
.ap-float.f2{bottom:80px;left:-20px;--r:6deg;animation-delay:1s;background:linear-gradient(135deg,#f7971e,#ffd200);color:#7a4a00}
.ap-float.f3{top:140px;left:-30px;--r:-4deg;animation-delay:2s;background:linear-gradient(135deg,#3498db,#1a6fa5)}

@media(max-width:900px){
  .ap-inner{grid-template-columns:1fr;text-align:center}
  .app-promo h2{font-size:28px}
  .app-promo p{margin-left:auto;margin-right:auto}
  .ap-features{max-width:400px;margin-left:auto;margin-right:auto}
  .ap-feat{text-align:left}
  .ap-stores{justify-content:center}
  .ap-rating{margin-top:8px;padding-left:0;border-left:0}
  .ap-right{min-height:380px}
}
@media(max-width:600px){
  .app-promo{padding:36px 22px;border-radius:24px}
  .app-promo h2{font-size:23px}
  .ap-phone{width:220px;height:360px}
  .ap-stores{flex-direction:column;width:100%}
  .ap-store{width:100%;justify-content:center}
  .ap-rating{width:100%;text-align:center}
}

.lcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.lcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),transparent);opacity:0;transition:opacity .25s}
.lcard:hover{transform:translateY(-3px);box-shadow:0 18px 32px -16px rgba(29,53,87,.18);border-color:#ffd0d4}
.lcard:hover::before{opacity:1}

.lcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lcard-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1}
.lcard-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#fff5f6,#fff);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:900;font-size:12px;color:var(--primary);letter-spacing:.5px}
.lcard-logo img{width:100%;height:100%;object-fit:cover}
.lcard-bname{font-size:13.5px;font-weight:700;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lcard-brand:hover .lcard-bname{color:var(--primary)}
.lcard-status{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0;white-space:nowrap}
.lcard-status.st-resolved{background:#e8f8f0;color:#17a556}
.lcard-status.st-responded{background:#e8f4fd;color:#1a6fa5}
.lcard-status.st-open,.lcard-status.st-pending{background:#fff4e5;color:#d4870f}

.lcard-title{font-size:15.5px;font-weight:700;line-height:1.4;margin:0;letter-spacing:-.2px}
.lcard-title a{color:var(--secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard-title a:hover{color:var(--primary)}
.lcard-excerpt{font-size:13px;line-height:1.6;color:var(--text-light);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}

.lcard-chips{display:flex;flex-wrap:wrap;gap:6px}
.lcard-chips .chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.2px}
.chip-new{background:linear-gradient(135deg,#1d3557,#2d5a8e);color:#fff}
.chip-hot{background:linear-gradient(135deg,#ff6b35,#e63946);color:#fff}
.chip-cat{background:#f3f4f7;color:var(--text-light);border:1px solid var(--border)}
.chip-cat:hover{background:#fff5f6;color:var(--primary);border-color:#ffd0d4}

.lcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #f2f3f7;margin-top:auto}
.lcard-user{display:flex;align-items:center;gap:9px;min-width:0}
.lcard-user img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.lcard-user-info{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.lcard-user-info strong{font-size:12.5px;color:var(--secondary);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcard-user-info span{font-size:11px;color:var(--muted)}
.lcard-stats{display:flex;gap:10px;font-size:11.5px;color:var(--muted);flex-shrink:0}
.lcard-stats span{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.lcard-stats i{font-size:11px;opacity:.7}

.latest-empty{text-align:center;padding:56px 20px;background:#fff;border-radius:16px;border:1.5px dashed var(--border)}
.latest-empty i{font-size:44px;color:var(--border);margin-bottom:10px;display:block}
.latest-empty h3{margin:0 0 6px;color:var(--secondary)}
.latest-empty p{color:var(--muted);margin:0 0 18px}

@media (max-width:720px){
  .latest-grid{grid-template-columns:1fr;gap:12px}
  .latest-head h2{font-size:20px}
  .lcard{padding:16px}
}

/* Dark mode */
html[data-theme="dark"] .lcard,html[data-theme="dark"] .latest-empty{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .latest-head h2,html[data-theme="dark"] .lcard-title a,html[data-theme="dark"] .lcard-bname,html[data-theme="dark"] .lcard-user-info strong{color:#eef0f4}
html[data-theme="dark"] .lcard-excerpt{color:#aab0bc}
html[data-theme="dark"] .lcard-foot{border-top-color:#2e323d}
html[data-theme="dark"] .lcard-logo{background:#1a1d25;border-color:#2e323d}
html[data-theme="dark"] .chip-cat{background:#1a1d25;border-color:#2e323d;color:#aab0bc}
html[data-theme="dark"] .latest-head .lh-link:hover{background:rgba(230,57,70,.12)}

/* ========== Nasıl Çalışır ========== */
.how-works{position:relative;margin:56px 0;padding:48px 32px;border-radius:28px;background:linear-gradient(135deg,#f8f9ff 0%,#fff 50%,#fff5f6 100%);border:1px solid #eef0f4;overflow:hidden}
.how-works::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 0%,rgba(102,126,234,.08),transparent 40%),radial-gradient(circle at 80% 100%,rgba(230,57,70,.08),transparent 40%);pointer-events:none}
.hw-head{position:relative;text-align:center;max-width:560px;margin:0 auto 44px}
.hw-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#667eea;background:rgba(102,126,234,.1);padding:6px 14px;border-radius:999px;margin-bottom:14px}
.hw-head h2{font-size:32px;font-weight:900;margin:0 0 8px;color:var(--secondary);letter-spacing:-.8px}
.hw-grad{background:linear-gradient(135deg,#667eea,#e63946);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hw-head p{font-size:15px;color:var(--text-light);margin:0;line-height:1.6}

.hw-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:0 auto;z-index:1}
.hw-line{position:absolute;top:48px;left:12%;right:12%;height:3px;background:#eef0f4;border-radius:999px;z-index:0;overflow:hidden}
.hw-line-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#e63946,#3498db 33%,#f39c12 66%,#2ecc71);border-radius:999px;animation:hwFill 2.5s ease-out forwards}
@keyframes hwFill{to{width:100%}}
.hw-step{--ac:#e63946;--ac2:#c1121f;position:relative;text-align:center;padding:8px 6px 20px;z-index:1}
.hw-step .hw-num{position:absolute;top:-2px;right:calc(50% - 60px);width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ac2);font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid var(--ac);box-shadow:0 4px 10px -2px color-mix(in srgb,var(--ac) 40%,transparent);z-index:3}
.hw-ico{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;background:#fff;border:4px solid #fff;display:grid;place-items:center;font-size:32px;color:var(--ac);box-shadow:0 16px 34px -10px color-mix(in srgb,var(--ac) 40%,transparent),0 0 0 3px color-mix(in srgb,var(--ac) 15%,transparent);position:relative;transition:transform .4s,box-shadow .4s;z-index:2}
.hw-ico::before{content:"";position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from 0deg,var(--ac),var(--ac2),var(--ac));opacity:0;filter:blur(12px);transition:opacity .4s;z-index:-1}
.hw-step:hover .hw-ico{transform:translateY(-6px) scale(1.05)}
.hw-step:hover .hw-ico::before{opacity:.35}
.hw-step h3{font-size:16px;font-weight:800;margin:0 0 8px;color:var(--secondary);letter-spacing:-.2px}
.hw-step p{font-size:13px;line-height:1.6;color:var(--text-light);margin:0;max-width:220px;margin-left:auto;margin-right:auto}

.hw-cta{position:relative;text-align:center;margin-top:36px;z-index:1}
.hw-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;font-size:15px;font-weight:800;box-shadow:0 14px 30px -8px rgba(230,57,70,.5);transition:transform .25s,box-shadow .25s;letter-spacing:.2px}
.hw-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px rgba(230,57,70,.6);color:#fff}
.hw-note{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-light);margin-left:18px}
.hw-note i{color:#2ecc71}
.hw-note strong{color:var(--secondary);font-weight:800}

@media(max-width:900px){
  .hw-steps{grid-template-columns:1fr 1fr;gap:32px 20px}
  .hw-line{display:none}
}
@media(max-width:600px){
  .how-works{padding:36px 20px;border-radius:22px}
  .hw-head h2{font-size:24px}
  .hw-steps{grid-template-columns:1fr;gap:28px}
  .hw-ico{width:80px;height:80px;font-size:26px}
  .hw-note{display:block;margin:14px 0 0}
}
html[data-theme="dark"] .how-works{background:linear-gradient(135deg,#1a1d28 0%,#23262e 50%,#2a1f22 100%);border-color:#2e323d}
html[data-theme="dark"] .hw-head h2,html[data-theme="dark"] .hw-step h3{color:#eef0f4}
html[data-theme="dark"] .hw-head p,html[data-theme="dark"] .hw-step p,html[data-theme="dark"] .hw-note{color:#aab0bc}
html[data-theme="dark"] .hw-ico,html[data-theme="dark"] .hw-step .hw-num{background:#23262e}
html[data-theme="dark"] .hw-line{background:#2e323d}

/* ========== Pulse Row (Tags + Contributors) ========== */
.pulse-row{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin:48px 0}
.pr-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px 26px;box-shadow:0 6px 20px -10px rgba(29,53,87,.1);transition:box-shadow .3s}
.pr-card:hover{box-shadow:0 18px 36px -12px rgba(29,53,87,.16)}
.pr-head{display:flex;gap:14px;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed var(--border)}
.pr-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 10px 20px -6px rgba(0,0,0,.2),inset 0 -3px 6px rgba(0,0,0,.15);flex-shrink:0}
.pr-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:2px}
.pr-head h3{font-size:19px;font-weight:800;margin:0;color:var(--secondary);letter-spacing:-.3px}

/* Tag Cloud */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;line-height:1.4}
.tc-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#f8f9fb,#fff);border:1px solid var(--border);color:var(--secondary);transition:all .25s;position:relative}
.tc-tag:hover{background:linear-gradient(135deg,#fff5f6,#fff);border-color:var(--primary);color:var(--primary);transform:translateY(-2px) scale(1.04);box-shadow:0 8px 16px -6px rgba(230,57,70,.25);opacity:1 !important}
.tc-count{font-size:.68em;font-weight:700;background:rgba(102,126,234,.12);color:#667eea;padding:1px 8px;border-radius:999px;font-style:normal}
.tc-tag:hover .tc-count{background:rgba(230,57,70,.15);color:var(--primary)}

/* Contributors */
.contrib-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.contrib-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;transition:background .25s}
.contrib-item:hover{background:#f8f9fb}
.contrib-rank{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:var(--text-light);background:#f3f4f7;flex-shrink:0}
.contrib-rank.r1{background:linear-gradient(135deg,#f7971e,#ffd200);color:#7a4a00;box-shadow:0 4px 10px -2px rgba(247,151,30,.4)}
.contrib-rank.r2{background:linear-gradient(135deg,#cbd5e0,#a0aec0);color:#fff}
.contrib-rank.r3{background:linear-gradient(135deg,#cd7f32,#a0632a);color:#fff}
.contrib-ava{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1);flex-shrink:0}
.contrib-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.contrib-info strong{font-size:13.5px;font-weight:700;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contrib-info span{font-size:11.5px;color:var(--muted)}
.contrib-badge{font-size:18px;flex-shrink:0}

@media(max-width:900px){
  .pulse-row{grid-template-columns:1fr}
}
html[data-theme="dark"] .pr-card{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .pr-head{border-bottom-color:#2e323d}
html[data-theme="dark"] .pr-head h3,html[data-theme="dark"] .contrib-info strong,html[data-theme="dark"] .tc-tag{color:#eef0f4}
html[data-theme="dark"] .tc-tag{background:linear-gradient(135deg,#1a1d25,#23262e);border-color:#2e323d}
html[data-theme="dark"] .tc-tag:hover{background:linear-gradient(135deg,#2a1f22,#23262e);color:#ff9aa2;border-color:#4a2a30}
html[data-theme="dark"] .contrib-item:hover{background:#1a1d25}
html[data-theme="dark"] .contrib-rank{background:#2e323d;color:#aab0bc}

/* ========== (legacy) Latest Showcase — kept for safety ========== */
.latest-showcase{position:relative;margin:48px 0;padding:40px 32px;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#fff7f8 55%,#fff3ef 100%);border:1px solid #f3e0e3;box-shadow:0 30px 60px -30px rgba(230,57,70,.18),0 2px 8px rgba(0,0,0,.04);overflow:hidden}
.ls-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:28px}
.ls-decor .ls-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}
.ls-decor .ls-blob.b1{width:420px;height:420px;background:radial-gradient(circle,#ffb0b8,transparent 70%);top:-120px;right:-100px;animation:blobFloat 14s ease-in-out infinite}
.ls-decor .ls-blob.b2{width:340px;height:340px;background:radial-gradient(circle,#b8e0ff,transparent 70%);bottom:-120px;left:-80px;animation:blobFloat 18s ease-in-out infinite reverse}
.ls-decor .ls-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(29,53,87,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(29,53,87,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at top,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at top,#000 0%,transparent 70%)}

.ls-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.ls-title{display:flex;gap:18px;align-items:center}
.ls-flame{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(135deg,#ff6b35,#e63946 60%,#c1121f);box-shadow:0 12px 28px -6px rgba(230,57,70,.6),inset 0 -4px 10px rgba(0,0,0,.15);animation:livePulse 2.4s ease-in-out infinite}
.ls-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#e63946;text-transform:uppercase;margin-bottom:4px}
.ls-live-dot{width:8px;height:8px;border-radius:50%;background:#e63946;box-shadow:0 0 0 0 rgba(230,57,70,.7);animation:livePulse 1.4s ease-in-out infinite}
.ls-title h2{font-size:28px;font-weight:900;margin:0 0 4px;color:var(--secondary);background:linear-gradient(135deg,#1d3557 0%,#e63946 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}
.ls-title p{font-size:13px;color:var(--text-light);margin:0}

.ls-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ls-tabs{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:1px solid #f0d6d9;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.04)}
.ls-tab{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--text-light);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .25s}
.ls-tab:hover{color:var(--secondary);background:rgba(230,57,70,.06)}
.ls-tab.active{background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;box-shadow:0 6px 14px -4px rgba(230,57,70,.5)}
.ls-tab i{font-size:11px}
.ls-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);padding:8px 14px;border-radius:10px;border:1.5px solid transparent;transition:all .25s}
.ls-all:hover{border-color:#ffc9ce;background:#fff;transform:translateX(3px)}

.ls-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:22px}

/* HERO CARD */
.ls-hero{--ac:#e63946;display:grid;grid-template-columns:200px 1fr;gap:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px -20px rgba(29,53,87,.2),0 2px 6px rgba(0,0,0,.04);border:1px solid #eef0f4;transition:transform .35s ease,box-shadow .35s ease;position:relative}
.ls-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ac),color-mix(in srgb,var(--ac) 60%,#000));z-index:2}
.ls-hero:hover{transform:translateY(-4px);box-shadow:0 30px 60px -25px rgba(29,53,87,.3),0 4px 12px rgba(0,0,0,.06)}
.lh-side{padding:24px 20px;background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 8%,#fff) 0%,color-mix(in srgb,var(--ac) 3%,#fff) 100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-right:1px solid #f0f1f5}
.lh-brand{width:84px;height:84px;border-radius:22px;background:#fff;box-shadow:0 10px 24px -8px rgba(0,0,0,.15);display:grid;place-items:center;overflow:hidden;border:2px solid #fff;position:relative}
.lh-brand::after{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,var(--ac),transparent);z-index:-1;opacity:.6}
.lh-brand img{width:100%;height:100%;object-fit:cover}
.lh-brand span{font-weight:900;font-size:24px;color:var(--ac);letter-spacing:.5px}
.lh-brand-name{font-size:15px;font-weight:800;color:var(--secondary)}
.lh-brand-name:hover{color:var(--ac)}
.lh-cat{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-light);background:#fff;padding:4px 10px;border-radius:999px;border:1px solid #eef0f4}
.lh-cat:hover{color:var(--ac);border-color:var(--ac)}
.lh-stats{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px;padding-top:14px;border-top:1px dashed #e4e7ec}
.lh-stats > div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;font-size:11px;color:var(--muted);text-align:left}
.lh-stats i{color:var(--ac);font-size:13px}
.lh-stats strong{font-size:15px;font-weight:800;color:var(--secondary);justify-self:end}
.lh-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;grid-column:2/3}

.lh-main{padding:24px 26px;display:flex;flex-direction:column;min-width:0}
.lh-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.lh-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:999px;text-transform:uppercase}
.lh-badge.featured{background:linear-gradient(135deg,#1d3557,#2d5a8e);color:#fff;box-shadow:0 4px 10px -2px rgba(29,53,87,.35)}
.lh-badge.hot{background:linear-gradient(135deg,#ff6b35,#e63946);color:#fff;box-shadow:0 4px 10px -2px rgba(230,57,70,.4);animation:livePulse 2s ease-in-out infinite}
.lh-badge.status{background:#fff;border:1px solid #e4e7ec;color:var(--text-light)}
.lh-badge.status.resolved{background:#e8f8f0;color:#17a556;border-color:#c8ecd6}
.lh-badge.status.responded{background:#e8f4fd;color:#1a6fa5;border-color:#c8def0}
.lh-badge.status.open,.lh-badge.status.pending{background:#fff4e5;color:#d4870f;border-color:#f6d9a8}
.lh-time{margin-left:auto;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.lh-main h3{font-size:22px;font-weight:800;line-height:1.3;margin:0 0 10px;letter-spacing:-.3px}
.lh-main h3 a{color:var(--secondary);background-image:linear-gradient(90deg,var(--ac),var(--ac));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s}
.lh-main h3 a:hover{background-size:100% 2px;color:var(--ac)}
.lh-main p{font-size:14px;line-height:1.7;color:var(--text-light);margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.lh-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #f0f1f5;flex-wrap:wrap}
.lh-author{display:flex;align-items:center;gap:10px}
.lh-author img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.lh-author strong{display:block;font-size:13px;color:var(--secondary);font-weight:700}
.lh-author span{font-size:11px;color:var(--muted)}
.lh-read{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 70%,#000));box-shadow:0 8px 18px -6px color-mix(in srgb,var(--ac) 60%,transparent);transition:transform .25s,box-shadow .25s}
.lh-read:hover{transform:translateX(3px);box-shadow:0 12px 22px -6px color-mix(in srgb,var(--ac) 60%,transparent);color:#fff}

/* GRID CARDS */
.ls-grid{display:grid;grid-template-columns:1fr;gap:14px;align-content:start}
.ls-card{--ac:#3498db;position:relative;background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #eef0f4;box-shadow:0 6px 16px -8px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.ls-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ac);opacity:.7;border-radius:3px 0 0 3px;transition:width .3s,opacity .3s}
.ls-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(0,0,0,.15);border-color:color-mix(in srgb,var(--ac) 30%,#eef0f4)}
.ls-card:hover::before{width:5px;opacity:1}
.lc-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.lc-brand{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 15%,#fff),#fff);display:grid;place-items:center;overflow:hidden;border:1px solid #eef0f4;flex-shrink:0}
.lc-brand img{width:100%;height:100%;object-fit:cover}
.lc-brand span{font-weight:800;font-size:14px;color:var(--ac)}
.lc-head{flex:1;min-width:0}
.lc-bname{display:block;font-size:13px;font-weight:800;color:var(--secondary);margin-bottom:3px}
.lc-bname:hover{color:var(--ac)}
.lc-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.lc-meta > span{display:inline-flex;align-items:center;gap:4px}
.lc-status{padding:2px 8px;border-radius:999px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.3px}
.lc-status.resolved{background:#e8f8f0;color:#17a556}
.lc-status.responded{background:#e8f4fd;color:#1a6fa5}
.lc-status.open,.lc-status.pending{background:#fff4e5;color:#d4870f}
.lc-trend{color:#ff6b35;animation:livePulse 2s ease-in-out infinite}
.ls-card h4{font-size:14.5px;font-weight:700;line-height:1.4;margin:0 0 6px}
.ls-card h4 a{color:var(--secondary)}
.ls-card h4 a:hover{color:var(--ac)}
.ls-card p{font-size:12.5px;line-height:1.6;color:var(--text-light);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #f2f3f7}
.lc-author{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);font-weight:600;min-width:0}
.lc-author img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}
.lc-author span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-stats{display:flex;gap:10px;font-size:11.5px;color:var(--muted);flex-shrink:0}
.lc-stats span{display:inline-flex;align-items:center;gap:4px}
.lc-stats i{color:var(--ac);opacity:.7}

/* EMPTY */
.ls-empty{position:relative;z-index:2;text-align:center;padding:60px 20px;background:#fff;border-radius:18px;border:1.5px dashed #e4e7ec}
.ls-empty i{font-size:48px;color:var(--border);margin-bottom:12px;display:block}
.ls-empty h3{margin:0 0 6px;color:var(--secondary)}
.ls-empty p{color:var(--muted);margin:0 0 18px}

/* Responsive */
@media (max-width:980px){
  .ls-layout{grid-template-columns:1fr}
  .ls-grid{grid-template-columns:1fr 1fr}
  .ls-hero{grid-template-columns:160px 1fr}
}
@media (max-width:720px){
  .latest-showcase{padding:28px 18px;border-radius:20px;margin:32px 0}
  .ls-head{flex-direction:column;align-items:flex-start;gap:16px}
  .ls-actions{width:100%;justify-content:space-between}
  .ls-title h2{font-size:22px}
  .ls-flame{width:46px;height:46px;font-size:18px}
  .ls-hero{grid-template-columns:1fr}
  .lh-side{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;text-align:left;border-right:0;border-bottom:1px solid #f0f1f5;padding:18px 20px}
  .lh-stats{flex-direction:row;border-top:0;padding-top:0;margin-top:0;width:auto;flex:1;justify-content:flex-end}
  .lh-stats > div{grid-template-columns:auto auto;gap:6px}
  .lh-stats span{display:none}
  .lh-main{padding:20px}
  .lh-main h3{font-size:18px}
  .ls-grid{grid-template-columns:1fr}
}

/* Dark mode */
html[data-theme="dark"] .latest-showcase{background:linear-gradient(135deg,#1a1d25 0%,#23202a 55%,#2a1f22 100%);border-color:#2e323d}
html[data-theme="dark"] .ls-title h2{background:linear-gradient(135deg,#fff 0%,#ff9aa2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="dark"] .ls-tabs{background:rgba(35,32,42,.85);border-color:#2e323d}
html[data-theme="dark"] .ls-tab{color:#aab0bc}
html[data-theme="dark"] .ls-tab:hover{color:#fff;background:rgba(230,57,70,.15)}
html[data-theme="dark"] .ls-hero,html[data-theme="dark"] .ls-card,html[data-theme="dark"] .ls-empty{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .lh-side{background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 12%,#23262e) 0%,#23262e 100%);border-right-color:#2e323d}
html[data-theme="dark"] .lh-brand,html[data-theme="dark"] .lc-brand{background:#1a1d25;border-color:#2e323d}
html[data-theme="dark"] .lh-cat{background:#1a1d25;border-color:#2e323d;color:#aab0bc}
html[data-theme="dark"] .lh-badge.status{background:#1a1d25;border-color:#2e323d}
html[data-theme="dark"] .lh-foot,html[data-theme="dark"] .lc-foot{border-top-color:#2e323d}
html[data-theme="dark"] .lh-main h3 a,html[data-theme="dark"] .ls-card h4 a,html[data-theme="dark"] .lh-brand-name,html[data-theme="dark"] .lc-bname,html[data-theme="dark"] .lh-author strong{color:#eef0f4}
html[data-theme="dark"] .lh-main p,html[data-theme="dark"] .ls-card p{color:#aab0bc}

/* ========== Categories Showcase ========== */
.cats-showcase{margin:48px 0;position:relative}
.cs-head,.bs-head,.ts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.cs-title,.bs-title,.ts-title{display:flex;gap:16px;align-items:center}
.cs-icon,.bs-icon,.ts-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 10px 24px -6px rgba(0,0,0,.2),inset 0 -3px 8px rgba(0,0,0,.15)}
.cs-icon{background:linear-gradient(135deg,#667eea,#764ba2)}
.bs-icon{background:linear-gradient(135deg,#f7971e,#ffd200);color:#7a4a00}
.ts-icon{background:linear-gradient(135deg,#ff6b35,#e63946 60%,#9b59b6)}
.cs-kicker,.bs-kicker,.ts-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}
.cs-kicker{color:#667eea}
.bs-kicker{color:#d4870f}
.ts-kicker{color:#e63946}
.cs-title h2,.bs-title h2,.ts-title h2{font-size:26px;font-weight:900;margin:0 0 4px;color:var(--secondary);letter-spacing:-.4px}
.cs-title p,.bs-title p,.ts-title p{font-size:13px;color:var(--text-light);margin:0}
.cs-all,.bs-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);padding:9px 16px;border-radius:10px;border:1.5px solid #f0d6d9;background:#fff;transition:all .25s}
.cs-all:hover,.bs-all:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateX(3px)}

.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cs-card{--c1:#667eea;--c2:#764ba2;position:relative;display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #eef0f4;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 12px -6px rgba(0,0,0,.08)}
.cs-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--c1),var(--c2));opacity:0;transition:opacity .35s;z-index:0}
.cs-card > *{position:relative;z-index:1}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 20px 34px -14px color-mix(in srgb,var(--c1) 40%,transparent);border-color:transparent}
.cs-card:hover::before{opacity:1}
.cs-card:hover h3,.cs-card:hover .cc-count,.cs-card:hover .cc-arrow{color:#fff}
.cs-card:hover .cc-icon{background:rgba(255,255,255,.22);color:#fff;transform:rotate(-8deg) scale(1.05)}
.cc-shine{position:absolute;top:0;left:-40%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);opacity:0;transition:opacity .35s,left .8s;z-index:2;pointer-events:none}
.cs-card:hover .cc-shine{opacity:1;left:130%}
.cc-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:19px;color:var(--c1);background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 12%,#fff),color-mix(in srgb,var(--c2) 8%,#fff));flex-shrink:0;transition:all .35s}
.cc-body{flex:1;min-width:0}
.cs-card h3{font-size:15px;font-weight:800;margin:0 0 3px;color:var(--secondary);transition:color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-count{font-size:12px;color:var(--muted);font-weight:600;transition:color .3s}
.cc-arrow{color:var(--muted);font-size:13px;opacity:.5;transition:all .3s;flex-shrink:0}
.cs-card:hover .cc-arrow{opacity:1;transform:translateX(4px)}

/* ========== Brands Showcase ========== */
.brands-showcase{margin:48px 0}
.bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.bs-card{position:relative;background:#fff;border:1px solid #eef0f4;border-radius:20px;padding:22px 20px 20px;text-align:center;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 6px 18px -8px rgba(0,0,0,.08);overflow:hidden}
.bs-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f7971e,#ffd200,#f7971e);background-size:200% 100%;opacity:0;transition:opacity .35s;animation:shimmerBar 3s linear infinite}
.bs-card:hover{transform:translateY(-5px);box-shadow:0 24px 40px -16px rgba(0,0,0,.15);border-color:#ffd680}
.bs-card:hover::before{opacity:1}
@keyframes shimmerBar{0%{background-position:0 0}100%{background-position:200% 0}}
.bs-verified{position:absolute;top:14px;right:14px;color:#3498db;font-size:18px;filter:drop-shadow(0 2px 4px rgba(52,152,219,.4));z-index:2}
.bs-logo{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #eef0f4;overflow:hidden;box-shadow:0 8px 16px -6px rgba(0,0,0,.12)}
.bs-logo img{width:100%;height:100%;object-fit:cover}
.bs-logo span{font-size:22px;font-weight:900;color:var(--primary);letter-spacing:.5px}
.bs-card h3{font-size:16px;font-weight:800;margin:0 0 5px;color:var(--secondary)}
.bs-card:hover h3{color:var(--primary)}
.bs-meta{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:14px;display:inline-flex;align-items:center;gap:5px}

.bs-score-wrap{margin:0 0 14px}
.bs-score{position:relative;width:74px;height:74px;margin:0 auto}
.bs-score svg{width:100%;height:100%;transform:rotate(-90deg)}
.bs-score circle{fill:none;stroke-width:3}
.bs-score .bg{stroke:#eef0f4}
.bs-score .fg{stroke:#2ecc71;stroke-linecap:round;transition:stroke-dasharray 1s ease}
.bs-score.mid .fg{stroke:#f39c12}
.bs-score.low .fg{stroke:#e74c3c}
.bs-score-num{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:900;color:var(--secondary);letter-spacing:-.5px}
.bs-score.high .bs-score-num{color:#17a556}
.bs-score.mid .bs-score-num{color:#d4870f}
.bs-score.low .bs-score-num{color:#c0392b}
.bs-score-num em{font-size:11px;font-style:normal;font-weight:700;opacity:.7;margin-left:1px}
.bs-score-label{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:6px}

.bs-bars{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:4px}
.bs-bar-head{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:4px}
.bs-bar-head span{color:var(--text-light);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.bs-bar-head b{font-weight:800;color:var(--secondary);font-size:12px}
.bs-bar-track{height:6px;background:#f0f1f5;border-radius:999px;overflow:hidden}
.bs-bar-fill{height:100%;border-radius:999px;transition:width 1s ease}
.bs-bar-fill.resp{background:linear-gradient(90deg,#3498db,#1a6fa5)}
.bs-bar-fill.reso{background:linear-gradient(90deg,#2ecc71,#17a556)}

/* ========== Top Supported (En Çok Destek Alanlar) ========== */
.top-supported{margin:48px 0}
.ts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;counter-reset:tsrank}
.ts-item{position:relative;display:grid;grid-template-columns:60px 56px 1fr auto;gap:18px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #eef0f4;border-radius:18px;box-shadow:0 6px 18px -10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,border-color .3s}
.ts-item:hover{transform:translateX(6px);box-shadow:0 18px 30px -14px rgba(0,0,0,.14);border-color:var(--primary-light)}
.ts-item.top{background:linear-gradient(135deg,#fffbe6 0%,#fff 70%);border-color:#ffe08a}
.ts-item.top .ts-rank{background:linear-gradient(135deg,#f7971e,#ffd200);color:#7a4a00;box-shadow:0 10px 22px -6px rgba(247,151,30,.5)}
.ts-item.top::after{content:"🏆";position:absolute;top:-6px;right:16px;font-size:22px;filter:drop-shadow(0 2px 4px rgba(247,151,30,.4))}
.ts-rank{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,#1d3557,#2d5a8e);box-shadow:0 8px 18px -6px rgba(29,53,87,.4);letter-spacing:-1px}
.ts-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.ts-avatar img{width:100%;height:100%;object-fit:cover}
.ts-body{min-width:0}
.ts-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin-bottom:5px}
.ts-meta strong{color:var(--secondary);font-weight:700;font-size:13px}
.ts-brand{background:#fff5f6;color:var(--primary);padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #ffd0d4}
.ts-brand:hover{background:var(--primary);color:#fff}
.ts-time{color:var(--muted)}
.ts-status{padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.ts-status.resolved{background:#e8f8f0;color:#17a556}
.ts-status.responded{background:#e8f4fd;color:#1a6fa5}
.ts-status.open,.ts-status.pending{background:#fff4e5;color:#d4870f}
.ts-item h4{font-size:16px;font-weight:800;margin:0 0 4px;line-height:1.35}
.ts-item h4 a{color:var(--secondary)}
.ts-item h4 a:hover{color:var(--primary)}
.ts-item p{font-size:13px;color:var(--text-light);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ts-stats{display:flex;gap:10px;flex-shrink:0}
.ts-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:12px;background:#f8f9fb;border:1px solid #eef0f4;min-width:70px;transition:all .3s}
.ts-stat i{font-size:14px;margin-bottom:2px}
.ts-stat strong{font-size:16px;font-weight:900;color:var(--secondary);line-height:1;letter-spacing:-.3px}
.ts-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-weight:600}
.ts-stat.heart i{color:#e63946}
.ts-stat.comment i{color:#3498db}
.ts-stat.view i{color:#9b59b6}
.ts-stat.heart:hover{background:#fff5f6;border-color:#ffd0d4;transform:translateY(-2px)}
.ts-stat.comment:hover{background:#eaf4fd;border-color:#c8def0;transform:translateY(-2px)}
.ts-stat.view:hover{background:#f5eafb;border-color:#e0c8f0;transform:translateY(-2px)}

/* ========== Hero CTA ========== */
.hero-cta{position:relative;margin:56px 0;padding:48px 40px;border-radius:28px;background:linear-gradient(135deg,#1d3557 0%,#2d5a8e 50%,#e63946 100%);overflow:hidden;box-shadow:0 40px 80px -30px rgba(29,53,87,.5)}
.hc-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hc-blob{position:absolute;border-radius:50%;filter:blur(60px)}
.hc-blob.b1{width:500px;height:500px;background:radial-gradient(circle,#ff6b8b,transparent 70%);opacity:.4;top:-150px;right:-100px;animation:blobFloat 16s ease-in-out infinite}
.hc-blob.b2{width:400px;height:400px;background:radial-gradient(circle,#6dd5fa,transparent 70%);opacity:.3;bottom:-120px;left:-80px;animation:blobFloat 20s ease-in-out infinite reverse}
.hc-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.hc-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hc-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);margin-bottom:16px}
.hero-cta h2{font-size:36px;font-weight:900;color:#fff;line-height:1.15;margin:0 0 14px;letter-spacing:-1px}
.hc-grad{background:linear-gradient(135deg,#ffd89b,#ff6b8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-cta p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.65;margin:0 0 24px;max-width:560px}
.hc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hc-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s}
.hc-btn.primary{background:#fff;color:var(--primary);box-shadow:0 12px 30px -8px rgba(255,255,255,.4)}
.hc-btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px -8px rgba(255,255,255,.5);color:var(--primary-dark)}
.hc-btn.ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.hc-btn.ghost:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-2px)}
.hc-features{display:flex;gap:18px;flex-wrap:wrap}
.hc-features span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.85);font-weight:600}
.hc-features i{color:#6dffb8;background:rgba(109,255,184,.15);width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-size:9px}
.hc-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hc-stat{background:rgba(255,255,255,.1);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:22px 16px;text-align:center;transition:transform .3s,background .3s}
.hc-stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)}
.hc-num{font-size:28px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px;margin-bottom:6px;background:linear-gradient(135deg,#fff,#ffd89b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hc-lbl{font-size:11px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:1px;font-weight:700}

/* Responsive */
@media(max-width:980px){
  .ts-item{grid-template-columns:50px 48px 1fr;gap:14px}
  .ts-stats{grid-column:1/-1;justify-content:flex-start;padding-left:62px;margin-top:4px}
  .hc-inner{grid-template-columns:1fr}
  .hero-cta h2{font-size:28px}
  .hero-cta{padding:36px 28px}
}
@media(max-width:720px){
  .cs-head,.bs-head,.ts-head{flex-direction:column;align-items:flex-start}
  .cs-title h2,.bs-title h2,.ts-title h2{font-size:22px}
  .bs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
  .ts-item{grid-template-columns:42px 1fr;padding:16px}
  .ts-avatar{display:none}
  .ts-stats{padding-left:56px}
  .ts-stat{min-width:60px;padding:8px 10px}
  .hero-cta h2{font-size:24px}
  .hero-cta{padding:32px 22px;border-radius:22px}
  .hc-stats{grid-template-columns:1fr 1fr}
  .hc-num{font-size:22px}
}

/* Dark mode overrides */
html[data-theme="dark"] .cs-card,html[data-theme="dark"] .bs-card,html[data-theme="dark"] .ts-item,html[data-theme="dark"] .ts-stat{background:#23262e;border-color:#2e323d}
html[data-theme="dark"] .cs-card h3,html[data-theme="dark"] .bs-card h3,html[data-theme="dark"] .ts-item h4 a,html[data-theme="dark"] .ts-meta strong,html[data-theme="dark"] .bs-score-num,html[data-theme="dark"] .ts-stat strong,html[data-theme="dark"] .cs-title h2,html[data-theme="dark"] .bs-title h2,html[data-theme="dark"] .ts-title h2,html[data-theme="dark"] .bs-bar-head b{color:#eef0f4}
html[data-theme="dark"] .ts-item p,html[data-theme="dark"] .cs-title p,html[data-theme="dark"] .bs-title p,html[data-theme="dark"] .ts-title p{color:#aab0bc}
html[data-theme="dark"] .ts-item.top{background:linear-gradient(135deg,#2a2418 0%,#23262e 70%);border-color:#5a4a20}
html[data-theme="dark"] .bs-logo{background:linear-gradient(135deg,#2a2d36,#1a1d25);border-color:#2e323d}
html[data-theme="dark"] .bs-score .bg{stroke:#2e323d}
html[data-theme="dark"] .bs-bar-track{background:#2e323d}
html[data-theme="dark"] .cs-all,html[data-theme="dark"] .bs-all{background:#23262e;border-color:#2e323d;color:#ff9aa2}
html[data-theme="dark"] .ts-brand{background:#2a1f22;border-color:#4a2a30;color:#ff9aa2}

/* ========== Profile Edit Page ========== */
.pe-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;border:1px solid var(--border)}
.pe-card h2{font-size:18px;margin:0 0 4px;color:var(--secondary)}
.pe-card .sub{color:var(--muted);font-size:13px;margin-bottom:24px}
.pe-avatar-edit{display:flex;gap:18px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.pe-avatar-edit .av{width:90px;height:90px;border-radius:50%;overflow:hidden;background:var(--bg);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.pe-avatar-edit .av img{width:100%;height:100%;object-fit:cover}

/* Dark mode additions */
body.dark .profile-hero,body.dark .notif-item,body.dark .contact-form-card,body.dark .contact-card,body.dark .faq-item,body.dark .brand-card-v2,body.dark .cat-card-v2,body.dark .complaint-item-v2,body.dark .pe-card{background:var(--card);border-color:#263349;color:var(--text)}
body.dark .profile-stats-row .ps .n,body.dark .profile-info h1,body.dark .faq-item .fq,body.dark .brand-card-v2 h3,body.dark .cat-card-v2 h3,body.dark .complaint-item-v2 h3 a,body.dark .contact-form-card h2,body.dark .e404 h1{color:#fff}
body.dark .notif-item.unread{background:linear-gradient(90deg,#1a2942,var(--card))}
body.dark .faq-search{background:var(--card);border-color:#263349}
body.dark .faq-search input{color:#e2e8f0}
body.dark .search-form input,body.dark .search-form select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}

@media(max-width:900px){
  .profile-body{padding:0 20px 20px}
  .profile-avatar{width:90px;height:90px;margin-top:-45px}
  .profile-stats-row{grid-template-columns:repeat(2,1fr)}
  .contact-wrap{grid-template-columns:1fr}
  .brands-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}
@media(max-width:600px){
  .profile-cover{height:120px}
  .profile-avatar{width:80px;height:80px;margin-top:-40px}
  .profile-info h1{font-size:20px}
  .profile-stats-row{grid-template-columns:repeat(2,1fr)}
  .mc-tabs{overflow-x:auto;flex-wrap:nowrap}
  .search-form{flex-direction:column}
  .search-form input,.search-form select{width:100%}
}

/* ========== Category Detail Hero ========== */
.cat-hero{background:linear-gradient(135deg,var(--secondary) 0%,#0f1a2e 50%,#2a0a12 100%);color:#fff;padding:40px 0 32px;margin-bottom:28px;position:relative;overflow:hidden}
.cat-hero-bg{position:absolute;inset:0;pointer-events:none}
.ch-blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35}
.ch-blob.b1{width:320px;height:320px;top:-80px;right:-60px;background:radial-gradient(circle,#e63946,transparent 70%)}
.ch-blob.b2{width:260px;height:260px;bottom:-80px;left:-60px;background:radial-gradient(circle,#3498db,transparent 70%)}
.cat-hero-inner{position:relative;z-index:1;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ch-icon{width:80px;height:80px;border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}
.ch-info{flex:1;min-width:200px}
.ch-info h1{font-size:28px;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.2}
.ch-info p{margin:0 0 12px;opacity:.82;font-size:14px;max-width:500px;line-height:1.6}
.ch-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.75)}
.ch-stats span{display:inline-flex;align-items:center;gap:5px}
.ch-stats i{color:rgba(255,255,255,.5)}
.ch-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 8px 24px rgba(230,57,70,.4);transition:all .2s ease;flex-shrink:0;white-space:nowrap}
.ch-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,57,70,.5);color:#fff}
.ch-subcats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:16px 0}
.ch-sub{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:#fff;border-radius:10px;color:var(--secondary);font-size:13px;font-weight:600;box-shadow:var(--shadow);transition:var(--transition);border:1.5px solid var(--border)}
.ch-sub:hover{background:var(--primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 16px rgba(230,57,70,.2)}
.ch-sub i{font-size:12px}

/* ========== Tag Detail ========== */
.tag-hero{background:linear-gradient(135deg,#1d3557 0%,#0f1a2e 100%);color:#fff;padding:36px 0;margin-bottom:28px;position:relative;overflow:hidden}
.tag-hero::before{content:"";position:absolute;top:-60px;right:-60px;width:250px;height:250px;background:radial-gradient(circle,rgba(230,57,70,.3),transparent 70%);border-radius:50%}
.tag-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tag-pill-big{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:28px;font-weight:800;color:#fff;backdrop-filter:blur(8px)}
.tag-pill-big i{font-size:22px;color:rgba(255,255,255,.7)}
.tag-hero .tag-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.7);margin-top:8px}
.tag-hero .tag-meta span{display:inline-flex;align-items:center;gap:5px}

/* ========== Auth pages v2 — forgot/reset password ========== */
.auth-compact{max-width:480px;margin:40px auto}
.auth-compact .auth-card{background:#fff;border-radius:var(--radius);box-shadow:0 8px 40px rgba(0,0,0,.08),0 0 0 1px var(--border);padding:36px 32px;position:relative;overflow:hidden}
.auth-compact .auth-card::before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(230,57,70,.1),transparent 70%);border-radius:50%}
.auth-compact .ac-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px;box-shadow:0 8px 24px rgba(230,57,70,.35);position:relative}
.auth-compact h2{text-align:center;font-size:22px;margin:0 0 6px;color:var(--secondary)}
.auth-compact .auth-lead{text-align:center;font-size:14px;color:var(--text-light);margin-bottom:24px}
.auth-compact .auth-card .form-links{margin-top:18px}

/* ========== Complaint Edit ========== */
.ce-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}
.ce-head{background:linear-gradient(135deg,var(--secondary),#0f1a2e);color:#fff;padding:24px 28px;position:relative;overflow:hidden}
.ce-head::after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(230,57,70,.3),transparent 70%);border-radius:50%}
.ce-head h1{color:#fff;font-size:22px;margin:0 0 4px;position:relative}
.ce-head p{margin:0;opacity:.8;font-size:13px;position:relative}
.ce-body{padding:28px}
.ce-preview{background:var(--bg);border-radius:var(--radius-sm);padding:14px;border-left:3px solid var(--primary);margin-bottom:20px;font-size:13px;color:var(--text-light)}
.ce-preview strong{color:var(--secondary);display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.4px}

/* Dark overrides for new pages */
body.dark .ch-sub{background:var(--card);border-color:#263349;color:#e2e8f0}
body.dark .auth-compact .auth-card{background:var(--card);border-color:#263349}
body.dark .auth-compact h2{color:#fff}
body.dark .ce-card{background:var(--card);border-color:#263349}
body.dark .ce-body .form-control{background:#0f1a2e;border-color:#263349;color:#e2e8f0}
body.dark .ce-preview{background:#1a2942;border-color:var(--primary)}

@media(max-width:768px){
  .cat-hero-inner{flex-direction:column;align-items:flex-start}
  .ch-icon{width:64px;height:64px;font-size:24px}
  .ch-info h1{font-size:22px}
  .ch-cta{width:100%;justify-content:center}
  .auth-compact .auth-card{padding:28px 20px}
}