/* Mobile planner utility row. Keep the existing desktop drawer unchanged. */
@media (max-width: 720px) {
  .product-mode [data-planner-app]:not(.planner-session-active):has(> [data-homepage-promotions]:not([hidden])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    row-gap: 12px;
    padding-top: 12px !important;
  }

  .product-mobile [data-planner-app]:not(.planner-session-active):has(> [data-homepage-promotions]:not([hidden])) {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }

  .product-mode [data-planner-app] > .homepage-promotions {
    position: relative;
    inset: auto;
    width: max-content;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    align-self: start;
    justify-self: end;
  }
}