* { box-sizing: border-box; }

body {
    margin: 0;
    background: #10141c;
    color: #edf1f7;
    font-family: Arial, sans-serif;
}

.header {
    padding: 22px 6%;
    background: #171d28;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #293241;
}

.logo {
    font-size: 25px;
    font-weight: 900;
}

.logo span { color: #f28a27; }

.header-text { color: #94a1b3; }

.hero {
    padding: 65px 20px;
    text-align: center;
    background: #202b3b;
}

.hero span {
    color: #f28a27;
    letter-spacing: 3px;
    font-size: 12px;
}

.hero h1 { font-size: 38px; margin: 12px 0; }
.hero p { color: #aab6c5; }

.catalog {
    max-width: 1250px;
    margin: 40px auto;
    padding: 0 20px;
}

.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.product {
    background: #1a222e;
    border: 1px solid #2a3545;
    border-radius: 14px;
    overflow: hidden;
}

.product img, .no-image {
    width: 100%;
    height: 125px;
    object-fit: cover;
}

.no-image {
    display: grid;
    place-items: center;
    background: #202b3b;
    color: #f28a27;
    font-size: 24px;
    font-weight: bold;
}

.product-info { padding: 18px; }
.product-info h2 { font-size: 18px; }
.product-info p { color: #aab6c5; min-height: 35px; }

.price {
    color: #f28a27;
    font-size: 23px;
    font-weight: bold;
    margin: 18px 0;
}

.order-button {
    display: block;
    text-align: center;
    background: #f28a27;
    color: #171717;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
}

.out-stock { color: #aab6c5; }

.empty { text-align: center; padding: 60px 10px; }

footer {
    text-align: center;
    padding: 30px;
    color: #718096;
    border-top: 1px solid #293241;
}

@media(max-width: 600px) {
    .header { flex-direction: column; gap: 8px; }
    .hero h1 { font-size: 30px; }
}

/* Compact FILYA_3D shop cards */
.product { display:flex; flex-direction:column; min-width:0; }
.product-info { display:flex; flex:1; flex-direction:column; min-width:0; padding:13px; }
.product-info h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.2; }
.product-info p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:0; line-height:1.35; }
.price { margin-top:auto; }
@media(max-width:1250px) { .products { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .products { grid-template-columns:1fr; } .product img,.no-image { height:150px; } }


/* FILYA_3D: centered compact product grid and centered full images */
.products{justify-content:center}
.product img,.product>.no-image{object-fit:contain;object-position:center center;background:#202b3b}