/* ===== CATALOG STYLES ===== */
/* Дополнение к nav.css — подчёркивание активной ссылки */
.nav-links a.active::after { width:100%; }

.page-header { padding:140px 60px 60px; text-align:center; }
.page-header h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:300; letter-spacing:4px; text-transform:uppercase; }
.page-header p { font-size:.85rem; opacity:.5; margin-top:10px; letter-spacing:1px; }

.catalog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:30px; padding:0 60px 80px; max-width:1400px; margin:0 auto; }

.product-card { background:linear-gradient(135deg,#1a1a1a,#111); border:1px solid rgba(255,255,255,.08); border-radius:12px; overflow:hidden; transition:all .4s; }
.product-card:hover { border-color:rgba(255,255,255,.2); transform:translateY(-4px); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.product-img { width:100%; height:300px; object-fit:cover; display:block; }
.product-body { padding:25px; }
.product-title { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:400; margin-bottom:8px; }
.product-desc { font-size:.85rem; opacity:.6; line-height:1.6; margin-bottom:15px; font-weight:300; }
.product-price { font-size:1.3rem; font-weight:400; color:#c9a96e; margin-bottom:20px; display:block; }
.product-actions { display:flex; gap:12px; align-items:center; }
.btn { flex:1; padding:12px 20px; border:1px solid rgba(255,255,255,.3); background:transparent; color:#fff; font-size:.75rem; letter-spacing:2px; text-transform:uppercase; cursor:pointer; transition:all .3s; font-family:'Montserrat',sans-serif; }
.btn:hover { background:#fff; color:#0a0a0a; }
.btn-primary { background:#c9a96e; border-color:#c9a96e; color:#0a0a0a; font-weight:500; }
.btn-primary:hover { background:#dbbf8a; border-color:#dbbf8a; color:#0a0a0a; }
.qty-control { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.15); border-radius:6px; padding:4px 8px; }
.qty-control button { width:30px; height:30px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:transparent; color:#fff; cursor:pointer; font-size:1rem; display:flex; align-items:center; justify-content:center; transition:all .3s; }
.qty-control button:hover { background:rgba(255,255,255,.1); }
.qty-control span { font-size:.95rem; min-width:24px; text-align:center; font-weight:400; }
.qty-control .qty-num { color:#c9a96e; font-weight:500; }
.btn-order-now { flex:1; padding:12px 20px; background:#c9a96e; border:1px solid #c9a96e; color:#0a0a0a; font-size:.75rem; letter-spacing:2px; text-transform:uppercase; cursor:pointer; font-weight:500; font-family:'Montserrat',sans-serif; transition:all .3s; border-radius:6px; }
.btn-order-now:hover { background:#dbbf8a; border-color:#dbbf8a; }

.back-link { display:inline-block; margin-top:20px; color:rgba(255,255,255,.5); text-decoration:none; font-size:.8rem; letter-spacing:2px; transition:color .3s; }
.back-link:hover { color:#fff; }

@media(max-width:768px) {
    .page-header { padding:120px 20px 40px; }
    .catalog-grid { padding:0 20px 60px; grid-template-columns:1fr; }
    .product-actions { flex-direction:column; }
}
