/* BRENNER v61 — consolidated final catalogue overrides.
   v60 is the visual reference. Historical inline v56/v57/v58/v60 layers are merged here. */

/* MOBILE L2 — F + C */
@media (max-width:640px){
  .catalog #food .product-desc,
  .catalog #cleaning .product-desc{display:none!important}

  .catalog #food .product-card,
  .catalog #cleaning .product-card{
    min-height:0!important;
    height:auto!important;
    padding:20px 20px 0!important;
  }

  .catalog #food .product-card-top,
  .catalog #cleaning .product-card-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 120px!important;
    column-gap:16px!important;
    align-items:center!important;
    min-height:138px!important;
  }

  .catalog #food .product-card-info,
  .catalog #cleaning .product-card-info{
    min-width:0!important;
    padding-right:0!important;
  }

  .catalog #food .product-title,
  .catalog #cleaning .product-title{margin-bottom:6px!important}

  .catalog #food .product-spec,
  .catalog #cleaning .product-spec{margin-bottom:0!important}

  .catalog #food .product-thumb-pouch,
  .catalog #cleaning .product-thumb-pouch{
    position:static!important;
    top:auto!important;
    right:auto!important;
    width:120px!important;
    height:138px!important;
    min-width:120px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:center!important;
    align-self:center!important;
    overflow:visible!important;
  }

  .catalog #food .product-thumb-pouch img,
  .catalog #cleaning .product-thumb-pouch img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:139.2px!important;
    max-height:158.4px!important;
    object-fit:contain!important;
    transform:none!important;
    transform-origin:center center!important;
  }

  .catalog #cleaning a[href$="product-oven-grill.html"] .product-thumb-pouch img,
  .catalog #cleaning a[href$="product-multisurface-cleaner.html"] .product-thumb-pouch img,
  .catalog #cleaning a[href$="product-universal-glass-cleaner.html"] .product-thumb-pouch img{
    max-height:163.2px!important;
  }

  .catalog #food .product-card-foot,
  .catalog #cleaning .product-card-foot{
    height:auto!important;
    min-height:56px!important;
    margin:10px -20px 0!important;
    padding:11px 20px 12px!important;
    gap:10px 14px!important;
    box-sizing:border-box!important;
  }

  .catalog #food .product-card-foot{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
  }

  .catalog #cleaning .product-card-foot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
  }

  .catalog #cleaning .product-pack{
    grid-column:1 / -1!important;
    min-width:0!important;
  }

  .catalog #cleaning .product-explore{
    grid-column:2!important;
    justify-self:end!important;
  }

  .catalog .product-pack{line-height:1.4!important}
  .catalog .product-explore{white-space:nowrap!important}
}

/* DESKTOP/TABLET L2 — C only */
@media (min-width:641px){
  #cleaning .product-card{
    min-height:196px!important;
    padding:18px 20px 0!important;
  }

  #cleaning .product-card-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 35%!important;
    column-gap:10px!important;
    align-items:center!important;
    min-height:126px!important;
  }

  #cleaning .product-card-info{
    align-self:start!important;
    padding-right:0!important;
    min-width:0!important;
  }

  #cleaning .product-desc{display:none!important}
  #cleaning .product-title{max-width:none}

  #cleaning .product-thumb-pouch{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:126px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #cleaning .product-thumb-pouch img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:124px!important;
    object-fit:contain!important;
    transform:scale(1.14);
    transform-origin:center center;
  }

  #cleaning .product-card:nth-child(1) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(4) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(6) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(8) .product-thumb-pouch img{
    transform:scale(1.28);
  }

  #cleaning .product-card:nth-child(2) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(3) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(5) .product-thumb-pouch img,
  #cleaning .product-card:nth-child(7) .product-thumb-pouch img{
    transform:scale(1.16);
  }

  #cleaning .product-card-foot{
    min-height:46px!important;
    height:auto!important;
    margin:6px -20px 0!important;
    padding:8px 20px!important;
    gap:12px!important;
    align-items:center!important;
  }

  #cleaning .product-pack{
    flex:1 1 auto!important;
    min-width:0!important;
    line-height:1.24!important;
  }

  #cleaning .product-explore{
    flex:0 0 auto!important;
    margin-left:auto!important;
    white-space:nowrap!important;
  }
}

/* BRENNER v63 — regression fix.
   Preserve approved v60 rendered size for the two spray-trigger L2 products.
   This is the surviving v37 exception that v62 incorrectly classified as superseded. */
#cleaning a[href="product-oven-grill.html"] .product-thumb-pouch img,
#cleaning a[href="product-multisurface-cleaner.html"] .product-thumb-pouch img{
  height:112px!important;
  max-height:112px!important;
}

/* BRENNER v65 — F L2 desktop image centering. */
@media (min-width:641px){
  #food .product-thumb-pouch{align-self:center!important;}
}