.ruk_rating_snippet {
    cursor: default !important;
    pointer-events: none !important;
}

.fitment-link-block a[target="_blank"]::after {
  content: "↗";
  display: inline-block;
  margin-left: 0.25em;
  font-size: 0.85em;
  line-height: 1;
}

/* Reviews.io modal container: collapse footprint by default */
#reviews-io-polaris-modal-ReviewsWidget {
  display: block !important;       /* ensure it's a block-level anchor for modals */
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;     /* allow overlay to render beyond container */
  line-height: 0 !important;        /* neutralize any inherited line height */
}

/* When the modal is mounted, allow natural sizing */
#reviews-io-polaris-modal-ReviewsWidget:has([role="dialog"]),
#reviews-io-polaris-modal-ReviewsWidget:has(.Polaris-Modal-Dialog),
#reviews-io-polaris-modal-ReviewsWidget:has(.ReactModal__Content) {
  height: auto !important;
  min-height: auto !important;
  line-height: normal !important;
}

/* ===============================
   Canpump (Camden) — Product Actions (Wishlist + Add to Quote)
   Single, consolidated CSS for mobile, tablet, and desktop
   =============================== */

/* ---------------------------------
   1) TABLET (two-column layout: 551–1200px)
   Keep Camden’s two-column layout; place Wishlist + Quote in the right column,
   each at 50% width with a left gutter to match the left column’s right gutter.
   --------------------------------- */
@media (min-width: 551px) and (max-width: 1200px) {

  /* Right column: Wishlist (top-right) */
  .productView-options > .form-wishlist.form-action {
    float: right !important;
    width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;       /* remove slight right indent */
    padding-left: .5rem !important;    /* left gutter for right column */
  }

  /* Right column: Quote (bottom-right) — wrapper immediately after Wishlist */
  .productView-options > .form-wishlist.form-action + .form-action {
    float: right !important;
    width: 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
    padding-left: .5rem !important;    /* same left gutter */
  }

  /* Ensure internal controls fill their halves on tablet */
  .productView-options > .form-wishlist.form-action > .dropdown-menu-button,
  .productView-options > .form-wishlist.form-action + .form-action > #qn-add-to-quote {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* ---------------------------------
   2) MOBILE (stacked full-width: ≤550px)
   Ensure full width and add missing vertical gaps.
   --------------------------------- */
@media (max-width: 550px) {
  /* Make Wishlist + Quote wrappers full-width and stacked */
  .productView-options > .form-wishlist.form-action,
  .productView-options > .form-wishlist.form-action + .form-action {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Add the missing space UNDER "Buy Now" by adding bottom margin to its wrapper */
  .productView-options .add-to-cart-buttons .form-action--buy-button {
    margin-bottom: 1rem !important;
  }

  /* Ensure Quote button fills full width on mobile */
  .productView-options > .form-wishlist.form-action + .form-action > #qn-add-to-quote {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* Keep the gap between "Add to Your List" (above) and "Add to Quote" (below) */
  .productView-options > .form-wishlist.form-action + .form-action {
    margin-top: 1rem !important;
    clear: both !important;
  }
}

/* ---------------------------------
   3) DESKTOP (stacked full-width: ≥1200px)
   Keep everything full-width like other actions.
   --------------------------------- */
@media (min-width: 1200px) {
  /* Wishlist + Quote wrappers full-width and stacked */
  .productView-options > .form-wishlist.form-action,
  .productView-options > .form-wishlist.form-action + .form-action {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Ensure Quote button fills full width on desktop */
  .productView-options > .form-wishlist.form-action + .form-action > #qn-add-to-quote {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}