/* === Base structure (senin orijinal düzenin) === */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: #0e1116; color: #e6e6e6; }
a { color: #8ab4ff; text-decoration: none; }
.container { max-width: 1100px; margin: 0 auto; padding: 16px; }

.site-header { background: #111827; border-bottom: 1px solid #1f2937; position: sticky; top: 0; z-index: 5; }
.site-header h1 { margin: 0 0 8px 0; font-size: 22px; }
.site-header nav { margin-bottom: 12px; }
.site-header .search { display: flex; gap: 8px; }
.site-header input[type="text"] { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #374151; background:#0b0f14; color:#e6e6e6; }
.site-header button { padding: 10px 14px; border-radius: 10px; border: 1px solid #374151; background: #1f2937; color: #e6e6e6; cursor: pointer; }
.site-header button:hover { background:#2b3547; }

.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.card { background: #111827; border: 1px solid #1f2937; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.thumb { aspect-ratio: 1/1; background: #0b0f14; display: grid; place-items: center; }
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.noimg { color: #9ca3af; }
.content { padding: 12px; display: grid; gap: 8px; }
.title { margin: 0; font-size: 16px; line-height: 1.3; }
.meta { display: flex; gap: 6px; flex-wrap: wrap; }
.tag { font-size: 12px; background:#0b0f14; border: 1px solid #374151; padding: 2px 6px; border-radius: 999px; color: #cbd5e1; }
.price { font-weight: 700; font-size: 18px; }
.id { font-size: 12px; color:#9ca3af; }

.empty { padding: 24px; background:#111827; border:1px solid #1f2937; border-radius: 14px; }

.site-footer { margin-top: 32px; border-top:1px solid #1f2937; background:#0b0f14; }
.site-footer .banner { text-align: center; padding: 16px; font-weight: 700; letter-spacing: .4px; }
.site-footer .copy { text-align: center; color:#9ca3af; padding-bottom: 16px; }

.auth, .alert, .table, .actions { margin-top: 16px; }
.auth form { display: grid; gap: 8px; max-width: 360px; }
.auth input { padding: 10px 12px; border-radius:10px; border:1px solid #374151; background:#111827; color:#e6e6e6; }
.auth button { padding:10px 14px; border-radius:10px; border:1px solid #374151; background:#1f2937; color:#e6e6e6; cursor:pointer; }
.auth .hint { color:#9ca3af; font-size: 12px; }

.alert { padding: 10px 12px; border-radius: 10px; }
.alert.ok { background:#052e1f; border:1px solid #064e3b; }
.alert.error { background:#401515; border:1px solid #7f1d1d; }

.table { display: grid; border:1px solid #1f2937; border-radius: 12px; overflow: hidden; }
.table .row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; border-bottom:1px solid #1f2937; }
.table .row.head { background:#0b0f14; font-weight:700; }
.table .cell { padding: 10px 12px; display:flex; align-items:center; gap:8px; }
.prod { display:flex; gap:10px; align-items:center; }
.prod img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; border:1px solid #1f2937; }
.table input[type="text"] { width: 100%; padding:8px 10px; border-radius:8px; border:1px solid #374151; background:#111827; color:#e6e6e6; }
.actions { display:flex; justify-content:flex-end; margin-top: 12px; }
.actions button { padding:10px 16px; border-radius:10px; border:1px solid #374151; background:#1f2937; color:#e6e6e6; cursor:pointer; }
.actions button:hover { background:#2b3547; }

/* === Pink SexShop Theme + Neon === */
.theme-pink {
  --pink-900:#4d0a2b; --pink-800:#6b0f3a; --pink-700:#8a114a; --pink-600:#b11367;
  --pink-500:#e0148a; --pink-400:#ff4fb0; --pink-300:#ff81c7; --pink-200:#ffc1e1;
  --bg:#1b0d16; --text:#ffe7f3; --muted:#f7b8d4; --border:rgba(255,105,180,.25);
}

.theme-pink body {
  background: radial-gradient(1000px 800px at 50% 0%, rgba(224,20,138,.18), transparent 60%) var(--bg);
  color: var(--text);
}

.theme-pink a { color: var(--pink-300); }
.theme-pink .site-header {
  background: linear-gradient(135deg, var(--pink-700), var(--pink-600));
  border-bottom:1px solid var(--border);
  box-shadow:0 8px 20px rgba(224,20,138,.25);
}
.theme-pink .site-header h1{color:#fff;}
.theme-pink .site-header input[type=text]{background:#210e1a;border-color:var(--border);}
.theme-pink .site-header button{background:#2a1321;border-color:var(--border);}
.theme-pink .site-header button:hover{background:#3a1a2c;}

.theme-pink .card{background:#24101c;border-color:var(--border);box-shadow:0 8px 18px rgba(224,20,138,.15);}
.theme-pink .thumb{background:#1a0b14;}
.theme-pink .title{color:#ffd3ea;}
.theme-pink .tag{background:rgba(224,20,138,.10);border-color:var(--border);color:#ffd3ea;}
.theme-pink .price{color:var(--pink-300);text-shadow:0 0 10px rgba(224,20,138,.35);}
.theme-pink .id{color:var(--muted);}
.theme-pink .empty{background:#21101b;border-color:var(--border);}
.theme-pink .site-footer{background:#1a0b14;border-top:1px solid var(--border);}
.theme-pink .site-footer .banner{
  background:linear-gradient(135deg,var(--pink-700),var(--pink-500));
  color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(224,20,138,.4);
}
.theme-pink .site-footer .copy{color:var(--muted);}

.theme-pink .auth input,
.theme-pink .table input[type=text]{background:#210e1a;border-color:var(--border);color:#ffe7f3;}
.theme-pink .auth button,
.theme-pink .actions button{background:#2a1321;border-color:var(--border);color:#ffe7f3;}
.theme-pink .actions button:hover{background:#3a1a2c;}
.theme-pink .table{border-color:var(--border);}
.theme-pink .table .row{border-bottom:1px solid var(--border);}
.theme-pink .table .row.head{background:#1f0e19;}
.theme-pink .prod img{border-color:var(--border);}
.theme-pink .alert.error{background:rgba(76,6,34,.55);border:1px solid rgba(224,20,138,.45);color:#ffd3ea;}

/* --- Neon Pulse --- */
@keyframes neonPulse {
  0%,100% { text-shadow:0 0 6px rgba(224,20,138,.35),0 0 16px rgba(255,79,176,.25); filter:drop-shadow(0 0 6px rgba(224,20,138,.25)); }
  50% { text-shadow:0 0 14px rgba(224,20,138,.55),0 0 25px rgba(255,79,176,.45); filter:drop-shadow(0 0 10px rgba(224,20,138,.4)); }
}
.theme-pink .price,
.theme-pink .site-footer .banner { animation: neonPulse 2.5s infinite ease-in-out; }