/* Compact cross-sell links in the add-to-cart confirmation. */
#blockcart-modal .ht-cart-recommendations {
  padding: 16px 24px;
  border-top: 1px solid #e7e3df;
  background: #fff;
}
#blockcart-modal .ht-cart-recommendations__title {
  margin: 0 0 12px;
  color: #373334;
  font-size: 16px;
  font-weight: 600;
}
#blockcart-modal .ht-cart-recommendations__list { display: grid; gap: 8px; }
#blockcart-modal .ht-cart-recommendations__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 4px;
  border-radius: 8px;
  color: #373334;
}
#blockcart-modal .ht-cart-recommendations__item:hover { background: #f8f2ed; }
#blockcart-modal .ht-cart-recommendations__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
#blockcart-modal .ht-cart-recommendations__link:hover .ht-cart-recommendations__name { text-decoration: underline; }
#blockcart-modal .ht-cart-recommendations__link:focus-visible,
#blockcart-modal .ht-cart-recommendations__cta:focus-visible { outline: 2px solid #805b4d; outline-offset: 2px; }
#blockcart-modal .ht-cart-recommendations__image {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  object-fit: contain;
  background: #f7f5f3;
}
#blockcart-modal .ht-cart-recommendations__name {
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
}
#blockcart-modal .ht-cart-recommendations__price {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}
#blockcart-modal .ht-cart-recommendations__form { margin: 0; }
#blockcart-modal .ht-cart-recommendations__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid #805b4d;
  border-radius: 10px;
  background: #fff;
  color: #805b4d;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
#blockcart-modal .ht-cart-recommendations__cta:hover { background: #805b4d; color: #fff; }
#blockcart-modal .ht-cart-recommendations__cta:disabled { opacity: .6; cursor: wait; }

@media (max-width: 575.98px) {
    #blockcart-modal .modal-dialog {
      width: auto;
      height: auto;
      min-height: 0;
      margin: 12px;
    }
    #blockcart-modal .modal-content {
      height: auto;
      max-height: calc(100dvh - 24px);
      overflow-y: auto;
      border-radius: 14px;
    }
    #blockcart-modal .modal-header { padding: 14px 16px; }
    #blockcart-modal .modal-body { flex: 0 0 auto; padding: 16px; }
    #blockcart-modal .modal-body > .row { margin: 0; }
    #blockcart-modal .blockcart-modal__product {
      width: 100%;
      margin: 0;
      padding: 0;
    }
    #blockcart-modal .blockcart-modal__product > .row {
      display: grid;
      grid-template-columns: 100px minmax(0, 1fr);
      gap: 14px;
      margin: 0;
    }
    #blockcart-modal .blockcart-modal__product > .row > div {
      width: auto;
      max-width: none;
      padding: 0;
    }
    #blockcart-modal .product-image {
      display: block;
      width: 100px;
      height: 120px;
      margin: 0;
      object-fit: contain;
    }
    #blockcart-modal .product-name { margin-bottom: 6px; }
    #blockcart-modal .ht-cart-recommendations { padding: 14px 16px; }
    #blockcart-modal .ht-cart-recommendations__item { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; }
    #blockcart-modal .ht-cart-recommendations__link { grid-column: 1; grid-row: 1; gap: 10px; }
    #blockcart-modal .ht-cart-recommendations__name { font-size: 13px; }
    #blockcart-modal .ht-cart-recommendations__price { grid-column: 1; grid-row: 2; padding-left: 66px; font-size: 13px; }
    #blockcart-modal .ht-cart-recommendations__form,
    #blockcart-modal .ht-cart-recommendations__item > .ht-cart-recommendations__cta { grid-column: 2; grid-row: 1 / 3; }
    #blockcart-modal .ht-cart-recommendations__cta { padding: 6px 10px; }
    #blockcart-modal .modal-footer { padding: 12px 16px 16px; }
    #blockcart-modal .cart-footer-actions .btn {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 58px;
      margin-bottom: 0;
      padding: 12px 16px;
      font-size: 16px;
      line-height: 1.3;
      text-align: center;
    }
    #blockcart-modal .cart-footer-actions { gap: 12px; }
    #blockcart-modal .btn-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 12px; }
  }

/* Keep padding inside the touch target instead of inflating the close circle. */
#blockcart-modal .modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
#blockcart-modal .modal-header .modal-title {
  flex: 1 1 auto;
  min-width: 0;
}
#blockcart-modal .modal-header .btn-close {
  box-sizing: border-box;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0 0 0 auto;
  background-size: 10px;
}