:root{
  --ink:#2B2E33;
  --cream:#F7F5F1;
  --wood:#B8875A;
  --line:#DCD6C9;
  --white:#FFFFFF;
  --rust:#A85C32;
}
*{box-sizing:border-box; margin:0; padding:0;}
html, body{overflow-x:hidden; max-width:100%;}
body{
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.5;
}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%;}
ul{list-style:none;}
.wrap{max-width:1240px; margin:0 auto; padding:0 32px;}

/* Шапка и подвал вынесены в style-header-footer.css (header.html/footer.html) */

.crumbs{padding-top:22px; font-size:13px; color:#6b6f73;}
.crumbs a{color:#6b6f73;}
.crumbs a:hover{color:var(--rust);}
.crumbs span{margin:0 6px;}

.cat-head{padding-top:24px; padding-bottom:44px;}
.cat-head h1{
  font-family:Arial,sans-serif; font-weight:800; text-transform:uppercase;
  letter-spacing:-0.01em; font-size:36px; margin-bottom:10px;
}
.cat-head p{font-size:14.5px; color:#6b6f73; max-width:560px;}

/* PRODUCT GRID — категории со списком карточек товаров */
.product-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  padding-bottom:100px;
}
.product-card{
  background:var(--white); border:1px solid var(--line); border-radius:10px; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.product-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px rgba(43,46,51,.1);}
.product-thumb{aspect-ratio:4/3; position:relative; display:flex; gap:0; overflow:hidden; background:#F2EFE7;}
.product-thumb i{flex:1; display:block;}
/* object-position:center 30% — приподнимает точку фокуса кадра, чтобы у высокой мебели
   (шкафы, стеллажи) не обрезалась верхняя часть фасада. Если для конкретного фото
   это не подходит, переопредели прямо в HTML: <img style="object-position:center 50%">
   (или другое значение) у нужной карточки. */
.product-thumb img{width:100%; height:100%; object-fit:cover; object-position:center 30%;}
.product-body{padding:18px 20px 22px;}
.product-body .name{
  font-family:Arial,sans-serif; font-weight:800; text-transform:uppercase; font-size:16px; margin-bottom:6px;
}
.product-body .size{font-size:12.5px; color:#6b6f73; margin-bottom:12px;}
.product-body .colors{font-size:12px; color:#8a8e91; margin-bottom:14px;}
.price-row{display:flex; justify-content:space-between; align-items:center;}
.price-row .price{font-family:Arial,sans-serif; font-weight:800; font-size:15px;}
.price-row .price span{font-size:11px; font-weight:600; color:#8a8e91; text-transform:none; display:block;}
.view-link{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--rust);}
.view-link::after{content:' →';}

/* SUBCATEGORY GRID — страницы-развилки (напр. Шкафы: распашные/купе) */
.subcat-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  padding-bottom:100px;
}
.subcat-card{
  background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.subcat-card:hover{transform:translateY(-4px); box-shadow:0 20px 40px rgba(43,46,51,.1);}
.subcat-swatch{aspect-ratio:1/1; position:relative; overflow:hidden; background:#F2EFE7;}
.subcat-swatch img{width:100%; height:100%; object-fit:cover;}
.subcat-card:nth-child(1) .subcat-swatch{
  background:linear-gradient(135deg,#3E2B22 0%,#3E2B22 33%,#FDFDFB 33%,#FDFDFB 66%,#69766B 66%,#69766B 100%);
}
.subcat-card:nth-child(2) .subcat-swatch{
  background:linear-gradient(100deg,#C9924E 0%,#C9924E 49%,#DCD6C9 51%,#DCD6C9 100%);
}
.subcat-body{padding:26px 28px 30px;}
.subcat-body h3{
  font-family:Arial,sans-serif; font-weight:800; text-transform:uppercase; font-size:20px; margin-bottom:8px;
}
.subcat-body p{font-size:13.5px; color:#6b6f73; margin-bottom:16px; line-height:1.6;}
.subcat-link{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--rust);}
.subcat-link::after{content:' →';}

@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:700px){
  .subcat-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .product-grid{grid-template-columns:1fr;}
}