:root {
    --primary: #1a4332;
    --accent: #c5a059;
    --dark: #0f172a;
    --gray: #64748b;
    --border: #f1f5f9;
}

body { font-family: 'Plus Jakarta Sans', sans-serif; background: #fff; margin: 0; color: var(--dark); }


.minimal-hero { padding: 60px 0 30px; text-align: left; border-bottom: 1px solid var(--border); margin-bottom: 40px; }
.top-tag { font-size: 10px; font-weight: 800; color: var(--accent); text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 10px; }
.minimal-hero h1 { font-size: 38px; font-weight: 800; margin: 0; letter-spacing: -1.5px; color: var(--dark); }
.minimal-hero p { font-size: 16px; color: var(--gray); margin-top: 10px; max-width: 600px; }


.category-row { margin-bottom: 70px; }
.row-header { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.title-link { display: flex; align-items: center; gap: 12px; text-decoration: none; transition: 0.3s; }
.title-link .icon { color: var(--accent); font-size: 20px; font-weight: 800; }
.category-name { font-size: 18px; font-weight: 800; color: var(--dark); text-transform: uppercase; margin: 0; letter-spacing: 0.5px; }
.title-link:hover { transform: translateX(8px); }

.flex-line { flex-grow: 1; height: 1px; background: var(--border); }
.all-link { font-size: 11px; font-weight: 700; color: var(--gray); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.all-link:hover { color: var(--accent); }


.product-grid-master {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}


.static-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 10px;
    transition: 0.4s ease;
    text-align: center;
}

.card-media {
    aspect-ratio: 1/1;
    background: #fbfcfd;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}
.card-media img { width: 100%; height: 100%; object-fit: cover; }

.card-body { padding: 5px; }
.item-tag { font-size: 8px; font-weight: 800; color: var(--accent); text-transform: uppercase; display: block; margin-bottom: 5px; }
.item-title { font-size: 15px; font-weight: 700; color: var(--dark); margin: 5px 0; height: 40px; overflow: hidden; }
.item-desc { font-size: 11px; color: var(--gray); line-height: 1.4; margin-bottom: 12px; height: 32px; overflow: hidden; }

.price-strip { display: flex; justify-content: center; align-items: center; gap: 8px; }
.val-new { font-size: 17px; font-weight: 800; color: var(--primary); }
.val-old { font-size: 12px; color: var(--gray); text-decoration: line-through; }


.static-card:hover { border-color: #e2e8f0; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.03); }


@media (max-width: 1400px) { .product-grid-master { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1024px) { .product-grid-master { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { 
    .product-grid-master { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .static-card { border-radius: 12px; padding: 6px; }
    .minimal-hero h1 { font-size: 28px; }
    .item-title { font-size: 13px; height: 34px; }
}