/* Catalog-only refinements: category listing and grouped product cards. */

/* Back-in-stock popup: the only server action registers a notification. Keep
 * that CTA visible, distinguish the UI-only close action and prevent the
 * fixed dialog from ever creating a horizontal scrollbar. */
html body #div_sms_notice {
  overflow-x: hidden !important;
  overscroll-behavior: contain;
}

html body #div_sms_notice,
html body #div_sms_notice * {
  box-sizing: border-box;
  max-width: 100%;
}

html body #div_sms_notice p,
html body #div_sms_notice label,
html body #div_sms_notice a {
  overflow-wrap: anywhere;
  white-space: normal;
}

html body #div_sms_notice #email_address_notice,
html body #div_sms_notice #cell_number_sms_notice {
  display: block;
  margin: 8px 0 !important;
  min-width: 0;
  width: 100% !important;
}

html body #div_sms_notice .saida-stock-notice-actions {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 18px;
  width: 100%;
}

html body #div_sms_notice .saida-stock-notice-actions input[type="button"] {
  flex: 1 1 210px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 !important;
  min-height: 44px;
  min-width: 0 !important;
  padding: 10px 12px;
  text-align: center;
  white-space: normal;
  width: auto !important;
}

html body #div_sms_notice #btn_sms_notice:disabled {
  cursor: not-allowed;
  opacity: .5;
}

html body #div_sms_notice #btn_sms_notice_close {
  background: #fff !important;
  border: 1px solid #cfc7bf !important;
  color: #221f1c !important;
}

html body #div_sms_notice #btn_sms_notice_close:hover,
html body #div_sms_notice #btn_sms_notice_close:focus {
  background: #f5f1ed !important;
  border-color: #221f1c !important;
}

@media only screen and (max-width: 600px) {
  html body #div_sms_notice .saida-stock-notice-actions {
    flex-direction: column;
  }

  html body #div_sms_notice .saida-stock-notice-actions input[type="button"] {
    flex-basis: auto;
    width: 100% !important;
  }
}

/* The toolbar remains available to Codazon infinite scroll, but has no visual
 * presence: sorting and mode switching are intentionally disabled. */
body.catalog-category-view .toolbar.toolbar-products {
  display: none !important;
}

/* No wishlist/compare overlay is shown on catalog cards, including cards
 * injected asynchronously by related, upsell and Ajax listing components. */
body.catalog-category-view .cdz-product-wishlist,
body.catalog-product-view .related .cdz-product-wishlist,
body.catalog-product-view .upsell .cdz-product-wishlist,
body.catalog-product-view .crosssell .cdz-product-wishlist {
  display: none !important;
}

@media only screen and (min-width: 1201px) {
  body.catalog-category-view.page-layout-2columns-left .page-main .columns {
    display: block !important;
  }

  body.catalog-category-view.page-layout-2columns-left .page-main .sidebar-main,
  body.catalog-category-view.page-layout-2columns-left .page-main .sidebar-additional {
    box-sizing: border-box !important;
    clear: left !important;
    float: left !important;
    max-width: 20% !important;
    width: 20% !important;
  }

  body.catalog-category-view.page-layout-2columns-left .page-main .column.main {
    box-sizing: border-box !important;
    float: right !important;
    max-width: 80% !important;
    padding-top: 0 !important;
    width: 80% !important;
  }

  body.catalog-category-view #category-products-grid,
  body.catalog-category-view #category-products-grid.desktop_4 {
    width: 100% !important;
  }

  body.catalog-category-view #prodotti_categoria > .product-item {
    box-sizing: border-box !important;
    width: 25% !important;
  }
}

/* Category heading: keep the optional category logo beside the title instead
 * of spending a separate row above the listing. */
body.catalog-category-view .page-main > .page-title-wrapper {
  align-items: center;
  display: flex !important;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 6px !important;
}

body.catalog-category-view .page-main > .page-title-wrapper .page-title {
  flex: 1 1 auto;
  margin: 0 !important;
  min-width: 0;
}

body.catalog-category-view .page-main > .page-title-wrapper .category-image {
  flex: 0 0 auto;
  line-height: 0;
  margin: 0 0 0 auto !important;
  max-width: 110px;
  padding: 0 !important;
}

body.catalog-category-view .page-main > .page-title-wrapper .category-image .image {
  display: block;
  height: auto !important;
  margin: 0 !important;
  max-height: 64px;
  max-width: 100px;
  object-fit: contain;
  padding: 0 !important;
  width: auto !important;
}

body.catalog-category-view .category-view,
body.catalog-category-view .category-view > div,
body.catalog-category-view .category-description {
  box-sizing: border-box;
}

body.catalog-category-view .category-view {
  margin-bottom: 0 !important;
}

body.catalog-category-view .category-description,
body.catalog-category-view #category-description-container {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mirasvit must not render social-reward controls on category pages. The XML
 * removal avoids the markup; this is a cache-safe fallback for every locale. */
html body.catalog-category-view .rewardssocial-buttons {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.catalog-category-view .column.main > .saida-whatsapp-promo-banner {
  box-sizing: border-box;
  margin: 0 0 12px !important;
  max-width: none !important;
  padding: 14px 18px !important;
  width: 100% !important;
}

/* Equal height comes from the flex row itself, not from the legacy fixed
 * 625px card. This keeps each row aligned while removing unused card space. */
body.catalog-category-view #prodotti_categoria {
  align-items: stretch !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

body.catalog-category-view #prodotti_categoria > .product-item {
  display: flex !important;
  float: none !important;
}

body.catalog-category-view #prodotti_categoria > .product-item > .product-item-info {
  display: flex !important;
  flex-direction: column;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
}

body.catalog-category-view #prodotti_categoria .product-item-details {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

body.catalog-category-view #prodotti_categoria .cdz-buttons-inner {
  margin-top: auto;
}

body.catalog-category-view #prodotti_categoria .product-item-name {
  height: auto !important;
  min-height: 58px;
}

body.catalog-category-view #prodotti_categoria .product-item-link {
  margin-bottom: 6px !important;
  margin-top: 6px !important;
  min-height: 0 !important;
}

body.catalog-category-view .cdz-infscr-placeholder {
  clear: both;
  display: block !important;
  min-height: 2px;
  width: 100% !important;
}

@media only screen and (max-width: 767px) {
  body.catalog-category-view .page-main > .page-title-wrapper {
    gap: 10px;
    margin-bottom: 4px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.catalog-category-view .page-main > .page-title-wrapper .page-title {
    font-size: clamp(22px, 6.5vw, 30px) !important;
    line-height: 1.12 !important;
  }

  body.catalog-category-view .page-main > .page-title-wrapper .category-image {
    max-width: 76px;
  }

  body.catalog-category-view .page-main > .page-title-wrapper .category-image .image {
    max-height: 52px;
    max-width: 72px;
  }

  body.catalog-category-view .category-view {
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  body.catalog-category-view .category-view > div,
  body.catalog-category-view .category-description,
  body.catalog-category-view #category-description-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.catalog-category-view .category-description .accordion-header {
    padding: 7px 0 !important;
  }

  body.catalog-category-view .column.main > .saida-whatsapp-promo-banner {
    margin-bottom: 10px !important;
    padding: 11px 12px !important;
  }

  body.catalog-category-view #prodotti_categoria .product-item-name {
    min-height: 48px;
  }
}

/* Promotional cuts may use a second line. This removes the legacy nowrap
 * clipping while keeping the badge compact and centered. */
body.catalog-product-view #super-product-table .grouped-product-label--cut,
body.catalog-product-view .grouped-products-wrapper .grouped-product-label--cut {
  flex-wrap: wrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  width: 100% !important;
}

body.catalog-product-view #super-product-table .grouped-product-quantity,
body.catalog-product-view .grouped-products-wrapper .grouped-product-quantity {
  white-space: nowrap !important;
}

body.catalog-product-view #super-product-table .grouped-product-bonus,
body.catalog-product-view .grouped-products-wrapper .grouped-product-bonus {
  align-items: baseline;
  display: inline-flex !important;
  flex: 0 0 100%;
  gap: 1px;
  justify-content: center;
  margin-top: 2px;
  min-width: 0;
  white-space: nowrap;
}

/* Product pages use the complete width made available by the content
 * container. The shared banner keeps its compact styling, but must not be
 * constrained by the global 1320px cap used on other page types. */
html body.catalog-product-view .column.main > .saida-whatsapp-promo-banner {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body.catalog-product-view .column.main > .saida-whatsapp-promo-banner .promo-content {
  max-width: none !important;
  width: 100% !important;
}

body.catalog-product-view #super-product-table .grouped-product-bonus .omaggio,
body.catalog-product-view .grouped-products-wrapper .grouped-product-bonus .omaggio {
  display: inline !important;
}

@media only screen and (max-width: 767px) {
  body.catalog-product-view #super-product-table .grouped-product-label--cut,
  body.catalog-product-view .grouped-products-wrapper .grouped-product-label--cut {
    font-size: clamp(12px, 3.25vw, 14px) !important;
    line-height: 1.08 !important;
    padding: 4px 5px !important;
  }
}

/* Grouped rows: keep the four-column comparison only where the product panel
 * is wide enough. Tablet uses two stable rows and mobile becomes a vertical
 * card, so long prices, shipping copy, metadata and actions never compete for
 * the same narrow track. The ID plus data attribute outrank legacy locks. */
html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] {
  align-items: stretch !important;
  box-sizing: border-box;
  display: grid !important;
  max-width: 100%;
  min-width: 0;
  overflow: visible !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0 !important;
  overflow-wrap: anywhere;
}

@media only screen and (min-width: 1201px) {
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] {
    grid-template-columns: minmax(138px, .82fr) minmax(0, 1.15fr) minmax(104px, .76fr) minmax(124px, .86fr) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] {
    column-gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, auto) !important;
    row-gap: 12px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--format {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--shipping {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--meta {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--actions {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--actions form {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .action.primary.tocart {
    min-height: 44px !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box {
    display: grid !important;
    grid-template-columns: minmax(44px, 1fr) minmax(52px, 1fr) minmax(44px, 1fr) !important;
    height: 44px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .btn-qty,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .minus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .plus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box input[type="number"] {
    height: 44px !important;
    min-height: 44px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .btn-qty,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .minus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .plus {
    min-width: 44px !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] {
    align-items: center !important;
    column-gap: 4px !important;
    grid-template-areas: none !important;
    grid-template-columns: minmax(62px, .8fr) minmax(0, 1fr) minmax(48px, .62fr) clamp(82px, 24vw, 96px) !important;
    grid-template-rows: auto !important;
    min-height: 90px !important;
    padding: 5px 6px !important;
    row-gap: 0 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--format {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--shipping {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--meta {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--actions {
    align-self: center !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] > .grouped-product-col--actions form {
    align-items: stretch !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 32px 36px !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: 32px !important;
    min-height: 32px !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .btn-qty,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .minus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .plus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box input[type="number"] {
    font-size: 11px !important;
    height: 32px !important;
    min-height: 32px !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .btn-qty,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .minus,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .qty-box .plus {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .action.primary.tocart {
    height: 36px !important;
    min-height: 36px !important;
    padding: 4px !important;
    position: relative !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .action.primary.tocart:before {
    font-size: 15px !important;
    margin: 0 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .action.primary.tocart span {
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-label--cut {
    min-height: 0 !important;
    padding: 4px 3px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-quantity,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-bonus {
    font-size: clamp(9px, 2.7vw, 11px) !important;
    line-height: 1.05 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-price .price {
    font-size: clamp(16px, 4.7vw, 19px) !important;
    line-height: 1 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-price .old-price .price,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-price .unit,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-price .unit i {
    font-size: clamp(8px, 2.25vw, 9.5px) !important;
    line-height: 1.05 !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-shipping-info {
    font-size: clamp(8.5px, 2.45vw, 10px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-shipping-info .product-ship-price,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-shipping-info .product-free-ship,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-shipping-info .product-ship-info,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-shipping-info .product-ship-info small {
    font-size: inherit !important;
    line-height: inherit !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-meta,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-meta-row,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-sku,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-exp {
    font-size: clamp(7.5px, 2.15vw, 9px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-meta-row strong,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .grouped-product-sku strong,
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item[data-product-id] .product-exp strong {
    font-size: clamp(6.4px, 1.85vw, 8px) !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    word-break: normal !important;
  }
}

/* Keep the active Fotorama frame opaque and isolated. Native transforms still
 * provide swipe/arrow navigation; the white stage prevents inactive product
 * images from showing through transparent pixels. */
body.catalog-product-view .gallery-placeholder,
body.catalog-product-view .fotorama__stage {
  background: #fff;
  isolation: isolate;
  overflow: hidden !important;
}

body.catalog-product-view .fotorama__stage__frame {
  background: #fff;
}

body.catalog-product-view .fotorama__stage__frame.fotorama__active {
  z-index: 2 !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] {
  background: #fffaf6 !important;
  border: 1px solid #e8c9ad !important;
  border-left: 4px solid #df7628 !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 18px rgba(64, 43, 28, .06) !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .grouped-product-labels,
html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .grouped-product-price,
html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .grouped-product-meta {
  opacity: 1 !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .stock.unavailable {
  align-content: start !important;
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 8px !important;
  justify-items: stretch !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* The legacy action column is vertically centered with a one-line intrinsic
 * height. Without an explicit floor, the two stock rows paint outside the
 * card even though their grid tracks are 28px and 44px. Keep both rows in the
 * card's normal flow at every breakpoint. */
html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] > .grouped-product-col--actions {
  align-self: stretch !important;
  height: auto !important;
  justify-content: flex-start !important;
  min-height: 80px !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .stock.unavailable {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(28px, auto) minmax(44px, auto) !important;
  height: auto !important;
  min-height: 80px !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .stock.unavailable .stato_prodotto {
  align-items: center !important;
  background: #fff1e5 !important;
  border: 1px solid #e7b88e !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  color: #753813 !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  justify-content: center !important;
  justify-self: stretch !important;
  letter-spacing: .02em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  text-transform: none !important;
  white-space: normal !important;
  width: 100% !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice {
  align-items: center !important;
  background: #fff !important;
  border: 1px solid #c56b2a !important;
  border-radius: 9px !important;
  box-sizing: border-box;
  color: #5b341b !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  gap: 7px !important;
  justify-content: center !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 44px !important;
  min-width: 0 !important;
  padding: 9px 11px !important;
  text-align: center;
  text-transform: none !important;
  white-space: normal !important;
  width: 100% !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice i {
  color: #b85a20 !important;
  flex: 0 0 auto;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice:hover {
  background: #fff4ea !important;
  border-color: #a94d17 !important;
  color: #452713 !important;
}

html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice:focus-visible {
  outline: 3px solid rgba(223, 118, 40, .28) !important;
  outline-offset: 3px;
}

/* Avoid covering grouped controls with the floating utility stack while the table is in view. */
html body.catalog-product-view.saida-grouped-in-view #mini_menu_footer {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(.92) translateY(14px) !important;
  visibility: hidden !important;
}

@media only screen and (max-width: 767px) {
  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] > .grouped-product-col--actions {
    align-self: center !important;
    min-height: 76px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .stock.unavailable {
    gap: 4px !important;
    grid-template-rows: minmax(24px, auto) minmax(44px, auto) !important;
    min-height: 76px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .stock.unavailable .stato_prodotto {
    font-size: clamp(7.5px, 2.15vw, 9px) !important;
    justify-self: stretch !important;
    line-height: 1.05 !important;
    min-height: 24px !important;
    padding: 3px 4px !important;
    width: 100% !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice {
    font-size: clamp(7.5px, 2.1vw, 9px) !important;
    gap: 3px !important;
    line-height: 1.08 !important;
    min-height: 44px !important;
    padding: 4px 3px !important;
  }

  html body.catalog-product-view #super-product-table.grouped-products-wrapper.grouped-product-grid > .grouped-product-item.non_disponibile[data-product-id] .show_sms_notice i {
    font-size: 10px !important;
  }
}