/* Static product grids show only the name, price and primary purchase action. */
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) {
  container-type:inline-size;
  container-name:catalog-card;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) :is(.video-tools,.video-topbar,.product-kicker,.flow-card-description,.quick-card-button) {
  display:none !important;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .card-info {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content minmax(0,max-content) minmax(0,1fr) !important;
  grid-template-rows:auto auto;
  align-items:center !important;
  gap:8px 0 !important;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) :is(.card-copy,.card-actions) {
  display:contents;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) h3 {
  grid-column:1 / -1;
  grid-row:1;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-width:0;
  min-height:0;
  max-width:100%;
  margin:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  font-size:18px !important;
  line-height:1.3;
  letter-spacing:-.02em;
  text-align:center;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .card-info .price-line {
  grid-column:2 !important;
  grid-row:2 !important;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:baseline;
  align-self:center;
  gap:3px 7px;
  min-width:0;
  margin:0;
  padding:0;
  font-size:20px !important;
  line-height:1.25;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .price-line strong {
  font-size:inherit;
  line-height:inherit;
  white-space:nowrap;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .price-line :is(del,.from-price) {
  font-size:12px;
  white-space:nowrap;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button {
  grid-column:3 !important;
  grid-row:2 !important;
  justify-self:start;
  justify-content:center;
  --catalog-buy-gap:12px;
  width:132px;
  max-width:calc(100% - var(--catalog-buy-gap));
  min-width:0;
  min-height:44px;
  margin:0 0 0 var(--catalog-buy-gap);
  padding:10px 12px !important;
  gap:7px;
  font-size:13px;
  line-height:1.2;
  white-space:nowrap;
}
:is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button .reel-icon {
  width:16px;
  height:16px;
  flex-shrink:0;
}
/* Recover the former tool rail without changing below-image card designs. */
body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card .card-info {
  left:18px;
  right:18px;
  bottom:18px;
}
@media (max-width:760px) {
  body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card .card-info {
    inset:auto;
    margin:0 10px 10px;
  }
}
@container catalog-card (max-width:300px) {
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) h3 {
    font-size:14px !important;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .card-info .price-line {
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    font-size:14px !important;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .price-line :is(del,.from-price) {
    font-size:11px;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .price-line :is(strong,del) {
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button {
    width:auto;
    min-height:38px;
    --catalog-buy-gap:8px;
    padding:8px 6px !important;
    gap:4px;
    font-size:12px;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button .reel-icon {
    width:14px;
    height:14px;
  }
}
@container catalog-card (max-width:170px) {
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .card-info .price-line {
    font-size:13px !important;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button {
    padding:8px 4px !important;
    font-size:11px;
    --catalog-buy-gap:4px;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button .reel-icon {
    display:none;
  }
}
/* Restore the original compact mobile purchase button. */
@media (max-width:760px) {
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button {
    width:max-content;
    min-height:32px;
    padding:5px 6px !important;
    gap:4px;
    font-size:12px;
    line-height:1.3;
    letter-spacing:0;
    border-radius:8px !important;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button .reel-icon {
    width:14px;
    height:14px;
  }
}
@media (max-width:380px) {
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button {
    padding:5px 4px !important;
    gap:3px;
    font-size:11px;
  }
  :is(body.theme-flow.store-page.view-grid .flow-main > [data-flow-feed] > .product-card, body.store-page.view-grid [data-catalog-card], .product-card[data-poster-only]) .buy-button .reel-icon {
    width:12px;
    height:12px;
  }
}
/* The video/poster is already a product link; the duplicate eye is unnecessary. */
body.theme-flow.store-page .flow-main > [data-flow-feed] > .product-card .video-tools [data-view-product],
body.store-page [data-catalog-card] .video-tools [data-view-product] {
  display:none !important;
}