:host {
  @apply flex flex-col-reverse items-end desktop:flex-row desktop:justify-center desktop:items-center gap-4;

  .product-dropdown.ui-dropdown {
    @apply max-w-[13.4375rem] desktop:max-w-full;
  }

  :has(.product-dropdown):has(.quantity-dropdown) {
    .quantity-dropdown.ui-dropdown {
      @apply border-r-0 pr-4 pl-5 max-w-20 desktop:max-w-full;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;

      &.ui-dropdown__accent-outline {
        &.open {
          @apply border-isa-accent-blue;
        }
      }
    }

    .product-dropdown.ui-dropdown {
      @apply border-l-0 max-w-[8.75rem] desktop:max-w-full pr-5 pl-4;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;

      &.ui-dropdown__accent-outline {
        &.open {
          @apply border-isa-accent-blue;
        }
      }
    }
  }
}
