/* Shared flat frosted controls for every XPort product card. */
.xport-product-card__buy,
.xpls-products-grid-preview .xpls-product-buy{
  border:1px solid var(--xui-glass-primary-border)!important;
  color:#fff!important;
  background:var(--xui-glass-primary-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:blur(var(--xui-glass-blur));
  backdrop-filter:blur(var(--xui-glass-blur));
  transform:none!important;
  transition:background-color var(--xui-transition),border-color var(--xui-transition),color var(--xui-transition),transform var(--xui-transition)!important;
}

.xport-product-card__buy:hover,
.xpls-products-grid-preview .xpls-product-buy:hover{
  border-color:rgba(38,178,74,.48)!important;
  color:#fff!important;
  background:var(--xui-glass-primary-hover)!important;
  transform:translateY(-1px)!important;
}

.xport-product-card__quick,
.xpls-products-grid-preview .xpls-product-quick{
  border:1px solid var(--xui-glass-secondary-border)!important;
  color:var(--xui-color-text)!important;
  background:var(--xui-glass-secondary-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:blur(var(--xui-glass-blur));
  backdrop-filter:blur(var(--xui-glass-blur));
  transform:none!important;
  transition:background-color var(--xui-transition),border-color var(--xui-transition),color var(--xui-transition),transform var(--xui-transition)!important;
}

.xport-product-card__quick:hover,
.xpls-products-grid-preview .xpls-product-quick:hover{
  border-color:var(--xui-glass-secondary-hover-border)!important;
  color:var(--xui-color-text)!important;
  background:var(--xui-glass-secondary-hover)!important;
  transform:translateY(-1px)!important;
}

.xport-product-card__buy:active,
.xport-product-card__quick:active,
.xpls-products-grid-preview .xpls-product-buy:active,
.xpls-products-grid-preview .xpls-product-quick:active{
  transform:translateY(0) scale(.99)!important;
}

.xport-product-card__buy:focus-visible,
.xport-product-card__quick:focus-visible,
.xpls-products-grid-preview .xpls-product-buy:focus-visible,
.xpls-products-grid-preview .xpls-product-quick:focus-visible{
  outline:2px solid var(--xui-focus-color)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

/* A narrow viewport is always a fluid mobile grid, even with a fine pointer. */
@media(max-width:767px){
  .xport-product-card-grid--landing-popular,
  .xpls-products-grid-preview.xport-product-card-grid--landing-popular{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    column-gap:10px!important;
    row-gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .xport-product-card-grid--landing-popular > .xport-product-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .xport-product-card-grid--landing-popular.xpls-count-2 > .xport-product-card:nth-child(n+3),
  .xport-product-card-grid--landing-popular.xpls-count-3 > .xport-product-card:nth-child(n+4),
  .xport-product-card-grid--landing-popular.xpls-count-4 > .xport-product-card:nth-child(n+5),
  .xport-product-card-grid--landing-popular.xpls-count-5 > .xport-product-card:nth-child(n+6){
    display:grid!important;
  }

  .xport-product-card-grid--landing-popular .xport-product-card__actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
  }

}