/* Minimalist Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #fff; color: #000; font-size: 13px; line-height: 1.4; padding-bottom: 50px;}
a { text-decoration: none; color: inherit; }

/* Header */
header { position: sticky; top: 0; background: white; z-index: 1000; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; }
.brand { font-size: 32px; font-weight: 900; letter-spacing: -1px; text-transform: uppercase; }
.nav-links { display: flex; gap: 25px; }
.nav-links a { font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }

/* Grid & Cards */
.container { padding: 20px; max-width: 1800px; margin: 0 auto; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 4px; }
.product-card .image-wrapper { width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: #f4f4f4; }
.product-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.product-card:hover img { transform: scale(1.03); }
.product-info { padding: 12px 5px; display: flex; justify-content: space-between; }
.product-name { font-size: 11px; text-transform: uppercase; max-width: 70%; }
.product-price { font-size: 11px; font-weight: bold; }

/* Buttons */
.btn-black { background: black; color: white; padding: 15px 30px; border: none; font-weight: bold; text-transform: uppercase; cursor: pointer; display: inline-block; font-size: 11px; letter-spacing: 1px; }
.btn-black:hover { background: #333; }
.btn-outline { border: 1px solid #ddd; background: white; color: black; padding: 10px 20px; text-transform: uppercase; font-size: 11px; cursor: pointer; }

/* Checkout & Form Stilleri */
.checkout-layout { display: flex; gap: 50px; margin-top: 30px; }
.checkout-form { flex: 2; }
.checkout-summary { flex: 1; background: #f9f9f9; padding: 30px; height: fit-content; }
.form-group { margin-bottom: 20px; }
.form-label { display: block; margin-bottom: 8px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666; }
.form-input { width: 100%; padding: 12px; border: 1px solid #ddd; font-size: 14px; outline: none; }
.form-input:focus { border-color: black; }
.form-row { display: flex; gap: 20px; }

/* Admin Stilleri */
.admin-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.admin-table th { text-align: left; background: #f4f4f4; padding: 15px; font-size: 11px; text-transform: uppercase; }
.admin-table td { border-bottom: 1px solid #eee; padding: 15px; }
.admin-img { width: 40px; height: 50px; object-fit: cover; }
.action-btn { font-size: 10px; padding: 5px 10px; border: 1px solid #ddd; margin-right: 5px; }
.action-btn.delete { color: red; border-color: #ffcccc; }

/* Responsive */
@media (max-width: 768px) {
    header { padding: 15px 20px; }
    .nav-links { display: none; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 2px; }
    .checkout-layout { flex-direction: column-reverse; }
}