/* Ported from Shopify sections/zynbe-categories.liquid — keep in sync with page-collections.php */
.zcat{ min-height:70vh; padding-bottom:20px; }
  .zcat__head{ padding:18px 16px 12px; }
  .zcat__head h1{
    margin:0;
    font-family:Fraunces,'Playfair Display',Georgia,serif;
    font-weight:600; font-size:26px; color:#2B1A17;
  }
  .zcat__head p{ margin:4px 0 0; font-size:12px; color:#6D5D59; }

  .zcat__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:0 12px;
  }
  .zcat__card{ display:block; text-decoration:none; }
  .zcat__card--wide{ grid-column:1 / -1; }

  .zcat__img{
    display:block; position:relative;
    aspect-ratio:10/11;
    border-radius:16px; overflow:hidden;
    background:#EAD8CD;
  }
  .zcat__card--wide .zcat__img{ aspect-ratio:21/10; }
  .zcat__img img{
    position:absolute; inset:0;
    width:100%; height:100%; object-fit:cover;
    transition:transform .25s ease;
  }
  .zcat__grad{
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(43,12,16,.62) 0%, transparent 52%);
  }
  .zcat__label{
    position:absolute; left:12px; right:12px; bottom:11px;
    color:#fff;
  }
  .zcat__label b{
    display:block;
    font-family:Fraunces,'Playfair Display',Georgia,serif;
    font-weight:600; font-size:16.5px; line-height:1.2;
  }
  .zcat__label small{
    display:block;
    font-size:10.5px; font-weight:700; opacity:.85; margin-top:2px;
  }
  .zcat__card--wide .zcat__label b{ font-size:21px; }
  .zcat__flag{
    position:absolute; top:11px; right:11px;
    background:#C8963E; color:#fff;
    font-size:9.5px; font-weight:800; letter-spacing:.06em;
    padding:4px 9px; border-radius:999px;
  }

  @media (min-width:700px){
    .zcat__grid{ grid-template-columns:repeat(3,1fr); gap:12px; padding:0 16px; }
  }
  @media (min-width:1024px){
    .zcat__head{ max-width:1100px; margin:0 auto; padding:30px 28px 16px; }
    .zcat__head h1{ font-size:34px; }
    .zcat__grid{ max-width:1100px; margin:0 auto; grid-template-columns:repeat(4,1fr); gap:14px; padding:0 28px; }
    .zcat__card--wide{ grid-column:span 2; }
    .zcat__card:hover img{ transform:scale(1.05); }
  }