/* OnezaMall One.v2.50 — compact six-card desktop catalog.
   Desktop: 6 cards per row. Laptop: 5. Tablet: 4. Mobile remains 2. */


/* Prevent padded card sections from becoming wider than their grid cell. */
body.reference-storefront-v415 #productGrid .product-card,
body.reference-storefront-v415 #productGrid .product-img,
body.reference-storefront-v415 #productGrid .product-body{
  box-sizing:border-box!important;
  max-width:100%!important;
}
body.reference-storefront-v415 #productGrid .product-img{
  margin-left:0!important;
  margin-right:0!important;
}

@media (min-width:821px){
  body.reference-storefront-v415 #productGrid .product-card,
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  body.reference-storefront-v415 #productGrid .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style] .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-img,
  body.reference-storefront-v415 #productGrid .product-img.live-product-image{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4 / 3!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(17,72,50,.10)!important;
    border-radius:0!important;
    background:#f7f4ec!important;
  }

  body.reference-storefront-v415 #productGrid .catalog-card-gallery-image,
  body.reference-storefront-v415 #productGrid .catalog-card-gallery-slide img{
    padding:2px!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body.reference-storefront-v415 #productGrid .product-shortlist-actions{
    top:4px!important;
    right:4px!important;
    gap:3px!important;
  }
  body.reference-storefront-v415 #productGrid .product-shortlist-actions button{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0!important;
    font-size:12px!important;
  }
  body.reference-storefront-v415 #productGrid .product-img .tag{
    top:5px!important;
    left:5px!important;
    max-width:calc(100% - 62px)!important;
    padding:3px 5px!important;
    font-size:6px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.reference-storefront-v415 #productGrid .discount-chip,
  body.reference-storefront-v415 #productGrid .product-gallery-count{
    left:5px!important;
    bottom:5px!important;
    min-height:18px!important;
    padding:3px 5px!important;
    font-size:7px!important;
  }
  body.reference-storefront-v415 #productGrid .product-gallery-dots{
    bottom:4px!important;
    max-width:68%!important;
    padding:2px 4px!important;
    gap:2px!important;
  }
  body.reference-storefront-v415 #productGrid .product-gallery-dots i{
    width:5px!important;
    height:5px!important;
  }

  body.reference-storefront-v415 #productGrid .product-body,
  body.reference-storefront-v415 #productGrid[data-card-style] .product-body,
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    gap:3px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:6px!important;
  }

  body.reference-storefront-v415 #productGrid .product-card-identity{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
    margin:0 0 2px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-identity>span{
    min-width:0!important;
    min-height:27px!important;
    padding:3px 4px!important;
    border-radius:6px!important;
    overflow:hidden!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-identity small{
    display:block!important;
    margin:0 0 1px!important;
    font-size:5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-identity b{
    display:block!important;
    min-width:0!important;
    font-size:6.5px!important;
    line-height:1.05!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.reference-storefront-v415 #productGrid .seller-card-note,
  body.reference-storefront-v415 #productGrid .product-card-feature-strip{
    display:none!important;
  }

  body.reference-storefront-v415 #productGrid .product-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:1px 0 2px!important;
    overflow:hidden!important;
    font-family:Arial,sans-serif!important;
    font-size:9.5px!important;
    font-weight:900!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-code-line,
  body.reference-storefront-v415 #productGrid .product-code-line{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:3px!important;
    min-height:12px!important;
    height:12px!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:5.8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-code-line>span:first-child,
  body.reference-storefront-v415 #productGrid .product-code-line>span:first-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.reference-storefront-v415 #productGrid .product-stock{
    flex:0 0 auto!important;
    font-size:5.8px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-price-row,
  body.reference-storefront-v415 #productGrid .price-row{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:3px!important;
    min-height:18px!important;
    height:18px!important;
    margin:1px 0 3px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-price-row .product-card-price,
  body.reference-storefront-v415 #productGrid .price-row strong{
    min-width:0!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:normal!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-price-row>span,
  body.reference-storefront-v415 #productGrid .price-row>span{
    flex:0 0 auto!important;
    font-size:5.8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.reference-storefront-v415 #productGrid .estimated-local-price{
    display:none!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3px!important;
    min-height:27px!important;
    height:27px!important;
    margin-top:auto!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:27px!important;
    height:27px!important;
    padding:3px 2px!important;
    border-radius:6px!important;
    overflow:hidden!important;
    font-size:6.3px!important;
    font-weight:900!important;
    line-height:1.05!important;
    white-space:normal!important;
  }
}


/* Responsive column counts. */
@media (min-width:1280px){
  body.reference-storefront-v415 .reference-products-panel{padding-left:10px!important;padding-right:10px!important}
  body.reference-storefront-v415 .reference-products-panel #productGrid,
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style],
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style="classic-vertical"],
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style="modern-horizontal"],
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style="premium-showcase"],
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style="compact-market"],
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style="luxury-gold"]{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important
  }
}

@media (min-width:1100px) and (max-width:1279px){
  body.reference-storefront-v415 .reference-products-panel #productGrid,
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style]{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

@media (min-width:821px) and (max-width:1099px){
  body.reference-storefront-v415 .reference-products-panel #productGrid,
  body.reference-storefront-v415 .reference-products-panel #productGrid[data-card-style]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }
}

html::after{content:"One.v2.50-six-card-compact-desktop";display:none}