/* Catalog new skeleton */
.page-content {
  margin: 8px;
}
.catalog-new .container { max-width:1322px; margin:0 auto; }

/* breadcrumbs */
.breadcrumbs { display:flex; align-items:center; gap:8px; margin:0 0 10px; }
.breadcrumbs a { font-size:13px; line-height:28px; color:#3B3B3B; text-decoration:none; }
.breadcrumbs .current { font-size:13px; line-height:28px; color:#737373; }
.breadcrumbs .sep { display:inline-flex; align-items:center; line-height:0; }
.breadcrumbs .sep-icon { width:12px; height:12px; display:inline-block; background:#242C6E;
  -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
  mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
}

/* title */
.catalog-title { margin:0 0 36px; font-weight:400; font-size:32px; line-height:36px; color:#000; }

/* table of category cards */
.cat-table { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8; }
.cat-card { display:flex; flex-direction:column; gap:10px; padding:22px 70px 45px 55px; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; }
.cat-card__imgwrap { width:90px; height:90px; border-radius:8px; overflow:hidden; background:#fff; display:block; }
.cat-card__img { width:100%; height:100%; object-fit:contain; object-position:center; display:block; }
.cat-card__title { display:block; color:#000; text-decoration:none; font-size:16px; line-height:31px; font-weight:600; margin:0 0 10px; }
.cat-card__subs { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.cat-card__subs li { font-size:14px; line-height:20px; font-weight:300; color:#000; }
.cat-card__subs li a { position:relative; display:block; color:inherit; text-decoration:none; padding:4px 8px 4px 0; border:0; z-index:0; }
.cat-card__subs li a::before{ content:""; position:absolute; top:-2px; bottom:-2px; left:-8px; right:-8px; border-radius:6px; background:transparent; border:1px solid transparent; transition: background-color .15s ease, border-color .15s ease; z-index:-1; }
.cat-card__subs li a:hover::before{ background:#EBEEFF; border-color:#D1D6FA; }

@media (max-width: 1100px){
  .cat-table { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px){
  .catalog-new .breadcrumbs {
    gap: 6px;
  }
  .catalog-new .breadcrumbs a { display: none; }
  .catalog-new .breadcrumbs a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .catalog-new .breadcrumbs a:last-of-type::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #242C6E;
    -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    transform: scaleX(-1);
  }
  .catalog-new .breadcrumbs .current,
  .catalog-new .breadcrumbs .sep { display: none; }
}
@media (max-width: 720px){
  .page-content {
    margin: 8px;
  }
  .cat-table { grid-template-columns: 1fr; }

  .basket .basket_empty>.wrap {
      position: relative;
      padding: 0px;
      text-align: center;
  }
}