.cs-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;row-gap:24px}
.cs-catalog-card{position:relative;min-width:0}
.cs-catalog-card-image{position:relative;display:block;height:315px;overflow:hidden;border-radius:3px;background:#e9e2d9;text-decoration:none}
.cs-catalog-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.cs-card-badge{position:absolute;z-index:2;left:9px;top:9px;padding:5px 8px;background:#111;color:#fff;font-size:8px;letter-spacing:.03em}
.cs-card-heart{position:absolute;z-index:3;right:9px;top:8px;width:27px;height:27px;padding:0;border:0;background:rgba(255,255,255,.92);border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.cs-catalog-card h2{margin:10px 0 4px;font:400 12px/1.25 Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-catalog-card h2 a{color:#111;text-decoration:none}
.cs-card-price{height:18px;font-size:13px;font-weight:700}
.cs-card-price del{font-size:10px;color:#888;font-weight:400;margin-right:5px}
.cs-card-price ins{text-decoration:none}
.cs-card-sizes{display:flex;gap:5px;margin-top:8px;white-space:nowrap;overflow:hidden}
.cs-card-sizes span{display:grid;min-width:24px;height:24px;box-sizing:border-box;place-items:center;border:1px solid #ddd;border-radius:3px;background:#fff;color:#777;font-size:9px}
.cs-card-sizes span.is-available{background:#111;color:#fff;border-color:#111}
.cs-card-sizes span.is-unavailable{background:#fff;color:#999;border-color:#ddd}
.cs-card-stock{margin-top:7px;font-size:9px}
.cs-card-stock.is-in-stock{color:#4d8d61}
.cs-card-stock.is-out{color:#a36d1c}
.cs-catalog-pagination{display:flex;justify-content:center;margin-top:30px}
.cs-catalog-pagination ul{display:flex;gap:5px;align-items:center;margin:0;padding:0;list-style:none}
.cs-catalog-pagination a,.cs-catalog-pagination span{display:grid;width:28px;height:28px;place-items:center;color:#111;text-decoration:none;font-size:11px}
.cs-catalog-pagination .current{background:#111;color:#fff;border-radius:3px}
.cs-catalog-empty{padding:60px 0;text-align:center;color:#666}
@media(max-width:1200px){.cs-catalog-header{grid-template-columns:1fr 260px 1fr}.cs-catalog-nav{gap:12px}.cs-catalog-actions{gap:12px}.cs-product-grid{column-gap:16px}.cs-catalog-card-image{height:280px}.cs-catalog-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:900px){.cs-catalog-service-bar{display:none}.cs-catalog-header{height:62px;grid-template-columns:1fr auto}.cs-catalog-nav{display:none}.cs-catalog-logo{justify-self:start;font-size:24px}.cs-catalog-actions a small{display:none}.cs-catalog-main{padding:18px 14px}.cs-catalog-tabs{display:flex;overflow-x:auto}.cs-catalog-tabs a{min-width:120px}.cs-catalog-layout{display:block}.cs-filter-sidebar{margin-bottom:18px}.cs-filter-form{display:none}.cs-filter-sidebar.is-open .cs-filter-form{display:block}.cs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.cs-catalog-card-image{height:56vw;max-height:390px}.cs-sort-form select{width:170px}.cs-active-filters{min-height:40px}.cs-site-footer{display:none}}

/* Mobile catalog: preserve the actual square product thumbnail ratio instead of forcing a tall crop. */
@media(max-width:900px){
  .cs-catalog-card-image{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1 / 1;
  }
  .cs-catalog-card-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
    object-position:center top;
  }
}