/* Compact catalogue actions; retain real button text as the accessible name. */
@media (max-width: 600px) {
  body[data-category] [data-grid] { gap: 16px; }
  body[data-category] [data-grid] .card:hover { transform: none; }
  body[data-category] [data-grid] .card-body {
    display: grid;
    grid-template-columns: 44px 44px minmax(0, 1fr) 44px;
    gap: 6px;
    padding: 14px;
  }
  body[data-category] [data-grid] .card-body > * { grid-column: 1 / -1; min-width: 0; }
  body[data-category] [data-grid] .card h3 { font-size: 19px; line-height: 1.2; margin: 0; }
  body[data-category] [data-grid] .card p { font-size: 12px; line-height: 1.4; }
  body[data-category] [data-grid] .gb-product-title-row { gap: 6px; flex-wrap: wrap; }
  body[data-category] [data-grid] .gb-product-size { font-size: 10px; padding: 4px 7px; }
  body[data-category] [data-grid] .gb-card-extras,
  body[data-category] [data-grid] .card-bottom { display: contents; }
  body[data-category] [data-grid] .card-bottom .tag {
    grid-column: 1 / -1;
    grid-row: 3;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 4px;
  }
  body[data-category] [data-grid] .gb-card-extras button,
  body[data-category] [data-grid] .add-cart {
    grid-row: 4;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 8px;
    border-radius: 24px;
    white-space: nowrap;
  }
  body[data-category] [data-grid] .gb-favorite { grid-column: 1; font-size: 0; }
  body[data-category] [data-grid] .gb-favorite::before,
  body[data-category] [data-grid] .gb-compare::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background: currentColor;
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
  }
  body[data-category] [data-grid] .gb-favorite::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
  }
  body[data-category] [data-grid] .gb-favorite.active::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
  }
  body[data-category] [data-grid] .gb-compare { grid-column: 2; font-size: 0; }
  body[data-category] [data-grid] .gb-compare::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-4-4M20 17H4l4 4'/%3E%3C/g%3E%3C/svg%3E");
  }
  body[data-category] [data-grid] .gb-detail-open { grid-column: 3; font-size: 12px; }
  body[data-category] [data-grid] .add-cart { grid-column: 4; font-size: 0; }
  body[data-category] [data-grid] .add-cart::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.5 12h11L21 6H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  }
  body[data-category] [data-grid] .add-cart:disabled::before { opacity: .5; }
}