/*
 * HBDL Product Card v1 platform primitive
 *
 * Loaded after Theme and surface styles. The component accepts Theme tokens,
 * but its nested Smart Grid owns layout, typography hierarchy, media well,
 * and responsive composition across every platform consumer.
 */
[data-hbdl-component="product-card"].hb-hbdl-product-card {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: clamp(306px, 29cqi, 354px) !important;
  min-height: 0 !important;
  max-height: 354px !important;
  flex-direction: column !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: clamp(9px, .8cqi, 12px) !important;
  overflow: hidden !important;
  border: var(--hb-component-border-width, 1px) solid color-mix(in srgb, var(--hb-component-border-color, #d0d5dd) 82%, transparent) !important;
  border-radius: var(--hb-component-radius, 16px) !important;
  background: var(--hb-surface, #fff) !important;
  color: var(--hb-text, #182230) !important;
  box-shadow: 0 12px 30px rgba(16, 24, 40, .16) !important;
  font-family: var(--hb-font-body, var(--font-family, Inter, system-ui, sans-serif)) !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: none !important;
}

[data-hbdl-component="product-card"] > .productListDetails.hb-hbdl-product-details {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(142px, 1fr) auto minmax(2.42em, auto) auto auto auto !important;
  flex: 1 1 auto !important;
  align-content: start !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: clamp(5px, .52cqi, 8px) clamp(7px, .7cqi, 10px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image {
  position: static !important;
  inset: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: block !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 142px !important;
  max-height: 190px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: clamp(10px, 1cqi, 14px) !important;
  border: 1px solid color-mix(in srgb, var(--hb-component-border-color, #d0d5dd) 38%, transparent) !important;
  border-radius: calc(var(--hb-component-radius, 16px) - 4px) !important;
  background: var(--hb-muted-bg, var(--muted-bg, #f5f6f8)) !important;
  object-fit: contain !important;
  object-position: center !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-text {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--hb-text, #182230) !important;
  font-family: var(--hb-font-body, var(--font-family, Inter, system-ui, sans-serif)) !important;
  font-size: clamp(.68rem, .76cqi, .78rem) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .is-product-badge {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  justify-self: start !important;
  width: auto !important;
  min-height: 20px !important;
  padding: 3px 8px !important;
  border: 1px solid #86d7a7 !important;
  border-radius: 999px !important;
  background: #f0fff6 !important;
  color: #08783f !important;
  font-size: clamp(.5rem, .55cqi, .58rem) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .is-product-name {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: -webkit-box !important;
  min-height: 2.42em !important;
  overflow: hidden !important;
  color: var(--hb-text, #182230) !important;
  font-size: clamp(.74rem, .84cqi, .88rem) !important;
  font-weight: 500 !important;
  line-height: 1.21 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .is-product-rating {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  font-size: clamp(.59rem, .66cqi, .69rem) !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
[data-hbdl-component="product-card"] .hb-product-stars {
  color: #f97316 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
}
[data-hbdl-component="product-card"] .hb-product-reviews {
  margin-left: 3px !important;
  color: #667085 !important;
  font-weight: 400 !important;
}

[data-hbdl-component="product-card"] > .productListDetails > .is-product-price {
  grid-column: 1 / span 7 !important;
  grid-row: 5 !important;
  align-self: center !important;
  color: var(--hb-text, #182230) !important;
  font-size: clamp(1rem, 1.13cqi, 1.2rem) !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
[data-hbdl-component="product-card"] > .productListDetails > .is-product-compare {
  grid-column: 8 / -1 !important;
  grid-row: 5 !important;
  align-self: center !important;
  justify-self: end !important;
  color: #7b8493 !important;
  font-size: clamp(.56rem, .61cqi, .65rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: line-through !important;
  white-space: nowrap !important;
}
[data-hbdl-component="product-card"] > .productListDetails > .is-product-savings {
  grid-column: 1 / -1 !important;
  grid-row: 6 !important;
  color: #08783f !important;
  font-size: clamp(.58rem, .65cqi, .69rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

/* Desktop count authority: one retail-sized card, two balanced cards, or three equal cards. */
.hb-managed-banner[data-hb-frame-device="desktop"] [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="desktop"] [data-banner-cell-id="starter-product-grid"] > [data-hb-product-track] {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  min-height: 0 !important;
  align-items: stretch !important;
  justify-content: end !important;
  gap: clamp(8px, .72cqi, 12px) !important;
  overflow: visible !important;
}
.hb-managed-banner[data-hb-frame-device="desktop"] [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="desktop"] [data-banner-cell-id="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track] { grid-template-columns: minmax(230px, 286px) !important; }
.hb-managed-banner[data-hb-frame-device="desktop"] [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="2"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="desktop"] [data-banner-cell-id="starter-product-grid"][data-hb-product-count="2"] > [data-hb-product-track] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.hb-managed-banner[data-hb-frame-device="desktop"] [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="3"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="desktop"] [data-banner-cell-id="starter-product-grid"][data-hb-product-count="3"] > [data-hb-product-track] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

.hb-managed-banner[data-hb-frame-device="desktop"] [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"],
.hb-banner-manager [data-banner-preview-shell="desktop"] [data-banner-cell-id="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"] {
  grid-column: auto !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Tablet: one card stays retail-sized; two cards remain visible; three use the two-up rail. */
.hb-managed-banner[data-hb-frame-device="tablet"] [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="tablet"] [data-banner-cell-id="starter-product-grid"] > [data-hb-product-track] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
.hb-managed-banner[data-hb-frame-device="tablet"] [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"],
.hb-banner-manager [data-banner-preview-shell="tablet"] [data-banner-cell-id="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"] {
  flex: 0 0 calc((100% - 10px) / 2) !important;
  width: calc((100% - 10px) / 2) !important;
  max-width: calc((100% - 10px) / 2) !important;
  height: 332px !important;
}
.hb-managed-banner[data-hb-frame-device="tablet"] [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track] > [data-hbdl-card="product"],
.hb-banner-manager [data-banner-preview-shell="tablet"] [data-banner-cell-id="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track] > [data-hbdl-card="product"] {
  flex-basis: min(100%, 286px) !important;
  width: min(100%, 286px) !important;
  max-width: 286px !important;
}

/* Phone: one complete horizontal retail card; controls remain inside the product region. */
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"].hb-hbdl-product-card,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"].hb-hbdl-product-card {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
  padding: 7px !important;
}
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: auto minmax(2.35em, auto) auto auto auto !important;
  gap: 3px 8px !important;
}
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 7px !important;
}
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image { grid-column: 1 / span 4 !important; grid-row: 1 / -1 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge,
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name,
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating,
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings { grid-column: 5 / -1 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge { grid-row: 1 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name { grid-row: 2 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating { grid-row: 3 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-price,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-price { grid-column: 5 / span 4 !important; grid-row: 4 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-compare,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-compare { grid-column: 9 / -1 !important; grid-row: 4 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings { grid-row: 5 !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-name { font-size: .68rem !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating { display: block !important; font-size: 10px !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-price,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-price { font-size: .9rem !important; }
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-compare,
.hb-managed-banner[data-hb-frame-device="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-compare,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings { font-size: 10px !important; }

/* Public embeds without an explicit preview device use the banner container. */
@container hb-managed-banner (min-width: 901px) {
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] {
    display: grid !important;
    align-items: stretch !important;
    justify-content: end !important;
    gap: clamp(8px, .72cqi, 12px) !important;
    overflow: visible !important;
  }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track] { grid-template-columns: minmax(230px, 286px) !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="2"] > [data-hb-product-track] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="3"] > [data-hb-product-track] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"] { grid-column: auto !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; }
}
@container hb-managed-banner (min-width: 601px) and (max-width: 900px) {
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] { display: flex !important; align-items: stretch !important; gap: 10px !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"] { flex: 0 0 calc((100% - 10px) / 2) !important; width: calc((100% - 10px) / 2) !important; max-width: calc((100% - 10px) / 2) !important; height: 332px !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"][data-hb-product-count="1"] > [data-hb-product-track] > [data-hbdl-card="product"] { flex-basis: min(100%, 286px) !important; width: min(100%, 286px) !important; max-width: 286px !important; }
}
@container hb-managed-banner (max-width: 600px) {
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"].hb-hbdl-product-card { height: 160px !important; min-height: 160px !important; max-height: 160px !important; padding: 7px !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; grid-template-rows: auto minmax(2.35em, auto) auto auto auto !important; gap: 3px 8px !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .hb-banner-element.is-image { grid-column: 1 / span 4 !important; grid-row: 1 / -1 !important; height: 100% !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; padding: 7px !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge,
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-name,
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating,
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings { grid-column: 5 / -1 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-badge { grid-row: 1 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-name { grid-row: 2 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-rating { grid-row: 3 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-price { grid-column: 5 / span 4 !important; grid-row: 4 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-compare { grid-column: 9 / -1 !important; grid-row: 4 !important; }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hbdl-component="product-card"] > .productListDetails > .is-product-savings { grid-row: 5 !important; }
}

/*
 * Phone projection fallback. Runtime width resolution writes the canonical
 * data-hb-frame-device state, but this viewport rule guarantees that a public
 * banner breaks to one complete card even before JavaScript initializes.
 */
@media (max-width: 600px) {
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] {
    display: grid !important;
    grid-template-rows: 166px auto !important;
    min-width: 0 !important;
    min-height: 214px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] {
    box-sizing: border-box !important;
    display: flex !important;
    flex: none !important;
    height: 166px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    padding: 0 0 6px !important;
    overflow-y: visible !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    overscroll-behavior-inline: contain !important;
    touch-action: pan-x !important;
  }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track]::-webkit-scrollbar {
    display: none !important;
  }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track] > [data-hbdl-card="product"] {
    flex: 0 0 100% !important;
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  .hb-managed-banner:not([data-hb-frame-device]) [data-hb-layout-cell="starter-product-grid"] > .hb-banner-product-carousel-controls {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* PF-09A .154: Phone Card and carousel navigation own separate rows. This is
   the final authority for live output and forced Banner Preview/Studio states. */
.hb-managed-banner[data-hb-frame-device="phone"] [data-hb-layout-cell="starter-product-grid"],
.hb-banner-manager [data-banner-preview-shell="phone"] [data-banner-cell-id="starter-product-grid"] {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 166px auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 214px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.hb-managed-banner[data-hb-frame-device="phone"] [data-hb-layout-cell="starter-product-grid"] > [data-hb-product-track],
.hb-banner-manager [data-banner-preview-shell="phone"] [data-banner-cell-id="starter-product-grid"] > [data-hb-product-track] {
  box-sizing: border-box !important;
  grid-row: 1 !important;
  flex: none !important;
  height: 166px !important;
  min-height: 166px !important;
  padding: 0 0 6px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}
.hb-managed-banner[data-hb-frame-device="phone"] [data-hb-layout-cell="starter-product-grid"] > .hb-banner-product-carousel-controls,
.hb-banner-manager [data-banner-preview-shell="phone"] [data-banner-cell-id="starter-product-grid"] > .hb-banner-product-carousel-controls {
  box-sizing: border-box !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 6px 0 0 !important;
}